diff --git a/src/pages/flowEditor/nodeEditors/LocalNodeEditor.tsx b/src/pages/flowEditor/nodeEditors/LocalNodeEditor.tsx
index ca92d67..a759004 100644
--- a/src/pages/flowEditor/nodeEditors/LocalNodeEditor.tsx
+++ b/src/pages/flowEditor/nodeEditors/LocalNodeEditor.tsx
@@ -1,87 +1,62 @@
 import React from 'react';
 import { NodeEditorProps } from './index';
-import { Form, Input, Switch, Select } from '@arco-design/web-react';
+import { Form, Input } from '@arco-design/web-react';
+import ConditionEditor from './components/ConditionEditor';
+import AndEditor from './components/AndEditor';
+import OrEditor from './components/OrEditor';
+import WaitEditor from './components/WaitEditor';
+import LoopEditor from './components/LoopEditor';
+import CycleEditor from './components/CycleEditor';
+import EventListenEditor from './components/EventListenEditor';
+import EventSendEditor from './components/EventSendEditor';
+import JsonToStringEditor from './components/JsonToStringEditor';
+import StringToJsonEditor from './components/StringToJsonEditor';
+import JsonConvertEditor from './components/JsonConvertEditor';
+import ResultEditor from './components/ResultEditor';
+import ImageEditor from './components/ImageEditor';
+import CodeEditor from './components/CodeEditor';
+import RestEditor from './components/RestEditor';
 
 const LocalNodeEditor: React.FC<NodeEditorProps> = ({
-  node,
-  nodeData,
-  updateNodeData
-}) => {
+                                                      node,
+                                                      nodeData,
+                                                      updateNodeData
+                                                    }) => {
   // 根据LocalNode的不同类型渲染不同的编辑界面
   const renderLocalNodeEditor = () => {
     const localNodeType = nodeData.type || '';
-    
+
     switch (localNodeType) {
-      case 'CONDITION':
-        return (
-          <>
-            <Form.Item label="节点标题">
-              <Input
-                value={nodeData.title || ''}
-                onChange={(value) => updateNodeData('title', value)}
-              />
-            </Form.Item>
-            <Form.Item label="条件表达式">
-              <Input.TextArea
-                value={nodeData.expression || ''}
-                onChange={(value) => updateNodeData('expression', value)}
-                placeholder="请输入条件表达式"
-              />
-            </Form.Item>
-            <Form.Item label="是否启用">
-              <Switch
-                checked={nodeData.enabled || false}
-                onChange={(value) => updateNodeData('enabled', value)}
-              />
-            </Form.Item>
-          </>
-        );
-      
-      case 'WAIT':
-        return (
-          <>
-            <Form.Item label="节点标题">
-              <Input
-                value={nodeData.title || ''}
-                onChange={(value) => updateNodeData('title', value)}
-              />
-            </Form.Item>
-            <Form.Item label="等待时间(秒)">
-              <Input
-                value={nodeData.waitTime || ''}
-                onChange={(value) => updateNodeData('waitTime', value)}
-                type="number"
-              />
-            </Form.Item>
-          </>
-        );
-      
-      case 'LOOP':
-        return (
-          <>
-            <Form.Item label="节点标题">
-              <Input
-                value={nodeData.title || ''}
-                onChange={(value) => updateNodeData('title', value)}
-              />
-            </Form.Item>
-            <Form.Item label="循环次数">
-              <Input
-                value={nodeData.loopCount || ''}
-                onChange={(value) => updateNodeData('loopCount', value)}
-                type="number"
-              />
-            </Form.Item>
-            <Form.Item label="循环条件">
-              <Input.TextArea
-                value={nodeData.condition || ''}
-                onChange={(value) => updateNodeData('condition', value)}
-                placeholder="请输入循环条件"
-              />
-            </Form.Item>
-          </>
-        );
-      
+      case 'CONDITION': // 条件选择
+        return <ConditionEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'AND': // 与门
+        return <AndEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'OR': // 或门
+        return <OrEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'WAIT': // 等待
+        return <WaitEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'LOOP': // 循环
+        return <LoopEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'CYCLE': // 周期
+        return <CycleEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'EVENTLISTENE': // 事件接收
+        return <EventListenEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'EVENTSEND': // 事件发送
+        return <EventSendEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'JSON2STR': // JSON转字符串
+        return <JsonToStringEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'STR2JSON': // 字符串转JSON
+        return <StringToJsonEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'JSONCONVERT': // JSON封装
+        return <JsonConvertEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'RESULT': // 结果展示
+        return <ResultEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'IMAGE': // 图片展示
+        return <ImageEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'CODE': // 代码编辑器
+        return <CodeEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
+      case 'REST': // REST调用
+        return <RestEditor nodeData={nodeData} updateNodeData={updateNodeData} />;
       default:
         return (
           <>
diff --git a/src/pages/flowEditor/nodeEditors/components/AndEditor.tsx b/src/pages/flowEditor/nodeEditors/components/AndEditor.tsx
new file mode 100644
index 0000000..f220811
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/AndEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const AndEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default AndEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/CodeEditor.tsx b/src/pages/flowEditor/nodeEditors/components/CodeEditor.tsx
new file mode 100644
index 0000000..d62f5fc
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/CodeEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const CodeEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default CodeEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/ConditionEditor.tsx b/src/pages/flowEditor/nodeEditors/components/ConditionEditor.tsx
new file mode 100644
index 0000000..8086479
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/ConditionEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const ConditionEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default ConditionEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/CycleEditor.tsx b/src/pages/flowEditor/nodeEditors/components/CycleEditor.tsx
new file mode 100644
index 0000000..e8671b3
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/CycleEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const CycleEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default CycleEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/EventListenEditor.tsx b/src/pages/flowEditor/nodeEditors/components/EventListenEditor.tsx
new file mode 100644
index 0000000..4c907a4
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/EventListenEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const EventListenEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default EventListenEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/EventSendEditor.tsx b/src/pages/flowEditor/nodeEditors/components/EventSendEditor.tsx
new file mode 100644
index 0000000..dbf074a
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/EventSendEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const EventSendEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default EventSendEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/ImageEditor.tsx b/src/pages/flowEditor/nodeEditors/components/ImageEditor.tsx
new file mode 100644
index 0000000..07ec0f2
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/ImageEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const ImageEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default ImageEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/JsonConvertEditor.tsx b/src/pages/flowEditor/nodeEditors/components/JsonConvertEditor.tsx
new file mode 100644
index 0000000..989897b
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/JsonConvertEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const JsonConvertEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default JsonConvertEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/JsonToStringEditor.tsx b/src/pages/flowEditor/nodeEditors/components/JsonToStringEditor.tsx
new file mode 100644
index 0000000..43fc0a0
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/JsonToStringEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const JsonToStringEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default JsonToStringEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/LoopEditor.tsx b/src/pages/flowEditor/nodeEditors/components/LoopEditor.tsx
new file mode 100644
index 0000000..c013d0a
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/LoopEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const LoopEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default LoopEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/OrEditor.tsx b/src/pages/flowEditor/nodeEditors/components/OrEditor.tsx
new file mode 100644
index 0000000..5658886
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/OrEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const OrEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default OrEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/RestEditor.tsx b/src/pages/flowEditor/nodeEditors/components/RestEditor.tsx
new file mode 100644
index 0000000..ec7158d
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/RestEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const RestEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default RestEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/ResultEditor.tsx b/src/pages/flowEditor/nodeEditors/components/ResultEditor.tsx
new file mode 100644
index 0000000..7b020dd
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/ResultEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const ResultEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default ResultEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/StringToJsonEditor.tsx b/src/pages/flowEditor/nodeEditors/components/StringToJsonEditor.tsx
new file mode 100644
index 0000000..9a65465
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/StringToJsonEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const StringToJsonEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default StringToJsonEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/components/WaitEditor.tsx b/src/pages/flowEditor/nodeEditors/components/WaitEditor.tsx
new file mode 100644
index 0000000..2766e32
--- /dev/null
+++ b/src/pages/flowEditor/nodeEditors/components/WaitEditor.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
+import { Typography } from '@arco-design/web-react';
+import { IconUnorderedList } from '@arco-design/web-react/icon';
+import ParamsTable from './ParamsTable';
+
+const WaitEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
+  return (
+    <>
+      <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
+      <ParamsTable
+        initialData={nodeData.parameters.dataIns || []}
+        onUpdateData={(data) => {
+          updateNodeData('parameters', {
+            ...nodeData.parameters,
+            dataIns: data
+          });
+        }}
+      />
+    </>
+  );
+};
+
+export default WaitEditor;
\ No newline at end of file
diff --git a/src/pages/flowEditor/nodeEditors/index.tsx b/src/pages/flowEditor/nodeEditors/index.tsx
index 608db0b..efe2ef4 100644
--- a/src/pages/flowEditor/nodeEditors/index.tsx
+++ b/src/pages/flowEditor/nodeEditors/index.tsx
@@ -7,7 +7,7 @@ import LocalNodeEditor from './LocalNodeEditor';
 
 // 定义节点编辑器的属性接口
 export interface NodeEditorProps {
-  node: Node;
+  node?: Node;
   nodeData: any;
   updateNodeData: (key: string, value: any) => void;
 }