@flowgram.ai/free-layout-core 0.2.16 → 0.2.18

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

@@ -13,4 +13,4 @@ var WorkflowContentChangeType = /* @__PURE__ */ ((WorkflowContentChangeType2) =>
 export {
   WorkflowContentChangeType
 };
-//# sourceMappingURL=chunk-J5FVRRUV.js.map
+//# sourceMappingURL=chunk-242F2JCI.js.map

package/dist/esm/chunk-242F2JCI.js.map

@@ -0,0 +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"]}

package/dist/esm/{chunk-BJKYSQMI.js → chunk-CTGO4RKX.js}

@@ -19,4 +19,4 @@ export {
   LineType,
   LineColors
 };
-//# sourceMappingURL=chunk-BJKYSQMI.js.map
+//# sourceMappingURL=chunk-CTGO4RKX.js.map

package/dist/esm/chunk-CTGO4RKX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/typings/workflow-line.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport type { Rectangle, IPoint } from '@flowgram.ai/utils';\n\nimport { type WorkflowLineEntity } from '../entities';\n\nexport enum LineType {\n  BEZIER, // 贝塞尔曲线\n  LINE_CHART, // 折叠线\n}\n\nexport type LineRenderType = LineType | string;\n\nexport interface LinePosition {\n  from: IPoint;\n  to: IPoint;\n}\n\nexport interface LineColor {\n  hidden: string;\n  default: string;\n  drawing: string;\n  hovered: string;\n  selected: string;\n  error: string;\n  flowing: string;\n}\n\nexport enum LineColors {\n  HIDDEN = 'var(--g-workflow-line-color-hidden,transparent)', // 隐藏线条\n  DEFUALT = 'var(--g-workflow-line-color-default,#4d53e8)',\n  DRAWING = 'var(--g-workflow-line-color-drawing, #5DD6E3)', // '#b5bbf8', // '#9197F1',\n  HOVER = 'var(--g-workflow-line-color-hover,#37d0ff)',\n  SELECTED = 'var(--g-workflow-line-color-selected,#37d0ff)',\n  ERROR = 'var(--g-workflow-line-color-error,red)',\n  FLOWING = 'var(--g-workflow-line-color-flowing,#4d53e8)', // 流动线条，默认使用主题色\n}\n\nexport interface WorkflowLineRenderContribution {\n  entity: WorkflowLineEntity;\n  path: string;\n  bounds: Rectangle;\n  update: (params: { fromPos: IPoint; toPos: IPoint }) => void;\n  calcDistance: (pos: IPoint) => number;\n}\n\nexport type WorkflowLineRenderContributionFactory = (new (\n  entity: WorkflowLineEntity\n) => WorkflowLineRenderContribution) & {\n  type: LineRenderType;\n};\n"],"mappings":";AASO,IAAK,WAAL,kBAAKA,cAAL;AACL,EAAAA,oBAAA;AACA,EAAAA,oBAAA;AAFU,SAAAA;AAAA,GAAA;AAsBL,IAAK,aAAL,kBAAKC,gBAAL;AACL,EAAAA,YAAA,YAAS;AACT,EAAAA,YAAA,aAAU;AACV,EAAAA,YAAA,aAAU;AACV,EAAAA,YAAA,WAAQ;AACR,EAAAA,YAAA,cAAW;AACX,EAAAA,YAAA,WAAQ;AACR,EAAAA,YAAA,aAAU;AAPA,SAAAA;AAAA,GAAA;","names":["LineType","LineColors"]}

package/dist/esm/{chunk-IYUZVBAO.js → chunk-IKQUOAWQ.js}

@@ -4,4 +4,4 @@ var URLParams = Symbol("");
 export {
   URLParams
 };
-//# sourceMappingURL=chunk-IYUZVBAO.js.map
+//# sourceMappingURL=chunk-IKQUOAWQ.js.map

package/dist/esm/chunk-IKQUOAWQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/typings/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport * from './workflow-json';\nexport * from './workflow-edge';\nexport * from './workflow-node';\nexport * from './workflow-registry';\nexport * from './workflow-line';\nexport * from './workflow-sub-canvas';\nexport * from './workflow-operation';\nexport * from './workflow-drag';\n\nexport const URLParams = Symbol('');\n\nexport interface URLParams {\n  [key: string]: string;\n}\n"],"mappings":";AAcO,IAAM,YAAY,OAAO,EAAE;","names":[]}

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

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

package/dist/esm/chunk-O4WKIIW2.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\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\nexport const WorkflowOperationBaseService = Symbol('WorkflowOperationBaseService');\n"],"mappings":";AAgCO,IAAM,+BAA+B,OAAO,8BAA8B;","names":[]}

package/dist/esm/index.js

@@ -1,21 +1,21 @@
 import {
   URLParams
-} from "./chunk-IYUZVBAO.js";
+} from "./chunk-IKQUOAWQ.js";
 import "./chunk-KNYZRMIO.js";
 import "./chunk-NU6G5HF4.js";
 import "./chunk-TQLT57GW.js";
 import "./chunk-CGOMTQ3G.js";
 import {
   WorkflowContentChangeType
-} from "./chunk-J5FVRRUV.js";
+} from "./chunk-242F2JCI.js";
 import {
   LineColors,
   LineType
-} from "./chunk-BJKYSQMI.js";
+} from "./chunk-CTGO4RKX.js";
 import "./chunk-DDJTYHXN.js";
 import {
   WorkflowOperationBaseService
-} from "./chunk-LJH3TSLZ.js";
+} from "./chunk-O4WKIIW2.js";
 import {
   __decorateClass
 } from "./chunk-EUXUH3YW.js";
@@ -694,6 +694,7 @@ var _WorkflowLineEntity = class _WorkflowLineEntity extends Entity2 {
     super(opts);
     this._processing = false;
     this._hasError = false;
+    this.stackIndex = 0;
     /**
      * 线条数据
      */
@@ -1134,7 +1135,7 @@ import {
   MouseTouchEvent,
   PlaygroundConfigEntity as PlaygroundConfigEntity5,
   PlaygroundDrag,
-  TransformData as TransformData9
+  TransformData as TransformData8
 } from "@flowgram.ai/core";
 
 // src/workflow-lines-manager.ts
@@ -1142,7 +1143,7 @@ import { last } from "lodash-es";
 import { inject as inject3, injectable as injectable3 } from "inversify";
 import { DisposableCollection, Emitter as Emitter3 } from "@flowgram.ai/utils";
 import { FlowNodeRenderData as FlowNodeRenderData2, FlowNodeTransformData as FlowNodeTransformData3 } from "@flowgram.ai/document";
-import { EntityManager as EntityManager2, PlaygroundConfigEntity as PlaygroundConfigEntity2, TransformData as TransformData6 } from "@flowgram.ai/core";
+import { EntityManager as EntityManager2, PlaygroundConfigEntity as PlaygroundConfigEntity2 } from "@flowgram.ai/core";
 
 // src/workflow-document-option.ts
 import { FlowNodeErrorData } from "@flowgram.ai/form-core";
@@ -1489,7 +1490,8 @@ var WorkflowLinesManager = class {
     const allPorts = this.entityManager.getEntities(WorkflowPortEntity).filter((port) => port.node.flowNodeType !== "root");
     const targetPort = allPorts.find((port) => port.isHovered(pos.x, pos.y));
     if (targetPort) {
-      const targetNode = this.document.getAllNodes().slice().reverse().filter((node) => targetPort.node?.parent?.id !== node.id).find((node) => node.getData(TransformData6).contains(pos.x, pos.y));
+      const containNodes = this.getContainNodesFromMousePos(pos);
+      const targetNode = last(containNodes);
       if (targetNode && targetNode !== targetPort.node) {
         return;
       }
@@ -1501,16 +1503,8 @@ var WorkflowLinesManager = class {
    * @param pos - 鼠标位置
    */
   getNodeFromMousePos(pos) {
-    const allNodes = this.document.getAllNodes().sort((a, b) => this.getNodeIndex(a) - this.getNodeIndex(b));
-    const containNodes = [];
     const { selection } = this.selectService;
-    const zoom = this.entityManager.getEntity(PlaygroundConfigEntity2)?.config?.zoom || 1;
-    allNodes.forEach((node) => {
-      const { bounds } = node.getData(FlowNodeTransformData3);
-      if (bounds.clone().pad(4 / zoom).contains(pos.x, pos.y)) {
-        containNodes.push(node);
-      }
-    });
+    const containNodes = this.getContainNodesFromMousePos(pos);
     if (selection?.length) {
       const filteredNodes = containNodes.filter(
         (node) => selection.some((_node) => node.id === _node.id)
@@ -1528,6 +1522,18 @@ var WorkflowLinesManager = class {
   registerData(line) {
     line.addData(WorkflowLineRenderData);
   }
+  /** 获取鼠标坐标位置的所有节点（stackIndex 从小到大排序） */
+  getContainNodesFromMousePos(pos) {
+    const allNodes = this.document.getAllNodes().sort((a, b) => this.getNodeIndex(a) - this.getNodeIndex(b));
+    const zoom = this.entityManager.getEntity(PlaygroundConfigEntity2)?.config?.zoom || 1;
+    const containNodes = allNodes.map((node) => {
+      const { bounds } = node.getData(FlowNodeTransformData3);
+      if (bounds.clone().pad(4 / zoom).contains(pos.x, pos.y)) {
+        return node;
+      }
+    }).filter(Boolean);
+    return containNodes;
+  }
   getNodeIndex(node) {
     const nodeRenderData = node.getData(FlowNodeRenderData2);
     return nodeRenderData.stackIndex;
@@ -1563,7 +1569,7 @@ import {
   injectPlaygroundContext,
   PlaygroundConfigEntity as PlaygroundConfigEntity4,
   PositionData,
-  TransformData as TransformData8
+  TransformData as TransformData7
 } from "@flowgram.ai/core";
 
 // src/layout/free-layout.ts
@@ -1577,7 +1583,7 @@ import {
   FlowDocumentProvider,
   FlowNodeTransformData as FlowNodeTransformData4
 } from "@flowgram.ai/document";
-import { PlaygroundConfigEntity as PlaygroundConfigEntity3, TransformData as TransformData7 } from "@flowgram.ai/core";
+import { PlaygroundConfigEntity as PlaygroundConfigEntity3, TransformData as TransformData6 } from "@flowgram.ai/core";
 var FREE_LAYOUT_KEY = "free-layout";
 var FreeLayout = class {
   constructor() {
@@ -1645,7 +1651,7 @@ var FreeLayout = class {
    */
   getInitScroll(contentSize) {
     const bounds = Rectangle7.enlarge(
-      this.document.getAllNodes().map((node) => node.getData(TransformData7).bounds)
+      this.document.getAllNodes().map((node) => node.getData(TransformData6).bounds)
     ).pad(30, 30);
     const viewport = this.playgroundConfig.getViewport(false);
     const zoom = SizeSchema2.fixSize(bounds, viewport);
@@ -1658,13 +1664,13 @@ var FreeLayout = class {
    * 获取默认输入点
    */
   getDefaultInputPoint(node) {
-    return node.getData(TransformData7).bounds.leftCenter;
+    return node.getData(TransformData6).bounds.leftCenter;
   }
   /**
    * 获取默认输出点
    */
   getDefaultOutputPoint(node) {
-    return node.getData(TransformData7).bounds.rightCenter;
+    return node.getData(TransformData6).bounds.rightCenter;
   }
   /**
    * 水平中心点
@@ -1818,7 +1824,7 @@ var WorkflowDocument = class extends FlowDocument {
     if (!position) {
       position = this.getNodeDefaultPosition(json.type);
     }
-    node.getData(TransformData8).update({
+    node.getData(TransformData7).update({
       position
     });
     if (formMeta && formData && !formData.formModel.initialized) {
@@ -1877,7 +1883,7 @@ var WorkflowDocument = class extends FlowDocument {
       );
     }
     if (subCanvas) {
-      const canvasTransform = subCanvas.canvasNode.getData(TransformData8);
+      const canvasTransform = subCanvas.canvasNode.getData(TransformData7);
       canvasTransform.update({
         position: subCanvas.parentNode.getNodeMeta()?.canvasPosition
       });
@@ -2346,7 +2352,7 @@ var WorkflowDragService = class {
     }
     let startPosition = this.getNodesPosition(selectedNodes);
     let startPositions = selectedNodes.map((node) => {
-      const transform = node.getData(TransformData9);
+      const transform = node.getData(TransformData8);
       return { x: transform.position.x, y: transform.position.y };
     });
     let dragSuccess = false;
@@ -2373,7 +2379,7 @@ var WorkflowDragService = class {
         });
         const positions = [];
         selectedNodes.forEach((node, index) => {
-          const transform = node.getData(TransformData9);
+          const transform = node.getData(TransformData8);
           const nodeStartPosition = startPositions[index];
           const newPosition = {
             x: nodeStartPosition.x + offset.x,
@@ -2482,6 +2488,7 @@ var WorkflowDragService = class {
         const dropNode = this._dropNode;
         const { allowDrop } = this.canDropToNode({
           dragNodeType: type,
+          dropNodeType: dropNode?.flowNodeType,
           dropNode
         });
         const dragNode = allowDrop ? await this.dropCard(type, e, data, dropNode) : void 0;
@@ -2506,7 +2513,7 @@ var WorkflowDragService = class {
   /**
    * 如果存在容器节点，且传入鼠标坐标，需要用容器的坐标减去传入的鼠标坐标
    */
-  adjustSubNodePosition(subNodeType, containerNode, mousePos, resetEmptyPos = true) {
+  adjustSubNodePosition(subNodeType, containerNode, mousePos) {
     if (!mousePos) {
       return { x: 0, y: 0 };
     }
@@ -2515,16 +2522,16 @@ var WorkflowDragService = class {
     }
     const isParentEmpty = !containerNode.children || containerNode.children.length === 0;
     const parentPadding = this.document.layout.getPadding(containerNode);
-    const parentTransform = containerNode.getData(TransformData9);
-    if (isParentEmpty && resetEmptyPos) {
+    const containerWorldTransform = containerNode.transform.transform.worldTransform;
+    if (isParentEmpty) {
       return {
         x: 0,
         y: parentPadding.top
       };
     } else {
       return {
-        x: mousePos.x - parentTransform.position.x,
-        y: mousePos.y - parentTransform.position.y
+        x: mousePos.x - containerWorldTransform.tx,
+        y: mousePos.y - containerWorldTransform.ty
       };
     }
   }
@@ -2541,7 +2548,20 @@ var WorkflowDragService = class {
    * 判断是否可以放置节点
    */
   canDropToNode(params) {
+    const { canDropToNode } = this.document.options;
     const { dragNodeType, dropNode } = params;
+    if (canDropToNode) {
+      const result = canDropToNode(params);
+      if (result) {
+        return {
+          allowDrop: true,
+          dropNode
+        };
+      }
+      return {
+        allowDrop: false
+      };
+    }
     if (!dragNodeType) {
       return {
         allowDrop: false,
@@ -2884,11 +2904,11 @@ import { DisposableCollection as DisposableCollection3, Emitter as Emitter6 } fr
 
 // src/utils/layout-to-positions.ts
 import { FlowNodeTransformData as FlowNodeTransformData7 } from "@flowgram.ai/document";
-import { TransformData as TransformData10, startTween } from "@flowgram.ai/core";
+import { TransformData as TransformData9, startTween } from "@flowgram.ai/core";
 var layoutToPositions = async (nodes, nodePositionMap) => {
   const newNodePositionMap = {};
   nodes.forEach((node) => {
-    const transform = node.getData(TransformData10);
+    const transform = node.getData(TransformData9);
     const nodeTransform = node.getData(FlowNodeTransformData7);
     newNodePositionMap[node.id] = {
       x: transform.position.x,
@@ -2902,7 +2922,7 @@ var layoutToPositions = async (nodes, nodePositionMap) => {
       duration: 300,
       onUpdate: (v) => {
         nodes.forEach((node) => {
-          const transform = node.getData(TransformData10);
+          const transform = node.getData(TransformData9);
           const deltaX = (nodePositionMap[node.id].x - transform.position.x) * v.d / 100;
           const deltaY = (nodePositionMap[node.id].y - transform.bounds.height / 2 - transform.position.y) * v.d / 100;
           transform.update({
@@ -2986,7 +3006,7 @@ WorkflowResetLayoutService = __decorateClass([
 import { inject as inject8 } from "inversify";
 import { Emitter as Emitter7 } from "@flowgram.ai/utils";
 import { FlowOperationBaseServiceImpl } from "@flowgram.ai/document";
-import { TransformData as TransformData11 } from "@flowgram.ai/core";
+import { TransformData as TransformData10 } from "@flowgram.ai/core";
 var WorkflowOperationBaseServiceImpl = class extends FlowOperationBaseServiceImpl {
   constructor() {
     super(...arguments);
@@ -2998,7 +3018,7 @@ var WorkflowOperationBaseServiceImpl = class extends FlowOperationBaseServiceImp
     if (!node) {
       return;
     }
-    const transformData = node.getData(TransformData11);
+    const transformData = node.getData(TransformData10);
     const oldPosition = {
       x: transformData.position.x,
       y: transformData.position.y