@flowgram.ai/free-layout-core 0.1.0-alpha.4 → 0.1.0-alpha.6

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/typings/index.ts"],"sourcesContent":["export * 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":";AASO,IAAM,YAAY,OAAO,EAAE;","names":[]}

package/dist/esm/chunk-LJH3TSLZ.js

@@ -0,0 +1,7 @@
+// src/typings/workflow-operation.ts
+var WorkflowOperationBaseService = Symbol("WorkflowOperationBaseService");
+
+export {
+  WorkflowOperationBaseService
+};
+//# sourceMappingURL=chunk-LJH3TSLZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/typings/workflow-operation.ts"],"sourcesContent":["import { 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":";AA2BO,IAAM,+BAA+B,OAAO,8BAA8B;","names":[]}

package/dist/esm/chunk-TQLT57GW.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-TQLT57GW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/index.js

@@ -1,6 +1,9 @@
 import {
   URLParams
-} from "./chunk-DE4324TR.js";
+} from "./chunk-IYUZVBAO.js";
+import "./chunk-KNYZRMIO.js";
+import "./chunk-NU6G5HF4.js";
+import "./chunk-TQLT57GW.js";
 import "./chunk-CGOMTQ3G.js";
 import {
   WorkflowContentChangeType
@@ -9,12 +12,13 @@ import {
   LineColors,
   LineType
 } from "./chunk-PT4ZVDZZ.js";
+import "./chunk-DDJTYHXN.js";
+import {
+  WorkflowOperationBaseService
+} from "./chunk-LJH3TSLZ.js";
 import {
   __decorateClass
 } from "./chunk-EUXUH3YW.js";
-import "./chunk-DDJTYHXN.js";
-import "./chunk-KNYZRMIO.js";
-import "./chunk-NU6G5HF4.js";
 
 // src/workflow-commands.ts
 var WorkflowCommands = /* @__PURE__ */ ((WorkflowCommands2) => {
@@ -47,7 +51,7 @@ import {
 import { useCallback, useEffect as useEffect2, useRef, useState, useContext, useMemo } from "react";
 import { useObserve } from "@flowgram.ai/reactive";
 import { getNodeForm } from "@flowgram.ai/node";
-import { FlowNodeRenderData as FlowNodeRenderData2 } from "@flowgram.ai/document";
+import { FlowNodeRenderData as FlowNodeRenderData3 } from "@flowgram.ai/document";
 import { PlaygroundEntityContext, useListenEvents, useService } from "@flowgram.ai/core";
 
 // src/service/workflow-select-service.ts
@@ -131,6 +135,7 @@ import { EntityData, SizeData } from "@flowgram.ai/core";
 
 // src/entities/workflow-port-entity.ts
 import { Rectangle as Rectangle3, Emitter } from "@flowgram.ai/utils";
+import { FlowNodeTransformData } from "@flowgram.ai/document";
 import {
   Entity,
   PlaygroundConfigEntity,
@@ -182,7 +187,7 @@ var WorkflowPortEntity = class extends Entity {
   }
   get point() {
     const { targetElement } = this;
-    const { bounds } = this.node.getData(TransformData3);
+    const { bounds } = this.node.getData(FlowNodeTransformData);
     if (targetElement) {
       const pos = domReactToBounds(targetElement.getBoundingClientRect()).center;
       return this.entityManager.getEntity(PlaygroundConfigEntity).getPosFromMouseEvent({
@@ -211,7 +216,7 @@ var WorkflowPortEntity = class extends Entity {
    */
   get relativePosition() {
     const { point } = this;
-    const { bounds } = this.node.getData(TransformData3);
+    const { bounds } = this.node.getData(FlowNodeTransformData);
     return {
       x: point.x - bounds.x,
       y: point.y - bounds.y
@@ -242,10 +247,17 @@ var WorkflowPortEntity = class extends Entity {
   }
   /**
    * 当前点位上连接的线条
+   * @deprecated use `availableLines` instead
    */
   get lines() {
     return this.allLines.filter((line) => !line.isDrawing);
   }
+  /**
+   * 当前有效的线条，不包含正在画的线条和隐藏的线条（这个出现在线条重连会先把原来的线条隐藏）
+   */
+  get availableLines() {
+    return this.allLines.filter((line) => !line.isDrawing && !line.isHidden);
+  }
   /**
    * 当前点位上连接的线条（包含 isDrawing === true 的线条）
    */
@@ -1099,7 +1111,7 @@ import {
   delay as delay2
 } from "@flowgram.ai/utils";
 import {
-  FlowNodeTransformData as FlowNodeTransformData5,
+  FlowNodeTransformData as FlowNodeTransformData6,
   FlowOperationBaseService
 } from "@flowgram.ai/document";
 import { FlowNodeBaseType as FlowNodeBaseType2 } from "@flowgram.ai/document";
@@ -1114,12 +1126,12 @@ import {
 import { last } from "lodash-es";
 import { inject as inject3, injectable as injectable3 } from "inversify";
 import { Disposable as Disposable2, DisposableCollection, Emitter as Emitter3 } from "@flowgram.ai/utils";
-import { FlowNodeTransformData as FlowNodeTransformData2 } from "@flowgram.ai/document";
+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";
 
 // src/workflow-document-option.ts
 import { FlowNodeErrorData } from "@flowgram.ai/form-core";
-import { FlowNodeTransformData } from "@flowgram.ai/document";
+import { FlowNodeTransformData as FlowNodeTransformData2 } from "@flowgram.ai/document";
 import { TransformData as TransformData5 } from "@flowgram.ai/core";
 
 // src/utils/flow-node-form-data.ts
@@ -1170,7 +1182,7 @@ var WorkflowDocumentOptionsDefault = {
     const nodeMeta = node.getNodeMeta();
     const subCanvas = nodeMeta.subCanvas?.(node);
     if (subCanvas?.isCanvas === false) {
-      const canvasNodeTransform = subCanvas.canvasNode.getData(FlowNodeTransformData);
+      const canvasNodeTransform = subCanvas.canvasNode.getData(FlowNodeTransformData2);
       const { x, y } = canvasNodeTransform.transform.position;
       metaData.canvasPosition = { x, y };
     }
@@ -1468,12 +1480,12 @@ var WorkflowLinesManager = class {
    * @param pos - 鼠标位置
    */
   getNodeFromMousePos(pos) {
-    const allNodes = this.document.getAllNodes();
+    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(FlowNodeTransformData2);
+      const { bounds } = node.getData(FlowNodeTransformData3);
       if (bounds.clone().pad(4 / zoom).contains(pos.x, pos.y)) {
         containNodes.push(node);
       }
@@ -1495,6 +1507,10 @@ var WorkflowLinesManager = class {
   registerData(line) {
     line.addData(WorkflowLineRenderData);
   }
+  getNodeIndex(node) {
+    const nodeRenderData = node.getData(FlowNodeRenderData2);
+    return nodeRenderData.stackIndex;
+  }
 };
 __decorateClass([
   inject3(WorkflowHoverService)
@@ -1517,7 +1533,7 @@ import { customAlphabet } from "nanoid";
 import { inject as inject5, injectable as injectable5, optional, postConstruct } from "inversify";
 import { Disposable as Disposable3, Emitter as Emitter4 } from "@flowgram.ai/utils";
 import { NodeEngineContext } from "@flowgram.ai/form-core";
-import { FlowDocument, FlowNodeBaseType, FlowNodeTransformData as FlowNodeTransformData4 } from "@flowgram.ai/document";
+import { FlowDocument, FlowNodeBaseType, FlowNodeTransformData as FlowNodeTransformData5 } from "@flowgram.ai/document";
 import {
   injectPlaygroundContext,
   PlaygroundConfigEntity as PlaygroundConfigEntity4,
@@ -1529,7 +1545,7 @@ import {
 import { inject as inject4, injectable as injectable4 } from "inversify";
 import {
   FlowDocumentProvider,
-  FlowNodeTransformData as FlowNodeTransformData3
+  FlowNodeTransformData as FlowNodeTransformData4
 } from "@flowgram.ai/document";
 import { PlaygroundConfigEntity as PlaygroundConfigEntity3, TransformData as TransformData7 } from "@flowgram.ai/core";
 import {
@@ -1549,12 +1565,12 @@ var FreeLayout = class {
    * 更新布局
    */
   update() {
-    if (this.document.root.getData(FlowNodeTransformData3)?.localDirty) {
+    if (this.document.root.getData(FlowNodeTransformData4)?.localDirty) {
       this.document.root.clearMemoGlobal();
     }
   }
   syncTransform(node) {
-    const transform = node.getData(FlowNodeTransformData3);
+    const transform = node.getData(FlowNodeTransformData4);
     if (!transform.localDirty) {
       return;
     }
@@ -1568,7 +1584,7 @@ var FreeLayout = class {
     }
     node.parent.clearMemoGlobal();
     node.parent.clearMemoLocal();
-    const parentTransform = node.parent.getData(FlowNodeTransformData3);
+    const parentTransform = node.parent.getData(FlowNodeTransformData4);
     parentTransform.transform.fireChange();
   }
   /**
@@ -1577,7 +1593,7 @@ var FreeLayout = class {
    */
   getPadding(node) {
     const { padding } = node.getNodeMeta();
-    const transform = node.getData(FlowNodeTransformData3);
+    const transform = node.getData(FlowNodeTransformData4);
     if (padding) {
       return typeof padding === "function" ? padding(transform) : padding;
     }
@@ -1723,7 +1739,7 @@ var WorkflowDocument = class extends FlowDocument {
     const { formMeta } = registry;
     const meta = node.getNodeMeta();
     const formData = getFlowNodeFormData(node);
-    const transform = node.getData(FlowNodeTransformData4);
+    const transform = node.getData(FlowNodeTransformData5);
     const freeLayout = this.layout;
     transform.onDataChange(() => {
       freeLayout.syncTransform(node);
@@ -1774,7 +1790,7 @@ var WorkflowDocument = class extends FlowDocument {
           if (!node.parent || node.parent.flowNodeType === FlowNodeBaseType.ROOT) {
             return;
           }
-          const parentTransform = node.parent.getData(FlowNodeTransformData4);
+          const parentTransform = node.parent.getData(FlowNodeTransformData5);
           setTimeout(() => {
             parentTransform.fireChange();
           }, 0);
@@ -1875,8 +1891,8 @@ var WorkflowDocument = class extends FlowDocument {
     }));
     const startNodeId = allNode.find((node) => node.isStart).id;
     const endNodeId = allNode.find((node) => node.isNodeEnd).id;
-    const nodeInSubCanvas = allNode.filter((node) => node.parent?.flowNodeType === FlowNodeBaseType.SUB_CANVAS).map((node) => node.id);
-    const associatedCache = /* @__PURE__ */ new Set([endNodeId, ...nodeInSubCanvas]);
+    const nodeInContainer = allNode.filter((node) => node.parent?.getNodeMeta().isContainer).map((node) => node.id);
+    const associatedCache = /* @__PURE__ */ new Set([endNodeId, ...nodeInContainer]);
     const bfs = (nodeId) => {
       if (associatedCache.has(nodeId)) {
         return;
@@ -2151,7 +2167,7 @@ var WorkflowDocument = class extends FlowDocument {
   }
   toLineJSON(line) {
     const lineJSON = line.toJSON();
-    if (!line.to || !line.info.to || !line.toPort) {
+    if (!line.from || !line.info.from || !line.fromPort || !line.to || !line.info.to || !line.toPort) {
       return;
     }
     const fromSubCanvas = this.getNodeSubCanvas(line.from);
@@ -2269,18 +2285,19 @@ var WorkflowDragService = class {
   }
   /**
    * 拖拽选中节点
-   * @param event
+   * @param triggerEvent
    */
-  startDragSelectedNodes(event) {
+  startDragSelectedNodes(triggerEvent) {
     let { selectedNodes } = this.selectService;
-    if (selectedNodes.length === 0 || this.playgroundConfig.readonly || this.playgroundConfig.disabled) {
+    if (selectedNodes.length === 0 || this.playgroundConfig.readonly || this.playgroundConfig.disabled || this.isDragging) {
       return Promise.resolve(false);
     }
+    this.isDragging = true;
     const sameParent = this.childrenOfContainer(selectedNodes);
     if (sameParent && sameParent.flowNodeType !== FlowNodeBaseType2.ROOT) {
       selectedNodes = [sameParent];
     }
-    const { altKey } = event;
+    const { altKey } = triggerEvent;
     let startPosition = this.getNodesPosition(selectedNodes);
     let startPositions = selectedNodes.map((node) => {
       const transform = node.getData(TransformData9);
@@ -2289,11 +2306,19 @@ var WorkflowDragService = class {
     let dragSuccess = false;
     const startTime = Date.now();
     const dragger = new PlaygroundDrag({
-      onDragStart: () => {
-        this.isDragging = true;
+      onDragStart: (dragEvent) => {
+        this._nodesDragEmitter.fire({
+          type: "onDragStart",
+          nodes: selectedNodes,
+          startPositions,
+          altKey,
+          dragEvent,
+          triggerEvent,
+          dragger
+        });
       },
-      onDrag: (e) => {
-        if (!dragSuccess && checkDragSuccess(Date.now() - startTime, e)) {
+      onDrag: (dragEvent) => {
+        if (!dragSuccess && checkDragSuccess(Date.now() - startTime, dragEvent)) {
           dragSuccess = true;
           if (altKey) {
             const tryCopyNodes = selectedNodes;
@@ -2316,10 +2341,11 @@ var WorkflowDragService = class {
           }
         }
         const offset = this.getDragPosOffset({
-          event: e,
+          event: dragEvent,
           selectedNodes,
           startPosition
         });
+        const positions = [];
         selectedNodes.forEach((node, index) => {
           const transform = node.getData(TransformData9);
           const nodeStartPosition = startPositions[index];
@@ -2329,26 +2355,40 @@ var WorkflowDragService = class {
           };
           if (node.collapsedChildren?.length > 0) {
             node.collapsedChildren.forEach((childNode) => {
-              const childNodeTransformData = childNode.getData(FlowNodeTransformData5);
+              const childNodeTransformData = childNode.getData(FlowNodeTransformData6);
               childNodeTransformData.fireChange();
             });
           }
           transform.update({
             position: newPosition
           });
+          positions.push(newPosition);
+        });
+        this._nodesDragEmitter.fire({
+          type: "onDragging",
+          nodes: selectedNodes,
+          startPositions,
+          positions,
+          altKey,
+          dragEvent,
+          triggerEvent,
+          dragger
         });
       },
-      onDragEnd: () => {
+      onDragEnd: (dragEvent) => {
         this.isDragging = false;
         this._nodesDragEmitter.fire({
           type: "onDragEnd",
           nodes: selectedNodes,
           startPositions,
-          altKey
+          altKey,
+          dragEvent,
+          triggerEvent,
+          dragger
         });
       }
     });
-    return dragger.start(event.clientX, event.clientY, this.playgroundConfig).then(() => dragSuccess);
+    return dragger.start(triggerEvent.clientX, triggerEvent.clientY, this.playgroundConfig)?.then(() => dragSuccess);
   }
   /**
    * 通过拖入卡片添加
@@ -2420,7 +2460,11 @@ var WorkflowDragService = class {
       },
       onDragEnd: async (e) => {
         const dropNode = this._dropNode;
-        const dragNode = await this.dropCard(type, e, data, dropNode);
+        const { allowDrop } = this.canDropToNode({
+          dragNodeType: type,
+          dropNode
+        });
+        const dragNode = allowDrop ? await this.dropCard(type, e, data, dropNode) : void 0;
         this.clearDrop();
         if (dragNode) {
           domNode.remove();
@@ -2473,6 +2517,22 @@ var WorkflowDragService = class {
       dispose: () => this.posAdjusters.delete(adjuster)
     };
   }
+  /**
+   * 判断是否可以放置节点
+   */
+  canDropToNode(params) {
+    const { dragNodeType, dropNode } = params;
+    if (!dragNodeType) {
+      return {
+        allowDrop: false,
+        message: "Please select a node to drop"
+      };
+    }
+    return {
+      allowDrop: true,
+      dropNode
+    };
+  }
   /**
    * 获取拖拽偏移
    */
@@ -2503,23 +2563,24 @@ var WorkflowDragService = class {
     return offset;
   }
   updateDroppableTransforms() {
-    this._droppableTransforms = this.document.getRenderDatas(FlowNodeTransformData5, false).filter((transform) => {
+    this._droppableTransforms = this.document.getRenderDatas(FlowNodeTransformData6, false).filter((transform) => {
       const { entity } = transform;
       if (entity.originParent) {
         return this.nodeSelectable(entity) && this.nodeSelectable(entity.originParent);
       }
       return this.nodeSelectable(entity);
-    }).filter((transform) => {
-      const { entity } = transform;
-      return entity.flowNodeType === FlowNodeBaseType2.SUB_CANVAS;
-    });
+    }).filter((transform) => this.isContainer(transform.entity));
+  }
+  /** 是否容器节点 */
+  isContainer(node) {
+    return node?.getNodeMeta().isContainer ?? false;
   }
   /**
    * 获取节点整体位置
    */
   getNodesPosition(nodes) {
     const selectedBounds = Rectangle8.enlarge(
-      nodes.map((n) => n.getData(FlowNodeTransformData5).bounds)
+      nodes.map((n) => n.getData(FlowNodeTransformData6).bounds)
     );
     const position = {
       x: selectedBounds.x,
@@ -2569,7 +2630,7 @@ var WorkflowDragService = class {
       return {
         hasError: false
       };
-    } else if (toNode.flowNodeType === FlowNodeBaseType2.SUB_CANVAS) {
+    } else if (this.isContainer(toNode)) {
       return {
         hasError: false
       };
@@ -2604,6 +2665,7 @@ var WorkflowDragService = class {
     if (originLine?.disabled || isFromInActivePort || this.playgroundConfig.readonly || this.playgroundConfig.disabled) {
       return { dragSuccess: false, newLine: void 0 };
     }
+    this.selectService.clear();
     const config = this.playgroundConfig;
     const deferred = new PromiseDeferred();
     const preCursor = config.cursor;
@@ -2649,9 +2711,12 @@ var WorkflowDragService = class {
           type: "onDrag"
         });
         this.setLineColor(line, this.linesManager.lineColor.drawing);
-        if (toNode && toNode.flowNodeType !== FlowNodeBaseType2.SUB_CANVAS) {
+        if (toNode && !this.isContainer(toNode)) {
           const portsData = toNode.getData(WorkflowNodePortsData);
-          toPort = portsData.inputPorts[0];
+          const { inputPorts } = portsData;
+          if (inputPorts.length === 1) {
+            toPort = inputPorts[0];
+          }
           const { hasError } = this.handleDragOnNode(toNode, fromPort, line, toPort, originLine);
           lineErrorReset = hasError;
         }
@@ -2797,13 +2862,13 @@ import { EntityManager as EntityManager3 } from "@flowgram.ai/core";
 import { DisposableCollection as DisposableCollection3, Emitter as Emitter6 } from "@flowgram.ai/utils";
 
 // src/utils/layout-to-positions.ts
-import { FlowNodeTransformData as FlowNodeTransformData6 } from "@flowgram.ai/document";
+import { FlowNodeTransformData as FlowNodeTransformData7 } from "@flowgram.ai/document";
 import { TransformData as TransformData10, startTween } from "@flowgram.ai/core";
 var layoutToPositions = async (nodes, nodePositionMap) => {
   const newNodePositionMap = {};
   nodes.forEach((node) => {
     const transform = node.getData(TransformData10);
-    const nodeTransform = node.getData(FlowNodeTransformData6);
+    const nodeTransform = node.getData(FlowNodeTransformData7);
     newNodePositionMap[node.id] = {
       x: transform.position.x,
       y: transform.position.y + nodeTransform.bounds.height / 2
@@ -2821,7 +2886,7 @@ var layoutToPositions = async (nodes, nodePositionMap) => {
           const deltaY = (nodePositionMap[node.id].y - transform.bounds.height / 2 - transform.position.y) * v.d / 100;
           if (node.collapsedChildren?.length > 0) {
             node.collapsedChildren.forEach((childNode) => {
-              const childNodeTransformData = childNode.getData(FlowNodeTransformData6);
+              const childNodeTransformData = childNode.getData(FlowNodeTransformData7);
               childNodeTransformData.fireChange();
             });
           }
@@ -2900,6 +2965,41 @@ WorkflowResetLayoutService = __decorateClass([
   injectable7()
 ], WorkflowResetLayoutService);
 
+// src/service/workflow-operation-base-service.ts
+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";
+var WorkflowOperationBaseServiceImpl = class extends FlowOperationBaseServiceImpl {
+  constructor() {
+    super(...arguments);
+    this.onNodePostionUpdateEmitter = new Emitter7();
+    this.onNodePostionUpdate = this.onNodePostionUpdateEmitter.event;
+  }
+  updateNodePosition(nodeOrId, position) {
+    const node = this.toNodeEntity(nodeOrId);
+    if (!node) {
+      return;
+    }
+    const transformData = node.getData(TransformData11);
+    const oldPosition = {
+      x: transformData.position.x,
+      y: transformData.position.y
+    };
+    transformData.update({
+      position
+    });
+    this.onNodePostionUpdateEmitter.fire({
+      node,
+      oldPosition,
+      newPosition: position
+    });
+  }
+};
+__decorateClass([
+  inject8(WorkflowDocument)
+], WorkflowOperationBaseServiceImpl.prototype, "document", 2);
+
 // src/hooks/use-playground-readonly-state.ts
 import { useEffect } from "react";
 import { usePlayground, useRefresh } from "@flowgram.ai/core";
@@ -2922,7 +3022,7 @@ function checkTargetDraggable(el) {
 }
 function useNodeRender(nodeFromProps) {
   const node = nodeFromProps || useContext(PlaygroundEntityContext);
-  const renderData = node.getData(FlowNodeRenderData2);
+  const renderData = node.getData(FlowNodeRenderData3);
   const portsData = node.getData(WorkflowNodePortsData);
   const readonly = usePlaygroundReadonlyState();
   const dragService = useService(WorkflowDragService);
@@ -2952,7 +3052,7 @@ function useNodeRender(nodeFromProps) {
         return;
       }
       isDragging.current = true;
-      dragService.startDragSelectedNodes(e).finally(
+      dragService.startDragSelectedNodes(e)?.finally(
         () => setTimeout(() => {
           isDragging.current = false;
         })
@@ -2965,7 +3065,7 @@ function useNodeRender(nodeFromProps) {
       if (isDragging.current) {
         return;
       }
-      if (e.metaKey || e.shiftKey || e.ctrlKey) {
+      if (e.shiftKey) {
         selectionService.toggleSelect(node);
       } else {
         selectionService.selectNode(node);
@@ -3034,11 +3134,11 @@ function useNodeRender(nodeFromProps) {
 }
 
 // src/hooks/use-current-dom-node.ts
-import { FlowNodeRenderData as FlowNodeRenderData3 } from "@flowgram.ai/document";
+import { FlowNodeRenderData as FlowNodeRenderData4 } from "@flowgram.ai/document";
 import { useEntityFromContext } from "@flowgram.ai/core";
 function useCurrentDomNode() {
   const entity = useEntityFromContext();
-  const renderData = entity.getData(FlowNodeRenderData3);
+  const renderData = entity.getData(FlowNodeRenderData4);
   return renderData.node;
 }
 
@@ -3068,20 +3168,20 @@ var InteractiveType = /* @__PURE__ */ ((InteractiveType2) => {
 
 // src/workflow-document-container-module.ts
 import { ContainerModule } from "inversify";
-import { FlowDocument as FlowDocument2, FlowDocumentContribution } from "@flowgram.ai/document";
 import { bindContributions } from "@flowgram.ai/utils";
+import { FlowDocument as FlowDocument2, FlowDocumentContribution } from "@flowgram.ai/document";
 
 // src/workflow-document-contribution.ts
-import { injectable as injectable8, inject as inject8 } from "inversify";
+import { injectable as injectable8, inject as inject9 } from "inversify";
 import {
-  FlowNodeRenderData as FlowNodeRenderData4,
-  FlowNodeTransformData as FlowNodeTransformData7
+  FlowNodeRenderData as FlowNodeRenderData5,
+  FlowNodeTransformData as FlowNodeTransformData8
 } from "@flowgram.ai/document";
 var WorkflowDocumentContribution = class {
   registerDocument(document2) {
     document2.registerNodeDatas(
-      FlowNodeTransformData7,
-      FlowNodeRenderData4,
+      FlowNodeTransformData8,
+      FlowNodeRenderData5,
       WorkflowNodePortsData,
       WorkflowNodeLinesData
     );
@@ -3089,7 +3189,7 @@ var WorkflowDocumentContribution = class {
   }
 };
 __decorateClass([
-  inject8(FreeLayout)
+  inject9(FreeLayout)
 ], WorkflowDocumentContribution.prototype, "freeLayout", 2);
 WorkflowDocumentContribution = __decorateClass([
   injectable8()
@@ -3114,6 +3214,7 @@ var WorkflowDocumentContainerModule = new ContainerModule(
     bind(WorkflowSelectService).toSelf().inSingletonScope();
     bind(WorkflowHoverService).toSelf().inSingletonScope();
     bind(WorkflowResetLayoutService).toSelf().inSingletonScope();
+    bind(WorkflowOperationBaseService).to(WorkflowOperationBaseServiceImpl).inSingletonScope();
     bind(URLParams).toDynamicValue(() => getUrlParams()).inSingletonScope();
     bindContributions(bind, WorkflowDocumentContribution, [FlowDocumentContribution]);
     bind(WorkflowDocumentOptions).toConstantValue({
@@ -3223,6 +3324,8 @@ export {
   WorkflowNodeEntity,
   WorkflowNodeLinesData,
   WorkflowNodePortsData,
+  WorkflowOperationBaseService,
+  WorkflowOperationBaseServiceImpl,
   WorkflowPortEntity,
   WorkflowResetLayoutService,
   WorkflowSelectService,