fix:Description error

web/components/flow/node-param-handler.tsx

@@ -15,7 +15,7 @@ import {
   RenderTreeSelect,
   RenderTimePicker,
   RenderTextArea,
-  RenderUpdata,
+  RenderUpload,
   RenderCodeEditor,
 } from './node-renderer';
 import MonacoEditor from '@/components/chat/monaco-editor'
@@ -144,7 +144,7 @@ const NodeParamHandler: React.FC<NodeParamHandlerProps> = ({ node, data, label,
       case 'tree_select':
         return <RenderTreeSelect {...props} />;
       case 'upload':
-        return <RenderUpdata {...props} />;
+        return <RenderUpload {...props} />;
       case 'code_editor':
         return <RenderCodeEditor {...props} />;
       default:

web/components/flow/node-renderer/index.ts

@@ -9,4 +9,4 @@ export * from './slider';
 export * from './time-picker';
 export * from './tree-select';
 export * from './codeEditor';
-export * from './updata';
+export * from './upload';

web/components/flow/node-renderer/tree-select.tsx

@@ -1,8 +1,6 @@
 import React, { useState } from 'react';
 import { TreeSelect } from 'antd';
-import type { TreeSelectProps } from 'antd';
 import { IFlowNodeParameter } from '@/types/flow';
-import { Label } from '@mui/icons-material';
 import { convertKeysToCamelCase } from '@/utils/flow';
 
 type TextAreaProps = {
@@ -14,14 +12,6 @@ export const RenderTreeSelect = (params: TextAreaProps) => {
   const { data, defaultValue, onChange } = params;
   const attr = convertKeysToCamelCase(data.ui?.attr || {});
 
-  const [dropdownVisible, setDropdownVisible] = useState(false);
-
-  const handleDropdownVisibleChange = (visible: boolean | ((prevState: boolean) => boolean)) => {
-    setDropdownVisible(visible);
-  };
-  console.log(data);
-  
-
   return (
     <div className="p-2 text-sm">
       <TreeSelect
@@ -32,22 +22,7 @@ export const RenderTreeSelect = (params: TextAreaProps) => {
         treeDefaultExpandAll
         onChange={onChange}
         treeData={data.options}
-        onDropdownVisibleChange={handleDropdownVisibleChange}
       />
     </div>
-
-    // TODO: Implement the TreeSelect component
-    //   <TreeSelect
-    //   showSearch
-    //   style={{ width: '100%' }}
-    //   value={value}
-    //   dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
-    //   placeholder="Please select"
-    //   allowClear
-    //   treeDefaultExpandAll
-    //   onChange={onChange}
-    //   treeData={treeData}
-    //   getPopupContainer={() => document.body}
-    // />
   );
 };

web/components/flow/node-renderer/upload.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { UploadOutlined } from '@ant-design/icons';
 import type { UploadProps } from 'antd';
 import { Button, message, Upload } from 'antd';
+import { convertKeysToCamelCase } from '@/utils/flow';
 
 const props: UploadProps = {
   name: 'file',
@@ -21,12 +22,19 @@ const props: UploadProps = {
   },
 };
 
-export const RenderUpdata: React.FC = () => (
+export const RenderUpload: React.FC = (params) => (
+    const { data, defaultValue, onChange } = params;
+
+const attr = convertKeysToCamelCase(data.ui?.attr || {});
+
+return (
   <div style={{ textAlign: 'center' }} className="p-2 text-sm">
-        <Upload   {...props}>
+    <Upload {...attr}   {...props}>
       <Button icon={<UploadOutlined />}>上传数据</Button>
     </Upload>
   </div>
+)
+    
 
 );