@flowgram.ai/free-layout-core 0.5.1 → 0.5.3

package/dist/esm/{chunk-O4WKIIW2.js → chunk-3UW6BHP2.js}

@@ -4,4 +4,4 @@ var WorkflowOperationBaseService = Symbol("WorkflowOperationBaseService");
 export {
   WorkflowOperationBaseService
 };
-//# sourceMappingURL=chunk-O4WKIIW2.js.map
+//# sourceMappingURL=chunk-3UW6BHP2.js.map

package/dist/esm/chunk-3UW6BHP2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/typings/workflow-operation.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { IPoint, Event } from '@flowgram.ai/utils';\nimport {\n  FlowNodeEntity,\n  FlowNodeEntityOrId,\n  FlowOperationBaseService,\n} from '@flowgram.ai/document';\n\nimport { WorkflowJSON } from './workflow-json';\n\nexport interface NodePostionUpdateEvent {\n  node: FlowNodeEntity;\n  oldPosition: IPoint;\n  newPosition: IPoint;\n}\n\nexport interface WorkflowOperationBaseService extends FlowOperationBaseService {\n  /**\n   * 节点位置更新事件\n   */\n  readonly onNodePostionUpdate: Event<NodePostionUpdateEvent>;\n  /**\n   * 更新节点位置\n   * @param nodeOrId\n   * @param position\n   * @returns\n   */\n  updateNodePosition(nodeOrId: FlowNodeEntityOrId, position: IPoint): void;\n\n  /**\n   * 更新节点与线条\n   */\n  fromJSON(json: WorkflowJSON): void;\n}\n\nexport const WorkflowOperationBaseService = Symbol('WorkflowOperationBaseService');\n"],"mappings":";AAuCO,IAAM,+BAA+B,OAAO,8BAA8B;","names":[]}

package/dist/esm/index.js

@@ -15,7 +15,7 @@ import {
 import "./chunk-DDJTYHXN.js";
 import {
   WorkflowOperationBaseService
-} from "./chunk-O4WKIIW2.js";
+} from "./chunk-3UW6BHP2.js";
 import {
   __decorateClass
 } from "./chunk-EUXUH3YW.js";
@@ -2057,6 +2057,9 @@ var WorkflowDocument = class extends FlowDocument {
     this._loading = false;
     this.onLoadedEmitter.fire();
   }
+  /**
+   * @deprecated use `ctx.operation.fromJSON` instead
+   */
   async reload(json, delayTime = 0) {
     if (this.disposed) return;
     this._loading = true;
@@ -2077,7 +2080,7 @@ var WorkflowDocument = class extends FlowDocument {
       edges: json.edges ?? []
     };
     this.entityManager.changeEntityLocked = true;
-    this.renderJSON(workflowJSON);
+    this.batchAddFromJSON(workflowJSON);
     this.entityManager.changeEntityLocked = false;
     this.transformer.loading = false;
     if (fireRender) {
@@ -2097,9 +2100,17 @@ var WorkflowDocument = class extends FlowDocument {
    * 创建流程节点
    * @param json
    */
-  createWorkflowNode(json, isClone = false, parentId) {
+  createWorkflowNode(json, isClone = false, parentID) {
+    return this._createWorkflowNode(json, { parentID });
+  }
+  /**
+   * 创建流程节点
+   * @param json
+   */
+  _createWorkflowNode(json, options) {
+    const { parentID, onNodeCreated, onEdgeCreated } = options ?? {};
     const isExistedNode = this.getNode(json.id);
-    const parent = this.getNode(parentId ?? this.root.id) ?? this.root;
+    const parent = this.getNode(parentID ?? this.root.id) ?? this.root;
     const node = this.addNode(
       {
         ...json,
@@ -2126,15 +2137,19 @@ var WorkflowDocument = class extends FlowDocument {
     node.getData(TransformData7).update({
       position
     });
-    if (formMeta && formData && !formData.formModel.initialized) {
-      formData.createForm(formMeta, json.data);
-      formData.onDataChange(() => {
-        this.fireContentChange({
-          type: "NODE_DATA_CHANGE" /* NODE_DATA_CHANGE */,
-          toJSON: () => formData.toJSON(),
-          entity: node
+    if (formMeta && formData) {
+      if (!formData.formModel.initialized) {
+        formData.createForm(formMeta, json.data);
+        formData.onDataChange(() => {
+          this.fireContentChange({
+            type: "NODE_DATA_CHANGE" /* NODE_DATA_CHANGE */,
+            toJSON: () => formData.toJSON(),
+            entity: node
+          });
         });
-      });
+      } else {
+        formData.updateFormValues(json.data);
+      }
     }
     const positionData = node.getData(PositionData);
     if (!isExistedNode) {
@@ -2173,11 +2188,12 @@ var WorkflowDocument = class extends FlowDocument {
       });
     }
     if (json.blocks) {
-      this.renderJSON(
+      this.batchAddFromJSON(
         { nodes: json.blocks, edges: json.edges ?? [] },
         {
           parent: node,
-          isClone
+          onNodeCreated,
+          onEdgeCreated
         }
       );
     }
@@ -2309,7 +2325,7 @@ var WorkflowDocument = class extends FlowDocument {
         throw new Error(`[WorkflowDocument.createWorkflowNodeByType] Node Id "${id}" duplicated.`);
       }
     }
-    return this.createWorkflowNode(
+    return this._createWorkflowNode(
       {
         ...json,
         id,
@@ -2320,13 +2336,15 @@ var WorkflowDocument = class extends FlowDocument {
         blocks: json?.blocks,
         edges: json?.edges
       },
-      false,
-      parentID
+      { parentID }
     );
   }
   getAllNodes() {
     return this.entityManager.getEntities(WorkflowNodeEntity).filter((n) => n.id !== FlowNodeBaseType2.ROOT);
   }
+  getAllEdges() {
+    return this.entityManager.getEntities(WorkflowLineEntity);
+  }
   getAllPorts() {
     return this.entityManager.getEntities(WorkflowPortEntity).filter((p) => p.node.id !== FlowNodeBaseType2.ROOT);
   }
@@ -2427,7 +2445,7 @@ var WorkflowDocument = class extends FlowDocument {
       x: json.meta.position.x + 30,
       y: json.meta.position.y + 30
     };
-    return this.createWorkflowNode(
+    return this._createWorkflowNode(
       {
         id: newNodeId || `1${nanoid2()}`,
         type: node.flowNodeType,
@@ -2439,16 +2457,17 @@ var WorkflowDocument = class extends FlowDocument {
         blocks: json.blocks,
         edges: json.edges
       },
-      true,
-      node.parent?.id
+      {
+        parentID: node.parent?.id
+      }
     );
   }
-  copyNodeFromJSON(flowNodeType, nodeJSON, newNodeId, position, parentId) {
+  copyNodeFromJSON(flowNodeType, nodeJSON, newNodeId, position, parentID) {
     position = position || {
       x: nodeJSON.meta.position.x + 30,
       y: nodeJSON.meta.position.y + 30
     };
-    return this.createWorkflowNode(
+    return this._createWorkflowNode(
       {
         id: newNodeId || `1${nanoid2()}`,
         type: flowNodeType,
@@ -2460,8 +2479,9 @@ var WorkflowDocument = class extends FlowDocument {
         blocks: nodeJSON.blocks,
         edges: nodeJSON.edges
       },
-      true,
-      parentId
+      {
+        parentID
+      }
     );
   }
   canRemove(node, silent) {
@@ -2516,13 +2536,19 @@ var WorkflowDocument = class extends FlowDocument {
    * 批量添加节点
    */
   batchAddFromJSON(json, options) {
-    const { parent = this.root, isClone = false } = options ?? {};
-    const containerID = this.getNodeSubCanvas(parent)?.canvasNode.id ?? parent.id;
+    const { parent = this.root, onNodeCreated, onEdgeCreated } = options ?? {};
+    const parentID = this.getNodeSubCanvas(parent)?.canvasNode.id ?? parent.id;
     const processedJSON = buildGroupJSON(json);
     const nodes = processedJSON.nodes.map(
-      (nodeJSON) => this.createWorkflowNode(nodeJSON, isClone, containerID)
+      (nodeJSON) => this._createWorkflowNode(nodeJSON, {
+        parentID,
+        onNodeCreated,
+        onEdgeCreated
+      })
     );
-    const edges = processedJSON.edges.map((edge) => this.createWorkflowLine(edge, containerID)).filter(Boolean);
+    const edges = processedJSON.edges.map((edge) => this.createWorkflowLine(edge, parentID)).filter(Boolean);
+    nodes.forEach((node) => options?.onNodeCreated?.(node));
+    edges.forEach((edge) => options?.onEdgeCreated?.(edge));
     return { nodes, edges };
   }
   getNodeSubCanvas(node) {
@@ -2571,7 +2597,7 @@ var WorkflowDocument = class extends FlowDocument {
     }
     return lineJSON;
   }
-  createWorkflowLine(json, parentId) {
+  createWorkflowLine(json, parentID) {
     const fromNode = this.getNode(json.sourceNodeID);
     const toNode = this.getNode(json.targetNodeID);
     if (!fromNode || !toNode) {
@@ -2584,10 +2610,10 @@ var WorkflowDocument = class extends FlowDocument {
       toPort: json.targetPortID,
       data: json.data
     };
-    if (!parentId) {
+    if (!parentID) {
       return this.linesManager.createLine(lineInfo);
     }
-    const canvasNode = this.getNode(parentId);
+    const canvasNode = this.getNode(parentID);
     if (!canvasNode) {
       return this.linesManager.createLine(lineInfo);
     }
@@ -3532,10 +3558,64 @@ var WorkflowOperationBaseServiceImpl = class extends FlowOperationBaseServiceImp
       newPosition: position
     });
   }
+  fromJSON(json) {
+    if (this.document.disposed) return;
+    const workflowJSON = {
+      nodes: json.nodes ?? [],
+      edges: json.edges ?? []
+    };
+    const oldNodes = this.document.getAllNodes();
+    const oldEdges = this.linesManager.getAllLines();
+    const oldPositionMap = new Map(
+      oldNodes.map((node) => [
+        node.id,
+        {
+          x: node.transform.transform.position.x,
+          y: node.transform.transform.position.y
+        }
+      ])
+    );
+    const newNodes = [];
+    const newEdges = [];
+    this.document.batchAddFromJSON(workflowJSON, {
+      onNodeCreated: (node) => newNodes.push(node),
+      onEdgeCreated: (edge) => newEdges.push(edge)
+    });
+    const newEdgeIDSet = new Set(newEdges.map((edge) => edge.id));
+    oldEdges.forEach((edge) => {
+      if (!newEdgeIDSet.has(edge.id)) {
+        edge.dispose();
+        return;
+      }
+    });
+    const newNodeIDSet = new Set(newNodes.map((node) => node.id));
+    oldNodes.forEach((node) => {
+      if (!newNodeIDSet.has(node.id)) {
+        node.dispose();
+        return;
+      }
+      const oldPosition = oldPositionMap.get(node.id);
+      const newPosition = {
+        x: node.transform.transform.position.x,
+        y: node.transform.transform.position.y
+      };
+      if (oldPosition && (oldPosition.x !== newPosition.x || oldPosition.y !== newPosition.y)) {
+        this.onNodePostionUpdateEmitter.fire({
+          node,
+          oldPosition,
+          newPosition
+        });
+      }
+    });
+    this.document.fireRender();
+  }
 };
 __decorateClass([
   inject8(WorkflowDocument)
 ], WorkflowOperationBaseServiceImpl.prototype, "document", 2);
+__decorateClass([
+  inject8(WorkflowLinesManager)
+], WorkflowOperationBaseServiceImpl.prototype, "linesManager", 2);
 
 // src/hooks/use-playground-readonly-state.ts
 import { useEffect } from "react";