From 8cdf4ff31890195ff6f16bd05d8f062dfe5cc57d Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Fri, 20 Dec 2024 14:33:23 +0800
Subject: [PATCH] 1

---
 .../Design/components/NodeConfigModal.tsx     | 64 ++++++-------------
 1 file changed, 19 insertions(+), 45 deletions(-)

diff --git a/frontend/src/pages/Workflow/Definition/Design/components/NodeConfigModal.tsx b/frontend/src/pages/Workflow/Definition/Design/components/NodeConfigModal.tsx
index baf101ba..dac1f2ce 100644
--- a/frontend/src/pages/Workflow/Definition/Design/components/NodeConfigModal.tsx
+++ b/frontend/src/pages/Workflow/Definition/Design/components/NodeConfigModal.tsx
@@ -124,32 +124,6 @@ const NodeConfigDrawer: React.FC<NodeConfigDrawerProps> = ({
         }
     };
 
-    const renderFormItems = () => {
-        if (!nodeDefinition?.graphConfig.configSchema) {
-            console.log('NodeConfigModal - No configSchema found');
-            return null;
-        }
-
-        const {configSchema} = nodeDefinition.graphConfig;
-        console.log('NodeConfigModal - Rendering form items with schema:', configSchema);
-
-        const formItems: ReactNode[] = [];
-
-        // 根据 configSchema 生成表单项
-        if (configSchema.properties) {
-            Object.entries(configSchema.properties).forEach(([key, property]) => {
-                console.log('NodeConfigModal - Rendering field:', key, property);
-                const isRequired = configSchema.required?.includes(key) || false;
-                const formItem = renderFormItem(key, property, isRequired);
-                if (formItem) {
-                    formItems.push(formItem);
-                }
-            });
-        }
-
-        return formItems;
-    };
-
     return (
         <Drawer
             title={`编辑节点 - ${nodeDefinition?.nodeName || ''}`}
@@ -167,25 +141,25 @@ const NodeConfigDrawer: React.FC<NodeConfigDrawerProps> = ({
             }
         >
             <Form form={form} layout="vertical">
-                <Tabs>
-                    {nodeDefinition?.panelVariablesSchema && (
-                        <Tabs.TabPane tab="面板变量" key="panel">
-                            {Object.entries(nodeDefinition.panelVariablesSchema.properties).map(([key, property]) => {
-                                const required = nodeDefinition.panelVariablesSchema?.properties.required?.includes(key) || false;
-                                return renderFormItem(key, property as SchemaProperty, required, false);
-                            })}
-                        </Tabs.TabPane>
-                    )}
-                    {nodeDefinition?.localVariablesSchema && (
-                        <Tabs.TabPane tab="环境变量" key="local">
-                            {Object.entries(nodeDefinition.localVariablesSchema.properties).map(([key, property]) => {
-                                console.log('NodeConfigModal - Local Schema Property:', key, property);
-                                const required = nodeDefinition.localVariablesSchema?.properties.required?.includes(key) || false;
-                                return renderFormItem(key, property as SchemaProperty, required, true);
-                            })}
-                        </Tabs.TabPane>
-                    )}
-                </Tabs>
+                <Tabs items={[
+                    nodeDefinition?.panelVariablesSchema && {
+                        key: 'panel',
+                        label: '面板变量',
+                        children: Object.entries(nodeDefinition.panelVariablesSchema.properties).map(([key, property]) => {
+                            const required = nodeDefinition.panelVariablesSchema?.properties.required?.includes(key) || false;
+                            return renderFormItem(key, property as SchemaProperty, required, false);
+                        })
+                    },
+                    nodeDefinition?.localVariablesSchema && {
+                        key: 'local',
+                        label: '环境变量',
+                        children: Object.entries(nodeDefinition.localVariablesSchema.properties).map(([key, property]) => {
+                            console.log('NodeConfigModal - Local Schema Property:', key, property);
+                            const required = nodeDefinition.localVariablesSchema?.properties.required?.includes(key) || false;
+                            return renderFormItem(key, property as SchemaProperty, required, true);
+                        })
+                    }
+                ].filter(Boolean)} />
             </Form>
         </Drawer>
     );