@flowgram.ai/free-layout-core 0.5.2 → 0.5.4

package/dist/esm/index.js

@@ -183,6 +183,27 @@ import {
   PlaygroundConfigEntity,
   TransformData as TransformData3
 } from "@flowgram.ai/core";
+
+// src/utils/location-config-to-point.ts
+function locationConfigToPoint(bounds, config, _offset = { x: 0, y: 0 }) {
+  const offset = { ..._offset };
+  if (config.left !== void 0) {
+    offset.x += typeof config.left === "string" ? parseFloat(config.left) * 0.01 * bounds.width : config.left;
+  } else if (config.right !== void 0) {
+    offset.x += bounds.width - (typeof config.right === "string" ? parseFloat(config.right) * 0.01 * bounds.width : config.right);
+  }
+  if (config.top !== void 0) {
+    offset.y += typeof config.top === "string" ? parseFloat(config.top) * 0.01 * bounds.height : config.top;
+  } else if (config.bottom !== void 0) {
+    offset.y += bounds.height - (typeof config.bottom === "string" ? parseFloat(config.bottom) * 0.01 * bounds.height : config.bottom);
+  }
+  return {
+    x: bounds.x + offset.x,
+    y: bounds.y + offset.y
+  };
+}
+
+// src/entities/workflow-port-entity.ts
 var PORT_SIZE = 24;
 var WorkflowPortEntity = class extends Entity {
   constructor(opts) {
@@ -195,6 +216,7 @@ var WorkflowPortEntity = class extends Entity {
     this.portType = opts.type;
     this._disabled = opts.disabled;
     this._offset = opts.offset;
+    this._locationConfig = opts.locationConfig;
     this._location = opts.location;
     this._size = opts.size;
     this.node = opts.node;
@@ -242,7 +264,7 @@ var WorkflowPortEntity = class extends Entity {
     return "right";
   }
   get point() {
-    const { targetElement } = this;
+    const { targetElement, _locationConfig } = this;
     const { bounds } = this.node.getData(FlowNodeTransformData);
     const location2 = this.location;
     if (targetElement) {
@@ -257,8 +279,14 @@ var WorkflowPortEntity = class extends Entity {
         location: location2
       };
     }
-    let point = { x: 0, y: 0 };
+    if (_locationConfig) {
+      return {
+        ...locationConfigToPoint(bounds, _locationConfig, this._offset),
+        location: location2
+      };
+    }
     const offset = this._offset || { x: 0, y: 0 };
+    let point = { x: 0, y: 0 };
     switch (location2) {
       case "left":
         point = bounds.leftCenter;
@@ -371,6 +399,10 @@ var WorkflowPortEntity = class extends Entity {
       this._offset = data.offset;
       changed = true;
     }
+    if (Compare.isChanged(data.locationConfig, this._locationConfig)) {
+      this._locationConfig = data.locationConfig;
+      changed = true;
+    }
     if (Compare.isChanged(data.size, this._size)) {
       this._size = data.size;
       changed = true;
@@ -2536,12 +2568,14 @@ var WorkflowDocument = class extends FlowDocument {
    * 批量添加节点
    */
   batchAddFromJSON(json, options) {
-    const { parent = this.root } = options ?? {};
+    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, {
-        parentID
+        parentID,
+        onNodeCreated,
+        onEdgeCreated
       })
     );
     const edges = processedJSON.edges.map((edge) => this.createWorkflowLine(edge, parentID)).filter(Boolean);
@@ -3563,6 +3597,7 @@ var WorkflowOperationBaseServiceImpl = class extends FlowOperationBaseServiceImp
       edges: json.edges ?? []
     };
     const oldNodes = this.document.getAllNodes();
+    const oldEdges = this.linesManager.getAllLines();
     const oldPositionMap = new Map(
       oldNodes.map((node) => [
         node.id,
@@ -3574,11 +3609,17 @@ var WorkflowOperationBaseServiceImpl = class extends FlowOperationBaseServiceImp
     );
     const newNodes = [];
     const newEdges = [];
-    this.linesManager.getAllLines().map((line) => line.dispose());
     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)) {