diff --git a/web/components/flow/node-param-handler.tsx b/web/components/flow/node-param-handler.tsx
index adc9181e4..5fd982470 100644
--- a/web/components/flow/node-param-handler.tsx
+++ b/web/components/flow/node-param-handler.tsx
@@ -5,7 +5,7 @@ import RequiredIcon from './required-icon';
 import NodeHandler from './node-handler';
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { RenderSelect, RenderSlider, RenderTreeSelect, RenderTimePicker, RenderTextArea, RenderCascader } from './node-renderer';
-import { uiAtrrtUnderlineToHump } from '@/utils/flow'
+import { uiAtrrtUnderlineToHump } from '@/utils/flow';
 interface NodeParamHandlerProps {
   node: IFlowNode;
   data: IFlowNodeParameter;
@@ -104,25 +104,20 @@ const NodeParamHandler: React.FC<NodeParamHandlerProps> = ({ node, data, label,
   function renderNodeWithUiParam(data: IFlowNodeParameter) {
     let defaultValue = data.value !== null && data.value !== undefined ? data.value : data.default;
     if (data?.ui?.attr) {
-      uiAtrrtUnderlineToHump(data.ui.attr)
+      uiAtrrtUnderlineToHump(data.ui.attr);
     }
     // TODO: 根据ui_type渲染不同的组件
     switch (data?.ui?.ui_type) {
       case 'select':
         return <RenderSelect data={data} defaultValue={defaultValue} onChange={onChange} />;
-        break
       case 'text_area':
         return <RenderTextArea data={data} defaultValue={defaultValue} onChange={onChange} />;
-        break
       case 'slider':
         return <RenderSlider data={data} defaultValue={defaultValue} onChange={onChange} />;
-        break
       case 'time_picker':
         return <RenderTimePicker data={data} defaultValue={defaultValue} onChange={onChange} />;
-        break
       case 'tree_select':
         return <RenderTreeSelect data={data} defaultValue={defaultValue} onChange={onChange} />;
-        break
     }
   }
 
@@ -134,4 +129,3 @@ const NodeParamHandler: React.FC<NodeParamHandlerProps> = ({ node, data, label,
 };
 
 export default NodeParamHandler;
-
diff --git a/web/components/flow/node-renderer/index.ts b/web/components/flow/node-renderer/index.ts
index 163defb9d..61341fe58 100644
--- a/web/components/flow/node-renderer/index.ts
+++ b/web/components/flow/node-renderer/index.ts
@@ -1,6 +1,6 @@
-export * from "./select";
-export * from "./cascader";
-export * from "./textarea";
-export * from "./slider";
-export * from "./timePicker";
-export * from "./treeSelect";
\ No newline at end of file
+export * from './select';
+export * from './cascader';
+export * from './textarea';
+export * from './slider';
+export * from './timePicker';
+export * from './treeSelect';
diff --git a/web/components/flow/node-renderer/select.tsx b/web/components/flow/node-renderer/select.tsx
index 897d18522..06f86777c 100644
--- a/web/components/flow/node-renderer/select.tsx
+++ b/web/components/flow/node-renderer/select.tsx
@@ -1,21 +1,23 @@
-import { IFlowNodeParameter } from "@/types/flow";
-import { Select } from "antd";
+import { IFlowNodeParameter } from '@/types/flow';
+import { Select } from 'antd';
 
 type SelectProps = {
   data: IFlowNodeParameter;
   defaultValue: any;
   onChange: (value: any) => void;
-}
+};
 
 export const RenderSelect = (params: SelectProps) => {
   const { data, defaultValue, onChange } = params;
 
-  return data.options?.length > 0 && (
-    <Select
-      className="w-full nodrag"
-      defaultValue={defaultValue}
-      options={data.options.map((item: any) => ({ label: item.label, value: item.value }))}
-      onChange={onChange}
-    />
-  ) 
-}
+  return (
+    data.options?.length > 0 && (
+      <Select
+        className="w-full nodrag"
+        defaultValue={defaultValue}
+        options={data.options.map((item: any) => ({ label: item.label, value: item.value }))}
+        onChange={onChange}
+      />
+    )
+  );
+};
diff --git a/web/components/flow/node-renderer/slider.tsx b/web/components/flow/node-renderer/slider.tsx
index 5233fdb33..8a60715bb 100644
--- a/web/components/flow/node-renderer/slider.tsx
+++ b/web/components/flow/node-renderer/slider.tsx
@@ -1,53 +1,38 @@
-import { IFlowNodeParameter } from "@/types/flow";
+import { IFlowNodeParameter } from '@/types/flow';
 import { Col, InputNumber, Row, Slider, Space } from 'antd';
-import { uiAtrrtUnderlineToHump } from '@/utils/flow'
 import type { InputNumberProps } from 'antd';
 import React, { useState } from 'react';
 
-
 type TextAreaProps = {
   data: IFlowNodeParameter;
   defaultValue: any;
   onChange: (value: any) => void;
-}
-
-
-
+};
 
 export const RenderSlider = (params: TextAreaProps) => {
-    const { data, defaultValue, onChange } = params;
+  const { data, defaultValue, onChange } = params;
+
+  const [inputValue, setInputValue] = useState(defaultValue);
 
-    const [inputValue, setInputValue] = useState(defaultValue);
+  const onChangeSlider: InputNumberProps['onChange'] = (newValue) => {
+    setInputValue(newValue as number);
+    onChange(newValue as number);
+  };
 
-    const onChangeSlider: InputNumberProps['onChange'] = (newValue) => {
-      setInputValue(newValue as number);
-      onChange(newValue as number)
-    };
   return (
     <>
-    {data?.ui?.show_input ? <Row>
-      <Col span={12}>
-        <Slider
-        {...data.ui.attr} 
-        onChange={onChangeSlider}
-          value={typeof inputValue === 'number' ? inputValue : 0}
-        />
-      </Col>
-     <Col span={4}>
-        <InputNumber
-         {...data.ui.attr} 
-          style={{ margin: '0 16px' }}
-          value={inputValue}
-          onChange={onChangeSlider}
-        />
-      </Col>
-    </Row>:
-     <Slider
-     {...data.ui.attr} 
-       onChange={onChangeSlider}
-       value={typeof inputValue === 'number' ? inputValue : 0}
-     />
-}
+      {data?.ui?.show_input ? (
+        <Row>
+          <Col span={12}>
+            <Slider {...data.ui.attr} onChange={onChangeSlider} value={typeof inputValue === 'number' ? inputValue : 0} />
+          </Col>
+          <Col span={4}>
+            <InputNumber {...data.ui.attr} style={{ margin: '0 16px' }} value={inputValue} onChange={onChangeSlider} />
+          </Col>
+        </Row>
+      ) : (
+        <Slider {...data.ui.attr} onChange={onChangeSlider} value={typeof inputValue === 'number' ? inputValue : 0} />
+      )}
     </>
-     ) 
-}
+  );
+};
diff --git a/web/components/flow/node-renderer/sliderList.tsx b/web/components/flow/node-renderer/sliderList.tsx
index 5233fdb33..6a7f72610 100644
--- a/web/components/flow/node-renderer/sliderList.tsx
+++ b/web/components/flow/node-renderer/sliderList.tsx
@@ -1,53 +1,36 @@
-import { IFlowNodeParameter } from "@/types/flow";
+import { IFlowNodeParameter } from '@/types/flow';
 import { Col, InputNumber, Row, Slider, Space } from 'antd';
-import { uiAtrrtUnderlineToHump } from '@/utils/flow'
 import type { InputNumberProps } from 'antd';
 import React, { useState } from 'react';
 
-
 type TextAreaProps = {
   data: IFlowNodeParameter;
   defaultValue: any;
   onChange: (value: any) => void;
-}
-
-
-
+};
 
 export const RenderSlider = (params: TextAreaProps) => {
-    const { data, defaultValue, onChange } = params;
-
-    const [inputValue, setInputValue] = useState(defaultValue);
+  const { data, defaultValue, onChange } = params;
+  const [inputValue, setInputValue] = useState(defaultValue);
 
-    const onChangeSlider: InputNumberProps['onChange'] = (newValue) => {
-      setInputValue(newValue as number);
-      onChange(newValue as number)
-    };
+  const onChangeSlider: InputNumberProps['onChange'] = (newValue) => {
+    setInputValue(newValue as number);
+    onChange(newValue as number);
+  };
   return (
     <>
-    {data?.ui?.show_input ? <Row>
-      <Col span={12}>
-        <Slider
-        {...data.ui.attr} 
-        onChange={onChangeSlider}
-          value={typeof inputValue === 'number' ? inputValue : 0}
-        />
-      </Col>
-     <Col span={4}>
-        <InputNumber
-         {...data.ui.attr} 
-          style={{ margin: '0 16px' }}
-          value={inputValue}
-          onChange={onChangeSlider}
-        />
-      </Col>
-    </Row>:
-     <Slider
-     {...data.ui.attr} 
-       onChange={onChangeSlider}
-       value={typeof inputValue === 'number' ? inputValue : 0}
-     />
-}
+      {data?.ui?.show_input ? (
+        <Row>
+          <Col span={12}>
+            <Slider {...data.ui.attr} onChange={onChangeSlider} value={typeof inputValue === 'number' ? inputValue : 0} />
+          </Col>
+          <Col span={4}>
+            <InputNumber {...data.ui.attr} style={{ margin: '0 16px' }} value={inputValue} onChange={onChangeSlider} />
+          </Col>
+        </Row>
+      ) : (
+        <Slider {...data.ui.attr} onChange={onChangeSlider} value={typeof inputValue === 'number' ? inputValue : 0} />
+      )}
     </>
-     ) 
-}
+  );
+};
diff --git a/web/components/flow/node-renderer/textarea.tsx b/web/components/flow/node-renderer/textarea.tsx
index 3fcb6ff80..3ba9e082d 100644
--- a/web/components/flow/node-renderer/textarea.tsx
+++ b/web/components/flow/node-renderer/textarea.tsx
@@ -1,6 +1,6 @@
-import { IFlowNodeParameter } from "@/types/flow";
+import { IFlowNodeParameter } from '@/types/flow';
 import { Input } from 'antd';
-import { uiAtrrtUnderlineToHump } from '@/utils/flow'
+import { uiAtrrtUnderlineToHump } from '@/utils/flow';
 
 const { TextArea } = Input;
 
@@ -8,15 +8,11 @@ type TextAreaProps = {
   data: IFlowNodeParameter;
   defaultValue: any;
   onChange: (value: any) => void;
-}
-
+};
 
 export const RenderTextArea = (params: TextAreaProps) => {
   const { data, defaultValue, onChange } = params;
-  if(data?.ui?.autosize){
-    uiAtrrtUnderlineToHump(data.ui.autosize)
-  }
-  return (
-    <TextArea {...data.ui.attr} defaultValue={defaultValue} onChange={(e) => onChange(e.target.value)}   {...data.ui.autosize}  rows={4} />
-  ) 
-}
+  uiAtrrtUnderlineToHump(data?.ui?.attr?.autosize || {});
+
+  return <TextArea {...data.ui.attr} defaultValue={defaultValue} onChange={(e) => onChange(e.target.value)} {...data.ui.autosize} rows={4} />;
+};
diff --git a/web/components/flow/node-renderer/timePicker.tsx b/web/components/flow/node-renderer/timePicker.tsx
index cfa511464..f86088508 100644
--- a/web/components/flow/node-renderer/timePicker.tsx
+++ b/web/components/flow/node-renderer/timePicker.tsx
@@ -1,34 +1,23 @@
 import React, { useState } from 'react';
 import type { TimePickerProps } from 'antd';
 import { TimePicker } from 'antd';
-
-
-import { IFlowNodeParameter } from "@/types/flow";
+import { IFlowNodeParameter } from '@/types/flow';
 
 type TextAreaProps = {
-    data: IFlowNodeParameter;
-    defaultValue: any;
-    onChange: (value: any) => void;
-  }
+  data: IFlowNodeParameter;
+  defaultValue: any;
+  onChange: (value: any) => void;
+};
 export const RenderTimePicker = (params: TextAreaProps) => {
-    const { data, defaultValue, onChange } = params;
-    const [value, setValue] = useState(defaultValue);
-
-    // dayjs.extend(customParseFormat);
+  const { data, defaultValue, onChange } = params;
+  const [value, setValue] = useState(defaultValue);
 
-    const onChangeTime: TimePickerProps['onChange'] = (time, timeString) => {
-    //   console.log(timeString);
-      onChange(timeString)
-      setValue(time)
-    };
+  // dayjs.extend(customParseFormat);
 
-    return (
-        <TimePicker
-         style={{ width: '100%' }}
-        {...data.ui.attr} value={value} 
-        onChange={onChangeTime} />
-        )
-    
+  const onChangeTime: TimePickerProps['onChange'] = (time, timeString) => {
+    onChange(timeString);
+    setValue(time);
+  };
 
-    }
-  
\ No newline at end of file
+  return <TimePicker style={{ width: '100%' }} {...data.ui.attr} value={value} onChange={onChangeTime} />;
+};
diff --git a/web/components/flow/node-renderer/treeSelect.tsx b/web/components/flow/node-renderer/treeSelect.tsx
index e78cf72b7..508407217 100644
--- a/web/components/flow/node-renderer/treeSelect.tsx
+++ b/web/components/flow/node-renderer/treeSelect.tsx
@@ -1,94 +1,97 @@
 import React, { useState } from 'react';
 import { TreeSelect } from 'antd';
 import type { TreeSelectProps } from 'antd';
-import { IFlowNodeParameter } from "@/types/flow";
+import { IFlowNodeParameter } from '@/types/flow';
 import { Label } from '@mui/icons-material';
 
 type TextAreaProps = {
-    data: IFlowNodeParameter;
-    defaultValue: any;
-    onChange: (value: any) => void;
-  }
-  const treeData = [
-    {
-      value: 'parent 1',
-      title: 'parent 1',
-      children: [
-        {
-          value: 'parent 1-0',
-          title: 'parent 1-0',
-          children: [
-            {
-              value: 'leaf1',
-              title: 'leaf1',
-            },
-            {
-              value: 'leaf2',
-              title: 'leaf2',
-            },
-            {
-              value: 'leaf3',
-              title: 'leaf3',
-            },      {
-                value: 'leaf4',
-                title: 'leaf4',
-              },
-              {
-                value: 'leaf5',
-                title: 'leaf5',
-              },
-              {
-                value: 'leaf6',
-                title: 'leaf6',
-              },
-            ],
+  data: IFlowNodeParameter;
+  defaultValue: any;
+  onChange: (value: any) => void;
+};
+const treeData = [
+  {
+    value: 'parent 1',
+    title: 'parent 1',
+    children: [
+      {
+        value: 'parent 1-0',
+        title: 'parent 1-0',
+        children: [
+          {
+            value: 'leaf1',
+            title: 'leaf1',
+          },
+          {
+            value: 'leaf2',
+            title: 'leaf2',
+          },
+          {
+            value: 'leaf3',
+            title: 'leaf3',
+          },
+          {
+            value: 'leaf4',
+            title: 'leaf4',
           },
           {
-            value: 'parent 1-1',
-            title: 'parent 1-1',
-            children: [
-              {
-                value: 'leaf11',
-                title: <b style={{ color: '#08c' }}>leaf11</b>,
-              },
-            ],
-        },
-      ],
-    },
-  ];
-  export const RenderTreeSelect = (params: TextAreaProps) => {
-    const { data, defaultValue, onChange } = params;
-    // console.log(data.options);
-    // const [value, setValue] = useState<string>();
+            value: 'leaf5',
+            title: 'leaf5',
+          },
+          {
+            value: 'leaf6',
+            title: 'leaf6',
+          },
+        ],
+      },
+      {
+        value: 'parent 1-1',
+        title: 'parent 1-1',
+        children: [
+          {
+            value: 'leaf11',
+            title: <b style={{ color: '#08c' }}>leaf11</b>,
+          },
+        ],
+      },
+    ],
+  },
+];
+export const RenderTreeSelect = (params: TextAreaProps) => {
+  const { data, defaultValue, onChange } = params;
+  // console.log(data.options);
+  // const [value, setValue] = useState<string>();
+
+  // const onChange = (newValue: string) => {
+  //   setValue(newValue);
+  // };
+  const [dropdownVisible, setDropdownVisible] = useState(false);
+
+  const handleDropdownVisibleChange = (visible: boolean | ((prevState: boolean) => boolean)) => {
+    setDropdownVisible(visible);
+
+    // 你可以在这里执行更多的逻辑，比如发送请求、更新状态等
+    console.log('Dropdown is now:', visible ? 'visible' : 'hidden');
+  };
 
-    // const onChange = (newValue: string) => {
-    //   setValue(newValue);
-    // };
-    const [dropdownVisible, setDropdownVisible] = useState(false);  
-  
-    const handleDropdownVisibleChange = (visible) => {  
-      setDropdownVisible(visible);  
-      // 你可以在这里执行更多的逻辑，比如发送请求、更新状态等  
-      console.log('Dropdown is now:', visible ? 'visible' : 'hidden');  
-    };  
-    const focuss = ()=>{
-        console.log('focus==========');
-        
-    }
-    return (
-        <TreeSelect
-        fieldNames={{ label: 'label', value: 'value', children: 'children' }}  
-        {...data.ui.attr} 
-          style={{ width: '100%' }}
-          value={defaultValue}
-          treeDefaultExpandAll
-          onChange={onChange}
-          treeData={data.options}
-          onDropdownVisibleChange={handleDropdownVisibleChange}  
+  const focus = () => {
+    // console.log('focus==========');
+  };
 
-        />
+  return (
+    <TreeSelect
+      fieldNames={{ label: 'label', value: 'value', children: 'children' }}
+      {...data.ui.attr}
+      style={{ width: '100%' }}
+      value={defaultValue}
+      treeDefaultExpandAll
+      onChange={onChange}
+      treeData={data.options}
+      onDropdownVisibleChange={handleDropdownVisibleChange}
+    />
 
-    //     <TreeSelect
+    // TODO: Implement the TreeSelect component
+    //   <TreeSelect
     //   showSearch
     //   style={{ width: '100%' }}
     //   value={value}
@@ -100,5 +103,5 @@ type TextAreaProps = {
     //   treeData={treeData}
     //   getPopupContainer={() => document.body}
     // />
-      );
-}
+  );
+};
diff --git a/web/types/flow.ts b/web/types/flow.ts
index 0c21544e7..b62df1840 100644
--- a/web/types/flow.ts
+++ b/web/types/flow.ts
@@ -58,12 +58,6 @@ export type IFlowNodeParameterUI = {
     disabled: boolean;
     [key: string]: any;
   };
-  autosize: {
-    minRows: number;
-    maxRows: number; 
-    min_rows: number;
-    max_rows: number;
-  };
   show_input: boolean;
 };