@flowgram.ai/free-layout-core 0.3.4 → 0.3.6

package/dist/esm/{chunk-242F2JCI.js → chunk-U2XMPOSL.js}

@@ -6,6 +6,7 @@ var WorkflowContentChangeType = /* @__PURE__ */ ((WorkflowContentChangeType2) =>
   WorkflowContentChangeType2["NODE_DATA_CHANGE"] = "NODE_DATA_CHANGE";
   WorkflowContentChangeType2["ADD_LINE"] = "ADD_LINE";
   WorkflowContentChangeType2["DELETE_LINE"] = "DELETE_LINE";
+  WorkflowContentChangeType2["LINE_DATA_CHANGE"] = "LINE_DATA_CHANGE";
   WorkflowContentChangeType2["META_CHANGE"] = "META_CHANGE";
   return WorkflowContentChangeType2;
 })(WorkflowContentChangeType || {});
@@ -13,4 +14,4 @@ var WorkflowContentChangeType = /* @__PURE__ */ ((WorkflowContentChangeType2) =>
 export {
   WorkflowContentChangeType
 };
-//# sourceMappingURL=chunk-242F2JCI.js.map
+//# sourceMappingURL=chunk-U2XMPOSL.js.map

package/dist/esm/{chunk-242F2JCI.js.map → chunk-U2XMPOSL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/typings/workflow-json.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { type WorkflowLineEntity, type WorkflowNodeEntity } from '../entities';\nimport { type WorkflowNodeJSON } from './workflow-node';\nimport { type WorkflowEdgeJSON } from './workflow-edge';\n\nexport interface WorkflowJSON {\n  nodes: WorkflowNodeJSON[];\n  edges: WorkflowEdgeJSON[];\n}\n\nexport enum WorkflowContentChangeType {\n  /**\n   * 添加节点\n   */\n  ADD_NODE = 'ADD_NODE',\n  /**\n   * 删除节点\n   */\n  DELETE_NODE = 'DELETE_NODE',\n  /**\n   * 移动节点\n   */\n  MOVE_NODE = 'MOVE_NODE',\n  /**\n   * 节点数据更新 （表单引擎数据 或者 extInfo 数据）\n   */\n  NODE_DATA_CHANGE = 'NODE_DATA_CHANGE',\n  /**\n   * 添加线条\n   */\n  ADD_LINE = 'ADD_LINE',\n  /**\n   * 删除线条\n   */\n  DELETE_LINE = 'DELETE_LINE',\n  /**\n   * 节点Meta信息变更\n   */\n  META_CHANGE = 'META_CHANGE',\n}\n\nexport interface WorkflowContentChangeEvent {\n  type: WorkflowContentChangeType;\n  /**\n   * 当前触发的元素的json数据，toJSON 需要主动触发\n   */\n  toJSON: () => any;\n  /*\n   * 当前的事件的 entity\n   */\n  entity: WorkflowNodeEntity | WorkflowLineEntity;\n}\n"],"mappings":";AAcO,IAAK,4BAAL,kBAAKA,+BAAL;AAIL,EAAAA,2BAAA,cAAW;AAIX,EAAAA,2BAAA,iBAAc;AAId,EAAAA,2BAAA,eAAY;AAIZ,EAAAA,2BAAA,sBAAmB;AAInB,EAAAA,2BAAA,cAAW;AAIX,EAAAA,2BAAA,iBAAc;AAId,EAAAA,2BAAA,iBAAc;AA5BJ,SAAAA;AAAA,GAAA;","names":["WorkflowContentChangeType"]}
+{"version":3,"sources":["../../src/typings/workflow-json.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { type WorkflowLineEntity, type WorkflowNodeEntity } from '../entities';\nimport { type WorkflowNodeJSON } from './workflow-node';\nimport { type WorkflowEdgeJSON } from './workflow-edge';\n\nexport interface WorkflowJSON {\n  nodes: WorkflowNodeJSON[];\n  edges: WorkflowEdgeJSON[];\n}\n\nexport enum WorkflowContentChangeType {\n  /**\n   * 添加节点\n   */\n  ADD_NODE = 'ADD_NODE',\n  /**\n   * 删除节点\n   */\n  DELETE_NODE = 'DELETE_NODE',\n  /**\n   * 移动节点\n   */\n  MOVE_NODE = 'MOVE_NODE',\n  /**\n   * 节点数据更新 （表单引擎数据 或者 extInfo 数据）\n   */\n  NODE_DATA_CHANGE = 'NODE_DATA_CHANGE',\n  /**\n   * 添加线条\n   */\n  ADD_LINE = 'ADD_LINE',\n  /**\n   * 删除线条\n   */\n  DELETE_LINE = 'DELETE_LINE',\n  /**\n   * 线条数据修改\n   */\n  LINE_DATA_CHANGE = 'LINE_DATA_CHANGE',\n  /**\n   * 节点Meta信息变更\n   */\n  META_CHANGE = 'META_CHANGE',\n}\n\nexport interface WorkflowContentChangeEvent {\n  type: WorkflowContentChangeType;\n  /**\n   * 当前触发的元素的json数据，toJSON 需要主动触发\n   */\n  toJSON: () => any;\n  /**\n   * oldValue\n   */\n  oldValue?: any;\n  /*\n   * 当前的事件的 entity\n   */\n  entity: WorkflowNodeEntity | WorkflowLineEntity;\n}\n"],"mappings":";AAcO,IAAK,4BAAL,kBAAKA,+BAAL;AAIL,EAAAA,2BAAA,cAAW;AAIX,EAAAA,2BAAA,iBAAc;AAId,EAAAA,2BAAA,eAAY;AAIZ,EAAAA,2BAAA,sBAAmB;AAInB,EAAAA,2BAAA,cAAW;AAIX,EAAAA,2BAAA,iBAAc;AAId,EAAAA,2BAAA,sBAAmB;AAInB,EAAAA,2BAAA,iBAAc;AAhCJ,SAAAA;AAAA,GAAA;","names":["WorkflowContentChangeType"]}

package/dist/esm/index.js

@@ -7,7 +7,7 @@ import "./chunk-TQLT57GW.js";
 import "./chunk-CGOMTQ3G.js";
 import {
   WorkflowContentChangeType
-} from "./chunk-242F2JCI.js";
+} from "./chunk-U2XMPOSL.js";
 import {
   LineColors,
   LineType
@@ -110,8 +110,8 @@ function nanoid(n) {
 import { compose, composeAsync } from "@flowgram.ai/utils";
 
 // src/utils/fit-view.ts
-import { TransformData } from "@flowgram.ai/core";
 import { Rectangle } from "@flowgram.ai/utils";
+import { TransformData } from "@flowgram.ai/core";
 var fitView = (doc, playgroundConfig, easing = true) => {
   const bounds = Rectangle.enlarge(
     doc.getAllNodes().map((node) => node.getData(TransformData).bounds)
@@ -158,7 +158,7 @@ var WorkflowNodeEntity = FlowNodeEntity;
 
 // src/entities/workflow-line-entity.ts
 import { isEqual as isEqual2 } from "lodash-es";
-import { domUtils } from "@flowgram.ai/utils";
+import { domUtils, Emitter as Emitter2 } from "@flowgram.ai/utils";
 import { Entity as Entity2 } from "@flowgram.ai/core";
 
 // src/entity-datas/workflow-node-ports-data.ts
@@ -789,6 +789,8 @@ var POINT_RADIUS = 10;
 var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
   constructor(opts) {
     super(opts);
+    this._onLineDataChangeEmitter = new Emitter2();
+    this.onLineDataChange = this._onLineDataChangeEmitter.event;
     this._uiState = {
       hasError: false,
       flowing: false,
@@ -813,7 +815,8 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
       to: opts.to,
       drawingTo: opts.drawingTo,
       fromPort: opts.fromPort,
-      toPort: opts.toPort
+      toPort: opts.toPort,
+      data: opts.data
     });
     if (opts.drawingTo) {
       this.isDrawing = true;
@@ -826,6 +829,7 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
       this.fromPort?.validate();
       this.toPort?.validate();
     });
+    this.toDispose.push(this._onLineDataChangeEmitter);
   }
   /**
    * 转成线条 id
@@ -868,9 +872,13 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
    * 更新线条扩展数据
    * @param data
    */
-  set lineData(data) {
-    this._lineData = data;
-    this.fireChange();
+  set lineData(newValue) {
+    const oldValue = this._lineData;
+    if (!isEqual2(oldValue, newValue)) {
+      this._lineData = newValue;
+      this._onLineDataChangeEmitter.fire({ oldValue, newValue });
+      this.fireChange();
+    }
   }
   /**
    * 获取线条的前置节点
@@ -936,7 +944,6 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
       const { node, portID } = toPort;
       this._to = node;
       this.info.drawingTo = void 0;
-      this.info.isDefaultLine = false;
       this.info.to = node.id;
       this.info.toPort = portID;
     } else {
@@ -961,7 +968,6 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
     }
     if (!oldDrawingTo || pos.x !== oldDrawingTo.x || pos.y !== oldDrawingTo.y) {
       this.info.to = void 0;
-      this.info.isDefaultLine = false;
       this.info.drawingTo = pos;
       this.fireChange();
     }
@@ -1055,6 +1061,7 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
       this.info = info;
       this._from = this.document.getNode(info.from);
       this._to = info.to ? this.document.getNode(info.to) : void 0;
+      this._lineData = info.data;
       this.fireChange();
     }
   }
@@ -1215,12 +1222,12 @@ WorkflowSelectService = __decorateClass([
 
 // src/service/workflow-hover-service.ts
 import { inject as inject2, injectable as injectable2 } from "inversify";
-import { Emitter as Emitter2 } from "@flowgram.ai/utils";
+import { Emitter as Emitter3 } from "@flowgram.ai/utils";
 import { EntityManager } from "@flowgram.ai/core";
 var WorkflowHoverService = class {
   constructor() {
-    this.onHoveredChangeEmitter = new Emitter2();
-    this.onUpdateHoverPositionEmitter = new Emitter2();
+    this.onHoveredChangeEmitter = new Emitter3();
+    this.onUpdateHoverPositionEmitter = new Emitter3();
     this.onHoveredChange = this.onHoveredChangeEmitter.event;
     this.onUpdateHoverPosition = this.onUpdateHoverPositionEmitter.event;
     // 当前鼠标 hover 位置
@@ -1286,7 +1293,7 @@ import { inject as inject6, injectable as injectable6, postConstruct as postCons
 import {
   domUtils as domUtils2,
   PromiseDeferred,
-  Emitter as Emitter5,
+  Emitter as Emitter6,
   DisposableCollection as DisposableCollection2,
   Rectangle as Rectangle8,
   delay as delay2
@@ -1307,7 +1314,7 @@ import {
 // src/workflow-lines-manager.ts
 import { last } from "lodash-es";
 import { inject as inject3, injectable as injectable3 } from "inversify";
-import { DisposableCollection, Emitter as Emitter3 } from "@flowgram.ai/utils";
+import { DisposableCollection, Emitter as Emitter4 } from "@flowgram.ai/utils";
 import { FlowNodeRenderData as FlowNodeRenderData2, FlowNodeTransformData as FlowNodeTransformData3 } from "@flowgram.ai/document";
 import { EntityManager as EntityManager2, PlaygroundConfigEntity as PlaygroundConfigEntity2 } from "@flowgram.ai/core";
 
@@ -1391,8 +1398,8 @@ var WorkflowLinesManager = class {
     this.toDispose = new DisposableCollection();
     // 线条类型
     this._lineType = 0 /* BEZIER */;
-    this.onAvailableLinesChangeEmitter = new Emitter3();
-    this.onForceUpdateEmitter = new Emitter3();
+    this.onAvailableLinesChangeEmitter = new Emitter4();
+    this.onForceUpdateEmitter = new Emitter4();
     /**
      * 有效的线条被添加或者删除时候触发，未连上的线条不算
      */
@@ -1463,6 +1470,9 @@ var WorkflowLinesManager = class {
       WorkflowLineEntity.portInfoToLineId(portInfo)
     );
   }
+  getLineById(id) {
+    return this.entityManager.getEntityById(id);
+  }
   replaceLine(oldPortInfo, newPortInfo) {
     const oldLine = this.getLine(oldPortInfo);
     if (oldLine) {
@@ -1471,7 +1481,7 @@ var WorkflowLinesManager = class {
     return this.createLine(newPortInfo);
   }
   createLine(options) {
-    const { from, to, drawingTo, fromPort, toPort } = options;
+    const { from, to, drawingTo, fromPort, toPort, data } = options;
     const available = Boolean(from && to);
     const key = options.key || WorkflowLineEntity.portInfoToLineId(options);
     let line = this.entityManager.getEntityById(key);
@@ -1494,7 +1504,8 @@ var WorkflowLinesManager = class {
       fromPort,
       toPort,
       to,
-      drawingTo
+      drawingTo,
+      data
     });
     this.registerData(line);
     fromNode.addLine(line);
@@ -1515,6 +1526,14 @@ var WorkflowLinesManager = class {
         });
       }
     });
+    line.onLineDataChange(({ oldValue }) => {
+      this.onAvailableLinesChangeEmitter.fire({
+        type: "LINE_DATA_CHANGE" /* LINE_DATA_CHANGE */,
+        toJSON: () => line.toJSON(),
+        oldValue,
+        entity: line
+      });
+    });
     if (available) {
       this.onAvailableLinesChangeEmitter.fire({
         type: "ADD_LINE" /* ADD_LINE */,
@@ -1738,7 +1757,7 @@ WorkflowLinesManager = __decorateClass([
 // src/workflow-document.ts
 import { customAlphabet } from "nanoid";
 import { inject as inject5, injectable as injectable5, optional, postConstruct } from "inversify";
-import { Emitter as Emitter4 } from "@flowgram.ai/utils";
+import { Emitter as Emitter5 } from "@flowgram.ai/utils";
 import { NodeEngineContext } from "@flowgram.ai/form-core";
 import {
   FlowDocument,
@@ -1899,10 +1918,10 @@ var WorkflowDocumentProvider = Symbol("WorkflowDocumentProvider");
 var WorkflowDocument = class extends FlowDocument {
   constructor() {
     super(...arguments);
-    this._onContentChangeEmitter = new Emitter4();
-    this.onLoadedEmitter = new Emitter4();
+    this._onContentChangeEmitter = new Emitter5();
+    this.onLoadedEmitter = new Emitter5();
     this.onContentChange = this._onContentChangeEmitter.event;
-    this._onReloadEmitter = new Emitter4();
+    this._onReloadEmitter = new Emitter5();
     this.onReload = this._onReloadEmitter.event;
     /**
      * 数据加载完成
@@ -1914,6 +1933,11 @@ var WorkflowDocument = class extends FlowDocument {
   get loading() {
     return this._loading;
   }
+  /**
+   * use `ctx.tools.fitView()` instead
+   * @deprecated
+   * @param easing
+   */
   async fitView(easing) {
     return fitView(this, this.playgroundConfig, easing).then(() => {
       this.linesManager.forceUpdate();
@@ -2450,7 +2474,8 @@ var WorkflowDocument = class extends FlowDocument {
       from: json.sourceNodeID,
       fromPort: json.sourcePortID,
       to: json.targetNodeID,
-      toPort: json.targetPortID
+      toPort: json.targetPortID,
+      data: json.data
     };
     if (!parentId) {
       return this.linesManager.createLine(lineInfo);
@@ -2515,10 +2540,10 @@ function checkDragSuccess(time, e, originLine) {
 }
 var WorkflowDragService = class {
   constructor() {
-    this._onDragLineEventEmitter = new Emitter5();
+    this._onDragLineEventEmitter = new Emitter6();
     this.onDragLineEventChange = this._onDragLineEventEmitter.event;
     this.isDragging = false;
-    this._nodesDragEmitter = new Emitter5();
+    this._nodesDragEmitter = new Emitter6();
     this.onNodesDrag = this._nodesDragEmitter.event;
     this._toDispose = new DisposableCollection2();
     this._droppableTransforms = [];
@@ -2920,7 +2945,8 @@ var WorkflowDragService = class {
           line = this.linesManager.createLine({
             from: fromPort.node.id,
             fromPort: fromPort.portID,
-            drawingTo: config.getPosFromMouseEvent(event)
+            drawingTo: config.getPosFromMouseEvent(event),
+            data: originLine?.lineData
           });
           if (!line) {
             return;
@@ -3001,7 +3027,8 @@ var WorkflowDragService = class {
             from: fromPort.node.id,
             fromPort: fromPort.portID,
             to: toPort.node.id,
-            toPort: toPort.portID
+            toPort: toPort.portID,
+            data: originLine?.lineData
           } : void 0;
           const isReset = originLine && toPort;
           if (isReset && !this.linesManager.canReset(
@@ -3114,7 +3141,7 @@ WorkflowDragService = __decorateClass([
 import { inject as inject7, injectable as injectable7, postConstruct as postConstruct3 } from "inversify";
 import { PlaygroundConfigEntity as PlaygroundConfigEntity6 } from "@flowgram.ai/core";
 import { EntityManager as EntityManager3 } from "@flowgram.ai/core";
-import { DisposableCollection as DisposableCollection3, Emitter as Emitter6 } from "@flowgram.ai/utils";
+import { DisposableCollection as DisposableCollection3, Emitter as Emitter7 } from "@flowgram.ai/utils";
 
 // src/utils/layout-to-positions.ts
 import { FlowNodeTransformData as FlowNodeTransformData7 } from "@flowgram.ai/document";
@@ -3159,7 +3186,7 @@ var layoutToPositions = async (nodes, nodePositionMap) => {
 // src/service/workflow-reset-layout-service.ts
 var WorkflowResetLayoutService = class {
   constructor() {
-    this._resetLayoutEmitter = new Emitter6();
+    this._resetLayoutEmitter = new Emitter7();
     /**
      * reset layout事件
      */
@@ -3218,13 +3245,13 @@ WorkflowResetLayoutService = __decorateClass([
 
 // src/service/workflow-operation-base-service.ts
 import { inject as inject8 } from "inversify";
-import { Emitter as Emitter7 } from "@flowgram.ai/utils";
+import { Emitter as Emitter8 } from "@flowgram.ai/utils";
 import { FlowOperationBaseServiceImpl } from "@flowgram.ai/document";
 import { TransformData as TransformData10 } from "@flowgram.ai/core";
 var WorkflowOperationBaseServiceImpl = class extends FlowOperationBaseServiceImpl {
   constructor() {
     super(...arguments);
-    this.onNodePostionUpdateEmitter = new Emitter7();
+    this.onNodePostionUpdateEmitter = new Emitter8();
     this.onNodePostionUpdate = this.onNodePostionUpdateEmitter.event;
   }
   updateNodePosition(nodeOrId, position) {