@flowgram.ai/free-layout-core 0.2.11 → 0.2.13

package/dist/index.d.mts

@@ -182,10 +182,20 @@ declare class WorkflowOperationBaseServiceImpl extends FlowOperationBaseServiceI
 }
 
 interface NodeRenderReturnType {
+    id: string;
+    type: string | number;
     /**
      * 当前节点
      */
     node: FlowNodeEntity;
+    /**
+     * 节点 data 数据
+     */
+    data: any;
+    /**
+     * 更新节点 data 数据
+     */
+    updateData: (newData: any) => void;
     /**
      * 节点选中
      */

package/dist/index.d.ts

@@ -182,10 +182,20 @@ declare class WorkflowOperationBaseServiceImpl extends FlowOperationBaseServiceI
 }
 
 interface NodeRenderReturnType {
+    id: string;
+    type: string | number;
     /**
      * 当前节点
      */
     node: FlowNodeEntity;
+    /**
+     * 节点 data 数据
+     */
+    data: any;
+    /**
+     * 更新节点 data 数据
+     */
+    updateData: (newData: any) => void;
     /**
      * 节点选中
      */

package/dist/index.js

@@ -3091,6 +3091,9 @@ function useNodeRender(nodeFromProps) {
   const dragService = (0, import_core21.useService)(WorkflowDragService);
   const selectionService = (0, import_core21.useService)(WorkflowSelectService);
   const isDragging = (0, import_react2.useRef)(false);
+  const [formValueVersion, updateFormValueVersion] = (0, import_react2.useState)(0);
+  const formValueDependRef = (0, import_react2.useRef)(false);
+  formValueDependRef.current = false;
   const nodeRef = (0, import_react2.useRef)(null);
   const [linkingNodeId, setLinkingNodeId] = (0, import_react2.useState)("");
   (0, import_react2.useEffect)(() => {
@@ -3166,36 +3169,86 @@ function useNodeRender(nodeFromProps) {
   const toggleExpand = (0, import_react2.useCallback)(() => {
     renderData.toggleExpand();
   }, [renderData]);
-  return {
-    node,
-    selected: selectionService.isSelected(node.id),
-    activated: selectionService.isActivated(node.id),
-    expanded: renderData.expanded,
-    startDrag,
-    ports: portsData.allPorts,
-    deleteNode,
-    selectNode,
-    readonly,
-    linkingNodeId,
-    nodeRef,
-    onFocus,
-    onBlur,
-    getExtInfo,
-    updateExtInfo,
-    toggleExpand,
-    get form() {
-      if (!form) return void 0;
-      return {
-        ...form,
-        get values() {
+  const selected = selectionService.isSelected(node.id);
+  const activated = selectionService.isActivated(node.id);
+  const expanded = renderData.expanded;
+  (0, import_react2.useEffect)(() => {
+    const toDispose = form?.onFormValuesChange(() => {
+      if (formValueDependRef.current) {
+        updateFormValueVersion((v) => v + 1);
+      }
+    });
+    return () => toDispose?.dispose();
+  }, [form]);
+  return (0, import_react2.useMemo)(
+    () => ({
+      id: node.id,
+      type: node.flowNodeType,
+      get data() {
+        if (form) {
+          formValueDependRef.current = true;
           return form.values;
-        },
-        get state() {
-          return formState;
         }
-      };
-    }
-  };
+        return getExtInfo();
+      },
+      updateData(values) {
+        if (form) {
+          form.updateFormValues(values);
+        } else {
+          updateExtInfo(values);
+        }
+      },
+      node,
+      selected,
+      activated,
+      expanded,
+      startDrag,
+      get ports() {
+        return portsData.allPorts;
+      },
+      deleteNode,
+      selectNode,
+      readonly,
+      linkingNodeId,
+      nodeRef,
+      onFocus,
+      onBlur,
+      getExtInfo,
+      updateExtInfo,
+      toggleExpand,
+      get form() {
+        if (!form) return void 0;
+        return {
+          ...form,
+          get values() {
+            formValueDependRef.current = true;
+            return form.values;
+          },
+          get state() {
+            return formState;
+          }
+        };
+      }
+    }),
+    [
+      node,
+      selected,
+      activated,
+      expanded,
+      startDrag,
+      deleteNode,
+      selectNode,
+      readonly,
+      linkingNodeId,
+      nodeRef,
+      onFocus,
+      onBlur,
+      getExtInfo,
+      updateExtInfo,
+      toggleExpand,
+      formValueVersion
+    ]
+  );
 }
 
 // src/hooks/use-current-dom-node.ts