From 37aed537ce785aa143e4e77aa188f2d120d7155a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E5=BF=97=E5=8B=87?=
 <yanzhiyong@tiansuixiansheng.com>
Date: Wed, 4 Sep 2024 17:20:41 +0800
Subject: [PATCH] feat:Optimized code

---
 web/components/flow/canvas-node.tsx          |  6 +++---
 web/components/flow/node-renderer/upload.tsx | 14 +++-----------
 web/pages/construct/flow/canvas/index.tsx    |  9 ++-------
 web/utils/ctx-axios.ts                       |  6 +++---
 4 files changed, 11 insertions(+), 24 deletions(-)

diff --git a/web/components/flow/canvas-node.tsx b/web/components/flow/canvas-node.tsx
index cd9eaf578..c1c0d0abb 100644
--- a/web/components/flow/canvas-node.tsx
+++ b/web/components/flow/canvas-node.tsx
@@ -195,9 +195,9 @@ const CanvasNode: React.FC<CanvasNodeProps> = ({ data }) => {
         className={classNames(
           'h-auto rounded-xl shadow-md px-2 py-4 border bg-white dark:bg-zinc-800 cursor-grab flex flex-col space-y-2 text-sm',
           {
-            'w-80':node.tags.ui_size === 'middle'  || !node.tags.ui_size,
-            'w-256':node.tags.ui_size === 'small',
-            'w-530':node.tags.ui_size === 'large',
+            'w-80':node?.tags?.ui_size === 'middle'  || !node?.tags?.ui_size,
+            'w-[256px]':node?.tags?.ui_size === 'small',
+            'w-[530px]':node?.tags?.ui_size === 'large',
             'border-blue-500': node.selected || isHovered,
             'border-stone-400 dark:border-white': !node.selected && !isHovered,
             'border-dashed': flowType !== 'operator',
diff --git a/web/components/flow/node-renderer/upload.tsx b/web/components/flow/node-renderer/upload.tsx
index 49dc76aa5..d516338c7 100644
--- a/web/components/flow/node-renderer/upload.tsx
+++ b/web/components/flow/node-renderer/upload.tsx
@@ -39,8 +39,8 @@ export const renderUpload = (params: Props) => {
           })
         }
         setFileList(urlList)
-      }).catch((res)=>{
-        debugger
+      }).catch((error)=>{
+        console.log(error)
       })
     }
 
@@ -104,19 +104,11 @@ export const renderUpload = (params: Props) => {
 
   return (
     <div className='p-2 text-sm text-center'>
-      {data.is_list ? (
-        <Upload fileList={fileList} onRemove={handleFileRemove} {...props} {...attr} multiple={true} accept={uploadType}>
+        <Upload fileList={fileList} onRemove={handleFileRemove} {...props} {...attr} multiple={data.is_list?true:false} accept={uploadType}>
           <Button loading={uploading} icon={<UploadOutlined />}>
             {t('Upload_Data')}
           </Button>
         </Upload>
-      ) : (
-        <Upload fileList={fileList} onRemove={handleFileRemove} {...props} {...attr} multiple={false} accept={uploadType}>
-          <Button loading={uploading} icon={<UploadOutlined />}>
-            {t('Upload_Data')}
-          </Button>
-        </Upload>
-      )}
     </div>
   );
 };
diff --git a/web/pages/construct/flow/canvas/index.tsx b/web/pages/construct/flow/canvas/index.tsx
index 438a3ffb5..67ad93d3b 100644
--- a/web/pages/construct/flow/canvas/index.tsx
+++ b/web/pages/construct/flow/canvas/index.tsx
@@ -28,8 +28,7 @@ import 'reactflow/dist/style.css';
 
 const nodeTypes = { customNode: CanvasNode };
 const edgeTypes = { buttonedge: ButtonEdge };
-let importData :any= null
-const Canvas: React.FC = (props:any) => {
+const Canvas: React.FC = () => {
 
   const { t } = useTranslation();
   const [messageApi, contextHolder] = message.useMessage();
@@ -297,11 +296,7 @@ const Canvas: React.FC = (props:any) => {
   );
 };
 
-export default function CanvasWrapper(data:any) {
-  
-  importData = data
-  console.log(importData);
-
+export default function CanvasWrapper() {
   return (
     <ReactFlowProvider>
       <Canvas />
diff --git a/web/utils/ctx-axios.ts b/web/utils/ctx-axios.ts
index 94c01767c..f8b1ae696 100644
--- a/web/utils/ctx-axios.ts
+++ b/web/utils/ctx-axios.ts
@@ -1,14 +1,14 @@
 import axios from 'axios';
 
 const api = axios.create({
-  baseURL: process.env.API_BASE_URL,
+  baseURL: 'http://127.0.0.1:5670'
 });
 
 api.defaults.timeout = 10000;
 
 api.interceptors.response.use(
   response => response.data,
-  err => Promise.reject(err),
+	err => Promise.reject(err)
 );
 
-export default api;
+export default api;
\ No newline at end of file