feat:Optimized code

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',

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>
   );
 };

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 />

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;