fix:修复点击切换多个条件节点，data数据更新问题

alibaba · Dec 4, 2024 · c1d3392 · c1d3392
1 parent 6dd7cc5
commit c1d3392
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 8 deletions.
diff --git a/docs/xflow/demo/switchNode/setting.tsx b/docs/xflow/demo/switchNode/setting.tsx
@@ -16,6 +16,16 @@ export default [
       type: 'icon-prompt',
       bgColor: '#17B26A',
     },
+    settingSchema: {
+      type: "object",
+      properties: {
+        input: {
+          title: '提示词',
+          type: 'string',
+          widget: 'textArea',
+        },
+      }
+    },
   },
   {
     title: '知识库',
@@ -25,5 +35,15 @@ export default [
       type: 'icon-knowledge',
       bgColor: '#6172F3',
     },
+    settingSchema: {
+      type: "object",
+      properties: {
+        input: {
+          title: '知识库',
+          type: 'string',
+          widget: 'textArea',
+        },
+      }
+    },
   },
 ];
diff --git a/packages/x-flow/src/nodes/node-switch/setting/index.tsx b/packages/x-flow/src/nodes/node-switch/setting/index.tsx
@@ -1,6 +1,6 @@
 import FormRender, { Schema, useForm } from 'form-render';
-import React, { memo } from 'react';
-import '../index.less'
+import React, { memo, useEffect } from 'react';
+import '../index.less';
 
 interface INodeSwitchSettingPorps {
   onChange: (val: any) => void;
@@ -10,12 +10,12 @@ interface INodeSwitchSettingPorps {
 const schema: Schema = {
   type: 'object',
   span: 24,
-  displayType: "row",
+  displayType: 'row',
   properties: {
     switchData: {
       type: 'array',
       widget: 'simpleList',
-      display:"block",
+      display: 'block',
       props: {
         hideCopy: true,
         hideMove: true,
@@ -44,16 +44,18 @@ export default memo((props: INodeSwitchSettingPorps) => {
     },
   };
 
+  useEffect(() => {
+    form.resetFields();
+    form.setValues(value || {});
+  }, [JSON.stringify(value)]);
+
   return (
     <FormRender
       schema={schema}
       form={form}
       watch={watch}
       size={'small'}
-      onMount={() => {
-        form.setValues(value || {});
-      }}
-      className='custom-node-switch-setting'
+      className="custom-node-switch-setting"
     />
   );
 });