@flowgram.ai/free-layout-core 1.0.10 → 1.0.11

package/dist/index.d.mts

@@ -2,8 +2,8 @@ import { PlaygroundConfigEntity, CommandService, PlaygroundDragEvent, EntityData
 export { bindConfigEntity, useConfigEntity, useEntities, useEntityDataFromContext, useEntityFromContext, useListenEvents, usePlayground, usePlaygroundContainer, usePlaygroundContext, useRefresh, useService } from '@flowgram.ai/core';
 import { NodeFormProps } from '@flowgram.ai/node';
 import { FlowNodeType, FlowOperationBaseServiceImpl, FlowNodeEntityOrId, FlowNodeEntity } from '@flowgram.ai/document';
-import { W as WorkflowJSON, L as LineCenterPoint, a as WorkflowDocument, b as WorkflowNodeEntity, c as WorkflowHoverService, d as WorkflowLinesManager, e as WorkflowSelectService, f as WorkflowDocumentOptions, g as LineEventProps, N as NodesDragEvent, h as WorkflowNodeJSON, i as WorkflowPortEntity, j as WorkflowLineEntity, O as OnDragLineEnd, k as LineRenderType, l as WorkflowLineRenderContribution, m as LinePosition } from './workflow-node-entity-BpXZTWZe.mjs';
-export { X as HoverPosition, F as LINE_HOVER_DISTANCE, x as LineColor, y as LineColors, w as LinePoint, v as LinePointLocation, u as LineType, C as NodesDragEndEvent, B as NodesDragStartEvent, D as NodesDraggingEvent, P as POINT_RADIUS, K as PORT_SIZE, p as WORKFLOW_LINE_ENTITY, Y as WorkfloEntityHoverable, s as WorkflowContentChangeEvent, r as WorkflowContentChangeType, _ as WorkflowDocumentOptionsDefault, Z as WorkflowDocumentProvider, V as WorkflowEntityHoverable, H as WorkflowLineEntityOpts, I as WorkflowLineInfo, G as WorkflowLinePortInfo, z as WorkflowLineRenderContributionFactory, J as WorkflowLineUIState, T as WorkflowNodeLines, U as WorkflowNodeLinesData, t as WorkflowNodeMeta, S as WorkflowNodePortsData, M as WorkflowPort, R as WorkflowPortEntityOpts, n as WorkflowPortType, Q as WorkflowPorts, A as WorkflowSubCanvas, q as domReactToBounds, o as getPortEntityId, E as onDragLineEndParams } from './workflow-node-entity-BpXZTWZe.mjs';
+import { W as WorkflowJSON, L as LineCenterPoint, a as WorkflowDocument, b as WorkflowNodeEntity, c as WorkflowHoverService, d as WorkflowLinesManager, e as WorkflowSelectService, f as WorkflowDocumentOptions, g as LineEventProps, N as NodesDragEvent, h as WorkflowNodeJSON, i as WorkflowPortEntity, j as WorkflowLineEntity, O as OnDragLineEnd, k as LineRenderType, l as WorkflowLineRenderContribution, m as LinePosition } from './workflow-node-entity-C6bFzfXc.mjs';
+export { Y as HoverPosition, G as LINE_HOVER_DISTANCE, y as LineColor, z as LineColors, x as LinePoint, w as LinePointLocation, v as LineType, D as NodesDragEndEvent, C as NodesDragStartEvent, E as NodesDraggingEvent, P as POINT_RADIUS, M as PORT_SIZE, q as WORKFLOW_LINE_ENTITY, Z as WorkfloEntityHoverable, t as WorkflowContentChangeEvent, s as WorkflowContentChangeType, $ as WorkflowDocumentOptionsDefault, _ as WorkflowDocumentProvider, X as WorkflowEntityHoverable, I as WorkflowLineEntityOpts, J as WorkflowLineInfo, H as WorkflowLinePortInfo, A as WorkflowLineRenderContributionFactory, K as WorkflowLineUIState, U as WorkflowNodeLines, V as WorkflowNodeLinesData, u as WorkflowNodeMeta, T as WorkflowNodePortsData, Q as WorkflowPort, S as WorkflowPortEntityOpts, n as WorkflowPortType, R as WorkflowPorts, B as WorkflowSubCanvas, r as domReactToBounds, p as getPortEntityId, o as getPortEntityIdByNodeId, F as onDragLineEndParams } from './workflow-node-entity-C6bFzfXc.mjs';
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';
 import { IPoint, Rectangle, DisposableCollection, Disposable } from '@flowgram.ai/utils';
 export { compose, composeAsync, delay } from '@flowgram.ai/utils';

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import { PlaygroundConfigEntity, CommandService, PlaygroundDragEvent, EntityData
 export { bindConfigEntity, useConfigEntity, useEntities, useEntityDataFromContext, useEntityFromContext, useListenEvents, usePlayground, usePlaygroundContainer, usePlaygroundContext, useRefresh, useService } from '@flowgram.ai/core';
 import { NodeFormProps } from '@flowgram.ai/node';
 import { FlowNodeType, FlowOperationBaseServiceImpl, FlowNodeEntityOrId, FlowNodeEntity } from '@flowgram.ai/document';
-import { W as WorkflowJSON, L as LineCenterPoint, a as WorkflowDocument, b as WorkflowNodeEntity, c as WorkflowHoverService, d as WorkflowLinesManager, e as WorkflowSelectService, f as WorkflowDocumentOptions, g as LineEventProps, N as NodesDragEvent, h as WorkflowNodeJSON, i as WorkflowPortEntity, j as WorkflowLineEntity, O as OnDragLineEnd, k as LineRenderType, l as WorkflowLineRenderContribution, m as LinePosition } from './workflow-node-entity-C_A53MW2.js';
-export { X as HoverPosition, F as LINE_HOVER_DISTANCE, x as LineColor, y as LineColors, w as LinePoint, v as LinePointLocation, u as LineType, C as NodesDragEndEvent, B as NodesDragStartEvent, D as NodesDraggingEvent, P as POINT_RADIUS, K as PORT_SIZE, p as WORKFLOW_LINE_ENTITY, Y as WorkfloEntityHoverable, s as WorkflowContentChangeEvent, r as WorkflowContentChangeType, _ as WorkflowDocumentOptionsDefault, Z as WorkflowDocumentProvider, V as WorkflowEntityHoverable, H as WorkflowLineEntityOpts, I as WorkflowLineInfo, G as WorkflowLinePortInfo, z as WorkflowLineRenderContributionFactory, J as WorkflowLineUIState, T as WorkflowNodeLines, U as WorkflowNodeLinesData, t as WorkflowNodeMeta, S as WorkflowNodePortsData, M as WorkflowPort, R as WorkflowPortEntityOpts, n as WorkflowPortType, Q as WorkflowPorts, A as WorkflowSubCanvas, q as domReactToBounds, o as getPortEntityId, E as onDragLineEndParams } from './workflow-node-entity-C_A53MW2.js';
+import { W as WorkflowJSON, L as LineCenterPoint, a as WorkflowDocument, b as WorkflowNodeEntity, c as WorkflowHoverService, d as WorkflowLinesManager, e as WorkflowSelectService, f as WorkflowDocumentOptions, g as LineEventProps, N as NodesDragEvent, h as WorkflowNodeJSON, i as WorkflowPortEntity, j as WorkflowLineEntity, O as OnDragLineEnd, k as LineRenderType, l as WorkflowLineRenderContribution, m as LinePosition } from './workflow-node-entity-03Q7Fvv6.js';
+export { Y as HoverPosition, G as LINE_HOVER_DISTANCE, y as LineColor, z as LineColors, x as LinePoint, w as LinePointLocation, v as LineType, D as NodesDragEndEvent, C as NodesDragStartEvent, E as NodesDraggingEvent, P as POINT_RADIUS, M as PORT_SIZE, q as WORKFLOW_LINE_ENTITY, Z as WorkfloEntityHoverable, t as WorkflowContentChangeEvent, s as WorkflowContentChangeType, $ as WorkflowDocumentOptionsDefault, _ as WorkflowDocumentProvider, X as WorkflowEntityHoverable, I as WorkflowLineEntityOpts, J as WorkflowLineInfo, H as WorkflowLinePortInfo, A as WorkflowLineRenderContributionFactory, K as WorkflowLineUIState, U as WorkflowNodeLines, V as WorkflowNodeLinesData, u as WorkflowNodeMeta, T as WorkflowNodePortsData, Q as WorkflowPort, S as WorkflowPortEntityOpts, n as WorkflowPortType, R as WorkflowPorts, B as WorkflowSubCanvas, r as domReactToBounds, p as getPortEntityId, o as getPortEntityIdByNodeId, F as onDragLineEndParams } from './workflow-node-entity-03Q7Fvv6.js';
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';
 import { IPoint, Rectangle, DisposableCollection, Disposable } from '@flowgram.ai/utils';
 export { compose, composeAsync, delay } from '@flowgram.ai/utils';

package/dist/index.js

@@ -67,6 +67,7 @@ __export(index_exports, {
   getAntiOverlapPosition: () => getAntiOverlapPosition,
   getLineCenter: () => getLineCenter,
   getPortEntityId: () => getPortEntityId,
+  getPortEntityIdByNodeId: () => getPortEntityIdByNodeId,
   nanoid: () => nanoid,
   useConfigEntity: () => import_core25.useConfigEntity,
   useCurrentDomNode: () => useCurrentDomNode,
@@ -201,7 +202,8 @@ function getAntiOverlapPosition(doc, position, containerNode) {
 
 // src/utils/statics.ts
 var import_utils3 = require("@flowgram.ai/utils");
-var getPortEntityId = (node, portType, portID = "") => `port_${portType}_${node.id}_${portID}`;
+var getPortEntityIdByNodeId = (nodeId, portType, portID = "") => `port_${portType}_${nodeId}_${portID}`;
+var getPortEntityId = (node, portType, portID = "") => getPortEntityIdByNodeId(node.id, portType, portID);
 var WORKFLOW_LINE_ENTITY = "WorkflowLineEntity";
 function domReactToBounds(react) {
   return new import_utils3.Rectangle(react.x, react.y, react.width, react.height);
@@ -416,16 +418,8 @@ var WorkflowPortEntity = class extends import_core4.Entity {
    * 当前点位上连接的线条（包含 isDrawing === true 的线条）
    */
   get allLines() {
-    const lines = [];
-    const allLines = this.entityManager.getEntities({
-      type: WORKFLOW_LINE_ENTITY
-    });
-    allLines.forEach((line) => {
-      if (line.toPort === this || line.fromPort === this) {
-        lines.push(line);
-      }
-    });
-    return lines;
+    const document2 = this.node.document;
+    return document2.linesManager.getLinesByPortId(this.id);
   }
   update(data) {
     let changed = false;
@@ -935,6 +929,9 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
       this.toPort?.validate();
     });
     this.toDispose.push(this._onLineDataChangeEmitter);
+    this.preDispose.push(
+      import_utils8.Disposable.create(() => this.linesManager.rebindLinePorts(this, this.info, void 0))
+    );
   }
   /**
    * 转成线条 id
@@ -1044,19 +1041,20 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
     const prePort = this.toPort;
     if (toPort && toPort.portType === "input" && this.linesManager.canAddLine(this.fromPort, toPort, true)) {
       const { node, portID } = toPort;
-      this._to = node;
-      this.info.drawingTo = void 0;
-      this.info.to = node.id;
-      this.info.toPort = portID;
+      this.updateInfo((nextInfo) => {
+        nextInfo.drawingTo = void 0;
+        nextInfo.to = node.id;
+        nextInfo.toPort = portID;
+      });
     } else {
-      this._to = void 0;
-      this.info.to = void 0;
-      this.info.toPort = "";
+      this.updateInfo((nextInfo) => {
+        nextInfo.to = void 0;
+        nextInfo.toPort = "";
+      });
     }
     if (prePort) {
       prePort.validate();
     }
-    this.fireChange();
   }
   setFromPort(fromPort) {
     if (!this.isDrawing) {
@@ -1068,19 +1066,20 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
     const prePort = this.fromPort;
     if (fromPort && fromPort.portType === "output" && this.linesManager.canAddLine(fromPort, this.toPort, true)) {
       const { node, portID } = fromPort;
-      this._from = node;
-      this.info.drawingFrom = void 0;
-      this.info.from = node.id;
-      this.info.fromPort = portID;
+      this.updateInfo((nextInfo) => {
+        nextInfo.drawingFrom = void 0;
+        nextInfo.from = node.id;
+        nextInfo.fromPort = portID;
+      });
     } else {
-      this._from = void 0;
-      this.info.from = void 0;
-      this.info.fromPort = "";
+      this.updateInfo((nextInfo) => {
+        nextInfo.from = void 0;
+        nextInfo.fromPort = "";
+      });
     }
     if (prePort) {
       prePort.validate();
     }
-    this.fireChange();
   }
   /**
    * 设置线条画线时的目标位置
@@ -1088,27 +1087,41 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
   set drawingTo(pos) {
     const oldDrawingTo = this.info.drawingTo;
     if (!pos) {
-      this.info.drawingTo = void 0;
-      this.fireChange();
+      if (oldDrawingTo === void 0) {
+        this.fireChange();
+        return;
+      }
+      this.updateInfo((nextInfo) => {
+        nextInfo.drawingTo = void 0;
+      });
       return;
     }
     if (!oldDrawingTo || pos.x !== oldDrawingTo.x || pos.y !== oldDrawingTo.y) {
-      this.info.to = void 0;
-      this.info.drawingTo = pos;
-      this.fireChange();
+      this.updateInfo((nextInfo) => {
+        nextInfo.to = void 0;
+        nextInfo.toPort = "";
+        nextInfo.drawingTo = pos;
+      });
     }
   }
   set drawingFrom(pos) {
     const oldDrawingFrom = this.info.drawingFrom;
     if (!pos) {
-      this.info.drawingFrom = void 0;
-      this.fireChange();
+      if (oldDrawingFrom === void 0) {
+        this.fireChange();
+        return;
+      }
+      this.updateInfo((nextInfo) => {
+        nextInfo.drawingFrom = void 0;
+      });
       return;
     }
     if (!oldDrawingFrom || pos.x !== oldDrawingFrom.x || pos.y !== oldDrawingFrom.y) {
-      this.info.from = void 0;
-      this.info.drawingFrom = pos;
-      this.fireChange();
+      this.updateInfo((nextInfo) => {
+        nextInfo.from = void 0;
+        nextInfo.fromPort = "";
+        nextInfo.drawingFrom = pos;
+      });
     }
   }
   get drawingFrom() {
@@ -1219,13 +1232,26 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends import_core8.Entity
    * @param info 线条信息
    */
   initInfo(info) {
-    if (!(0, import_lodash_es2.isEqual)(info, this.info)) {
-      this.info = info;
-      this._from = info.from ? this.document.getNode(info.from) : void 0;
-      this._to = info.to ? this.document.getNode(info.to) : void 0;
-      this._lineData = info.data;
-      this.fireChange();
+    this.applyInfo(info);
+  }
+  updateInfo(mutator) {
+    const nextInfo = {
+      ...this.info
+    };
+    mutator(nextInfo);
+    this.applyInfo(nextInfo);
+  }
+  applyInfo(nextInfo) {
+    if ((0, import_lodash_es2.isEqual)(nextInfo, this.info)) {
+      return;
     }
+    const prevInfo = this.info;
+    this.info = nextInfo;
+    this._from = nextInfo.from ? this.document.getNode(nextInfo.from) : void 0;
+    this._to = nextInfo.to ? this.document.getNode(nextInfo.to) : void 0;
+    this._lineData = nextInfo.data;
+    this.linesManager.rebindLinePorts(this, prevInfo, nextInfo);
+    this.fireChange();
   }
   // 校验连线是否为错误态
   validate() {
@@ -1589,6 +1615,7 @@ var WorkflowDocumentOptionsDefault = {
 var WorkflowLinesManager = class {
   constructor() {
     this.toDispose = new import_utils12.DisposableCollection();
+    this.portLineMap = /* @__PURE__ */ new Map();
     // 线条类型
     this._lineType = 0 /* BEZIER */;
     this.onAvailableLinesChangeEmitter = new import_utils12.Emitter();
@@ -1653,6 +1680,58 @@ var WorkflowLinesManager = class {
   getAllLines() {
     return this.entityManager.getEntities(WorkflowLineEntity);
   }
+  getLinesByPortId(portId) {
+    return Array.from(this.portLineMap.get(portId) || []);
+  }
+  rebindLinePorts(line, prevInfo, nextInfo) {
+    const prevFromPortId = this.getLinePortId(prevInfo, "output");
+    const prevToPortId = this.getLinePortId(prevInfo, "input");
+    const nextFromPortId = this.getLinePortId(nextInfo, "output");
+    const nextToPortId = this.getLinePortId(nextInfo, "input");
+    if (prevFromPortId !== nextFromPortId) {
+      this.detachLineFromPortId(line, prevFromPortId);
+      this.attachLineToPortId(line, nextFromPortId);
+    }
+    if (prevToPortId !== nextToPortId) {
+      this.detachLineFromPortId(line, prevToPortId);
+      this.attachLineToPortId(line, nextToPortId);
+    }
+  }
+  attachLineToPortId(line, portId) {
+    if (!portId) {
+      return;
+    }
+    let lines = this.portLineMap.get(portId);
+    if (!lines) {
+      lines = /* @__PURE__ */ new Set();
+      this.portLineMap.set(portId, lines);
+    }
+    lines.add(line);
+  }
+  detachLineFromPortId(line, portId) {
+    if (!portId) {
+      return;
+    }
+    const lines = this.portLineMap.get(portId);
+    if (!lines) {
+      return;
+    }
+    lines.delete(line);
+    if (!lines.size) {
+      this.portLineMap.delete(portId);
+    }
+  }
+  getLinePortId(info, portType) {
+    if (!info) {
+      return void 0;
+    }
+    const nodeId = portType === "output" ? info.from : info.to;
+    if (!nodeId) {
+      return void 0;
+    }
+    const portId = portType === "output" ? info.fromPort : info.toPort;
+    return getPortEntityIdByNodeId(nodeId, portType, portId);
+  }
   getAllAvailableLines() {
     return this.getAllLines().filter((l) => !l.isDrawing && !l.isHidden);
   }
@@ -1757,6 +1836,7 @@ var WorkflowLinesManager = class {
     return targetLine;
   }
   dispose() {
+    this.portLineMap.clear();
     this.toDispose.dispose();
   }
   get disposed() {
@@ -4040,6 +4120,7 @@ var WorkflowDocumentContainerModule = new import_inversify10.ContainerModule(
   getAntiOverlapPosition,
   getLineCenter,
   getPortEntityId,
+  getPortEntityIdByNodeId,
   nanoid,
   useConfigEntity,
   useCurrentDomNode,