@flowgram.ai/document 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/index.js

@@ -85,11 +85,17 @@ var FlowNodeBaseType = /* @__PURE__ */ ((FlowNodeBaseType2) => {
   FlowNodeBaseType2["BLOCK_ORDER_ICON"] = "blockOrderIcon";
   FlowNodeBaseType2["GROUP"] = "group";
   FlowNodeBaseType2["END"] = "end";
+  FlowNodeBaseType2["BREAK"] = "break";
   FlowNodeBaseType2["CONDITION"] = "condition";
   FlowNodeBaseType2["SUB_CANVAS"] = "subCanvas";
+  FlowNodeBaseType2["MULTI_INPUTS"] = "multiInputs";
+  FlowNodeBaseType2["MULTI_OUTPUTS"] = "multiOutputs";
+  FlowNodeBaseType2["INPUT"] = "input";
+  FlowNodeBaseType2["OUTPUT"] = "output";
   return FlowNodeBaseType2;
 })(FlowNodeBaseType || {});
 var FlowNodeSplitType = /* @__PURE__ */ ((FlowNodeSplitType2) => {
+  FlowNodeSplitType2["SIMPLE_SPLIT"] = "simpleSplit";
   FlowNodeSplitType2["DYNAMIC_SPLIT"] = "dynamicSplit";
   FlowNodeSplitType2["STATIC_SPLIT"] = "staticSplit";
   return FlowNodeSplitType2;
@@ -233,13 +239,37 @@ var DEFAULT_FLOW_NODE_META = (nodeType, document) => {
 };
 var FlowNodeRegistry;
 ((FlowNodeRegistry4) => {
+  function mergeChildRegistries(r1 = [], r2 = []) {
+    if (r1.length === 0 || r2.length === 0) {
+      return [...r1, ...r2];
+    }
+    const r1Filter = r1.map((r1Current) => {
+      const r2Current = r2.find((n) => n.type === r1Current.type);
+      if (r2Current) {
+        return merge(r1Current, r2Current, r1Current.type);
+      }
+      return r1Current;
+    });
+    const r2Filter = r2.filter((n) => !r1.some((r) => r.type === n.type));
+    return [...r1Filter, ...r2Filter];
+  }
+  FlowNodeRegistry4.mergeChildRegistries = mergeChildRegistries;
   function merge(registry1, registry2, finalType) {
+    const extendKeys = registry1.__extends__ ? registry1.__extends__.slice() : [];
+    if (registry1.type !== registry2.type) {
+      extendKeys.unshift(registry1.type);
+    }
     return {
       ...registry1,
       ...registry2,
+      extendChildRegistries: mergeChildRegistries(
+        registry1.extendChildRegistries,
+        registry2.extendChildRegistries
+      ),
       meta: { ...registry1.meta, ...registry2.meta },
       extend: void 0,
-      type: finalType
+      type: finalType,
+      __extends__: extendKeys
     };
   }
   FlowNodeRegistry4.merge = merge;
@@ -346,6 +376,7 @@ var _FlowNodeRenderData = class _FlowNodeRenderData extends import_core.EntityDa
     this.expanded = !this.expanded;
   }
   toggleMouseEnter(silent = false) {
+    var _a;
     this.entity.document.renderState.setNodeHovered(this.entity);
     if (silent) return;
     const transform = this.entity.getData(FlowNodeTransformData);
@@ -357,7 +388,7 @@ var _FlowNodeRenderData = class _FlowNodeRenderData extends import_core.EntityDa
       this.mouseLeaveTimeout = void 0;
     }
     transform.renderState.hovered = true;
-    if (this.entity.isFirst && this.entity.parent?.id !== "root") {
+    if (this.entity.isFirst && ((_a = this.entity.parent) == null ? void 0 : _a.id) !== "root") {
       transform.parent.renderState.activated = true;
     } else {
       transform.renderState.activated = true;
@@ -368,8 +399,9 @@ var _FlowNodeRenderData = class _FlowNodeRenderData extends import_core.EntityDa
     if (silent) return;
     const transform = this.entity.getData(FlowNodeTransformData);
     this.mouseLeaveTimeout = setTimeout(() => {
+      var _a;
       transform.renderState.hovered = false;
-      if (this.entity.isFirst && this.entity.parent?.id !== "root") {
+      if (this.entity.isFirst && ((_a = this.entity.parent) == null ? void 0 : _a.id) !== "root") {
         transform.parent.renderState.activated = false;
       }
       transform.renderState.activated = false;
@@ -418,10 +450,11 @@ var _FlowNodeRenderData = class _FlowNodeRenderData extends import_core.EntityDa
     this.data.stackIndex = index;
   }
   get lineActivated() {
+    var _a, _b, _c;
     const { activated } = this;
     if (!activated) return false;
     return Boolean(
-      this.entity.parent?.getData(_FlowNodeRenderData)?.activated || this.entity.isInlineBlock || this.entity.next?.getData(_FlowNodeRenderData).activated
+      ((_b = (_a = this.entity.parent) == null ? void 0 : _a.getData(_FlowNodeRenderData)) == null ? void 0 : _b.activated) || this.entity.isInlineBlock || ((_c = this.entity.next) == null ? void 0 : _c.getData(_FlowNodeRenderData).activated)
     );
   }
   get node() {
@@ -625,10 +658,10 @@ var _FlowNodeTransformData = class _FlowNodeTransformData extends import_core2.E
     return this.entity.document.layout.getPadding(this.entity);
   }
   setParentTransform(transform) {
-    if (this.transform.parent !== transform?.transform) {
+    if (this.transform.parent !== (transform == null ? void 0 : transform.transform)) {
       this.localDirty = true;
     }
-    this.transform.setParent(transform?.transform);
+    this.transform.setParent(transform == null ? void 0 : transform.transform);
   }
   get spacing() {
     const { spacing } = this.entity.getNodeMeta();
@@ -655,10 +688,12 @@ var _FlowNodeTransformData = class _FlowNodeTransformData extends import_core2.E
    * 上一个节点的 transform 数据
    */
   get pre() {
-    return this.entity.pre?.getData(_FlowNodeTransformData);
+    var _a;
+    return (_a = this.entity.pre) == null ? void 0 : _a.getData(_FlowNodeTransformData);
   }
   get originParent() {
-    return this.entity.originParent?.getData(_FlowNodeTransformData);
+    var _a;
+    return (_a = this.entity.originParent) == null ? void 0 : _a.getData(_FlowNodeTransformData);
   }
   get isFirst() {
     return this.entity.isFirst;
@@ -667,22 +702,26 @@ var _FlowNodeTransformData = class _FlowNodeTransformData extends import_core2.E
     return this.entity.isLast;
   }
   get lastChild() {
-    return this.entity.lastChild?.getData(_FlowNodeTransformData);
+    var _a;
+    return (_a = this.entity.lastChild) == null ? void 0 : _a.getData(_FlowNodeTransformData);
   }
   get firstChild() {
-    return this.entity.firstChild?.getData(_FlowNodeTransformData);
+    var _a;
+    return (_a = this.entity.firstChild) == null ? void 0 : _a.getData(_FlowNodeTransformData);
   }
   /**
    * 下一个节点的 transform 数据
    */
   get next() {
-    return this.entity.next?.getData(_FlowNodeTransformData);
+    var _a;
+    return (_a = this.entity.next) == null ? void 0 : _a.getData(_FlowNodeTransformData);
   }
   /**
    * parent 节点的 transform 数据
    */
   get parent() {
-    return this.entity.parent?.getData(_FlowNodeTransformData);
+    var _a;
+    return (_a = this.entity.parent) == null ? void 0 : _a.getData(_FlowNodeTransformData);
   }
 };
 _FlowNodeTransformData.type = "FlowNodeTransformData";
@@ -706,9 +745,10 @@ var drawLineToNext = (transition) => {
   return [];
 };
 var drawLineToBottom = (transition) => {
+  var _a;
   const { transform } = transition;
   const currentOutput = transform.outputPoint;
-  const parentOutput = transform.parent?.outputPoint;
+  const parentOutput = (_a = transform.parent) == null ? void 0 : _a.outputPoint;
   if (!transform.next && parentOutput && !new import_utils3.Point().copyFrom(currentOutput).equals(parentOutput) && !transition.isNodeEnd) {
     return [
       {
@@ -725,20 +765,23 @@ var FlowNodeTransitionData = class extends import_core3.EntityData {
     return {};
   }
   formatLines(lines) {
-    if (this.entity.document.options?.formatNodeLines) {
-      return this.entity.document.options?.formatNodeLines?.(this.entity, lines);
+    var _a, _b, _c;
+    if ((_a = this.entity.document.options) == null ? void 0 : _a.formatNodeLines) {
+      return (_c = (_b = this.entity.document.options) == null ? void 0 : _b.formatNodeLines) == null ? void 0 : _c.call(_b, this.entity, lines);
     }
     return lines;
   }
   formatLabels(labels) {
+    var _a, _b;
     if (this.entity.document.options.formatNodeLabels) {
-      return this.entity.document.options?.formatNodeLabels?.(this.entity, labels);
+      return (_b = (_a = this.entity.document.options) == null ? void 0 : _a.formatNodeLabels) == null ? void 0 : _b.call(_a, this.entity, labels);
     }
     return labels;
   }
   get lines() {
     return this.entity.memoGlobal("lines", () => {
-      const { getChildLines } = this.entity.parent?.getNodeRegistry() || {};
+      var _a;
+      const { getChildLines } = ((_a = this.entity.parent) == null ? void 0 : _a.getNodeRegistry()) || {};
       if (getChildLines) {
         return this.formatLines(getChildLines(this, this.entity.document.layout));
       }
@@ -754,7 +797,8 @@ var FlowNodeTransitionData = class extends import_core3.EntityData {
   }
   get labels() {
     return this.entity.memoGlobal("labels", () => {
-      const { getChildLabels } = this.entity.parent?.getNodeRegistry() || {};
+      var _a, _b;
+      const { getChildLabels } = ((_a = this.entity.parent) == null ? void 0 : _a.getNodeRegistry()) || {};
       if (getChildLabels) {
         return this.formatLabels(getChildLabels(this, this.entity.document.layout));
       }
@@ -774,7 +818,7 @@ var FlowNodeTransitionData = class extends import_core3.EntityData {
           }
         ]);
       }
-      const parentOutput = this.transform.parent?.outputPoint;
+      const parentOutput = (_b = this.transform.parent) == null ? void 0 : _b.outputPoint;
       if (parentOutput && !new import_utils3.Point().copyFrom(currentOutput).equals(parentOutput) && !this.isNodeEnd) {
         return this.formatLabels([
           {
@@ -1021,8 +1065,9 @@ var FlowNodeEntity = class extends import_core4.Entity {
     return this.children.length;
   }
   get collapsed() {
+    var _a;
     if (this.document.renderTree.isCollapsed(this)) return true;
-    return !!this.parent?.collapsed;
+    return !!((_a = this.parent) == null ? void 0 : _a.collapsed);
   }
   set collapsed(collapsed) {
     this.document.renderTree.setCollapsed(this, collapsed);
@@ -1223,7 +1268,7 @@ var FlowRendererStateEntity = class extends import_core6.ConfigEntity {
   }
   setNodeHovered(node) {
     this.updateConfig({
-      nodeHoveredId: node?.id
+      nodeHoveredId: node == null ? void 0 : node.id
     });
   }
   getDragLabelSide() {
@@ -1248,7 +1293,7 @@ var FlowRendererStateEntity = class extends import_core6.ConfigEntity {
   }
   setDragStartEntity(node) {
     this.updateConfig({
-      nodeDragStartId: node?.id
+      nodeDragStartId: node == null ? void 0 : node.id
     });
   }
   // 拖拽多个节点时
@@ -1350,7 +1395,7 @@ var FlowVirtualTree = class _FlowVirtualTree {
   moveChilds(parent, childs, index) {
     const parentInfo = this.getInfo(parent);
     const len = parentInfo.children.length;
-    let childIndex = index ?? len;
+    let childIndex = index != null ? index : len;
     childs.forEach((child) => {
       const childInfo = this.getInfo(child);
       if (childInfo.parent) {
@@ -1448,13 +1493,15 @@ var FlowVirtualTree = class _FlowVirtualTree {
   get size() {
     return this.map.size;
   }
-  toString() {
+  toString(showType) {
     const ret = [];
     this.traverse((node, depth) => {
       if (depth === 0) {
         ret.push(node.id);
       } else {
-        ret.push(`|${new Array(depth).fill("--").join("")} ${node.id}`);
+        ret.push(
+          `|${new Array(depth).fill("--").join("")} ${showType ? `${node.flowNodeType}(${node.id})` : node.id}`
+        );
       }
     });
     return `${ret.join("\n")}`;
@@ -1498,7 +1545,8 @@ var FlowRenderTree = class extends FlowVirtualTree {
    *
    */
   openNodeInsideCollapsed(node) {
-    let curr = this.originTree.getInfo(node)?.parent;
+    var _a;
+    let curr = (_a = this.originTree.getInfo(node)) == null ? void 0 : _a.parent;
     while (curr) {
       if (this.nodesCollapsed.has(curr)) {
         this.nodesCollapsed.delete(curr);
@@ -1570,7 +1618,7 @@ var FlowRenderTree = class extends FlowVirtualTree {
         if (shouldDragAllNextNodes && next) {
           this.dragNextNodesToBlock(passBlocks[0], next);
         }
-        children?.forEach((child) => {
+        children == null ? void 0 : children.forEach((child) => {
           this.refineBranch(child);
         });
         if (shouldDragAllNextNodes) {
@@ -1720,11 +1768,22 @@ var FlowDocument = class {
     this.onNodeCreate = this.onNodeCreateEmitter.event;
     this.onNodeDispose = this.onNodeDisposeEmitter.event;
     this.onLayoutChange = this.onLayoutChangeEmitter.event;
+    this._disposed = false;
+  }
+  /**
+   *
+   */
+  get disposed() {
+    return this._disposed;
   }
   init() {
+    var _a, _b;
     if (!this.options) this.options = FlowDocumentOptionsDefault;
     this.currentLayoutKey = this.options.defaultLayout || "vertical-fixed-layout" /* VERTICAL_FIXED_LAYOUT */;
-    this.contributions.forEach((contrib) => contrib.registerDocument?.(this));
+    this.contributions.forEach((contrib) => {
+      var _a2;
+      return (_a2 = contrib.registerDocument) == null ? void 0 : _a2.call(contrib, this);
+    });
     this.root = this.addNode({ id: "root", type: "root" /* ROOT */ });
     this.originTree = new FlowVirtualTree(this.root);
     this.transformer = this.entityManager.createEntity(
@@ -1733,7 +1792,7 @@ var FlowDocument = class {
     );
     this.renderState = this.entityManager.createEntity(FlowRendererStateEntity);
     this.renderTree = new FlowRenderTree(this.root, this.originTree, this);
-    this.layout.reload?.();
+    (_b = (_a = this.layout).reload) == null ? void 0 : _b.call(_a);
   }
   /**
    * 从数据初始化 O(n)
@@ -1745,6 +1804,7 @@ var FlowDocument = class {
    * @param fireRender 是否要触发渲染，默认 true
    */
   fromJSON(json, fireRender = true) {
+    if (this._disposed) return;
     this.originTree.clear();
     this.renderTree.clear();
     this.entityManager.changeEntityLocked = true;
@@ -1768,7 +1828,10 @@ var FlowDocument = class {
     return layout;
   }
   async load() {
-    await Promise.all(this.contributions.map((c) => c.loadDocument?.(this)));
+    await Promise.all(this.contributions.map((c) => {
+      var _a;
+      return (_a = c.loadDocument) == null ? void 0 : _a.call(c, this);
+    }));
   }
   get loading() {
     return this.transformer.loading;
@@ -1802,8 +1865,9 @@ var FlowDocument = class {
     return result;
   }
   removeNode(node) {
+    var _a;
     if (typeof node === "string") {
-      this.getNode(node)?.dispose();
+      (_a = this.getNode(node)) == null ? void 0 : _a.dispose();
     } else {
       node.dispose();
     }
@@ -1813,7 +1877,8 @@ var FlowDocument = class {
    * @param data
    * @param addedNodes
    */
-  addNode(data, addedNodes, ignoreCreateEvent) {
+  addNode(data, addedNodes, ignoreCreateAndUpdateEvent, ignoreBlocks) {
+    var _a, _b, _c, _d;
     const { id, type = "block", originParent, parent, meta, hidden, index } = data;
     let node = this.getNode(id);
     let isNew = false;
@@ -1834,10 +1899,10 @@ var FlowDocument = class {
       const datas = dataRegistries ? this.nodeDataRegistries.concat(...dataRegistries) : this.nodeDataRegistries;
       node.addInitializeData(datas);
       node.onDispose(() => this.onNodeDisposeEmitter.fire({ node }));
-      if (this.options.fromNodeJSON) {
-        this.options.fromNodeJSON(node, data);
-      }
+      (_b = (_a = this.options).fromNodeJSON) == null ? void 0 : _b.call(_a, node, data, true);
       isNew = true;
+    } else {
+      (_d = (_c = this.options).fromNodeJSON) == null ? void 0 : _d.call(_c, node, data, false);
     }
     node.initData({
       originParent,
@@ -1849,25 +1914,29 @@ var FlowDocument = class {
     if (node.isStart) {
       this.root.addChild(node);
     }
-    this.onNodeUpdateEmitter.fire({ node, data });
-    addedNodes?.push(node);
+    addedNodes == null ? void 0 : addedNodes.push(node);
     if (register.onCreate) {
       const extendNodes = register.onCreate(node, data);
       if (extendNodes && addedNodes) {
         addedNodes.push(...extendNodes);
       }
-    } else if (data.blocks && data.blocks.length > 0) {
+    } else if (data.blocks && data.blocks.length > 0 && !ignoreBlocks) {
       if (!data.blocks[0].type) {
         this.addInlineBlocks(node, data.blocks, addedNodes);
       } else {
         this.addBlocksAsChildren(node, data.blocks, addedNodes);
       }
     }
-    if (isNew && !ignoreCreateEvent) {
-      this.onNodeCreateEmitter.fire({
-        node,
-        data
-      });
+    if (!ignoreCreateAndUpdateEvent) {
+      if (isNew) {
+        this.onNodeCreateEmitter.fire({
+          node,
+          data,
+          json: data
+        });
+      } else {
+        this.onNodeUpdateEmitter.fire({ node, data, json: data });
+      }
     }
     return node;
   }
@@ -1903,18 +1972,16 @@ var FlowDocument = class {
       parent: node
     });
     addedNodes.push(blockIconNode);
-    if (blocks.length > 0) {
-      const inlineBlocksNode = this.addNode({
-        id: `$inlineBlocks$${node.id}`,
-        type: "inlineBlocks" /* INLINE_BLOCKS */,
-        originParent: node,
-        parent: node
-      });
-      addedNodes.push(inlineBlocksNode);
-      blocks.forEach((blockData) => {
-        this.addBlock(node, blockData, addedNodes);
-      });
-    }
+    const inlineBlocksNode = this.addNode({
+      id: `$inlineBlocks$${node.id}`,
+      type: "inlineBlocks" /* INLINE_BLOCKS */,
+      originParent: node,
+      parent: node
+    });
+    addedNodes.push(inlineBlocksNode);
+    blocks.forEach((blockData) => {
+      this.addBlock(node, blockData, addedNodes);
+    });
     return addedNodes;
   }
   /**
@@ -1925,6 +1992,7 @@ var FlowDocument = class {
    * @param parent 默认去找 $inlineBlocks$
    */
   addBlock(target, blockData, addedNodes, parent, index) {
+    var _a;
     const node = typeof target === "string" ? this.getNode(target) : target;
     const { onBlockChildCreate } = node.getNodeRegistry();
     if (onBlockChildCreate) {
@@ -1938,7 +2006,7 @@ var FlowDocument = class {
       parent,
       index
     });
-    if (blockData.meta?.defaultCollapsed) {
+    if ((_a = blockData.meta) == null ? void 0 : _a.defaultCollapsed) {
       block.collapsed = true;
     }
     const blockOrderIcon = this.addNode({
@@ -1949,7 +2017,7 @@ var FlowDocument = class {
       data: blockData.data,
       parent: block
     });
-    addedNodes?.push(block, blockOrderIcon);
+    addedNodes == null ? void 0 : addedNodes.push(block, blockOrderIcon);
     if (blockData.blocks) {
       this.addBlocksAsChildren(block, blockData.blocks, addedNodes);
     }
@@ -1977,12 +2045,24 @@ var FlowDocument = class {
         ...preRegistry,
         ...newRegistry,
         meta: {
-          ...preRegistry?.meta,
-          ...newRegistry?.meta
-        }
+          ...preRegistry == null ? void 0 : preRegistry.meta,
+          ...newRegistry == null ? void 0 : newRegistry.meta
+        },
+        extendChildRegistries: FlowNodeRegistry.mergeChildRegistries(
+          preRegistry == null ? void 0 : preRegistry.extendChildRegistries,
+          newRegistry == null ? void 0 : newRegistry.extendChildRegistries
+        )
       });
     });
   }
+  /**
+   * Check node extend
+   * @param currentType
+   * @param parentType
+   */
+  isExtend(currentType, parentType) {
+    return (this.getNodeRegistry(currentType).__extends__ || []).includes(parentType);
+  }
   /**
    * 导出数据，可以重载
    */
@@ -1999,13 +2079,15 @@ var FlowDocument = class {
     return this.getNodeRegistry(type, originParent);
   }
   getNodeRegistry(type, originParent) {
-    const typeKey = `${type}_${originParent?.flowNodeType || ""}`;
+    var _a, _b, _c, _d, _e;
+    const typeKey = `${type}_${(originParent == null ? void 0 : originParent.flowNodeType) || ""}`;
     if (this.nodeRegistryCache.has(typeKey)) {
       return this.nodeRegistryCache.get(typeKey);
     }
-    const customDefaultRegistry = this.options.getNodeDefaultRegistry?.(type);
+    const customDefaultRegistry = (_b = (_a = this.options).getNodeDefaultRegistry) == null ? void 0 : _b.call(_a, type);
     let register = this.registers.get(type) || { type };
     const extendRegisters = [];
+    const extendKey = register.extend;
     if (register.extend && this.registers.has(register.extend)) {
       register = FlowNodeRegistry.merge(
         this.getNodeRegistry(register.extend),
@@ -2014,9 +2096,9 @@ var FlowDocument = class {
       );
     }
     if (originParent) {
-      const extendRegister = this.getNodeRegistry(
+      const extendRegister = (_c = this.getNodeRegistry(
         originParent.flowNodeType
-      ).extendChildRegistries?.find((r) => r.type === type);
+      ).extendChildRegistries) == null ? void 0 : _c.find((r) => r.type === type);
       if (extendRegister) {
         if (extendRegister.extend && this.registers.has(extendRegister.extend)) {
           extendRegisters.push(this.registers.get(extendRegister.extend));
@@ -2026,16 +2108,19 @@ var FlowDocument = class {
     }
     register = FlowNodeRegistry.extend(register, extendRegisters);
     const defaultNodeMeta = DEFAULT_FLOW_NODE_META(type, this);
-    defaultNodeMeta.spacing = this.options?.constants?.[ConstantKeys.NODE_SPACING] || defaultNodeMeta.spacing;
+    defaultNodeMeta.spacing = ((_e = (_d = this.options) == null ? void 0 : _d.constants) == null ? void 0 : _e[ConstantKeys.NODE_SPACING]) || defaultNodeMeta.spacing;
     const res = {
       ...customDefaultRegistry,
       ...register,
       meta: {
         ...defaultNodeMeta,
-        ...customDefaultRegistry?.meta,
+        ...customDefaultRegistry == null ? void 0 : customDefaultRegistry.meta,
         ...register.meta
       }
     };
+    if (extendKey) {
+      res.extend = extendKey;
+    }
     this.nodeRegistryCache.set(typeKey, res);
     return res;
   }
@@ -2086,8 +2171,8 @@ var FlowDocument = class {
   getAllNodes() {
     return this.entityManager.getEntities(FlowNodeEntity);
   }
-  toString() {
-    return this.originTree.toString();
+  toString(showType) {
+    return this.originTree.toString(showType);
   }
   /**
    * 返回需要渲染的数据
@@ -2164,12 +2249,13 @@ var FlowDocument = class {
    * @param layoutKey
    */
   setLayout(layoutKey) {
+    var _a;
     if (this.currentLayoutKey === layoutKey) return;
     const layout = this.layouts.find((layout2) => layout2.name === layoutKey);
     if (!layout) return;
     this.currentLayoutKey = layoutKey;
     this.transformer.clear();
-    layout.reload?.();
+    (_a = layout.reload) == null ? void 0 : _a.call(layout);
     this.fireRender();
     this.onLayoutChangeEmitter.fire(this.layout);
   }
@@ -2182,6 +2268,7 @@ var FlowDocument = class {
     );
   }
   dispose() {
+    if (this._disposed) return;
     this.registers.clear();
     this.nodeRegistryCache.clear();
     this.originTree.dispose();
@@ -2190,6 +2277,7 @@ var FlowDocument = class {
     this.onNodeCreateEmitter.dispose();
     this.onNodeDisposeEmitter.dispose();
     this.onLayoutChangeEmitter.dispose();
+    this._disposed = true;
   }
 };
 __decorateClass([
@@ -2217,137 +2305,434 @@ FlowDocument = __decorateClass([
 var import_inversify8 = require("inversify");
 
 // src/services/flow-drag-service.ts
-var import_inversify5 = require("inversify");
-var import_core10 = require("@flowgram.ai/core");
-var import_utils9 = require("@flowgram.ai/utils");
-
-// src/services/flow-operation-base-service.ts
 var import_inversify3 = require("inversify");
 var import_utils8 = require("@flowgram.ai/utils");
 var import_core8 = require("@flowgram.ai/core");
-var FlowOperationBaseServiceImpl = class {
-  constructor() {
-    this.onNodeAddEmitter = new import_utils8.Emitter();
-    this.onNodeAdd = this.onNodeAddEmitter.event;
-    this.toDispose = new import_utils8.DisposableCollection();
-    this.onNodeMoveEmitter = new import_utils8.Emitter();
-    this.onNodeMove = this.onNodeMoveEmitter.event;
+
+// src/services/flow-group-service/flow-group-controller.ts
+var FlowGroupController = class _FlowGroupController {
+  constructor(groupNode) {
+    this.groupNode = groupNode;
   }
-  init() {
-    this.toDispose.pushAll([this.onNodeAddEmitter, this.onNodeMoveEmitter]);
+  get nodes() {
+    return this.groupNode.collapsedChildren || [];
   }
-  addNode(nodeJSON, config = {}) {
-    const { parent, index, hidden } = config;
-    let parentEntity;
-    if (parent) {
-      parentEntity = this.toNodeEntity(parent);
+  get collapsed() {
+    const groupTransformData = this.groupNode.getData(FlowNodeTransformData);
+    return groupTransformData.collapsed;
+  }
+  collapse() {
+    this.collapsed = true;
+  }
+  expand() {
+    this.collapsed = false;
+  }
+  /** 获取分组外围的最大边框 */
+  get bounds() {
+    const groupNodeBounds = this.groupNode.getData(FlowNodeTransformData).bounds;
+    return groupNodeBounds;
+  }
+  /** 是否是开始节点 */
+  isStartNode(node) {
+    if (!node) {
+      return false;
     }
-    let register;
-    if (parentEntity) {
-      register = parentEntity.getNodeRegistry();
+    const nodes = this.nodes;
+    if (!nodes[0]) {
+      return false;
     }
-    const addJSON = {
-      ...nodeJSON,
-      type: nodeJSON.type || "block" /* BLOCK */
-    };
-    const addNodeData = {
-      ...addJSON,
-      parent: parentEntity,
-      index,
-      hidden
-    };
-    let added;
-    if (parentEntity && register?.addChild) {
-      added = register.addChild(parentEntity, addJSON, {
-        index,
-        hidden
-      });
-    } else {
-      added = this.document.addNode(addNodeData);
+    return node.id === nodes[0].id;
+  }
+  /** 是否是结束节点 */
+  isEndNode(node) {
+    if (!node) {
+      return false;
     }
-    this.onNodeAddEmitter.fire({
-      node: added,
-      data: addNodeData
-    });
-    return added;
+    const nodes = this.nodes;
+    if (!nodes[nodes.length - 1]) {
+      return false;
+    }
+    return node.id === nodes[nodes.length - 1].id;
   }
-  addFromNode(fromNode, nodeJSON) {
-    return this.document.addFromNode(fromNode, nodeJSON);
+  set note(note) {
+    this.groupNode.getNodeMeta().note = note;
   }
-  deleteNode(node) {
-    this.document.removeNode(node);
+  get note() {
+    return this.groupNode.getNodeMeta().note || "";
   }
-  deleteNodes(nodes) {
-    (nodes || []).forEach((node) => {
-      this.deleteNode(node);
-    });
+  set noteHeight(height) {
+    this.groupNode.getNodeMeta().noteHeight = height;
   }
-  addBlock(target, blockJSON, config = {}) {
-    const { parent, index } = config;
-    return this.document.addBlock(target, blockJSON, void 0, parent, index);
+  get noteHeight() {
+    return this.groupNode.getNodeMeta().noteHeight || 0;
   }
-  moveNode(node, config = {}) {
-    const { parent: newParent, index } = config;
-    const entity = this.toNodeEntity(node);
-    const parent = entity?.parent;
-    if (!parent) {
-      return;
+  get positionConfig() {
+    return this.groupNode.getNodeMeta().positionConfig;
+  }
+  set collapsed(collapsed) {
+    var _a;
+    const groupTransformData = this.groupNode.getData(FlowNodeTransformData);
+    groupTransformData.collapsed = collapsed;
+    groupTransformData.localDirty = true;
+    if (groupTransformData.parent) groupTransformData.parent.localDirty = true;
+    if ((_a = groupTransformData.parent) == null ? void 0 : _a.firstChild)
+      groupTransformData.parent.firstChild.localDirty = true;
+  }
+  set hovered(hovered) {
+    const groupRenderData = this.groupNode.getData(FlowNodeRenderData);
+    if (hovered) {
+      groupRenderData.toggleMouseEnter();
+    } else {
+      groupRenderData.toggleMouseLeave();
     }
-    const newParentEntity = newParent ? this.toNodeEntity(newParent) : parent;
-    if (!newParentEntity) {
-      console.warn("no new parent found", newParent);
+    if (groupRenderData.hovered === hovered) {
       return;
     }
-    let toIndex = typeof index === "undefined" ? newParentEntity.collapsedChildren.length : index;
-    return this.doMoveNode(entity, newParentEntity, toIndex);
+    groupRenderData.hovered = hovered;
   }
-  /**
-   * 拖拽节点
-   * @param param0
-   * @returns
-   */
-  dragNodes({ dropNode, nodes }) {
-    if (nodes.length === 0) {
+  get hovered() {
+    const groupRenderData = this.groupNode.getData(FlowNodeRenderData);
+    return groupRenderData.hovered;
+  }
+  static create(groupNode) {
+    if (!groupNode) {
       return;
     }
-    const startNode = nodes[0];
-    const fromParent = startNode.parent;
-    const toParent = dropNode.parent;
-    if (!fromParent || !toParent) {
+    if (!FlowGroupUtils.isGroupNode(groupNode)) {
       return;
     }
-    const fromIndex = fromParent.children.findIndex((child) => child === startNode);
-    const dropIndex = toParent.children.findIndex((child) => child === dropNode);
-    let toIndex = dropIndex + 1;
-    if (fromParent === toParent && fromIndex < dropIndex) {
-      toIndex = toIndex - nodes.length;
+    return new _FlowGroupController(groupNode);
+  }
+};
+
+// src/services/flow-group-service/flow-group-utils.ts
+var FlowGroupUtils;
+((FlowGroupUtils2) => {
+  const findNodeParents = (node) => {
+    const parents = [];
+    let parent = node.parent;
+    while (parent) {
+      parents.push(parent);
+      parent = parent.parent;
     }
-    const value = {
-      nodeIds: nodes.map((node) => node.id),
-      fromParentId: fromParent.id,
-      toParentId: toParent.id,
-      fromIndex,
-      toIndex
-    };
-    return this.apply({
-      type: "moveChildNodes" /* moveChildNodes */,
-      value
+    return parents;
+  };
+  const isNodeInGroup = (node) => {
+    var _a;
+    if (((_a = node == null ? void 0 : node.parent) == null ? void 0 : _a.flowNodeType) === "group" /* GROUP */) {
+      return true;
+    }
+    return false;
+  };
+  FlowGroupUtils2.validate = (nodes) => {
+    if (!nodes || !Array.isArray(nodes) || nodes.length === 0) {
+      return false;
+    }
+    const isGroupRelatedNode = nodes.some((node) => (0, FlowGroupUtils2.isGroupNode)(node));
+    if (isGroupRelatedNode) return false;
+    const hasGroup = nodes.some((node) => node && isNodeInGroup(node));
+    if (hasGroup) return false;
+    const parent = nodes[0].parent;
+    const isSameParent = nodes.every((node) => node.parent === parent);
+    if (!isSameParent) return false;
+    const indexes = nodes.map((node) => node.index).sort((a, b) => a - b);
+    const isIndexContinuous = indexes.every((index, i, arr) => {
+      if (i === 0) {
+        return true;
+      }
+      return index === arr[i - 1] + 1;
     });
+    if (!isIndexContinuous) return false;
+    const parents = findNodeParents(nodes[0]);
+    const parentsInGroup = parents.some((parent2) => isNodeInGroup(parent2));
+    if (parentsInGroup) return false;
+    return true;
+  };
+  FlowGroupUtils2.getNodeGroupController = (node) => {
+    if (!node) {
+      return;
+    }
+    if (!isNodeInGroup(node)) {
+      return;
+    }
+    const groupNode = node == null ? void 0 : node.parent;
+    return FlowGroupController.create(groupNode);
+  };
+  FlowGroupUtils2.getNodeRecursionGroupController = (node) => {
+    if (!node) {
+      return;
+    }
+    const group = (0, FlowGroupUtils2.getNodeGroupController)(node);
+    if (group) {
+      return group;
+    }
+    if (node.parent) {
+      return (0, FlowGroupUtils2.getNodeRecursionGroupController)(node.parent);
+    }
+    return;
+  };
+  FlowGroupUtils2.isGroupNode = (group) => group.flowNodeType === "group" /* GROUP */;
+})(FlowGroupUtils || (FlowGroupUtils = {}));
+
+// src/services/flow-drag-service.ts
+var FlowDragService = class {
+  constructor() {
+    this.onDropEmitter = new import_utils8.Emitter();
+    this.onDrop = this.onDropEmitter.event;
   }
-  /**
-   * 执行操作
-   * @param operation 可序列化的操作
-   * @returns 操作返回
-   */
-  apply(operation) {
-    const document = this.document;
-    switch (operation.type) {
-      case "addFromNode" /* addFromNode */:
-        return document.addFromNode(operation.value.fromId, operation.value.data);
-      case "deleteFromNode" /* deleteFromNode */:
-        return document.getNode(operation.value?.data?.id)?.dispose();
-      case "addBlock" /* addBlock */: {
-        let parent;
+  get renderState() {
+    return this.document.renderState;
+  }
+  // 拖拽所有节点中的首个节点
+  get dragStartNode() {
+    return this.renderState.getDragStartEntity();
+  }
+  // 拖拽的所有节点
+  get dragNodes() {
+    return this.renderState.getDragEntities();
+  }
+  // 放置的区域
+  get dropNodeId() {
+    return this.renderState.getNodeDroppingId();
+  }
+  // 是否在拖拽分支
+  get isDragBranch() {
+    var _a;
+    return (_a = this.dragStartNode) == null ? void 0 : _a.isInlineBlock;
+  }
+  // 拖拽的所有节点及其自节点
+  get nodeDragIdsWithChildren() {
+    return this.renderState.config.nodeDragIdsWithChildren || [];
+  }
+  get dragging() {
+    var _a;
+    const renderData = (_a = this.dragStartNode) == null ? void 0 : _a.getData(FlowNodeRenderData);
+    return !!(renderData == null ? void 0 : renderData.dragging);
+  }
+  get labelSide() {
+    return this.renderState.config.dragLabelSide;
+  }
+  /**
+   * 放置到目标分支
+   */
+  dropBranch() {
+    this.dropNode();
+  }
+  /**
+   * 移动到目标节点
+   */
+  dropNode() {
+    const dropEntity = this.document.getNode(this.dropNodeId);
+    if (!dropEntity) {
+      return;
+    }
+    const sortNodes = [];
+    let curr = this.dragStartNode;
+    while (curr && this.dragNodes.includes(curr)) {
+      sortNodes.push(curr);
+      curr = curr.next;
+    }
+    this.operationService.dragNodes({
+      dropNode: dropEntity,
+      nodes: sortNodes
+    });
+    if (sortNodes.length > 0) {
+      this.onDropEmitter.fire({
+        dropNode: dropEntity,
+        dragNodes: sortNodes
+      });
+    }
+  }
+  /**
+   * 拖拽是否可以释放在该节点后面
+   */
+  isDroppableNode(node) {
+    if (!this.dragging || this.isDragBranch) {
+      return false;
+    }
+    if (this.nodeDragIdsWithChildren.includes(node.id) || node.next && this.nodeDragIdsWithChildren.includes(node.next.id)) {
+      return false;
+    }
+    if (node.isInlineBlocks || node.isInlineBlock) {
+      return false;
+    }
+    const hasGroupNode = this.dragNodes.some(
+      (node2) => node2.flowNodeType === "group" /* GROUP */
+    );
+    if (hasGroupNode) {
+      const group = FlowGroupUtils.getNodeRecursionGroupController(node);
+      if (group) {
+        return false;
+      }
+    }
+    return true;
+  }
+  /**
+   * 拖拽分支是否可以释放在该分支
+   * @param node 拖拽的分支节点
+   * @param side 分支的前面还是后面
+   */
+  isDroppableBranch(node, side = "normal_branch" /* NORMAL_BRANCH */) {
+    if (this.isDragBranch) {
+      if (
+        // 拖拽到分支
+        !node.isInlineBlock || // 只能在同一分支条件下
+        node.parent !== this.dragStartNode.parent || // 自己不能拖拽给自己
+        node === this.dragStartNode
+      ) {
+        return false;
+      }
+      if (side === "normal_branch" /* NORMAL_BRANCH */ && node.next !== this.dragStartNode) {
+        return true;
+      }
+      if (side === "pre_branch" /* PRE_BRANCH */ && node.pre !== this.dragStartNode) {
+        return true;
+      }
+    }
+    return false;
+  }
+};
+__decorateClass([
+  (0, import_inversify3.inject)(FlowDocument)
+], FlowDragService.prototype, "document", 2);
+__decorateClass([
+  (0, import_inversify3.inject)(FlowOperationBaseService)
+], FlowDragService.prototype, "operationService", 2);
+__decorateClass([
+  (0, import_inversify3.inject)(import_core8.EntityManager)
+], FlowDragService.prototype, "entityManager", 2);
+FlowDragService = __decorateClass([
+  (0, import_inversify3.injectable)()
+], FlowDragService);
+
+// src/services/flow-operation-base-service.ts
+var import_inversify4 = require("inversify");
+var import_utils9 = require("@flowgram.ai/utils");
+var import_core9 = require("@flowgram.ai/core");
+var FlowOperationBaseServiceImpl = class {
+  constructor() {
+    this.onNodeAddEmitter = new import_utils9.Emitter();
+    this.onNodeAdd = this.onNodeAddEmitter.event;
+    this.toDispose = new import_utils9.DisposableCollection();
+    this.onNodeMoveEmitter = new import_utils9.Emitter();
+    this.onNodeMove = this.onNodeMoveEmitter.event;
+  }
+  init() {
+    this.toDispose.pushAll([this.onNodeAddEmitter, this.onNodeMoveEmitter]);
+  }
+  addNode(nodeJSON, config = {}) {
+    const { parent, index, hidden } = config;
+    let parentEntity;
+    if (parent) {
+      parentEntity = this.toNodeEntity(parent);
+    }
+    let register;
+    if (parentEntity) {
+      register = parentEntity.getNodeRegistry();
+    }
+    const addJSON = {
+      ...nodeJSON,
+      type: nodeJSON.type || "block" /* BLOCK */
+    };
+    const addNodeData = {
+      ...addJSON,
+      parent: parentEntity,
+      index,
+      hidden
+    };
+    let added;
+    if (parentEntity && (register == null ? void 0 : register.addChild)) {
+      added = register.addChild(parentEntity, addJSON, {
+        index,
+        hidden
+      });
+    } else {
+      added = this.document.addNode(addNodeData);
+    }
+    this.onNodeAddEmitter.fire({
+      node: added,
+      data: addNodeData
+    });
+    return added;
+  }
+  addFromNode(fromNode, nodeJSON) {
+    return this.document.addFromNode(fromNode, nodeJSON);
+  }
+  deleteNode(node) {
+    this.document.removeNode(node);
+  }
+  deleteNodes(nodes) {
+    (nodes || []).forEach((node) => {
+      this.deleteNode(node);
+    });
+  }
+  addBlock(target, blockJSON, config = {}) {
+    const { parent, index } = config;
+    return this.document.addBlock(target, blockJSON, void 0, parent, index);
+  }
+  moveNode(node, config = {}) {
+    const { parent: newParent, index } = config;
+    const entity = this.toNodeEntity(node);
+    const parent = entity == null ? void 0 : entity.parent;
+    if (!parent) {
+      return;
+    }
+    const newParentEntity = newParent ? this.toNodeEntity(newParent) : parent;
+    if (!newParentEntity) {
+      console.warn("no new parent found", newParent);
+      return;
+    }
+    let toIndex = typeof index === "undefined" ? newParentEntity.collapsedChildren.length : index;
+    return this.doMoveNode(entity, newParentEntity, toIndex);
+  }
+  /**
+   * 拖拽节点
+   * @param param0
+   * @returns
+   */
+  dragNodes({ dropNode, nodes }) {
+    if (nodes.length === 0) {
+      return;
+    }
+    const startNode = nodes[0];
+    const fromParent = startNode.parent;
+    const toParent = dropNode.parent;
+    if (!fromParent || !toParent) {
+      return;
+    }
+    const fromIndex = fromParent.children.findIndex((child) => child === startNode);
+    const dropIndex = toParent.children.findIndex((child) => child === dropNode);
+    let toIndex = dropIndex + 1;
+    if (fromParent === toParent && fromIndex < dropIndex) {
+      toIndex = toIndex - nodes.length;
+    }
+    const value = {
+      nodeIds: nodes.map((node) => node.id),
+      fromParentId: fromParent.id,
+      toParentId: toParent.id,
+      fromIndex,
+      toIndex
+    };
+    return this.apply({
+      type: "moveChildNodes" /* moveChildNodes */,
+      value
+    });
+  }
+  /**
+   * 执行操作
+   * @param operation 可序列化的操作
+   * @returns 操作返回
+   */
+  apply(operation) {
+    var _a, _b, _c, _d, _e, _f;
+    const document = this.document;
+    switch (operation.type) {
+      case "addFromNode" /* addFromNode */:
+        return document.addFromNode(operation.value.fromId, operation.value.data);
+      case "deleteFromNode" /* deleteFromNode */:
+        return (_c = document.getNode((_b = (_a = operation.value) == null ? void 0 : _a.data) == null ? void 0 : _b.id)) == null ? void 0 : _c.dispose();
+      case "addBlock" /* addBlock */: {
+        let parent;
         if (operation.value.parentId) {
           parent = document.getNode(operation.value.parentId);
         }
@@ -2360,8 +2745,8 @@ var FlowOperationBaseServiceImpl = class {
         );
       }
       case "deleteBlock" /* deleteBlock */: {
-        const entity = document.getNode(operation.value?.blockData.id);
-        return entity?.dispose();
+        const entity = document.getNode((_d = operation.value) == null ? void 0 : _d.blockData.id);
+        return entity == null ? void 0 : entity.dispose();
       }
       case "createGroup" /* createGroup */: {
         const groupNode = document.addFromNode(operation.value.targetId, {
@@ -2380,7 +2765,7 @@ var FlowOperationBaseServiceImpl = class {
           dropNodeId: operation.value.groupId,
           sortNodeIds: operation.value.nodeIds
         });
-        return document.getNode(operation.value.groupId)?.dispose();
+        return (_e = document.getNode(operation.value.groupId)) == null ? void 0 : _e.dispose();
       }
       case "moveNodes" /* moveNodes */: {
         return document.moveNodes({
@@ -2405,7 +2790,7 @@ var FlowOperationBaseServiceImpl = class {
       case "deleteNodes" /* deleteNodes */: {
         (operation.value.nodes || []).forEach((node) => {
           const entity = document.getNode(node.id);
-          entity?.dispose();
+          entity == null ? void 0 : entity.dispose();
         });
         break;
       }
@@ -2419,7 +2804,7 @@ var FlowOperationBaseServiceImpl = class {
         });
       }
       case "deleteChildNode" /* deleteChildNode */:
-        return document.getNode(operation.value.data.id)?.dispose();
+        return (_f = document.getNode(operation.value.data.id)) == null ? void 0 : _f.dispose();
       case "moveChildNodes" /* moveChildNodes */:
         return document.moveChildNodes(operation.value);
       default:
@@ -2444,7 +2829,7 @@ var FlowOperationBaseServiceImpl = class {
   }
   getNodeIndex(node) {
     const entity = this.toNodeEntity(node);
-    const parent = entity?.parent;
+    const parent = entity == null ? void 0 : entity.parent;
     if (!parent) {
       return -1;
     }
@@ -2470,29 +2855,29 @@ var FlowOperationBaseServiceImpl = class {
   }
 };
 __decorateClass([
-  (0, import_inversify3.inject)(import_core8.EntityManager)
+  (0, import_inversify4.inject)(import_core9.EntityManager)
 ], FlowOperationBaseServiceImpl.prototype, "entityManager", 2);
 __decorateClass([
-  (0, import_inversify3.inject)(FlowDocument)
+  (0, import_inversify4.inject)(FlowDocument)
 ], FlowOperationBaseServiceImpl.prototype, "document", 2);
 __decorateClass([
-  (0, import_inversify3.postConstruct)()
+  (0, import_inversify4.postConstruct)()
 ], FlowOperationBaseServiceImpl.prototype, "init", 1);
 FlowOperationBaseServiceImpl = __decorateClass([
-  (0, import_inversify3.injectable)()
+  (0, import_inversify4.injectable)()
 ], FlowOperationBaseServiceImpl);
 
-// src/services/flow-group-service.ts
+// src/services/flow-group-service/flow-group-service.ts
 var import_nanoid = require("nanoid");
-var import_inversify4 = require("inversify");
-var import_core9 = require("@flowgram.ai/core");
+var import_inversify5 = require("inversify");
+var import_core10 = require("@flowgram.ai/core");
 var FlowGroupService = class {
   /** 创建分组节点 */
   createGroup(nodes) {
     if (!nodes || !Array.isArray(nodes) || nodes.length === 0) {
       return;
     }
-    if (!FlowGroupController.validate(nodes)) {
+    if (!FlowGroupUtils.validate(nodes)) {
       return;
     }
     const sortedNodes = nodes.sort((a, b) => a.index - b.index);
@@ -2562,309 +2947,18 @@ var FlowGroupService = class {
     return FlowGroupController.create(group);
   }
   static validate(nodes) {
-    return FlowGroupController.validate(nodes);
+    return FlowGroupUtils.validate(nodes);
   }
 };
 __decorateClass([
-  (0, import_inversify4.inject)(import_core9.EntityManager)
+  (0, import_inversify5.inject)(import_core10.EntityManager)
 ], FlowGroupService.prototype, "entityManager", 2);
 __decorateClass([
-  (0, import_inversify4.inject)(FlowOperationBaseService)
+  (0, import_inversify5.inject)(FlowOperationBaseService)
 ], FlowGroupService.prototype, "operationService", 2);
 FlowGroupService = __decorateClass([
-  (0, import_inversify4.injectable)()
-], FlowGroupService);
-var FlowGroupController = class _FlowGroupController {
-  constructor(groupNode) {
-    this.groupNode = groupNode;
-  }
-  get nodes() {
-    return this.groupNode.collapsedChildren || [];
-  }
-  get collapsed() {
-    const groupTransformData = this.groupNode.getData(FlowNodeTransformData);
-    return groupTransformData.collapsed;
-  }
-  collapse() {
-    this.collapsed = true;
-  }
-  expand() {
-    this.collapsed = false;
-  }
-  /** 获取分组外围的最大边框 */
-  get bounds() {
-    const groupNodeBounds = this.groupNode.getData(FlowNodeTransformData).bounds;
-    return groupNodeBounds;
-  }
-  /** 是否是开始节点 */
-  isStartNode(node) {
-    if (!node) {
-      return false;
-    }
-    const nodes = this.nodes;
-    if (!nodes[0]) {
-      return false;
-    }
-    return node.id === nodes[0].id;
-  }
-  /** 是否是结束节点 */
-  isEndNode(node) {
-    if (!node) {
-      return false;
-    }
-    const nodes = this.nodes;
-    if (!nodes[nodes.length - 1]) {
-      return false;
-    }
-    return node.id === nodes[nodes.length - 1].id;
-  }
-  set note(note) {
-    this.groupNode.getNodeMeta().note = note;
-  }
-  get note() {
-    return this.groupNode.getNodeMeta().note || "";
-  }
-  set noteHeight(height) {
-    this.groupNode.getNodeMeta().noteHeight = height;
-  }
-  get noteHeight() {
-    return this.groupNode.getNodeMeta().noteHeight || 0;
-  }
-  get positionConfig() {
-    return this.groupNode.getNodeMeta().positionConfig;
-  }
-  set collapsed(collapsed) {
-    const groupTransformData = this.groupNode.getData(FlowNodeTransformData);
-    groupTransformData.collapsed = collapsed;
-    groupTransformData.localDirty = true;
-    if (groupTransformData.parent) groupTransformData.parent.localDirty = true;
-    if (groupTransformData.parent?.firstChild)
-      groupTransformData.parent.firstChild.localDirty = true;
-  }
-  set hovered(hovered) {
-    const groupRenderData = this.groupNode.getData(FlowNodeRenderData);
-    if (hovered) {
-      groupRenderData.toggleMouseEnter();
-    } else {
-      groupRenderData.toggleMouseLeave();
-    }
-    if (groupRenderData.hovered === hovered) {
-      return;
-    }
-    groupRenderData.hovered = hovered;
-  }
-  get hovered() {
-    const groupRenderData = this.groupNode.getData(FlowNodeRenderData);
-    return groupRenderData.hovered;
-  }
-  static create(groupNode) {
-    if (!groupNode) {
-      return;
-    }
-    if (!_FlowGroupController.isGroupNode(groupNode)) {
-      return;
-    }
-    return new _FlowGroupController(groupNode);
-  }
-  /** 判断节点能否组成分组 */
-  static validate(nodes) {
-    if (!nodes || !Array.isArray(nodes) || nodes.length === 0) {
-      return false;
-    }
-    const isGroupRelatedNode = nodes.some((node) => _FlowGroupController.isGroupNode(node));
-    if (isGroupRelatedNode) return false;
-    const hasGroup = nodes.some((node) => node && this.isNodeInGroup(node));
-    if (hasGroup) return false;
-    const parent = nodes[0].parent;
-    const isSameParent = nodes.every((node) => node.parent === parent);
-    if (!isSameParent) return false;
-    const indexes = nodes.map((node) => node.index).sort((a, b) => a - b);
-    const isIndexContinuous = indexes.every((index, i, arr) => {
-      if (i === 0) {
-        return true;
-      }
-      return index === arr[i - 1] + 1;
-    });
-    if (!isIndexContinuous) return false;
-    const parents = this.findNodeParents(nodes[0]);
-    const parentsInGroup = parents.some((parent2) => this.isNodeInGroup(parent2));
-    if (parentsInGroup) return false;
-    return true;
-  }
-  /** 获取节点分组控制 */
-  static getNodeGroupController(node) {
-    if (!node) {
-      return;
-    }
-    if (!this.isNodeInGroup(node)) {
-      return;
-    }
-    const groupNode = node?.parent;
-    return _FlowGroupController.create(groupNode);
-  }
-  /** 向上递归查找分组递归控制 */
-  static getNodeRecursionGroupController(node) {
-    if (!node) {
-      return;
-    }
-    const group = this.getNodeGroupController(node);
-    if (group) {
-      return group;
-    }
-    if (node.parent) {
-      return this.getNodeRecursionGroupController(node.parent);
-    }
-    return;
-  }
-  /** 是否分组节点 */
-  static isGroupNode(group) {
-    return group.flowNodeType === "group" /* GROUP */;
-  }
-  /** 找到节点所有上级 */
-  static findNodeParents(node) {
-    const parents = [];
-    let parent = node.parent;
-    while (parent) {
-      parents.push(parent);
-      parent = parent.parent;
-    }
-    return parents;
-  }
-  /** 节点是否处于分组中 */
-  static isNodeInGroup(node) {
-    if (node?.parent?.flowNodeType === "group" /* GROUP */) {
-      return true;
-    }
-    return false;
-  }
-};
-
-// src/services/flow-drag-service.ts
-var FlowDragService = class {
-  constructor() {
-    this.onDropEmitter = new import_utils9.Emitter();
-    this.onDrop = this.onDropEmitter.event;
-  }
-  get renderState() {
-    return this.document.renderState;
-  }
-  // 拖拽所有节点中的首个节点
-  get dragStartNode() {
-    return this.renderState.getDragStartEntity();
-  }
-  // 拖拽的所有节点
-  get dragNodes() {
-    return this.renderState.getDragEntities();
-  }
-  // 放置的区域
-  get dropNodeId() {
-    return this.renderState.getNodeDroppingId();
-  }
-  // 是否在拖拽分支
-  get isDragBranch() {
-    return this.dragStartNode?.isInlineBlock;
-  }
-  // 拖拽的所有节点及其自节点
-  get nodeDragIdsWithChildren() {
-    return this.renderState.config.nodeDragIdsWithChildren || [];
-  }
-  get dragging() {
-    const renderData = this.dragStartNode?.getData(FlowNodeRenderData);
-    return !!renderData?.dragging;
-  }
-  get labelSide() {
-    return this.renderState.config.dragLabelSide;
-  }
-  /**
-   * 放置到目标分支
-   */
-  dropBranch() {
-    this.dropNode();
-  }
-  /**
-   * 移动到目标节点
-   */
-  dropNode() {
-    const dropEntity = this.document.getNode(this.dropNodeId);
-    if (!dropEntity) {
-      return;
-    }
-    const sortNodes = [];
-    let curr = this.dragStartNode;
-    while (curr && this.dragNodes.includes(curr)) {
-      sortNodes.push(curr);
-      curr = curr.next;
-    }
-    this.operationService.dragNodes({
-      dropNode: dropEntity,
-      nodes: sortNodes
-    });
-    if (sortNodes.length > 0) {
-      this.onDropEmitter.fire({
-        dropNode: dropEntity,
-        dragNodes: sortNodes
-      });
-    }
-  }
-  /**
-   * 拖拽是否可以释放在该节点后面
-   */
-  isDroppableNode(node) {
-    if (!this.dragging || this.isDragBranch) {
-      return false;
-    }
-    if (this.nodeDragIdsWithChildren.includes(node.id) || node.next && this.nodeDragIdsWithChildren.includes(node.next.id)) {
-      return false;
-    }
-    if (node.isInlineBlocks || node.isInlineBlock) {
-      return false;
-    }
-    const hasGroupNode = this.dragNodes.some((node2) => node2.flowNodeType === "group" /* GROUP */);
-    if (hasGroupNode) {
-      const group = FlowGroupController.getNodeRecursionGroupController(node);
-      if (group) {
-        return false;
-      }
-    }
-    return true;
-  }
-  /**
-   * 拖拽分支是否可以释放在该分支
-   * @param node 拖拽的分支节点
-   * @param side 分支的前面还是后面
-   */
-  isDroppableBranch(node, side = "normal_branch" /* NORMAL_BRANCH */) {
-    if (this.isDragBranch) {
-      if (
-        // 拖拽到分支
-        !node.isInlineBlock || // 只能在同一分支条件下
-        node.parent !== this.dragStartNode.parent || // 自己不能拖拽给自己
-        node === this.dragStartNode
-      ) {
-        return false;
-      }
-      if (side === "normal_branch" /* NORMAL_BRANCH */ && node.next !== this.dragStartNode) {
-        return true;
-      }
-      if (side === "pre_branch" /* PRE_BRANCH */ && node.pre !== this.dragStartNode) {
-        return true;
-      }
-    }
-    return false;
-  }
-};
-__decorateClass([
-  (0, import_inversify5.inject)(FlowDocument)
-], FlowDragService.prototype, "document", 2);
-__decorateClass([
-  (0, import_inversify5.inject)(FlowOperationBaseService)
-], FlowDragService.prototype, "operationService", 2);
-__decorateClass([
-  (0, import_inversify5.inject)(import_core10.EntityManager)
-], FlowDragService.prototype, "entityManager", 2);
-FlowDragService = __decorateClass([
   (0, import_inversify5.injectable)()
-], FlowDragService);
+], FlowGroupService);
 
 // src/layout/vertical-fixed-layout.ts
 var import_inversify6 = require("inversify");
@@ -2895,6 +2989,7 @@ var VerticalFixedLayout = class {
    * @param forceChange
    */
   updateLocalTransform(node, forceChange = false) {
+    var _a, _b, _c, _d;
     const { children, parent, isInlineBlock } = node;
     const transform = node.getData(FlowNodeTransformData);
     const { getDelta, getOrigin } = node.getNodeRegistry();
@@ -2928,9 +3023,9 @@ var VerticalFixedLayout = class {
       origin: getOrigin ? getOrigin(transform, this) : this.getDefaultNodeOrigin()
     });
     const preTransform = transform.pre;
-    const delta = getDelta?.(transform, this) || { x: 0, y: 0 };
-    const inlineSpacingPre = isInlineBlock && transform.parent?.inlineSpacingPre ? transform.parent?.inlineSpacingPre : 0;
-    const fromParentDelta = parent?.getNodeRegistry().getChildDelta?.(transform, this) || {
+    const delta = (getDelta == null ? void 0 : getDelta(transform, this)) || { x: 0, y: 0 };
+    const inlineSpacingPre = isInlineBlock && ((_a = transform.parent) == null ? void 0 : _a.inlineSpacingPre) ? (_b = transform.parent) == null ? void 0 : _b.inlineSpacingPre : 0;
+    const fromParentDelta = ((_d = parent == null ? void 0 : (_c = parent.getNodeRegistry()).getChildDelta) == null ? void 0 : _d.call(_c, transform, this)) || {
       x: 0,
       y: 0
     };
@@ -2940,8 +3035,8 @@ var VerticalFixedLayout = class {
     if (isInlineBlock) {
       position.y += inlineSpacingPre;
     } else {
-      position.y += preTransform?.localBounds.bottom || 0;
-      position.y += preTransform?.spacing || 0;
+      position.y += (preTransform == null ? void 0 : preTransform.localBounds.bottom) || 0;
+      position.y += (preTransform == null ? void 0 : preTransform.spacing) || 0;
     }
     transform.transform.update({
       size: transform.data.size,
@@ -2952,10 +3047,12 @@ var VerticalFixedLayout = class {
     return true;
   }
   onAfterUpdateLocalTransform(transform) {
+    var _a;
     const { onAfterUpdateLocalTransform } = transform.entity.getNodeRegistry();
-    onAfterUpdateLocalTransform?.(transform, this);
-    this.contribs?.forEach((_contrib) => {
-      _contrib?.onAfterUpdateLocalTransform?.(transform, this);
+    onAfterUpdateLocalTransform == null ? void 0 : onAfterUpdateLocalTransform(transform, this);
+    (_a = this.contribs) == null ? void 0 : _a.forEach((_contrib) => {
+      var _a2;
+      (_a2 = _contrib == null ? void 0 : _contrib.onAfterUpdateLocalTransform) == null ? void 0 : _a2.call(_contrib, transform, this);
     });
   }
   getNodeTransform(node) {
@@ -3032,6 +3129,7 @@ var HorizontalFixedLayout = class {
    * @param forceChange
    */
   updateLocalTransform(node, forceChange = false) {
+    var _a, _b, _c, _d;
     const { children, parent, isInlineBlock } = node;
     const transform = node.getData(FlowNodeTransformData);
     const { getDelta, getOrigin } = node.getNodeRegistry();
@@ -3065,9 +3163,9 @@ var HorizontalFixedLayout = class {
       origin: getOrigin ? getOrigin(transform, this) : this.getDefaultNodeOrigin()
     });
     const preTransform = transform.pre;
-    const delta = getDelta?.(transform, this) || { x: 0, y: 0 };
-    const inlineSpacingPre = isInlineBlock && transform.parent?.inlineSpacingPre ? transform.parent?.inlineSpacingPre : 0;
-    const fromParentDelta = parent?.getNodeRegistry().getChildDelta?.(transform, this) || {
+    const delta = (getDelta == null ? void 0 : getDelta(transform, this)) || { x: 0, y: 0 };
+    const inlineSpacingPre = isInlineBlock && ((_a = transform.parent) == null ? void 0 : _a.inlineSpacingPre) ? (_b = transform.parent) == null ? void 0 : _b.inlineSpacingPre : 0;
+    const fromParentDelta = ((_d = parent == null ? void 0 : (_c = parent.getNodeRegistry()).getChildDelta) == null ? void 0 : _d.call(_c, transform, this)) || {
       x: 0,
       y: 0
     };
@@ -3077,8 +3175,8 @@ var HorizontalFixedLayout = class {
     if (isInlineBlock) {
       position.x += inlineSpacingPre;
     } else {
-      position.x += preTransform?.localBounds.right || 0;
-      position.x += preTransform?.spacing || 0;
+      position.x += (preTransform == null ? void 0 : preTransform.localBounds.right) || 0;
+      position.x += (preTransform == null ? void 0 : preTransform.spacing) || 0;
     }
     transform.transform.update({
       size: transform.data.size,
@@ -3089,10 +3187,12 @@ var HorizontalFixedLayout = class {
     return true;
   }
   onAfterUpdateLocalTransform(transform) {
+    var _a;
     const { onAfterUpdateLocalTransform } = transform.entity.getNodeRegistry();
-    onAfterUpdateLocalTransform?.(transform, this);
-    this.contribs?.forEach((_contrib) => {
-      _contrib?.onAfterUpdateLocalTransform?.(transform, this);
+    onAfterUpdateLocalTransform == null ? void 0 : onAfterUpdateLocalTransform(transform, this);
+    (_a = this.contribs) == null ? void 0 : _a.forEach((_contrib) => {
+      var _a2;
+      (_a2 = _contrib == null ? void 0 : _contrib.onAfterUpdateLocalTransform) == null ? void 0 : _a2.call(_contrib, transform, this);
     });
   }
   getNodeTransform(node) {
@@ -3160,8 +3260,9 @@ var FlowDocumentContainerModule = new import_inversify8.ContainerModule((bind) =
 
 // src/utils/get-default-spacing.ts
 var getDefaultSpacing = (node, key, defaultSpacing) => {
+  var _a;
   const flowDocumentOptions = node.getService(FlowDocumentOptions);
-  const spacing = flowDocumentOptions?.constants?.[key] || defaultSpacing || DEFAULT_SPACING[key];
+  const spacing = ((_a = flowDocumentOptions == null ? void 0 : flowDocumentOptions.constants) == null ? void 0 : _a[key]) || defaultSpacing || DEFAULT_SPACING[key];
   return spacing;
 };
 // Annotate the CommonJS export names for ESM import in node: