From 7747dcbea6dde387a1a3dfe5857309d74c29b9c9 Mon Sep 17 00:00:00 2001
From: xion <xiongxiao1012@outlook.com>
Date: Tue, 8 Oct 2024 17:11:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20download=20=E6=A8=A1=E5=9D=97=E5=88=B0?=
 =?UTF-8?q?=E6=9C=AC=E5=9C=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/chat-manager/chat-prompt/List.tsx |  4 ++--
 src/pages/panel/edit/List.tsx               | 23 ++++++++++++++++++---
 src/pages/panel/store/edit.ts               | 15 ++++++++++++++
 src/pages/prompt/edit/List.tsx              | 17 ++++++++-------
 vite.config.ts                              |  5 +++++
 5 files changed, 52 insertions(+), 12 deletions(-)

diff --git a/src/pages/chat-manager/chat-prompt/List.tsx b/src/pages/chat-manager/chat-prompt/List.tsx
index 7775335..1d6eac0 100644
--- a/src/pages/chat-manager/chat-prompt/List.tsx
+++ b/src/pages/chat-manager/chat-prompt/List.tsx
@@ -113,8 +113,8 @@ export const List = () => {
   }, []);
   return (
     <div className='flex w-full h-full bg-slate-200'>
-      <div className='h-full bg-white flex-shrink-0 flex justify-center'>
-        <Button className='m-4' onClick={() => chatPromptStore.setShowEdit(true)} icon={<PlusOutlined />}></Button>
+      <div className='h-full p-2 bg-white flex-shrink-0 flex justify-center'>
+        <Button className='' onClick={() => chatPromptStore.setShowEdit(true)} icon={<PlusOutlined />}></Button>
       </div>
       <div className='p-4'>
         <div className='flex flex-wrap gap-4'>
diff --git a/src/pages/panel/edit/List.tsx b/src/pages/panel/edit/List.tsx
index e61c835..c25667e 100644
--- a/src/pages/panel/edit/List.tsx
+++ b/src/pages/panel/edit/List.tsx
@@ -7,7 +7,16 @@ import copy from 'copy-to-clipboard';
 import { useNavigate } from 'react-router';
 import { useToCodeEditor } from '@/pages/code-editor';
 import { CardBlank } from '@/components/card/CardBlank';
-import { CloudUploadOutlined, DeleteOutlined, EditOutlined, ForkOutlined, GoldOutlined, PlusOutlined, ToolOutlined } from '@ant-design/icons';
+import {
+  CloudDownloadOutlined,
+  CloudUploadOutlined,
+  DeleteOutlined,
+  EditOutlined,
+  ForkOutlined,
+  GoldOutlined,
+  PlusOutlined,
+  ToolOutlined,
+} from '@ant-design/icons';
 import { isObjectNull } from '@/utils/is-null';
 import { PublishFormModal } from './modal/PublishFormModal';
 
@@ -100,6 +109,7 @@ export const List = () => {
         getList: state.getList,
         loading: state.loading,
         setShowPublishModal: state.setShowPublishModal,
+        downloadData: state.downloadData,
       };
     }),
   );
@@ -108,11 +118,10 @@ export const List = () => {
   }, []);
 
   return (
-    <div className='w-full h-full flex'>
+    <div className='w-full h-full flex bg-gray-200'>
       <div className='p-2 bg-white rounded-r-lg'>
         <Button
           className='w-10 '
-          type='primary'
           icon={<PlusOutlined />}
           onClick={() => {
             editStore.setFormData({});
@@ -172,6 +181,14 @@ export const List = () => {
                             icon={<CloudUploadOutlined />}
                           />
                         </Tooltip>
+                        <Tooltip title='Download'>
+                          <Button
+                            onClick={() => {
+                              editStore.downloadData(item.id);
+                            }}
+                            icon={<CloudDownloadOutlined />}
+                          />
+                        </Tooltip>
                         <Tooltip title='delete'>
                           <Button
                             onClick={(e) => {
diff --git a/src/pages/panel/store/edit.ts b/src/pages/panel/store/edit.ts
index 2b12c7e..b03b2b7 100644
--- a/src/pages/panel/store/edit.ts
+++ b/src/pages/panel/store/edit.ts
@@ -16,6 +16,7 @@ type EditStore = {
   showPublishModal: boolean;
   setShowPublishModal: (showPublishModal: boolean) => void;
   publishData: (data: any) => Promise<void>;
+  downloadData: (data: any) => Promise<void>;
 };
 export const useEditStore = create<EditStore>((set, get) => {
   return {
@@ -73,6 +74,20 @@ export const useEditStore = create<EditStore>((set, get) => {
         message.error(res.message || 'Request failed');
       }
     },
+    downloadData: async (id) => {
+      const res = await query.post({
+        path: 'page',
+        key: 'download',
+        id: id,
+      });
+      if (res.code === 200) {
+        message.success('Success');
+        const url = new URL('resources/' + res.data, window.location.origin);
+        window.open(url.href, '_blank');
+      } else {
+        message.error(res.message || 'Request failed');
+      }
+    },
     deleteData: async (id) => {
       const { getList } = get();
       const res = await query.post({
diff --git a/src/pages/prompt/edit/List.tsx b/src/pages/prompt/edit/List.tsx
index f1dc406..c5b7e64 100644
--- a/src/pages/prompt/edit/List.tsx
+++ b/src/pages/prompt/edit/List.tsx
@@ -13,6 +13,7 @@ import { marked } from 'marked';
 import { extractKeysFromBraces } from '@/utils/extra';
 import { useAiStore } from '@/pages/ai-chat';
 import { CardBlank } from '@/components/card/CardBlank';
+import { isObjectNull } from '@/utils/is-null';
 
 const FormModal = () => {
   const [form] = Form.useForm();
@@ -30,14 +31,13 @@ const FormModal = () => {
   useEffect(() => {
     const open = promptStore.showEdit;
     if (open) {
-      const isNull = JSON.stringify(promptStore.formData) === '{}';
-      if (isNull) {
-        form.resetFields();
+      if (isObjectNull(promptStore.formData)) {
+        form.setFieldsValue({});
       } else {
         form.setFieldsValue(promptStore.formData || {});
       }
     }
-  }, [promptStore.showEdit]);
+  }, [promptStore.showEdit, promptStore.formData]);
   const onFinish = async (values: any) => {
     let other = {};
     if (!values.id) {
@@ -172,7 +172,9 @@ export const List = () => {
   return (
     <div className='w-full h-full flex flex-col'>
       <div className='flex flex-grow overflow-hidden h-full'>
-        <Button onClick={onAdd} type='primary' className='m-4 w-64 flex-shrink-0' icon={<PlusOutlined />}></Button>
+        <div className='p-2 bg-white'>
+          <Button onClick={onAdd} icon={<PlusOutlined />}></Button>
+        </div>
         <div className='flex-grow overflow-auto scrollbar bg-gray-100'>
           <div className='flex  flex-wrap   gap-x-10 gap-y-4 rounded pt-10  justify-center'>
             {promptStore.list.length > 0 &&
@@ -249,8 +251,9 @@ export const List = () => {
                           <Button
                             icon={<CaretRightOutlined />}
                             onClick={() => {
-                              aiStore.setKey(location.pathname);
-                              aiStore.setOpen(true);
+                              // aiStore.setKey(location.pathname);
+                              // aiStore.setOpen(true);
+                              message.error('Not implemented');
                             }}
                           />
                         </Button.Group>
diff --git a/vite.config.ts b/vite.config.ts
index db98e4d..95c7722 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -42,6 +42,11 @@ export default defineConfig({
         rewriteWsOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, '/api'),
       },
+      '/resources': {
+        target: 'https://envision.xiongxiao.me',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/resources/, '/resources'),
+      },
     },
   },
 });