From 1a20d6084131281b2a95d8b6e4738e1b8f88c135 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Liu=20=E5=AE=87=E9=98=B3?= <liuyuyang1024@yeah.net>
Date: Wed, 13 Nov 2024 13:08:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=EF=BC=9A=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/Project.ts                         |  4 ++-
 src/pages/Setup/components/Theme/index.tsx | 40 ++++++++++++++++++++--
 src/pages/Setup/components/Web/index.tsx   |  4 +--
 src/types/app/project.d.ts                 |  8 +++--
 src/utils/request.ts                       |  4 +--
 5 files changed, 49 insertions(+), 11 deletions(-)

diff --git a/src/api/Project.ts b/src/api/Project.ts
index 83f1327..333b593 100644
--- a/src/api/Project.ts
+++ b/src/api/Project.ts
@@ -12,6 +12,8 @@ export const editWebDataAPI = (data: Web) => Request<Web>("PATCH", "/project/web
 
 // 获取主题配置信息
 export const getThemeDataAPI = () => Request<Theme>("GET", "/project/theme")
+// export const getThemeDataAPI = () => Request<Theme>("GET", "/project/layout")
 
 // 修改主题配置信息
-export const editThemeDataAPI = (data: Theme) => Request<Theme>("PATCH", "/project/theme", { data })
\ No newline at end of file
+export const editThemeDataAPI = (data: Theme) => Request<Theme>("PATCH", "/project/theme", { data })
+// export const editThemeDataAPI = (data: Theme) => Request<Theme>("PATCH", "/project/layout", { data })
\ No newline at end of file
diff --git a/src/pages/Setup/components/Theme/index.tsx b/src/pages/Setup/components/Theme/index.tsx
index a539c33..0c25e91 100644
--- a/src/pages/Setup/components/Theme/index.tsx
+++ b/src/pages/Setup/components/Theme/index.tsx
@@ -7,8 +7,10 @@ import FileUpload from '@/components/FileUpload';
 
 const ThemePage = () => {
     const [loading, setLoading] = useState<boolean>(false);
-    const [swiperText, setSwiperText] = useState<string>('');
     const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
+    const [swiperText, setSwiperText] = useState<string>('');
+    const [social, setSocial] = useState<string>('');
+    const [cover, setCover] = useState<string>('');
     const [theme, setTheme] = useState<Theme>({} as Theme);
 
     const onSidebar = (value: string) => {
@@ -25,6 +27,9 @@ const ThemePage = () => {
 
         const swiperText = JSON.parse(data.swiperText)
         setSwiperText(swiperText.join('\n'));
+
+        setSocial(JSON.parse(data.social).join("\n"));
+        setCover(JSON.parse(data.covers).join("\n"));
         setLoading(false);
     };
 
@@ -34,7 +39,14 @@ const ThemePage = () => {
 
     const editLayoutData = async () => {
         setLoading(true);
-        const updatedLayout = { ...theme, swiperText: JSON.stringify(swiperText.split('\n')) };
+
+        const updatedLayout = {
+            ...theme,
+            swiperText: JSON.stringify(swiperText.split('\n')),
+            social: JSON.stringify(social.split('\n')),
+            covers: JSON.stringify(cover.split('\n'))
+        };
+
         await editThemeDataAPI(updatedLayout);
         notification.success({
             message: '成功',
@@ -84,6 +96,28 @@ const ThemePage = () => {
                         <Alert message="以换行分隔，每行表示一段文本" type="info" className="mt-2" />
                     </div>
 
+                    <Divider orientation="left">社交网站</Divider>
+                    <div className="mb-8">
+                        <Input.TextArea
+                            value={social}
+                            onChange={(e) => setSocial(e.target.value)}
+                            autoSize={{ minRows: 2, maxRows: 4 }}
+                            size='large'
+                        />
+                        <Alert message="以换行分隔，每行表示一段文本" type="info" className="mt-2" />
+                    </div>
+
+                    <Divider orientation="left">文章随机封面</Divider>
+                    <div className="mb-8">
+                        <Input.TextArea
+                            value={cover}
+                            onChange={(e) => setCover(e.target.value)}
+                            autoSize={{ minRows: 2, maxRows: 4 }}
+                            size='large'
+                        />
+                        <Alert message="以换行分隔，每行表示一段文本" type="info" className="mt-2" />
+                    </div>
+
                     <Divider orientation="left">侧边栏</Divider>
                     <div className='overflow-auto w-full'>
                         <div className="sidebar w-[750px] flex mb-4">
@@ -128,4 +162,4 @@ const ThemePage = () => {
     );
 };
 
-export default ThemePage;
+export default ThemePage;
\ No newline at end of file
diff --git a/src/pages/Setup/components/Web/index.tsx b/src/pages/Setup/components/Web/index.tsx
index 4e06420..e9e59c4 100644
--- a/src/pages/Setup/components/Web/index.tsx
+++ b/src/pages/Setup/components/Web/index.tsx
@@ -97,7 +97,7 @@ const WebPage = () => {
                     <Input placeholder="Java,前端,Python" />
                 </Form.Item>
 
-                <Form.Item
+                {/* <Form.Item
                     label="随机文章封面"
                     name="covers"
                     rules={[{ required: true, message: '网站随机封面不能为空' }]}
@@ -117,7 +117,7 @@ const WebPage = () => {
                         autoSize={{ minRows: 2, maxRows: 10 }}
                         placeholder="社交账号"
                     />
-                </Form.Item>
+                </Form.Item> */}
 
                 <Form.Item
                     label="底部信息"
diff --git a/src/types/app/project.d.ts b/src/types/app/project.d.ts
index b35cc7f..5efbd09 100644
--- a/src/types/app/project.d.ts
+++ b/src/types/app/project.d.ts
@@ -19,8 +19,8 @@ export interface Web {
     keyword: string,
     footer: string,
     // font: string,
-    social: string,
-    covers: string
+    // social: string,
+    // covers: string
 }
 
 export type ArticleLayout = "classics" | "card" | "waterfall" | ""
@@ -31,5 +31,7 @@ export interface Theme {
     isArticleLayout: string,
     rightSidebar: string,
     swiperImage: string,
-    swiperText: string
+    swiperText: string,
+    social: string,
+    covers: string
 }
\ No newline at end of file
diff --git a/src/utils/request.ts b/src/utils/request.ts
index 501f032..2251db8 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -3,8 +3,8 @@ import { Modal, notification } from "antd";
 import { useUserStore } from "@/stores";
 
 // 配置项目API域名
-// export const baseURL = "http://localhost:9003/api";
-export const baseURL = "https://api.liuyuyang.net/api";
+export const baseURL = "http://localhost:9003/api";
+// export const baseURL = "https://api.liuyuyang.net/api";
 
 // 创建 axios 实例
 export const instance = axios.create({