@flowgram.ai/free-stack-plugin 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/esm/index.js

@@ -21,14 +21,16 @@ import {
   WorkflowNodeEntity as WorkflowNodeEntity2,
   WorkflowSelectService
 } from "@flowgram.ai/free-layout-core";
-import { WorkflowLineEntity } from "@flowgram.ai/free-layout-core";
+import { WorkflowLineEntity as WorkflowLineEntity2 } from "@flowgram.ai/free-layout-core";
 import { WorkflowDocument } from "@flowgram.ai/free-layout-core";
-import { FlowNodeRenderData as FlowNodeRenderData2 } from "@flowgram.ai/document";
+import { FlowNodeRenderData } from "@flowgram.ai/document";
 import { EntityManager, PipelineRegistry, PipelineRenderer } from "@flowgram.ai/core";
 
 // src/stacking-computing.ts
+import {
+  WorkflowNodeLinesData
+} from "@flowgram.ai/free-layout-core";
 import { FlowNodeBaseType } from "@flowgram.ai/document";
-import { WorkflowNodeLinesData } from "@flowgram.ai/free-layout-core";
 var StackingComputing = class {
   compute(params) {
     this.clearCache();
@@ -37,7 +39,7 @@ var StackingComputing = class {
     this.nodeIndexes = this.computeNodeIndexesMap(nodes);
     this.topLevel = this.computeTopLevel(nodes);
     this.maxLevel = this.topLevel * 2;
-    this.layerHandler(root.collapsedChildren);
+    this.layerHandler(root.blocks);
     return {
       nodeLevel: this.nodeLevel,
       lineLevel: this.lineLevel,
@@ -63,7 +65,7 @@ var StackingComputing = class {
   computeTopLevel(nodes) {
     const nodesWithoutRoot = nodes.filter((node) => node.id !== FlowNodeBaseType.ROOT);
     const nodeHasChildren = nodesWithoutRoot.reduce((count, node) => {
-      if (node.collapsedChildren.length > 0) {
+      if (node.blocks.length > 0) {
         return count + 1;
       } else {
         return count;
@@ -71,21 +73,9 @@ var StackingComputing = class {
     }, 0);
     return nodesWithoutRoot.length + nodeHasChildren + 1;
   }
-  layerHandler(nodes, pinTop = false) {
-    const sortedNodes = nodes.sort((a, b) => {
-      const aIndex = this.nodeIndexes.get(a.id);
-      const bIndex = this.nodeIndexes.get(b.id);
-      if (aIndex === void 0 || bIndex === void 0) {
-        return 0;
-      }
-      return aIndex - bIndex;
-    });
-    const lines = nodes.map((node) => {
-      const linesData = node.getData(WorkflowNodeLinesData);
-      const outputLines = linesData.outputLines.filter(Boolean);
-      const inputLines = linesData.inputLines.filter(Boolean);
-      return [...outputLines, ...inputLines];
-    }).flat();
+  layerHandler(layerNodes, pinTop = false) {
+    const nodes = this.sortNodes(layerNodes);
+    const lines = this.getNodesAllLines(nodes);
     lines.forEach((line) => {
       if (line.isDrawing || // 正在绘制
       this.context.hoveredEntityID === line.id || // hover
@@ -96,7 +86,7 @@ var StackingComputing = class {
       }
     });
     this.levelIncrease();
-    sortedNodes.forEach((node) => {
+    nodes.forEach((node) => {
       const selected = this.context.selectedIDs.includes(node.id);
       if (selected) {
         this.nodeLevel.set(node.id, this.topLevel);
@@ -104,11 +94,37 @@ var StackingComputing = class {
         this.nodeLevel.set(node.id, this.getLevel(pinTop));
       }
       this.levelIncrease();
-      if (node.collapsedChildren.length > 0) {
-        this.layerHandler(node.collapsedChildren, pinTop || selected);
+      if (node.blocks.length > 0) {
+        this.layerHandler(node.blocks, pinTop || selected);
+      }
+    });
+  }
+  sortNodes(nodes) {
+    return nodes.sort((a, b) => {
+      const aIndex = this.nodeIndexes.get(a.id);
+      const bIndex = this.nodeIndexes.get(b.id);
+      if (aIndex === void 0 || bIndex === void 0) {
+        return 0;
       }
+      return aIndex - bIndex;
     });
   }
+  getNodesAllLines(nodes) {
+    const lines = nodes.map((node) => {
+      const linesData = node.getData(WorkflowNodeLinesData);
+      const outputLines = linesData.outputLines.filter(Boolean);
+      const inputLines = linesData.inputLines.filter(Boolean);
+      return [...outputLines, ...inputLines];
+    }).flat();
+    const filteredLines = lines.filter(
+      (line) => this.lineLevel.get(line.id) === void 0 || this.isHigherFirstLine(line)
+    );
+    return filteredLines;
+  }
+  isHigherFirstLine(line) {
+    var _a, _b;
+    return ((_a = line.to) == null ? void 0 : _a.parent) === line.from || ((_b = line.from) == null ? void 0 : _b.parent) === line.to;
+  }
   getLevel(pinTop) {
     if (pinTop) {
       return this.topLevel + this.currentLevel;
@@ -120,9 +136,6 @@ var StackingComputing = class {
   }
 };
 
-// src/layers-computing.ts
-import { FlowNodeRenderData } from "@flowgram.ai/document";
-
 // src/constant.ts
 var StackingItem = /* @__PURE__ */ ((StackingItem2) => {
   StackingItem2["Line"] = "line";
@@ -155,103 +168,6 @@ var StackingConfig = {
   /** 最大 index */
   maxIndex
 };
-var StackingComputeMode = /* @__PURE__ */ ((StackingComputeMode2) => {
-  StackingComputeMode2["Stacking"] = "stacking";
-  StackingComputeMode2["Layers"] = "layers";
-  return StackingComputeMode2;
-})(StackingComputeMode || {});
-
-// src/layers-computing.ts
-var NodeComputing;
-((NodeComputing2) => {
-  NodeComputing2.compute = (node, context) => {
-    const zIndex = nodeZIndex(node, context);
-    const element = nodeElement(node);
-    element.style.position = "absolute";
-    element.style.zIndex = (0, NodeComputing2.zIndexStringify)(zIndex);
-  };
-  NodeComputing2.stackingIndex = (stackingType, level) => {
-    if (level < 1) {
-      return void 0;
-    }
-    const baseZIndex = StackingBaseIndex[stackingType];
-    const zIndex = StackingConfig.startIndex + StackingConfig.levelIndexStep * (level - 1) + baseZIndex;
-    return zIndex;
-  };
-  NodeComputing2.nodeStackingLevel = (node, context, disableTopLevel = false) => {
-    const unReversedLinage = [];
-    let currentNode = node;
-    while (currentNode) {
-      unReversedLinage.push(currentNode);
-      currentNode = currentNode.parent;
-    }
-    const linage = unReversedLinage.reverse();
-    const nodeLevel = linage.length - 1;
-    const topLevelIndex = linage.findIndex((node2) => {
-      if (context.selectedIDs.includes(node2.id)) {
-        return true;
-      }
-      return false;
-    });
-    const topLevel = StackingConfig.allowLevel + (linage.length - topLevelIndex);
-    if (!disableTopLevel && topLevelIndex !== -1) {
-      return topLevel;
-    }
-    return nodeLevel;
-  };
-  NodeComputing2.zIndexStringify = (zIndex) => {
-    if (zIndex === void 0) {
-      return "auto";
-    }
-    return zIndex.toString();
-  };
-  const nodeZIndex = (node, context) => {
-    const level = (0, NodeComputing2.nodeStackingLevel)(node, context);
-    const zIndex = (0, NodeComputing2.stackingIndex)("node" /* Node */, level);
-    return zIndex;
-  };
-  const nodeElement = (node) => {
-    const nodeRenderData = node.getData(FlowNodeRenderData);
-    return nodeRenderData.node;
-  };
-})(NodeComputing || (NodeComputing = {}));
-var LineComputing;
-((LineComputing2) => {
-  LineComputing2.compute = (line, context) => {
-    const zIndex = lineZIndex(line, context);
-    const element = line.node;
-    element.style.position = "absolute";
-    element.style.zIndex = NodeComputing.zIndexStringify(zIndex);
-  };
-  const lineStackingLevel = (line, context) => {
-    if (line.isDrawing || // 正在绘制
-    context.hoveredEntityID === line.id || // hover
-    context.selectedIDs.includes(line.id)) {
-      return StackingConfig.maxLevel + 1;
-    }
-    const fromLevel = NodeComputing.nodeStackingLevel(line.from, context, true);
-    if (!line.to) {
-      return fromLevel;
-    }
-    const toLevel = NodeComputing.nodeStackingLevel(line.to, context, true);
-    const level = Math.min(fromLevel, toLevel);
-    return level;
-  };
-  const lineZIndex = (line, context) => {
-    const level = lineStackingLevel(line, context);
-    const zIndex = NodeComputing.stackingIndex("line" /* Line */, level);
-    return zIndex;
-  };
-})(LineComputing || (LineComputing = {}));
-var layersComputing = (params) => {
-  const { nodes, lines, context } = params;
-  nodes.forEach((node) => {
-    NodeComputing.compute(node, context);
-  });
-  lines.forEach((line) => {
-    LineComputing.compute(line, context);
-  });
-};
 
 // src/manager.ts
 var StackingContextManager = class {
@@ -260,15 +176,13 @@ var StackingContextManager = class {
       "gedit-playground-layer gedit-flow-render-layer"
     );
     this.disposers = [];
-    this.mode = "stacking" /* Stacking */;
     /**
      * 触发计算
      * 10ms内仅计算一次
      */
     this.compute = debounce(this._compute, 10);
   }
-  init(mode) {
-    if (mode) this.mode = mode;
+  init() {
     this.pipelineRenderer.node.appendChild(this.node);
     this.mountListener();
   }
@@ -279,17 +193,6 @@ var StackingContextManager = class {
     this.disposers.forEach((disposer) => disposer.dispose());
   }
   _compute() {
-    if (this.mode === "stacking" /* Stacking */) {
-      return this.stackingCompute();
-    } else {
-      return layersComputing({
-        nodes: this.nodes,
-        lines: this.lines,
-        context: this.context
-      });
-    }
-  }
-  stackingCompute() {
     const context = this.context;
     const stackingComputing = new StackingComputing();
     const { nodeLevel, lineLevel } = stackingComputing.compute({
@@ -299,10 +202,10 @@ var StackingContextManager = class {
     });
     this.nodes.forEach((node) => {
       const level = nodeLevel.get(node.id);
-      const nodeRenderData = node.getData(FlowNodeRenderData2);
+      const nodeRenderData = node.getData(FlowNodeRenderData);
       const element = nodeRenderData.node;
       element.style.position = "absolute";
-      if (!level) {
+      if (level === void 0) {
         element.style.zIndex = "auto";
         nodeRenderData.stackIndex = 0;
         return;
@@ -315,7 +218,7 @@ var StackingContextManager = class {
       const level = lineLevel.get(line.id);
       const element = line.node;
       element.style.position = "absolute";
-      if (!level) {
+      if (level === void 0) {
         element.style.zIndex = "auto";
         return;
       }
@@ -326,12 +229,13 @@ var StackingContextManager = class {
     return this.entityManager.getEntities(WorkflowNodeEntity2);
   }
   get lines() {
-    return this.entityManager.getEntities(WorkflowLineEntity);
+    return this.entityManager.getEntities(WorkflowLineEntity2);
   }
   get context() {
+    var _a;
     return {
       hoveredEntity: this.hoverService.hoveredNode,
-      hoveredEntityID: this.hoverService.hoveredNode?.id,
+      hoveredEntityID: (_a = this.hoverService.hoveredNode) == null ? void 0 : _a.id,
       selectedEntities: this.selectService.selection,
       selectedIDs: this.selectService.selection.map((entity) => entity.id)
     };
@@ -391,9 +295,9 @@ var createFreeStackPlugin = definePluginCreator({
   onBind({ bind }) {
     bind(StackingContextManager).toSelf().inSingletonScope();
   },
-  onInit(ctx, opts) {
+  onInit(ctx) {
     const stackingContextManager = ctx.get(StackingContextManager);
-    stackingContextManager.init(opts?.mode);
+    stackingContextManager.init();
   },
   onReady(ctx) {
     const stackingContextManager = ctx.get(StackingContextManager);
@@ -404,9 +308,101 @@ var createFreeStackPlugin = definePluginCreator({
     stackingContextManager.dispose();
   }
 });
+
+// src/layers-computing.ts
+import { FlowNodeRenderData as FlowNodeRenderData2 } from "@flowgram.ai/document";
+var NodeComputing;
+((NodeComputing2) => {
+  NodeComputing2.compute = (node, context) => {
+    const zIndex = nodeZIndex(node, context);
+    const element = nodeElement(node);
+    element.style.position = "absolute";
+    element.style.zIndex = (0, NodeComputing2.zIndexStringify)(zIndex);
+  };
+  NodeComputing2.stackingIndex = (stackingType, level) => {
+    if (level < 1) {
+      return void 0;
+    }
+    const baseZIndex = StackingBaseIndex[stackingType];
+    const zIndex = StackingConfig.startIndex + StackingConfig.levelIndexStep * (level - 1) + baseZIndex;
+    return zIndex;
+  };
+  NodeComputing2.nodeStackingLevel = (node, context, disableTopLevel = false) => {
+    const unReversedLinage = [];
+    let currentNode = node;
+    while (currentNode) {
+      unReversedLinage.push(currentNode);
+      currentNode = currentNode.parent;
+    }
+    const linage = unReversedLinage.reverse();
+    const nodeLevel = linage.length - 1;
+    const topLevelIndex = linage.findIndex((node2) => {
+      if (context.selectedIDs.includes(node2.id)) {
+        return true;
+      }
+      return false;
+    });
+    const topLevel = StackingConfig.allowLevel + (linage.length - topLevelIndex);
+    if (!disableTopLevel && topLevelIndex !== -1) {
+      return topLevel;
+    }
+    return nodeLevel;
+  };
+  NodeComputing2.zIndexStringify = (zIndex) => {
+    if (zIndex === void 0) {
+      return "auto";
+    }
+    return zIndex.toString();
+  };
+  const nodeZIndex = (node, context) => {
+    const level = (0, NodeComputing2.nodeStackingLevel)(node, context);
+    const zIndex = (0, NodeComputing2.stackingIndex)("node" /* Node */, level);
+    return zIndex;
+  };
+  const nodeElement = (node) => {
+    const nodeRenderData = node.getData(FlowNodeRenderData2);
+    return nodeRenderData.node;
+  };
+})(NodeComputing || (NodeComputing = {}));
+var LineComputing;
+((LineComputing2) => {
+  LineComputing2.compute = (line, context) => {
+    const zIndex = lineZIndex(line, context);
+    const element = line.node;
+    element.style.position = "absolute";
+    element.style.zIndex = NodeComputing.zIndexStringify(zIndex);
+  };
+  const lineStackingLevel = (line, context) => {
+    if (line.isDrawing || // 正在绘制
+    context.hoveredEntityID === line.id || // hover
+    context.selectedIDs.includes(line.id)) {
+      return StackingConfig.maxLevel + 1;
+    }
+    const fromLevel = NodeComputing.nodeStackingLevel(line.from, context, true);
+    if (!line.to) {
+      return fromLevel;
+    }
+    const toLevel = NodeComputing.nodeStackingLevel(line.to, context, true);
+    const level = Math.min(fromLevel, toLevel);
+    return level;
+  };
+  const lineZIndex = (line, context) => {
+    const level = lineStackingLevel(line, context);
+    const zIndex = NodeComputing.stackingIndex("line" /* Line */, level);
+    return zIndex;
+  };
+})(LineComputing || (LineComputing = {}));
+var layersComputing = (params) => {
+  const { nodes, lines, context } = params;
+  nodes.forEach((node) => {
+    NodeComputing.compute(node, context);
+  });
+  lines.forEach((line) => {
+    LineComputing.compute(line, context);
+  });
+};
 export {
   StackingBaseIndex,
-  StackingComputeMode,
   StackingComputing,
   StackingConfig,
   StackingContextManager,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/create-free-stack-plugin.ts","../../src/manager.ts","../../src/stacking-computing.ts","../../src/layers-computing.ts","../../src/constant.ts"],"sourcesContent":["import { definePluginCreator } from '@flowgram.ai/core';\n\nimport { StackingContextManager } from './manager';\nimport { StackingComputeMode } from './constant';\n\nexport const createFreeStackPlugin = definePluginCreator<{\n  mode?: StackingComputeMode;\n}>({\n  onBind({ bind }) {\n    bind(StackingContextManager).toSelf().inSingletonScope();\n  },\n  onInit(ctx, opts) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.init(opts?.mode);\n  },\n  onReady(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.ready();\n  },\n  onDispose(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.dispose();\n  },\n});\n","import { debounce } from 'lodash';\nimport { inject, injectable } from 'inversify';\nimport { domUtils } from '@flowgram.ai/utils';\nimport { Disposable } from '@flowgram.ai/utils';\nimport {\n  WorkflowHoverService,\n  WorkflowNodeEntity,\n  WorkflowSelectService,\n} from '@flowgram.ai/free-layout-core';\nimport { WorkflowLineEntity } from '@flowgram.ai/free-layout-core';\nimport { WorkflowDocument } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeRenderData } from '@flowgram.ai/document';\nimport { EntityManager, PipelineRegistry, PipelineRenderer } from '@flowgram.ai/core';\n\nimport type { StackingContext } from './type';\nimport { StackingComputing } from './stacking-computing';\nimport { layersComputing } from './layers-computing';\nimport { StackingComputeMode, StackingConfig } from './constant';\n\n@injectable()\nexport class StackingContextManager {\n  @inject(WorkflowDocument) private readonly document: WorkflowDocument;\n\n  @inject(EntityManager) private readonly entityManager: EntityManager;\n\n  @inject(PipelineRenderer)\n  private readonly pipelineRenderer: PipelineRenderer;\n\n  @inject(PipelineRegistry)\n  private readonly pipelineRegistry: PipelineRegistry;\n\n  @inject(WorkflowHoverService)\n  private readonly hoverService: WorkflowHoverService;\n\n  @inject(WorkflowSelectService)\n  private readonly selectService: WorkflowSelectService;\n\n  public readonly node = domUtils.createDivWithClass(\n    'gedit-playground-layer gedit-flow-render-layer'\n  );\n\n  private disposers: Disposable[] = [];\n\n  private mode: StackingComputeMode = StackingComputeMode.Stacking;\n\n  constructor() {}\n\n  public init(mode?: StackingComputeMode): void {\n    if (mode) this.mode = mode;\n    this.pipelineRenderer.node.appendChild(this.node);\n    this.mountListener();\n  }\n\n  public ready(): void {\n    this.compute();\n  }\n\n  public dispose(): void {\n    this.disposers.forEach((disposer) => disposer.dispose());\n  }\n\n  /**\n   * 触发计算\n   * 10ms内仅计算一次\n   */\n  private compute = debounce(this._compute, 10);\n\n  private _compute(): void {\n    if (this.mode === StackingComputeMode.Stacking) {\n      return this.stackingCompute();\n    } else {\n      return layersComputing({\n        nodes: this.nodes,\n        lines: this.lines,\n        context: this.context,\n      });\n    }\n  }\n\n  private stackingCompute(): void {\n    const context = this.context;\n    const stackingComputing = new StackingComputing();\n    const { nodeLevel, lineLevel } = stackingComputing.compute({\n      root: this.document.root,\n      nodes: this.nodes,\n      context,\n    });\n    this.nodes.forEach((node) => {\n      const level = nodeLevel.get(node.id);\n      const nodeRenderData = node.getData<FlowNodeRenderData>(FlowNodeRenderData);\n      const element = nodeRenderData.node;\n      element.style.position = 'absolute';\n      if (!level) {\n        element.style.zIndex = 'auto';\n        nodeRenderData.stackIndex = 0;\n        return;\n      }\n      const stackIndex = StackingConfig.startIndex + level;\n      element.style.zIndex = String(stackIndex);\n      nodeRenderData.stackIndex = stackIndex;\n    });\n    this.lines.forEach((line) => {\n      const level = lineLevel.get(line.id);\n      const element = line.node;\n      element.style.position = 'absolute';\n      if (!level) {\n        element.style.zIndex = 'auto';\n        return;\n      }\n      element.style.zIndex = String(StackingConfig.startIndex + level);\n    });\n  }\n\n  private get nodes(): WorkflowNodeEntity[] {\n    return this.entityManager.getEntities<WorkflowNodeEntity>(WorkflowNodeEntity);\n  }\n\n  private get lines(): WorkflowLineEntity[] {\n    return this.entityManager.getEntities<WorkflowLineEntity>(WorkflowLineEntity);\n  }\n\n  private get context(): StackingContext {\n    return {\n      hoveredEntity: this.hoverService.hoveredNode,\n      hoveredEntityID: this.hoverService.hoveredNode?.id,\n      selectedEntities: this.selectService.selection,\n      selectedIDs: this.selectService.selection.map((entity) => entity.id),\n    };\n  }\n\n  private mountListener(): void {\n    const entityChangeDisposer = this.onEntityChange();\n    const zoomDisposer = this.onZoom();\n    const hoverDisposer = this.onHover();\n    const selectDisposer = this.onSelect();\n    this.disposers = [entityChangeDisposer, zoomDisposer, hoverDisposer, selectDisposer];\n  }\n\n  private onZoom(): Disposable {\n    return this.pipelineRegistry.onZoom((scale: number) => {\n      this.node.style.transform = `scale(${scale})`;\n    });\n  }\n\n  private onHover(): Disposable {\n    return this.hoverService.onHoveredChange(() => {\n      this.compute();\n    });\n  }\n\n  private onEntityChange(): Disposable {\n    return this.entityManager.onEntityChange(() => {\n      this.compute();\n    });\n  }\n\n  private onSelect(): Disposable {\n    return this.selectService.onSelectionChanged(() => {\n      this.compute();\n    });\n  }\n}\n","import { FlowNodeBaseType } from '@flowgram.ai/document';\nimport { WorkflowNodeEntity, WorkflowNodeLinesData } from '@flowgram.ai/free-layout-core';\n\nimport type { StackingContext } from './type';\n\nexport class StackingComputing {\n  private currentLevel: number;\n\n  private topLevel: number;\n\n  private maxLevel: number;\n\n  private nodeIndexes: Map<string, number>;\n\n  private nodeLevel: Map<string, number>;\n\n  private lineLevel: Map<string, number>;\n\n  private context: StackingContext;\n\n  public compute(params: {\n    root: WorkflowNodeEntity;\n    nodes: WorkflowNodeEntity[];\n    context: StackingContext;\n  }): {\n    /** 节点层级 */\n    nodeLevel: Map<string, number>;\n    /** 线条层级 */\n    lineLevel: Map<string, number>;\n    /** 正常渲染的最高层级 */\n    topLevel: number;\n    /** 选中计算叠加后可能计算出的最高层级 */\n    maxLevel: number;\n  } {\n    this.clearCache();\n    const { root, nodes, context } = params;\n    this.context = context;\n    this.nodeIndexes = this.computeNodeIndexesMap(nodes);\n    this.topLevel = this.computeTopLevel(nodes);\n    this.maxLevel = this.topLevel * 2;\n    this.layerHandler(root.collapsedChildren);\n    return {\n      nodeLevel: this.nodeLevel,\n      lineLevel: this.lineLevel,\n      topLevel: this.topLevel,\n      maxLevel: this.maxLevel,\n    };\n  }\n\n  private clearCache(): void {\n    this.currentLevel = 0;\n    this.topLevel = 0;\n    this.maxLevel = 0;\n    this.nodeIndexes = new Map();\n    this.nodeLevel = new Map();\n    this.lineLevel = new Map();\n  }\n\n  private computeNodeIndexesMap(nodes: WorkflowNodeEntity[]): Map<string, number> {\n    const nodeIndexMap = new Map<string, number>();\n    nodes.forEach((node, index) => {\n      nodeIndexMap.set(node.id, index);\n    });\n    return nodeIndexMap;\n  }\n\n  private computeTopLevel(nodes: WorkflowNodeEntity[]): number {\n    const nodesWithoutRoot = nodes.filter(node => node.id !== FlowNodeBaseType.ROOT);\n    const nodeHasChildren = nodesWithoutRoot.reduce((count, node) => {\n      if (node.collapsedChildren.length > 0) {\n        return count + 1;\n      } else {\n        return count;\n      }\n    }, 0);\n    // 最高层数 = 节点个数 + 容器节点个数（线条单独占一层） + 抬高一层\n    return nodesWithoutRoot.length + nodeHasChildren + 1;\n  }\n\n  private layerHandler(nodes: WorkflowNodeEntity[], pinTop: boolean = false): void {\n    const sortedNodes = nodes.sort((a, b) => {\n      const aIndex = this.nodeIndexes.get(a.id);\n      const bIndex = this.nodeIndexes.get(b.id);\n      if (aIndex === undefined || bIndex === undefined) {\n        return 0;\n      }\n      return aIndex - bIndex;\n    });\n\n    const lines = nodes\n      .map(node => {\n        const linesData = node.getData<WorkflowNodeLinesData>(WorkflowNodeLinesData);\n        const outputLines = linesData.outputLines.filter(Boolean);\n        const inputLines = linesData.inputLines.filter(Boolean);\n        // 前后线条会有重复，下面 Map 会通过线条 ID 过滤掉\n        return [...outputLines, ...inputLines];\n      })\n      .flat();\n\n    // 线条统一设为当前层级最低\n    lines.forEach(line => {\n      if (\n        line.isDrawing || // 正在绘制\n        this.context.hoveredEntityID === line.id || // hover\n        this.context.selectedIDs.includes(line.id) // 选中\n      ) {\n        // 线条置顶条件：正在绘制 / hover / 选中\n        this.lineLevel.set(line.id, this.maxLevel);\n      } else {\n        this.lineLevel.set(line.id, this.getLevel(pinTop));\n      }\n    });\n    this.levelIncrease();\n    sortedNodes.forEach(node => {\n      const selected = this.context.selectedIDs.includes(node.id);\n      if (selected) {\n        // 节点置顶条件：选中\n        this.nodeLevel.set(node.id, this.topLevel);\n      } else {\n        this.nodeLevel.set(node.id, this.getLevel(pinTop));\n      }\n      // 节点层级逐层增高\n      this.levelIncrease();\n      if (node.collapsedChildren.length > 0) {\n        // 子节点层级需低于后续兄弟节点，因此需要先进行计算\n        this.layerHandler(node.collapsedChildren, pinTop || selected);\n      }\n    });\n  }\n\n  private getLevel(pinTop: boolean): number {\n    if (pinTop) {\n      return this.topLevel + this.currentLevel;\n    }\n    return this.currentLevel;\n  }\n\n  private levelIncrease(): void {\n    this.currentLevel += 1;\n  }\n}\n","import { FlowNodeRenderData } from '@flowgram.ai/document';\nimport type { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport type { WorkflowLineEntity } from '@flowgram.ai/free-layout-core';\n\nimport type { StackingContext } from './type';\nimport { StackingBaseIndex, StackingConfig, StackingType } from './constant';\n\nnamespace NodeComputing {\n  export const compute = (node: WorkflowNodeEntity, context: StackingContext): void => {\n    const zIndex = nodeZIndex(node, context);\n    const element = nodeElement(node);\n    element.style.position = 'absolute';\n    element.style.zIndex = zIndexStringify(zIndex);\n  };\n\n  export const stackingIndex = (stackingType: StackingType, level: number): number | undefined => {\n    if (level < 1) {\n      // root节点\n      return undefined;\n    }\n    const baseZIndex = StackingBaseIndex[stackingType];\n    const zIndex =\n      StackingConfig.startIndex + StackingConfig.levelIndexStep * (level - 1) + baseZIndex;\n    return zIndex;\n  };\n\n  export const nodeStackingLevel = (\n    node: WorkflowNodeEntity,\n    context: StackingContext,\n    disableTopLevel = false,\n  ): number => {\n    // TODO 后续支持多层级时这个计算逻辑应该去掉，level信息应该直接由 FlowNodeEntity 缓存给出\n    // 多层时这里的计算会有 O(logN) 时间复杂度，并且在多层级联同计算时会有BUG，本次需求不处理这种情况\n    const unReversedLinage: WorkflowNodeEntity[] = [];\n    let currentNode: WorkflowNodeEntity | undefined = node;\n    while (currentNode) {\n      unReversedLinage.push(currentNode);\n      currentNode = currentNode.parent;\n    }\n    const linage = unReversedLinage.reverse();\n    const nodeLevel = linage.length - 1;\n\n    const topLevelIndex = linage.findIndex((node: WorkflowNodeEntity) => {\n      if (context.selectedIDs.includes(node.id)) {\n        // 存在被选中的父级或自身被选中，直接置顶\n        return true;\n      }\n      return false;\n    });\n    const topLevel = StackingConfig.allowLevel + (linage.length - topLevelIndex);\n\n    if (!disableTopLevel && topLevelIndex !== -1) {\n      // 置顶\n      return topLevel;\n    }\n\n    return nodeLevel;\n  };\n\n  export const zIndexStringify = (zIndex?: number): string => {\n    if (zIndex === undefined) {\n      return 'auto';\n    }\n    return zIndex.toString();\n  };\n\n  const nodeZIndex = (node: WorkflowNodeEntity, context: StackingContext): number | undefined => {\n    const level = nodeStackingLevel(node, context);\n    const zIndex = stackingIndex(StackingType.Node, level);\n    return zIndex;\n  };\n\n  const nodeElement = (node: WorkflowNodeEntity): HTMLDivElement => {\n    const nodeRenderData = node.getData<FlowNodeRenderData>(FlowNodeRenderData);\n    return nodeRenderData.node;\n  };\n}\n\nnamespace LineComputing {\n  export const compute = (line: WorkflowLineEntity, context: StackingContext): void => {\n    const zIndex = lineZIndex(line, context);\n    const element = line.node;\n    element.style.position = 'absolute';\n    element.style.zIndex = NodeComputing.zIndexStringify(zIndex);\n  };\n\n  const lineStackingLevel = (line: WorkflowLineEntity, context: StackingContext): number => {\n    if (\n      line.isDrawing || // 正在绘制\n      context.hoveredEntityID === line.id || // hover\n      context.selectedIDs.includes(line.id) // 选中\n    ) {\n      // 线条置顶条件：正在绘制 / hover / 选中\n      return StackingConfig.maxLevel + 1;\n    }\n    const fromLevel = NodeComputing.nodeStackingLevel(line.from, context, true);\n    if (!line.to) {\n      // 还处于连线中\n      return fromLevel;\n    }\n    const toLevel = NodeComputing.nodeStackingLevel(line.to, context, true);\n    const level = Math.min(fromLevel, toLevel);\n    return level;\n  };\n\n  const lineZIndex = (line: WorkflowLineEntity, context: StackingContext): number | undefined => {\n    const level = lineStackingLevel(line, context);\n    const zIndex = NodeComputing.stackingIndex(StackingType.Line, level);\n    return zIndex;\n  };\n}\n\nexport const layersComputing = (params: {\n  nodes: WorkflowNodeEntity[];\n  lines: WorkflowLineEntity[];\n  context: StackingContext;\n}) => {\n  const { nodes, lines, context } = params;\n  nodes.forEach(node => {\n    NodeComputing.compute(node, context);\n  });\n  lines.forEach(line => {\n    LineComputing.compute(line, context);\n  });\n};\n","export enum StackingItem {\n  Line = 'line',\n  Node = 'node',\n}\n\nexport enum StackingType {\n  Line = StackingItem.Line,\n  Node = StackingItem.Node,\n}\n\nexport const StackingBaseIndex: Record<StackingType, number> = {\n  [StackingType.Line]: 0,\n  [StackingType.Node]: 1,\n};\n\n// 常量\nconst startIndex = 8;\nconst allowLevel = 2;\n\n// 计算值\nconst levelIndexStep = Object.keys(StackingType).length;\nconst maxLevel = allowLevel * 2;\nconst maxIndex = startIndex + maxLevel * levelIndexStep;\n\nexport const StackingConfig = {\n  /** index 起始值 */\n  startIndex,\n  /** 允许存在的层级 */\n  allowLevel,\n  /** 每层 index 跨度 */\n  levelIndexStep,\n  /** 叠加计算后出现的最深层级 */\n  maxLevel,\n  /** 最大 index */\n  maxIndex,\n};\n\nexport enum StackingComputeMode {\n  /** 层叠计算模式 */\n  Stacking = 'stacking',\n  /** 层级计算模式 */\n  Layers = 'layers',\n}\n"],"mappings":"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","names":["WorkflowNodeEntity","FlowNodeRenderData","StackingItem","StackingType","StackingComputeMode","NodeComputing","node","LineComputing","FlowNodeRenderData","WorkflowNodeEntity"]}
+{"version":3,"sources":["../../src/create-free-stack-plugin.ts","../../src/manager.ts","../../src/stacking-computing.ts","../../src/constant.ts","../../src/layers-computing.ts"],"sourcesContent":["import { definePluginCreator } from '@flowgram.ai/core';\n\nimport { StackingContextManager } from './manager';\n\nexport const createFreeStackPlugin = definePluginCreator({\n  onBind({ bind }) {\n    bind(StackingContextManager).toSelf().inSingletonScope();\n  },\n  onInit(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.init();\n  },\n  onReady(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.ready();\n  },\n  onDispose(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.dispose();\n  },\n});\n","import { debounce } from 'lodash';\nimport { inject, injectable } from 'inversify';\nimport { domUtils } from '@flowgram.ai/utils';\nimport { Disposable } from '@flowgram.ai/utils';\nimport {\n  WorkflowHoverService,\n  WorkflowNodeEntity,\n  WorkflowSelectService,\n} from '@flowgram.ai/free-layout-core';\nimport { WorkflowLineEntity } from '@flowgram.ai/free-layout-core';\nimport { WorkflowDocument } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeRenderData } from '@flowgram.ai/document';\nimport { EntityManager, PipelineRegistry, PipelineRenderer } from '@flowgram.ai/core';\n\nimport type { StackingContext } from './type';\nimport { StackingComputing } from './stacking-computing';\nimport { StackingConfig } from './constant';\n\n@injectable()\nexport class StackingContextManager {\n  @inject(WorkflowDocument) private readonly document: WorkflowDocument;\n\n  @inject(EntityManager) private readonly entityManager: EntityManager;\n\n  @inject(PipelineRenderer)\n  private readonly pipelineRenderer: PipelineRenderer;\n\n  @inject(PipelineRegistry)\n  private readonly pipelineRegistry: PipelineRegistry;\n\n  @inject(WorkflowHoverService)\n  private readonly hoverService: WorkflowHoverService;\n\n  @inject(WorkflowSelectService)\n  private readonly selectService: WorkflowSelectService;\n\n  public readonly node = domUtils.createDivWithClass(\n    'gedit-playground-layer gedit-flow-render-layer'\n  );\n\n  private disposers: Disposable[] = [];\n\n  constructor() {}\n\n  public init(): void {\n    this.pipelineRenderer.node.appendChild(this.node);\n    this.mountListener();\n  }\n\n  public ready(): void {\n    this.compute();\n  }\n\n  public dispose(): void {\n    this.disposers.forEach((disposer) => disposer.dispose());\n  }\n\n  /**\n   * 触发计算\n   * 10ms内仅计算一次\n   */\n  private compute = debounce(this._compute, 10);\n\n  private _compute(): void {\n    const context = this.context;\n    const stackingComputing = new StackingComputing();\n    const { nodeLevel, lineLevel } = stackingComputing.compute({\n      root: this.document.root,\n      nodes: this.nodes,\n      context,\n    });\n    this.nodes.forEach((node) => {\n      const level = nodeLevel.get(node.id);\n      const nodeRenderData = node.getData<FlowNodeRenderData>(FlowNodeRenderData);\n      const element = nodeRenderData.node;\n      element.style.position = 'absolute';\n      if (level === undefined) {\n        element.style.zIndex = 'auto';\n        nodeRenderData.stackIndex = 0;\n        return;\n      }\n      const stackIndex = StackingConfig.startIndex + level;\n      element.style.zIndex = String(stackIndex);\n      nodeRenderData.stackIndex = stackIndex;\n    });\n    this.lines.forEach((line) => {\n      const level = lineLevel.get(line.id);\n      const element = line.node;\n      element.style.position = 'absolute';\n      if (level === undefined) {\n        element.style.zIndex = 'auto';\n        return;\n      }\n      element.style.zIndex = String(StackingConfig.startIndex + level);\n    });\n  }\n\n  private get nodes(): WorkflowNodeEntity[] {\n    return this.entityManager.getEntities<WorkflowNodeEntity>(WorkflowNodeEntity);\n  }\n\n  private get lines(): WorkflowLineEntity[] {\n    return this.entityManager.getEntities<WorkflowLineEntity>(WorkflowLineEntity);\n  }\n\n  private get context(): StackingContext {\n    return {\n      hoveredEntity: this.hoverService.hoveredNode,\n      hoveredEntityID: this.hoverService.hoveredNode?.id,\n      selectedEntities: this.selectService.selection,\n      selectedIDs: this.selectService.selection.map((entity) => entity.id),\n    };\n  }\n\n  private mountListener(): void {\n    const entityChangeDisposer = this.onEntityChange();\n    const zoomDisposer = this.onZoom();\n    const hoverDisposer = this.onHover();\n    const selectDisposer = this.onSelect();\n    this.disposers = [entityChangeDisposer, zoomDisposer, hoverDisposer, selectDisposer];\n  }\n\n  private onZoom(): Disposable {\n    return this.pipelineRegistry.onZoom((scale: number) => {\n      this.node.style.transform = `scale(${scale})`;\n    });\n  }\n\n  private onHover(): Disposable {\n    return this.hoverService.onHoveredChange(() => {\n      this.compute();\n    });\n  }\n\n  private onEntityChange(): Disposable {\n    return this.entityManager.onEntityChange(() => {\n      this.compute();\n    });\n  }\n\n  private onSelect(): Disposable {\n    return this.selectService.onSelectionChanged(() => {\n      this.compute();\n    });\n  }\n}\n","import {\n  WorkflowLineEntity,\n  WorkflowNodeEntity,\n  WorkflowNodeLinesData,\n} from '@flowgram.ai/free-layout-core';\nimport { FlowNodeBaseType } from '@flowgram.ai/document';\n\nimport type { StackingContext } from './type';\n\nexport class StackingComputing {\n  private currentLevel: number;\n\n  private topLevel: number;\n\n  private maxLevel: number;\n\n  private nodeIndexes: Map<string, number>;\n\n  private nodeLevel: Map<string, number>;\n\n  private lineLevel: Map<string, number>;\n\n  private context: StackingContext;\n\n  public compute(params: {\n    root: WorkflowNodeEntity;\n    nodes: WorkflowNodeEntity[];\n    context: StackingContext;\n  }): {\n    /** 节点层级 */\n    nodeLevel: Map<string, number>;\n    /** 线条层级 */\n    lineLevel: Map<string, number>;\n    /** 正常渲染的最高层级 */\n    topLevel: number;\n    /** 选中计算叠加后可能计算出的最高层级 */\n    maxLevel: number;\n  } {\n    this.clearCache();\n    const { root, nodes, context } = params;\n    this.context = context;\n    this.nodeIndexes = this.computeNodeIndexesMap(nodes);\n    this.topLevel = this.computeTopLevel(nodes);\n    this.maxLevel = this.topLevel * 2;\n    this.layerHandler(root.blocks);\n    return {\n      nodeLevel: this.nodeLevel,\n      lineLevel: this.lineLevel,\n      topLevel: this.topLevel,\n      maxLevel: this.maxLevel,\n    };\n  }\n\n  private clearCache(): void {\n    this.currentLevel = 0;\n    this.topLevel = 0;\n    this.maxLevel = 0;\n    this.nodeIndexes = new Map();\n    this.nodeLevel = new Map();\n    this.lineLevel = new Map();\n  }\n\n  private computeNodeIndexesMap(nodes: WorkflowNodeEntity[]): Map<string, number> {\n    const nodeIndexMap = new Map<string, number>();\n    nodes.forEach((node, index) => {\n      nodeIndexMap.set(node.id, index);\n    });\n    return nodeIndexMap;\n  }\n\n  private computeTopLevel(nodes: WorkflowNodeEntity[]): number {\n    const nodesWithoutRoot = nodes.filter((node) => node.id !== FlowNodeBaseType.ROOT);\n    const nodeHasChildren = nodesWithoutRoot.reduce((count, node) => {\n      if (node.blocks.length > 0) {\n        return count + 1;\n      } else {\n        return count;\n      }\n    }, 0);\n    // 最高层数 = 节点个数 + 容器节点个数（线条单独占一层） + 抬高一层\n    return nodesWithoutRoot.length + nodeHasChildren + 1;\n  }\n\n  private layerHandler(layerNodes: WorkflowNodeEntity[], pinTop: boolean = false): void {\n    const nodes = this.sortNodes(layerNodes);\n    const lines = this.getNodesAllLines(nodes);\n\n    // 线条统一设为当前层级最低\n    lines.forEach((line) => {\n      if (\n        line.isDrawing || // 正在绘制\n        this.context.hoveredEntityID === line.id || // hover\n        this.context.selectedIDs.includes(line.id) // 选中\n      ) {\n        // 线条置顶条件：正在绘制 / hover / 选中\n        this.lineLevel.set(line.id, this.maxLevel);\n      } else {\n        this.lineLevel.set(line.id, this.getLevel(pinTop));\n      }\n    });\n    this.levelIncrease();\n    nodes.forEach((node) => {\n      const selected = this.context.selectedIDs.includes(node.id);\n      if (selected) {\n        // 节点置顶条件：选中\n        this.nodeLevel.set(node.id, this.topLevel);\n      } else {\n        this.nodeLevel.set(node.id, this.getLevel(pinTop));\n      }\n      // 节点层级逐层增高\n      this.levelIncrease();\n      if (node.blocks.length > 0) {\n        // 子节点层级需低于后续兄弟节点，因此需要先进行计算\n        this.layerHandler(node.blocks, pinTop || selected);\n      }\n    });\n  }\n\n  private sortNodes(nodes: WorkflowNodeEntity[]): WorkflowNodeEntity[] {\n    return nodes.sort((a, b) => {\n      const aIndex = this.nodeIndexes.get(a.id);\n      const bIndex = this.nodeIndexes.get(b.id);\n      if (aIndex === undefined || bIndex === undefined) {\n        return 0;\n      }\n      return aIndex - bIndex;\n    });\n  }\n\n  private getNodesAllLines(nodes: WorkflowNodeEntity[]): WorkflowLineEntity[] {\n    const lines = nodes\n      .map((node) => {\n        const linesData = node.getData<WorkflowNodeLinesData>(WorkflowNodeLinesData);\n        const outputLines = linesData.outputLines.filter(Boolean);\n        const inputLines = linesData.inputLines.filter(Boolean);\n        return [...outputLines, ...inputLines];\n      })\n      .flat();\n\n    // 过滤出未计算层级的线条，以及高度优先（需要覆盖计算）的线条\n    const filteredLines = lines.filter(\n      (line) => this.lineLevel.get(line.id) === undefined || this.isHigherFirstLine(line)\n    );\n\n    return filteredLines;\n  }\n\n  private isHigherFirstLine(line: WorkflowLineEntity): boolean {\n    // 父子相连的线条，需要作为高度优先的线条，避免线条不可见\n    return line.to?.parent === line.from || line.from?.parent === line.to;\n  }\n\n  private getLevel(pinTop: boolean): number {\n    if (pinTop) {\n      return this.topLevel + this.currentLevel;\n    }\n    return this.currentLevel;\n  }\n\n  private levelIncrease(): void {\n    this.currentLevel += 1;\n  }\n}\n","export enum StackingItem {\n  Line = 'line',\n  Node = 'node',\n}\n\nexport enum StackingType {\n  Line = StackingItem.Line,\n  Node = StackingItem.Node,\n}\n\nexport const StackingBaseIndex: Record<StackingType, number> = {\n  [StackingType.Line]: 0,\n  [StackingType.Node]: 1,\n};\n\n// 常量\nconst startIndex = 8;\nconst allowLevel = 2;\n\n// 计算值\nconst levelIndexStep = Object.keys(StackingType).length;\nconst maxLevel = allowLevel * 2;\nconst maxIndex = startIndex + maxLevel * levelIndexStep;\n\nexport const StackingConfig = {\n  /** index 起始值 */\n  startIndex,\n  /** 允许存在的层级 */\n  allowLevel,\n  /** 每层 index 跨度 */\n  levelIndexStep,\n  /** 叠加计算后出现的最深层级 */\n  maxLevel,\n  /** 最大 index */\n  maxIndex,\n};\n","import type { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport type { WorkflowLineEntity } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeRenderData } from '@flowgram.ai/document';\n\nimport type { StackingContext } from './type';\nimport { StackingBaseIndex, StackingConfig, StackingType } from './constant';\n\nnamespace NodeComputing {\n  export const compute = (node: WorkflowNodeEntity, context: StackingContext): void => {\n    const zIndex = nodeZIndex(node, context);\n    const element = nodeElement(node);\n    element.style.position = 'absolute';\n    element.style.zIndex = zIndexStringify(zIndex);\n  };\n\n  export const stackingIndex = (stackingType: StackingType, level: number): number | undefined => {\n    if (level < 1) {\n      // root节点\n      return undefined;\n    }\n    const baseZIndex = StackingBaseIndex[stackingType];\n    const zIndex =\n      StackingConfig.startIndex + StackingConfig.levelIndexStep * (level - 1) + baseZIndex;\n    return zIndex;\n  };\n\n  export const nodeStackingLevel = (\n    node: WorkflowNodeEntity,\n    context: StackingContext,\n    disableTopLevel = false\n  ): number => {\n    // TODO 后续支持多层级时这个计算逻辑应该去掉，level信息应该直接由 FlowNodeEntity 缓存给出\n    // 多层时这里的计算会有 O(logN) 时间复杂度，并且在多层级联同计算时会有BUG，本次需求不处理这种情况\n    const unReversedLinage: WorkflowNodeEntity[] = [];\n    let currentNode: WorkflowNodeEntity | undefined = node;\n    while (currentNode) {\n      unReversedLinage.push(currentNode);\n      currentNode = currentNode.parent;\n    }\n    const linage = unReversedLinage.reverse();\n    const nodeLevel = linage.length - 1;\n\n    const topLevelIndex = linage.findIndex((node: WorkflowNodeEntity) => {\n      if (context.selectedIDs.includes(node.id)) {\n        // 存在被选中的父级或自身被选中，直接置顶\n        return true;\n      }\n      return false;\n    });\n    const topLevel = StackingConfig.allowLevel + (linage.length - topLevelIndex);\n\n    if (!disableTopLevel && topLevelIndex !== -1) {\n      // 置顶\n      return topLevel;\n    }\n\n    return nodeLevel;\n  };\n\n  export const zIndexStringify = (zIndex?: number): string => {\n    if (zIndex === undefined) {\n      return 'auto';\n    }\n    return zIndex.toString();\n  };\n\n  const nodeZIndex = (node: WorkflowNodeEntity, context: StackingContext): number | undefined => {\n    const level = nodeStackingLevel(node, context);\n    const zIndex = stackingIndex(StackingType.Node, level);\n    return zIndex;\n  };\n\n  const nodeElement = (node: WorkflowNodeEntity): HTMLDivElement => {\n    const nodeRenderData = node.getData<FlowNodeRenderData>(FlowNodeRenderData);\n    return nodeRenderData.node;\n  };\n}\n\nnamespace LineComputing {\n  export const compute = (line: WorkflowLineEntity, context: StackingContext): void => {\n    const zIndex = lineZIndex(line, context);\n    const element = line.node;\n    element.style.position = 'absolute';\n    element.style.zIndex = NodeComputing.zIndexStringify(zIndex);\n  };\n\n  const lineStackingLevel = (line: WorkflowLineEntity, context: StackingContext): number => {\n    if (\n      line.isDrawing || // 正在绘制\n      context.hoveredEntityID === line.id || // hover\n      context.selectedIDs.includes(line.id) // 选中\n    ) {\n      // 线条置顶条件：正在绘制 / hover / 选中\n      return StackingConfig.maxLevel + 1;\n    }\n    const fromLevel = NodeComputing.nodeStackingLevel(line.from, context, true);\n    if (!line.to) {\n      // 还处于连线中\n      return fromLevel;\n    }\n    const toLevel = NodeComputing.nodeStackingLevel(line.to, context, true);\n    const level = Math.min(fromLevel, toLevel);\n    return level;\n  };\n\n  const lineZIndex = (line: WorkflowLineEntity, context: StackingContext): number | undefined => {\n    const level = lineStackingLevel(line, context);\n    const zIndex = NodeComputing.stackingIndex(StackingType.Line, level);\n    return zIndex;\n  };\n}\n\nexport const layersComputing = (params: {\n  nodes: WorkflowNodeEntity[];\n  lines: WorkflowLineEntity[];\n  context: StackingContext;\n}) => {\n  const { nodes, lines, context } = params;\n  nodes.forEach((node) => {\n    NodeComputing.compute(node, context);\n  });\n  lines.forEach((line) => {\n    LineComputing.compute(line, context);\n  });\n};\n"],"mappings":"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","names":["WorkflowNodeEntity","WorkflowLineEntity","StackingItem","StackingType","WorkflowNodeEntity","WorkflowLineEntity","FlowNodeRenderData","NodeComputing","node","FlowNodeRenderData","LineComputing"]}

package/dist/index.d.mts

@@ -1,38 +1,8 @@
 import * as _flowgram_ai_core from '@flowgram.ai/core';
 import { Entity } from '@flowgram.ai/core';
-import { WorkfloEntityHoverable, WorkflowNodeEntity, WorkflowLineEntity } from '@flowgram.ai/free-layout-core';
+import { WorkflowEntityHoverable, WorkflowNodeEntity, WorkflowLineEntity } from '@flowgram.ai/free-layout-core';
 
-declare enum StackingItem {
-    Line = "line",
-    Node = "node"
-}
-declare enum StackingType {
-    Line = "line",
-    Node = "node"
-}
-declare const StackingBaseIndex: Record<StackingType, number>;
-declare const StackingConfig: {
-    /** index 起始值 */
-    startIndex: number;
-    /** 允许存在的层级 */
-    allowLevel: number;
-    /** 每层 index 跨度 */
-    levelIndexStep: number;
-    /** 叠加计算后出现的最深层级 */
-    maxLevel: number;
-    /** 最大 index */
-    maxIndex: number;
-};
-declare enum StackingComputeMode {
-    /** 层叠计算模式 */
-    Stacking = "stacking",
-    /** 层级计算模式 */
-    Layers = "layers"
-}
-
-declare const createFreeStackPlugin: _flowgram_ai_core.PluginCreator<{
-    mode?: StackingComputeMode | undefined;
-}>;
+declare const createFreeStackPlugin: _flowgram_ai_core.PluginCreator<unknown>;
 
 declare class StackingContextManager {
     private readonly document;
@@ -43,9 +13,8 @@ declare class StackingContextManager {
     private readonly selectService;
     readonly node: HTMLDivElement;
     private disposers;
-    private mode;
     constructor();
-    init(mode?: StackingComputeMode): void;
+    init(): void;
     ready(): void;
     dispose(): void;
     /**
@@ -54,7 +23,6 @@ declare class StackingContextManager {
      */
     private compute;
     private _compute;
-    private stackingCompute;
     private get nodes();
     private get lines();
     private get context();
@@ -65,8 +33,30 @@ declare class StackingContextManager {
     private onSelect;
 }
 
+declare enum StackingItem {
+    Line = "line",
+    Node = "node"
+}
+declare enum StackingType {
+    Line = "line",
+    Node = "node"
+}
+declare const StackingBaseIndex: Record<StackingType, number>;
+declare const StackingConfig: {
+    /** index 起始值 */
+    startIndex: number;
+    /** 允许存在的层级 */
+    allowLevel: number;
+    /** 每层 index 跨度 */
+    levelIndexStep: number;
+    /** 叠加计算后出现的最深层级 */
+    maxLevel: number;
+    /** 最大 index */
+    maxIndex: number;
+};
+
 type StackingContext = {
-    hoveredEntity?: WorkfloEntityHoverable;
+    hoveredEntity?: WorkflowEntityHoverable;
     hoveredEntityID?: string;
     selectedEntities: Entity[];
     selectedIDs: string[];
@@ -104,8 +94,11 @@ declare class StackingComputing {
     private computeNodeIndexesMap;
     private computeTopLevel;
     private layerHandler;
+    private sortNodes;
+    private getNodesAllLines;
+    private isHigherFirstLine;
     private getLevel;
     private levelIncrease;
 }
 
-export { StackingBaseIndex, StackingComputeMode, StackingComputing, StackingConfig, type StackingContext, StackingContextManager, StackingItem, StackingType, createFreeStackPlugin, layersComputing };
+export { StackingBaseIndex, StackingComputing, StackingConfig, type StackingContext, StackingContextManager, StackingItem, StackingType, createFreeStackPlugin, layersComputing };

package/dist/index.d.ts

@@ -1,38 +1,8 @@
 import * as _flowgram_ai_core from '@flowgram.ai/core';
 import { Entity } from '@flowgram.ai/core';
-import { WorkfloEntityHoverable, WorkflowNodeEntity, WorkflowLineEntity } from '@flowgram.ai/free-layout-core';
+import { WorkflowEntityHoverable, WorkflowNodeEntity, WorkflowLineEntity } from '@flowgram.ai/free-layout-core';
 
-declare enum StackingItem {
-    Line = "line",
-    Node = "node"
-}
-declare enum StackingType {
-    Line = "line",
-    Node = "node"
-}
-declare const StackingBaseIndex: Record<StackingType, number>;
-declare const StackingConfig: {
-    /** index 起始值 */
-    startIndex: number;
-    /** 允许存在的层级 */
-    allowLevel: number;
-    /** 每层 index 跨度 */
-    levelIndexStep: number;
-    /** 叠加计算后出现的最深层级 */
-    maxLevel: number;
-    /** 最大 index */
-    maxIndex: number;
-};
-declare enum StackingComputeMode {
-    /** 层叠计算模式 */
-    Stacking = "stacking",
-    /** 层级计算模式 */
-    Layers = "layers"
-}
-
-declare const createFreeStackPlugin: _flowgram_ai_core.PluginCreator<{
-    mode?: StackingComputeMode | undefined;
-}>;
+declare const createFreeStackPlugin: _flowgram_ai_core.PluginCreator<unknown>;
 
 declare class StackingContextManager {
     private readonly document;
@@ -43,9 +13,8 @@ declare class StackingContextManager {
     private readonly selectService;
     readonly node: HTMLDivElement;
     private disposers;
-    private mode;
     constructor();
-    init(mode?: StackingComputeMode): void;
+    init(): void;
     ready(): void;
     dispose(): void;
     /**
@@ -54,7 +23,6 @@ declare class StackingContextManager {
      */
     private compute;
     private _compute;
-    private stackingCompute;
     private get nodes();
     private get lines();
     private get context();
@@ -65,8 +33,30 @@ declare class StackingContextManager {
     private onSelect;
 }
 
+declare enum StackingItem {
+    Line = "line",
+    Node = "node"
+}
+declare enum StackingType {
+    Line = "line",
+    Node = "node"
+}
+declare const StackingBaseIndex: Record<StackingType, number>;
+declare const StackingConfig: {
+    /** index 起始值 */
+    startIndex: number;
+    /** 允许存在的层级 */
+    allowLevel: number;
+    /** 每层 index 跨度 */
+    levelIndexStep: number;
+    /** 叠加计算后出现的最深层级 */
+    maxLevel: number;
+    /** 最大 index */
+    maxIndex: number;
+};
+
 type StackingContext = {
-    hoveredEntity?: WorkfloEntityHoverable;
+    hoveredEntity?: WorkflowEntityHoverable;
     hoveredEntityID?: string;
     selectedEntities: Entity[];
     selectedIDs: string[];
@@ -104,8 +94,11 @@ declare class StackingComputing {
     private computeNodeIndexesMap;
     private computeTopLevel;
     private layerHandler;
+    private sortNodes;
+    private getNodesAllLines;
+    private isHigherFirstLine;
     private getLevel;
     private levelIncrease;
 }
 
-export { StackingBaseIndex, StackingComputeMode, StackingComputing, StackingConfig, type StackingContext, StackingContextManager, StackingItem, StackingType, createFreeStackPlugin, layersComputing };
+export { StackingBaseIndex, StackingComputing, StackingConfig, type StackingContext, StackingContextManager, StackingItem, StackingType, createFreeStackPlugin, layersComputing };

package/dist/index.js

@@ -29,7 +29,6 @@ var __decorateClass = (decorators, target, key, kind) => {
 var src_exports = {};
 __export(src_exports, {
   StackingBaseIndex: () => StackingBaseIndex,
-  StackingComputeMode: () => StackingComputeMode,
   StackingComputing: () => StackingComputing,
   StackingConfig: () => StackingConfig,
   StackingContextManager: () => StackingContextManager,
@@ -50,12 +49,12 @@ var import_utils = require("@flowgram.ai/utils");
 var import_free_layout_core2 = require("@flowgram.ai/free-layout-core");
 var import_free_layout_core3 = require("@flowgram.ai/free-layout-core");
 var import_free_layout_core4 = require("@flowgram.ai/free-layout-core");
-var import_document3 = require("@flowgram.ai/document");
+var import_document2 = require("@flowgram.ai/document");
 var import_core = require("@flowgram.ai/core");
 
 // src/stacking-computing.ts
-var import_document = require("@flowgram.ai/document");
 var import_free_layout_core = require("@flowgram.ai/free-layout-core");
+var import_document = require("@flowgram.ai/document");
 var StackingComputing = class {
   compute(params) {
     this.clearCache();
@@ -64,7 +63,7 @@ var StackingComputing = class {
     this.nodeIndexes = this.computeNodeIndexesMap(nodes);
     this.topLevel = this.computeTopLevel(nodes);
     this.maxLevel = this.topLevel * 2;
-    this.layerHandler(root.collapsedChildren);
+    this.layerHandler(root.blocks);
     return {
       nodeLevel: this.nodeLevel,
       lineLevel: this.lineLevel,
@@ -90,7 +89,7 @@ var StackingComputing = class {
   computeTopLevel(nodes) {
     const nodesWithoutRoot = nodes.filter((node) => node.id !== import_document.FlowNodeBaseType.ROOT);
     const nodeHasChildren = nodesWithoutRoot.reduce((count, node) => {
-      if (node.collapsedChildren.length > 0) {
+      if (node.blocks.length > 0) {
         return count + 1;
       } else {
         return count;
@@ -98,21 +97,9 @@ var StackingComputing = class {
     }, 0);
     return nodesWithoutRoot.length + nodeHasChildren + 1;
   }
-  layerHandler(nodes, pinTop = false) {
-    const sortedNodes = nodes.sort((a, b) => {
-      const aIndex = this.nodeIndexes.get(a.id);
-      const bIndex = this.nodeIndexes.get(b.id);
-      if (aIndex === void 0 || bIndex === void 0) {
-        return 0;
-      }
-      return aIndex - bIndex;
-    });
-    const lines = nodes.map((node) => {
-      const linesData = node.getData(import_free_layout_core.WorkflowNodeLinesData);
-      const outputLines = linesData.outputLines.filter(Boolean);
-      const inputLines = linesData.inputLines.filter(Boolean);
-      return [...outputLines, ...inputLines];
-    }).flat();
+  layerHandler(layerNodes, pinTop = false) {
+    const nodes = this.sortNodes(layerNodes);
+    const lines = this.getNodesAllLines(nodes);
     lines.forEach((line) => {
       if (line.isDrawing || // 正在绘制
       this.context.hoveredEntityID === line.id || // hover
@@ -123,7 +110,7 @@ var StackingComputing = class {
       }
     });
     this.levelIncrease();
-    sortedNodes.forEach((node) => {
+    nodes.forEach((node) => {
       const selected = this.context.selectedIDs.includes(node.id);
       if (selected) {
         this.nodeLevel.set(node.id, this.topLevel);
@@ -131,11 +118,37 @@ var StackingComputing = class {
         this.nodeLevel.set(node.id, this.getLevel(pinTop));
       }
       this.levelIncrease();
-      if (node.collapsedChildren.length > 0) {
-        this.layerHandler(node.collapsedChildren, pinTop || selected);
+      if (node.blocks.length > 0) {
+        this.layerHandler(node.blocks, pinTop || selected);
+      }
+    });
+  }
+  sortNodes(nodes) {
+    return nodes.sort((a, b) => {
+      const aIndex = this.nodeIndexes.get(a.id);
+      const bIndex = this.nodeIndexes.get(b.id);
+      if (aIndex === void 0 || bIndex === void 0) {
+        return 0;
       }
+      return aIndex - bIndex;
     });
   }
+  getNodesAllLines(nodes) {
+    const lines = nodes.map((node) => {
+      const linesData = node.getData(import_free_layout_core.WorkflowNodeLinesData);
+      const outputLines = linesData.outputLines.filter(Boolean);
+      const inputLines = linesData.inputLines.filter(Boolean);
+      return [...outputLines, ...inputLines];
+    }).flat();
+    const filteredLines = lines.filter(
+      (line) => this.lineLevel.get(line.id) === void 0 || this.isHigherFirstLine(line)
+    );
+    return filteredLines;
+  }
+  isHigherFirstLine(line) {
+    var _a, _b;
+    return ((_a = line.to) == null ? void 0 : _a.parent) === line.from || ((_b = line.from) == null ? void 0 : _b.parent) === line.to;
+  }
   getLevel(pinTop) {
     if (pinTop) {
       return this.topLevel + this.currentLevel;
@@ -147,9 +160,6 @@ var StackingComputing = class {
   }
 };
 
-// src/layers-computing.ts
-var import_document2 = require("@flowgram.ai/document");
-
 // src/constant.ts
 var StackingItem = /* @__PURE__ */ ((StackingItem2) => {
   StackingItem2["Line"] = "line";
@@ -182,103 +192,6 @@ var StackingConfig = {
   /** 最大 index */
   maxIndex
 };
-var StackingComputeMode = /* @__PURE__ */ ((StackingComputeMode2) => {
-  StackingComputeMode2["Stacking"] = "stacking";
-  StackingComputeMode2["Layers"] = "layers";
-  return StackingComputeMode2;
-})(StackingComputeMode || {});
-
-// src/layers-computing.ts
-var NodeComputing;
-((NodeComputing2) => {
-  NodeComputing2.compute = (node, context) => {
-    const zIndex = nodeZIndex(node, context);
-    const element = nodeElement(node);
-    element.style.position = "absolute";
-    element.style.zIndex = (0, NodeComputing2.zIndexStringify)(zIndex);
-  };
-  NodeComputing2.stackingIndex = (stackingType, level) => {
-    if (level < 1) {
-      return void 0;
-    }
-    const baseZIndex = StackingBaseIndex[stackingType];
-    const zIndex = StackingConfig.startIndex + StackingConfig.levelIndexStep * (level - 1) + baseZIndex;
-    return zIndex;
-  };
-  NodeComputing2.nodeStackingLevel = (node, context, disableTopLevel = false) => {
-    const unReversedLinage = [];
-    let currentNode = node;
-    while (currentNode) {
-      unReversedLinage.push(currentNode);
-      currentNode = currentNode.parent;
-    }
-    const linage = unReversedLinage.reverse();
-    const nodeLevel = linage.length - 1;
-    const topLevelIndex = linage.findIndex((node2) => {
-      if (context.selectedIDs.includes(node2.id)) {
-        return true;
-      }
-      return false;
-    });
-    const topLevel = StackingConfig.allowLevel + (linage.length - topLevelIndex);
-    if (!disableTopLevel && topLevelIndex !== -1) {
-      return topLevel;
-    }
-    return nodeLevel;
-  };
-  NodeComputing2.zIndexStringify = (zIndex) => {
-    if (zIndex === void 0) {
-      return "auto";
-    }
-    return zIndex.toString();
-  };
-  const nodeZIndex = (node, context) => {
-    const level = (0, NodeComputing2.nodeStackingLevel)(node, context);
-    const zIndex = (0, NodeComputing2.stackingIndex)("node" /* Node */, level);
-    return zIndex;
-  };
-  const nodeElement = (node) => {
-    const nodeRenderData = node.getData(import_document2.FlowNodeRenderData);
-    return nodeRenderData.node;
-  };
-})(NodeComputing || (NodeComputing = {}));
-var LineComputing;
-((LineComputing2) => {
-  LineComputing2.compute = (line, context) => {
-    const zIndex = lineZIndex(line, context);
-    const element = line.node;
-    element.style.position = "absolute";
-    element.style.zIndex = NodeComputing.zIndexStringify(zIndex);
-  };
-  const lineStackingLevel = (line, context) => {
-    if (line.isDrawing || // 正在绘制
-    context.hoveredEntityID === line.id || // hover
-    context.selectedIDs.includes(line.id)) {
-      return StackingConfig.maxLevel + 1;
-    }
-    const fromLevel = NodeComputing.nodeStackingLevel(line.from, context, true);
-    if (!line.to) {
-      return fromLevel;
-    }
-    const toLevel = NodeComputing.nodeStackingLevel(line.to, context, true);
-    const level = Math.min(fromLevel, toLevel);
-    return level;
-  };
-  const lineZIndex = (line, context) => {
-    const level = lineStackingLevel(line, context);
-    const zIndex = NodeComputing.stackingIndex("line" /* Line */, level);
-    return zIndex;
-  };
-})(LineComputing || (LineComputing = {}));
-var layersComputing = (params) => {
-  const { nodes, lines, context } = params;
-  nodes.forEach((node) => {
-    NodeComputing.compute(node, context);
-  });
-  lines.forEach((line) => {
-    LineComputing.compute(line, context);
-  });
-};
 
 // src/manager.ts
 var StackingContextManager = class {
@@ -287,15 +200,13 @@ var StackingContextManager = class {
       "gedit-playground-layer gedit-flow-render-layer"
     );
     this.disposers = [];
-    this.mode = "stacking" /* Stacking */;
     /**
      * 触发计算
      * 10ms内仅计算一次
      */
     this.compute = (0, import_lodash.debounce)(this._compute, 10);
   }
-  init(mode) {
-    if (mode) this.mode = mode;
+  init() {
     this.pipelineRenderer.node.appendChild(this.node);
     this.mountListener();
   }
@@ -306,17 +217,6 @@ var StackingContextManager = class {
     this.disposers.forEach((disposer) => disposer.dispose());
   }
   _compute() {
-    if (this.mode === "stacking" /* Stacking */) {
-      return this.stackingCompute();
-    } else {
-      return layersComputing({
-        nodes: this.nodes,
-        lines: this.lines,
-        context: this.context
-      });
-    }
-  }
-  stackingCompute() {
     const context = this.context;
     const stackingComputing = new StackingComputing();
     const { nodeLevel, lineLevel } = stackingComputing.compute({
@@ -326,10 +226,10 @@ var StackingContextManager = class {
     });
     this.nodes.forEach((node) => {
       const level = nodeLevel.get(node.id);
-      const nodeRenderData = node.getData(import_document3.FlowNodeRenderData);
+      const nodeRenderData = node.getData(import_document2.FlowNodeRenderData);
       const element = nodeRenderData.node;
       element.style.position = "absolute";
-      if (!level) {
+      if (level === void 0) {
         element.style.zIndex = "auto";
         nodeRenderData.stackIndex = 0;
         return;
@@ -342,7 +242,7 @@ var StackingContextManager = class {
       const level = lineLevel.get(line.id);
       const element = line.node;
       element.style.position = "absolute";
-      if (!level) {
+      if (level === void 0) {
         element.style.zIndex = "auto";
         return;
       }
@@ -356,9 +256,10 @@ var StackingContextManager = class {
     return this.entityManager.getEntities(import_free_layout_core3.WorkflowLineEntity);
   }
   get context() {
+    var _a;
     return {
       hoveredEntity: this.hoverService.hoveredNode,
-      hoveredEntityID: this.hoverService.hoveredNode?.id,
+      hoveredEntityID: (_a = this.hoverService.hoveredNode) == null ? void 0 : _a.id,
       selectedEntities: this.selectService.selection,
       selectedIDs: this.selectService.selection.map((entity) => entity.id)
     };
@@ -418,9 +319,9 @@ var createFreeStackPlugin = (0, import_core2.definePluginCreator)({
   onBind({ bind }) {
     bind(StackingContextManager).toSelf().inSingletonScope();
   },
-  onInit(ctx, opts) {
+  onInit(ctx) {
     const stackingContextManager = ctx.get(StackingContextManager);
-    stackingContextManager.init(opts?.mode);
+    stackingContextManager.init();
   },
   onReady(ctx) {
     const stackingContextManager = ctx.get(StackingContextManager);
@@ -431,10 +332,102 @@ var createFreeStackPlugin = (0, import_core2.definePluginCreator)({
     stackingContextManager.dispose();
   }
 });
+
+// src/layers-computing.ts
+var import_document3 = require("@flowgram.ai/document");
+var NodeComputing;
+((NodeComputing2) => {
+  NodeComputing2.compute = (node, context) => {
+    const zIndex = nodeZIndex(node, context);
+    const element = nodeElement(node);
+    element.style.position = "absolute";
+    element.style.zIndex = (0, NodeComputing2.zIndexStringify)(zIndex);
+  };
+  NodeComputing2.stackingIndex = (stackingType, level) => {
+    if (level < 1) {
+      return void 0;
+    }
+    const baseZIndex = StackingBaseIndex[stackingType];
+    const zIndex = StackingConfig.startIndex + StackingConfig.levelIndexStep * (level - 1) + baseZIndex;
+    return zIndex;
+  };
+  NodeComputing2.nodeStackingLevel = (node, context, disableTopLevel = false) => {
+    const unReversedLinage = [];
+    let currentNode = node;
+    while (currentNode) {
+      unReversedLinage.push(currentNode);
+      currentNode = currentNode.parent;
+    }
+    const linage = unReversedLinage.reverse();
+    const nodeLevel = linage.length - 1;
+    const topLevelIndex = linage.findIndex((node2) => {
+      if (context.selectedIDs.includes(node2.id)) {
+        return true;
+      }
+      return false;
+    });
+    const topLevel = StackingConfig.allowLevel + (linage.length - topLevelIndex);
+    if (!disableTopLevel && topLevelIndex !== -1) {
+      return topLevel;
+    }
+    return nodeLevel;
+  };
+  NodeComputing2.zIndexStringify = (zIndex) => {
+    if (zIndex === void 0) {
+      return "auto";
+    }
+    return zIndex.toString();
+  };
+  const nodeZIndex = (node, context) => {
+    const level = (0, NodeComputing2.nodeStackingLevel)(node, context);
+    const zIndex = (0, NodeComputing2.stackingIndex)("node" /* Node */, level);
+    return zIndex;
+  };
+  const nodeElement = (node) => {
+    const nodeRenderData = node.getData(import_document3.FlowNodeRenderData);
+    return nodeRenderData.node;
+  };
+})(NodeComputing || (NodeComputing = {}));
+var LineComputing;
+((LineComputing2) => {
+  LineComputing2.compute = (line, context) => {
+    const zIndex = lineZIndex(line, context);
+    const element = line.node;
+    element.style.position = "absolute";
+    element.style.zIndex = NodeComputing.zIndexStringify(zIndex);
+  };
+  const lineStackingLevel = (line, context) => {
+    if (line.isDrawing || // 正在绘制
+    context.hoveredEntityID === line.id || // hover
+    context.selectedIDs.includes(line.id)) {
+      return StackingConfig.maxLevel + 1;
+    }
+    const fromLevel = NodeComputing.nodeStackingLevel(line.from, context, true);
+    if (!line.to) {
+      return fromLevel;
+    }
+    const toLevel = NodeComputing.nodeStackingLevel(line.to, context, true);
+    const level = Math.min(fromLevel, toLevel);
+    return level;
+  };
+  const lineZIndex = (line, context) => {
+    const level = lineStackingLevel(line, context);
+    const zIndex = NodeComputing.stackingIndex("line" /* Line */, level);
+    return zIndex;
+  };
+})(LineComputing || (LineComputing = {}));
+var layersComputing = (params) => {
+  const { nodes, lines, context } = params;
+  nodes.forEach((node) => {
+    NodeComputing.compute(node, context);
+  });
+  lines.forEach((line) => {
+    LineComputing.compute(line, context);
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   StackingBaseIndex,
-  StackingComputeMode,
   StackingComputing,
   StackingConfig,
   StackingContextManager,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/create-free-stack-plugin.ts","../src/manager.ts","../src/stacking-computing.ts","../src/layers-computing.ts","../src/constant.ts"],"sourcesContent":["export * from './create-free-stack-plugin';\nexport * from './manager';\nexport * from './constant';\nexport * from './layers-computing';\nexport * from './stacking-computing';\nexport * from './type';\n","import { definePluginCreator } from '@flowgram.ai/core';\n\nimport { StackingContextManager } from './manager';\nimport { StackingComputeMode } from './constant';\n\nexport const createFreeStackPlugin = definePluginCreator<{\n  mode?: StackingComputeMode;\n}>({\n  onBind({ bind }) {\n    bind(StackingContextManager).toSelf().inSingletonScope();\n  },\n  onInit(ctx, opts) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.init(opts?.mode);\n  },\n  onReady(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.ready();\n  },\n  onDispose(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.dispose();\n  },\n});\n","import { debounce } from 'lodash';\nimport { inject, injectable } from 'inversify';\nimport { domUtils } from '@flowgram.ai/utils';\nimport { Disposable } from '@flowgram.ai/utils';\nimport {\n  WorkflowHoverService,\n  WorkflowNodeEntity,\n  WorkflowSelectService,\n} from '@flowgram.ai/free-layout-core';\nimport { WorkflowLineEntity } from '@flowgram.ai/free-layout-core';\nimport { WorkflowDocument } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeRenderData } from '@flowgram.ai/document';\nimport { EntityManager, PipelineRegistry, PipelineRenderer } from '@flowgram.ai/core';\n\nimport type { StackingContext } from './type';\nimport { StackingComputing } from './stacking-computing';\nimport { layersComputing } from './layers-computing';\nimport { StackingComputeMode, StackingConfig } from './constant';\n\n@injectable()\nexport class StackingContextManager {\n  @inject(WorkflowDocument) private readonly document: WorkflowDocument;\n\n  @inject(EntityManager) private readonly entityManager: EntityManager;\n\n  @inject(PipelineRenderer)\n  private readonly pipelineRenderer: PipelineRenderer;\n\n  @inject(PipelineRegistry)\n  private readonly pipelineRegistry: PipelineRegistry;\n\n  @inject(WorkflowHoverService)\n  private readonly hoverService: WorkflowHoverService;\n\n  @inject(WorkflowSelectService)\n  private readonly selectService: WorkflowSelectService;\n\n  public readonly node = domUtils.createDivWithClass(\n    'gedit-playground-layer gedit-flow-render-layer'\n  );\n\n  private disposers: Disposable[] = [];\n\n  private mode: StackingComputeMode = StackingComputeMode.Stacking;\n\n  constructor() {}\n\n  public init(mode?: StackingComputeMode): void {\n    if (mode) this.mode = mode;\n    this.pipelineRenderer.node.appendChild(this.node);\n    this.mountListener();\n  }\n\n  public ready(): void {\n    this.compute();\n  }\n\n  public dispose(): void {\n    this.disposers.forEach((disposer) => disposer.dispose());\n  }\n\n  /**\n   * 触发计算\n   * 10ms内仅计算一次\n   */\n  private compute = debounce(this._compute, 10);\n\n  private _compute(): void {\n    if (this.mode === StackingComputeMode.Stacking) {\n      return this.stackingCompute();\n    } else {\n      return layersComputing({\n        nodes: this.nodes,\n        lines: this.lines,\n        context: this.context,\n      });\n    }\n  }\n\n  private stackingCompute(): void {\n    const context = this.context;\n    const stackingComputing = new StackingComputing();\n    const { nodeLevel, lineLevel } = stackingComputing.compute({\n      root: this.document.root,\n      nodes: this.nodes,\n      context,\n    });\n    this.nodes.forEach((node) => {\n      const level = nodeLevel.get(node.id);\n      const nodeRenderData = node.getData<FlowNodeRenderData>(FlowNodeRenderData);\n      const element = nodeRenderData.node;\n      element.style.position = 'absolute';\n      if (!level) {\n        element.style.zIndex = 'auto';\n        nodeRenderData.stackIndex = 0;\n        return;\n      }\n      const stackIndex = StackingConfig.startIndex + level;\n      element.style.zIndex = String(stackIndex);\n      nodeRenderData.stackIndex = stackIndex;\n    });\n    this.lines.forEach((line) => {\n      const level = lineLevel.get(line.id);\n      const element = line.node;\n      element.style.position = 'absolute';\n      if (!level) {\n        element.style.zIndex = 'auto';\n        return;\n      }\n      element.style.zIndex = String(StackingConfig.startIndex + level);\n    });\n  }\n\n  private get nodes(): WorkflowNodeEntity[] {\n    return this.entityManager.getEntities<WorkflowNodeEntity>(WorkflowNodeEntity);\n  }\n\n  private get lines(): WorkflowLineEntity[] {\n    return this.entityManager.getEntities<WorkflowLineEntity>(WorkflowLineEntity);\n  }\n\n  private get context(): StackingContext {\n    return {\n      hoveredEntity: this.hoverService.hoveredNode,\n      hoveredEntityID: this.hoverService.hoveredNode?.id,\n      selectedEntities: this.selectService.selection,\n      selectedIDs: this.selectService.selection.map((entity) => entity.id),\n    };\n  }\n\n  private mountListener(): void {\n    const entityChangeDisposer = this.onEntityChange();\n    const zoomDisposer = this.onZoom();\n    const hoverDisposer = this.onHover();\n    const selectDisposer = this.onSelect();\n    this.disposers = [entityChangeDisposer, zoomDisposer, hoverDisposer, selectDisposer];\n  }\n\n  private onZoom(): Disposable {\n    return this.pipelineRegistry.onZoom((scale: number) => {\n      this.node.style.transform = `scale(${scale})`;\n    });\n  }\n\n  private onHover(): Disposable {\n    return this.hoverService.onHoveredChange(() => {\n      this.compute();\n    });\n  }\n\n  private onEntityChange(): Disposable {\n    return this.entityManager.onEntityChange(() => {\n      this.compute();\n    });\n  }\n\n  private onSelect(): Disposable {\n    return this.selectService.onSelectionChanged(() => {\n      this.compute();\n    });\n  }\n}\n","import { FlowNodeBaseType } from '@flowgram.ai/document';\nimport { WorkflowNodeEntity, WorkflowNodeLinesData } from '@flowgram.ai/free-layout-core';\n\nimport type { StackingContext } from './type';\n\nexport class StackingComputing {\n  private currentLevel: number;\n\n  private topLevel: number;\n\n  private maxLevel: number;\n\n  private nodeIndexes: Map<string, number>;\n\n  private nodeLevel: Map<string, number>;\n\n  private lineLevel: Map<string, number>;\n\n  private context: StackingContext;\n\n  public compute(params: {\n    root: WorkflowNodeEntity;\n    nodes: WorkflowNodeEntity[];\n    context: StackingContext;\n  }): {\n    /** 节点层级 */\n    nodeLevel: Map<string, number>;\n    /** 线条层级 */\n    lineLevel: Map<string, number>;\n    /** 正常渲染的最高层级 */\n    topLevel: number;\n    /** 选中计算叠加后可能计算出的最高层级 */\n    maxLevel: number;\n  } {\n    this.clearCache();\n    const { root, nodes, context } = params;\n    this.context = context;\n    this.nodeIndexes = this.computeNodeIndexesMap(nodes);\n    this.topLevel = this.computeTopLevel(nodes);\n    this.maxLevel = this.topLevel * 2;\n    this.layerHandler(root.collapsedChildren);\n    return {\n      nodeLevel: this.nodeLevel,\n      lineLevel: this.lineLevel,\n      topLevel: this.topLevel,\n      maxLevel: this.maxLevel,\n    };\n  }\n\n  private clearCache(): void {\n    this.currentLevel = 0;\n    this.topLevel = 0;\n    this.maxLevel = 0;\n    this.nodeIndexes = new Map();\n    this.nodeLevel = new Map();\n    this.lineLevel = new Map();\n  }\n\n  private computeNodeIndexesMap(nodes: WorkflowNodeEntity[]): Map<string, number> {\n    const nodeIndexMap = new Map<string, number>();\n    nodes.forEach((node, index) => {\n      nodeIndexMap.set(node.id, index);\n    });\n    return nodeIndexMap;\n  }\n\n  private computeTopLevel(nodes: WorkflowNodeEntity[]): number {\n    const nodesWithoutRoot = nodes.filter(node => node.id !== FlowNodeBaseType.ROOT);\n    const nodeHasChildren = nodesWithoutRoot.reduce((count, node) => {\n      if (node.collapsedChildren.length > 0) {\n        return count + 1;\n      } else {\n        return count;\n      }\n    }, 0);\n    // 最高层数 = 节点个数 + 容器节点个数（线条单独占一层） + 抬高一层\n    return nodesWithoutRoot.length + nodeHasChildren + 1;\n  }\n\n  private layerHandler(nodes: WorkflowNodeEntity[], pinTop: boolean = false): void {\n    const sortedNodes = nodes.sort((a, b) => {\n      const aIndex = this.nodeIndexes.get(a.id);\n      const bIndex = this.nodeIndexes.get(b.id);\n      if (aIndex === undefined || bIndex === undefined) {\n        return 0;\n      }\n      return aIndex - bIndex;\n    });\n\n    const lines = nodes\n      .map(node => {\n        const linesData = node.getData<WorkflowNodeLinesData>(WorkflowNodeLinesData);\n        const outputLines = linesData.outputLines.filter(Boolean);\n        const inputLines = linesData.inputLines.filter(Boolean);\n        // 前后线条会有重复，下面 Map 会通过线条 ID 过滤掉\n        return [...outputLines, ...inputLines];\n      })\n      .flat();\n\n    // 线条统一设为当前层级最低\n    lines.forEach(line => {\n      if (\n        line.isDrawing || // 正在绘制\n        this.context.hoveredEntityID === line.id || // hover\n        this.context.selectedIDs.includes(line.id) // 选中\n      ) {\n        // 线条置顶条件：正在绘制 / hover / 选中\n        this.lineLevel.set(line.id, this.maxLevel);\n      } else {\n        this.lineLevel.set(line.id, this.getLevel(pinTop));\n      }\n    });\n    this.levelIncrease();\n    sortedNodes.forEach(node => {\n      const selected = this.context.selectedIDs.includes(node.id);\n      if (selected) {\n        // 节点置顶条件：选中\n        this.nodeLevel.set(node.id, this.topLevel);\n      } else {\n        this.nodeLevel.set(node.id, this.getLevel(pinTop));\n      }\n      // 节点层级逐层增高\n      this.levelIncrease();\n      if (node.collapsedChildren.length > 0) {\n        // 子节点层级需低于后续兄弟节点，因此需要先进行计算\n        this.layerHandler(node.collapsedChildren, pinTop || selected);\n      }\n    });\n  }\n\n  private getLevel(pinTop: boolean): number {\n    if (pinTop) {\n      return this.topLevel + this.currentLevel;\n    }\n    return this.currentLevel;\n  }\n\n  private levelIncrease(): void {\n    this.currentLevel += 1;\n  }\n}\n","import { FlowNodeRenderData } from '@flowgram.ai/document';\nimport type { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport type { WorkflowLineEntity } from '@flowgram.ai/free-layout-core';\n\nimport type { StackingContext } from './type';\nimport { StackingBaseIndex, StackingConfig, StackingType } from './constant';\n\nnamespace NodeComputing {\n  export const compute = (node: WorkflowNodeEntity, context: StackingContext): void => {\n    const zIndex = nodeZIndex(node, context);\n    const element = nodeElement(node);\n    element.style.position = 'absolute';\n    element.style.zIndex = zIndexStringify(zIndex);\n  };\n\n  export const stackingIndex = (stackingType: StackingType, level: number): number | undefined => {\n    if (level < 1) {\n      // root节点\n      return undefined;\n    }\n    const baseZIndex = StackingBaseIndex[stackingType];\n    const zIndex =\n      StackingConfig.startIndex + StackingConfig.levelIndexStep * (level - 1) + baseZIndex;\n    return zIndex;\n  };\n\n  export const nodeStackingLevel = (\n    node: WorkflowNodeEntity,\n    context: StackingContext,\n    disableTopLevel = false,\n  ): number => {\n    // TODO 后续支持多层级时这个计算逻辑应该去掉，level信息应该直接由 FlowNodeEntity 缓存给出\n    // 多层时这里的计算会有 O(logN) 时间复杂度，并且在多层级联同计算时会有BUG，本次需求不处理这种情况\n    const unReversedLinage: WorkflowNodeEntity[] = [];\n    let currentNode: WorkflowNodeEntity | undefined = node;\n    while (currentNode) {\n      unReversedLinage.push(currentNode);\n      currentNode = currentNode.parent;\n    }\n    const linage = unReversedLinage.reverse();\n    const nodeLevel = linage.length - 1;\n\n    const topLevelIndex = linage.findIndex((node: WorkflowNodeEntity) => {\n      if (context.selectedIDs.includes(node.id)) {\n        // 存在被选中的父级或自身被选中，直接置顶\n        return true;\n      }\n      return false;\n    });\n    const topLevel = StackingConfig.allowLevel + (linage.length - topLevelIndex);\n\n    if (!disableTopLevel && topLevelIndex !== -1) {\n      // 置顶\n      return topLevel;\n    }\n\n    return nodeLevel;\n  };\n\n  export const zIndexStringify = (zIndex?: number): string => {\n    if (zIndex === undefined) {\n      return 'auto';\n    }\n    return zIndex.toString();\n  };\n\n  const nodeZIndex = (node: WorkflowNodeEntity, context: StackingContext): number | undefined => {\n    const level = nodeStackingLevel(node, context);\n    const zIndex = stackingIndex(StackingType.Node, level);\n    return zIndex;\n  };\n\n  const nodeElement = (node: WorkflowNodeEntity): HTMLDivElement => {\n    const nodeRenderData = node.getData<FlowNodeRenderData>(FlowNodeRenderData);\n    return nodeRenderData.node;\n  };\n}\n\nnamespace LineComputing {\n  export const compute = (line: WorkflowLineEntity, context: StackingContext): void => {\n    const zIndex = lineZIndex(line, context);\n    const element = line.node;\n    element.style.position = 'absolute';\n    element.style.zIndex = NodeComputing.zIndexStringify(zIndex);\n  };\n\n  const lineStackingLevel = (line: WorkflowLineEntity, context: StackingContext): number => {\n    if (\n      line.isDrawing || // 正在绘制\n      context.hoveredEntityID === line.id || // hover\n      context.selectedIDs.includes(line.id) // 选中\n    ) {\n      // 线条置顶条件：正在绘制 / hover / 选中\n      return StackingConfig.maxLevel + 1;\n    }\n    const fromLevel = NodeComputing.nodeStackingLevel(line.from, context, true);\n    if (!line.to) {\n      // 还处于连线中\n      return fromLevel;\n    }\n    const toLevel = NodeComputing.nodeStackingLevel(line.to, context, true);\n    const level = Math.min(fromLevel, toLevel);\n    return level;\n  };\n\n  const lineZIndex = (line: WorkflowLineEntity, context: StackingContext): number | undefined => {\n    const level = lineStackingLevel(line, context);\n    const zIndex = NodeComputing.stackingIndex(StackingType.Line, level);\n    return zIndex;\n  };\n}\n\nexport const layersComputing = (params: {\n  nodes: WorkflowNodeEntity[];\n  lines: WorkflowLineEntity[];\n  context: StackingContext;\n}) => {\n  const { nodes, lines, context } = params;\n  nodes.forEach(node => {\n    NodeComputing.compute(node, context);\n  });\n  lines.forEach(line => {\n    LineComputing.compute(line, context);\n  });\n};\n","export enum StackingItem {\n  Line = 'line',\n  Node = 'node',\n}\n\nexport enum StackingType {\n  Line = StackingItem.Line,\n  Node = StackingItem.Node,\n}\n\nexport const StackingBaseIndex: Record<StackingType, number> = {\n  [StackingType.Line]: 0,\n  [StackingType.Node]: 1,\n};\n\n// 常量\nconst startIndex = 8;\nconst allowLevel = 2;\n\n// 计算值\nconst levelIndexStep = Object.keys(StackingType).length;\nconst maxLevel = allowLevel * 2;\nconst maxIndex = startIndex + maxLevel * levelIndexStep;\n\nexport const StackingConfig = {\n  /** index 起始值 */\n  startIndex,\n  /** 允许存在的层级 */\n  allowLevel,\n  /** 每层 index 跨度 */\n  levelIndexStep,\n  /** 叠加计算后出现的最深层级 */\n  maxLevel,\n  /** 最大 index */\n  maxIndex,\n};\n\nexport enum StackingComputeMode {\n  /** 层叠计算模式 */\n  Stacking = 'stacking',\n  /** 层级计算模式 */\n  Layers = 'layers',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,eAAoC;;;ACApC,oBAAyB;AACzB,uBAAmC;AACnC,mBAAyB;AAEzB,IAAAC,2BAIO;AACP,IAAAA,2BAAmC;AACnC,IAAAA,2BAAiC;AACjC,IAAAC,mBAAmC;AACnC,kBAAkE;;;ACZlE,sBAAiC;AACjC,8BAA0D;AAInD,IAAM,oBAAN,MAAwB;AAAA,EAetB,QAAQ,QAab;AACA,SAAK,WAAW;AAChB,UAAM,EAAE,MAAM,OAAO,QAAQ,IAAI;AACjC,SAAK,UAAU;AACf,SAAK,cAAc,KAAK,sBAAsB,KAAK;AACnD,SAAK,WAAW,KAAK,gBAAgB,KAAK;AAC1C,SAAK,WAAW,KAAK,WAAW;AAChC,SAAK,aAAa,KAAK,iBAAiB;AACxC,WAAO;AAAA,MACL,WAAW,KAAK;AAAA,MAChB,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,MACf,UAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAAA,EAEQ,aAAmB;AACzB,SAAK,eAAe;AACpB,SAAK,WAAW;AAChB,SAAK,WAAW;AAChB,SAAK,cAAc,oBAAI,IAAI;AAC3B,SAAK,YAAY,oBAAI,IAAI;AACzB,SAAK,YAAY,oBAAI,IAAI;AAAA,EAC3B;AAAA,EAEQ,sBAAsB,OAAkD;AAC9E,UAAM,eAAe,oBAAI,IAAoB;AAC7C,UAAM,QAAQ,CAAC,MAAM,UAAU;AAC7B,mBAAa,IAAI,KAAK,IAAI,KAAK;AAAA,IACjC,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEQ,gBAAgB,OAAqC;AAC3D,UAAM,mBAAmB,MAAM,OAAO,UAAQ,KAAK,OAAO,iCAAiB,IAAI;AAC/E,UAAM,kBAAkB,iBAAiB,OAAO,CAAC,OAAO,SAAS;AAC/D,UAAI,KAAK,kBAAkB,SAAS,GAAG;AACrC,eAAO,QAAQ;AAAA,MACjB,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF,GAAG,CAAC;AAEJ,WAAO,iBAAiB,SAAS,kBAAkB;AAAA,EACrD;AAAA,EAEQ,aAAa,OAA6B,SAAkB,OAAa;AAC/E,UAAM,cAAc,MAAM,KAAK,CAAC,GAAG,MAAM;AACvC,YAAM,SAAS,KAAK,YAAY,IAAI,EAAE,EAAE;AACxC,YAAM,SAAS,KAAK,YAAY,IAAI,EAAE,EAAE;AACxC,UAAI,WAAW,UAAa,WAAW,QAAW;AAChD,eAAO;AAAA,MACT;AACA,aAAO,SAAS;AAAA,IAClB,CAAC;AAED,UAAM,QAAQ,MACX,IAAI,UAAQ;AACX,YAAM,YAAY,KAAK,QAA+B,6CAAqB;AAC3E,YAAM,cAAc,UAAU,YAAY,OAAO,OAAO;AACxD,YAAM,aAAa,UAAU,WAAW,OAAO,OAAO;AAEtD,aAAO,CAAC,GAAG,aAAa,GAAG,UAAU;AAAA,IACvC,CAAC,EACA,KAAK;AAGR,UAAM,QAAQ,UAAQ;AACpB,UACE,KAAK;AAAA,MACL,KAAK,QAAQ,oBAAoB,KAAK;AAAA,MACtC,KAAK,QAAQ,YAAY,SAAS,KAAK,EAAE,GACzC;AAEA,aAAK,UAAU,IAAI,KAAK,IAAI,KAAK,QAAQ;AAAA,MAC3C,OAAO;AACL,aAAK,UAAU,IAAI,KAAK,IAAI,KAAK,SAAS,MAAM,CAAC;AAAA,MACnD;AAAA,IACF,CAAC;AACD,SAAK,cAAc;AACnB,gBAAY,QAAQ,UAAQ;AAC1B,YAAM,WAAW,KAAK,QAAQ,YAAY,SAAS,KAAK,EAAE;AAC1D,UAAI,UAAU;AAEZ,aAAK,UAAU,IAAI,KAAK,IAAI,KAAK,QAAQ;AAAA,MAC3C,OAAO;AACL,aAAK,UAAU,IAAI,KAAK,IAAI,KAAK,SAAS,MAAM,CAAC;AAAA,MACnD;AAEA,WAAK,cAAc;AACnB,UAAI,KAAK,kBAAkB,SAAS,GAAG;AAErC,aAAK,aAAa,KAAK,mBAAmB,UAAU,QAAQ;AAAA,MAC9D;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,SAAS,QAAyB;AACxC,QAAI,QAAQ;AACV,aAAO,KAAK,WAAW,KAAK;AAAA,IAC9B;AACA,WAAO,KAAK;AAAA,EACd;AAAA,EAEQ,gBAAsB;AAC5B,SAAK,gBAAgB;AAAA,EACvB;AACF;;;AC5IA,IAAAC,mBAAmC;;;ACA5B,IAAK,eAAL,kBAAKC,kBAAL;AACL,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,UAAO;AAFG,SAAAA;AAAA,GAAA;AAKL,IAAK,eAAL,kBAAKC,kBAAL;AACL,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,UAAO;AAFG,SAAAA;AAAA,GAAA;AAKL,IAAM,oBAAkD;AAAA,EAC7D,CAAC,iBAAiB,GAAG;AAAA,EACrB,CAAC,iBAAiB,GAAG;AACvB;AAGA,IAAM,aAAa;AACnB,IAAM,aAAa;AAGnB,IAAM,iBAAiB,OAAO,KAAK,YAAY,EAAE;AACjD,IAAM,WAAW,aAAa;AAC9B,IAAM,WAAW,aAAa,WAAW;AAElC,IAAM,iBAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AACF;AAEO,IAAK,sBAAL,kBAAKC,yBAAL;AAEL,EAAAA,qBAAA,cAAW;AAEX,EAAAA,qBAAA,YAAS;AAJC,SAAAA;AAAA,GAAA;;;AD9BZ,IAAU;AAAA,CAAV,CAAUC,mBAAV;AACS,EAAMA,eAAA,UAAU,CAAC,MAA0B,YAAmC;AACnF,UAAM,SAAS,WAAW,MAAM,OAAO;AACvC,UAAM,UAAU,YAAY,IAAI;AAChC,YAAQ,MAAM,WAAW;AACzB,YAAQ,MAAM,aAASA,eAAA,iBAAgB,MAAM;AAAA,EAC/C;AAEO,EAAMA,eAAA,gBAAgB,CAAC,cAA4B,UAAsC;AAC9F,QAAI,QAAQ,GAAG;AAEb,aAAO;AAAA,IACT;AACA,UAAM,aAAa,kBAAkB,YAAY;AACjD,UAAM,SACJ,eAAe,aAAa,eAAe,kBAAkB,QAAQ,KAAK;AAC5E,WAAO;AAAA,EACT;AAEO,EAAMA,eAAA,oBAAoB,CAC/B,MACA,SACA,kBAAkB,UACP;AAGX,UAAM,mBAAyC,CAAC;AAChD,QAAI,cAA8C;AAClD,WAAO,aAAa;AAClB,uBAAiB,KAAK,WAAW;AACjC,oBAAc,YAAY;AAAA,IAC5B;AACA,UAAM,SAAS,iBAAiB,QAAQ;AACxC,UAAM,YAAY,OAAO,SAAS;AAElC,UAAM,gBAAgB,OAAO,UAAU,CAACC,UAA6B;AACnE,UAAI,QAAQ,YAAY,SAASA,MAAK,EAAE,GAAG;AAEzC,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AACD,UAAM,WAAW,eAAe,cAAc,OAAO,SAAS;AAE9D,QAAI,CAAC,mBAAmB,kBAAkB,IAAI;AAE5C,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AAEO,EAAMD,eAAA,kBAAkB,CAAC,WAA4B;AAC1D,QAAI,WAAW,QAAW;AACxB,aAAO;AAAA,IACT;AACA,WAAO,OAAO,SAAS;AAAA,EACzB;AAEA,QAAM,aAAa,CAAC,MAA0B,YAAiD;AAC7F,UAAM,YAAQA,eAAA,mBAAkB,MAAM,OAAO;AAC7C,UAAM,aAASA,eAAA,kCAAiC,KAAK;AACrD,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,CAAC,SAA6C;AAChE,UAAM,iBAAiB,KAAK,QAA4B,mCAAkB;AAC1E,WAAO,eAAe;AAAA,EACxB;AAAA,GApEQ;AAuEV,IAAU;AAAA,CAAV,CAAUE,mBAAV;AACS,EAAMA,eAAA,UAAU,CAAC,MAA0B,YAAmC;AACnF,UAAM,SAAS,WAAW,MAAM,OAAO;AACvC,UAAM,UAAU,KAAK;AACrB,YAAQ,MAAM,WAAW;AACzB,YAAQ,MAAM,SAAS,cAAc,gBAAgB,MAAM;AAAA,EAC7D;AAEA,QAAM,oBAAoB,CAAC,MAA0B,YAAqC;AACxF,QACE,KAAK;AAAA,IACL,QAAQ,oBAAoB,KAAK;AAAA,IACjC,QAAQ,YAAY,SAAS,KAAK,EAAE,GACpC;AAEA,aAAO,eAAe,WAAW;AAAA,IACnC;AACA,UAAM,YAAY,cAAc,kBAAkB,KAAK,MAAM,SAAS,IAAI;AAC1E,QAAI,CAAC,KAAK,IAAI;AAEZ,aAAO;AAAA,IACT;AACA,UAAM,UAAU,cAAc,kBAAkB,KAAK,IAAI,SAAS,IAAI;AACtE,UAAM,QAAQ,KAAK,IAAI,WAAW,OAAO;AACzC,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,CAAC,MAA0B,YAAiD;AAC7F,UAAM,QAAQ,kBAAkB,MAAM,OAAO;AAC7C,UAAM,SAAS,cAAc,iCAAiC,KAAK;AACnE,WAAO;AAAA,EACT;AAAA,GA/BQ;AAkCH,IAAM,kBAAkB,CAAC,WAI1B;AACJ,QAAM,EAAE,OAAO,OAAO,QAAQ,IAAI;AAClC,QAAM,QAAQ,UAAQ;AACpB,kBAAc,QAAQ,MAAM,OAAO;AAAA,EACrC,CAAC;AACD,QAAM,QAAQ,UAAQ;AACpB,kBAAc,QAAQ,MAAM,OAAO;AAAA,EACrC,CAAC;AACH;;;AFxGO,IAAM,yBAAN,MAA6B;AAAA,EAyBlC,cAAc;AARd,SAAgB,OAAO,sBAAS;AAAA,MAC9B;AAAA,IACF;AAEA,SAAQ,YAA0B,CAAC;AAEnC,SAAQ;AAsBR;AAAA;AAAA;AAAA;AAAA,SAAQ,cAAU,wBAAS,KAAK,UAAU,EAAE;AAAA,EApB7B;AAAA,EAER,KAAK,MAAkC;AAC5C,QAAI,KAAM,MAAK,OAAO;AACtB,SAAK,iBAAiB,KAAK,YAAY,KAAK,IAAI;AAChD,SAAK,cAAc;AAAA,EACrB;AAAA,EAEO,QAAc;AACnB,SAAK,QAAQ;AAAA,EACf;AAAA,EAEO,UAAgB;AACrB,SAAK,UAAU,QAAQ,CAAC,aAAa,SAAS,QAAQ,CAAC;AAAA,EACzD;AAAA,EAQQ,WAAiB;AACvB,QAAI,KAAK,oCAAuC;AAC9C,aAAO,KAAK,gBAAgB;AAAA,IAC9B,OAAO;AACL,aAAO,gBAAgB;AAAA,QACrB,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,QACZ,SAAS,KAAK;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEQ,kBAAwB;AAC9B,UAAM,UAAU,KAAK;AACrB,UAAM,oBAAoB,IAAI,kBAAkB;AAChD,UAAM,EAAE,WAAW,UAAU,IAAI,kBAAkB,QAAQ;AAAA,MACzD,MAAM,KAAK,SAAS;AAAA,MACpB,OAAO,KAAK;AAAA,MACZ;AAAA,IACF,CAAC;AACD,SAAK,MAAM,QAAQ,CAAC,SAAS;AAC3B,YAAM,QAAQ,UAAU,IAAI,KAAK,EAAE;AACnC,YAAM,iBAAiB,KAAK,QAA4B,mCAAkB;AAC1E,YAAM,UAAU,eAAe;AAC/B,cAAQ,MAAM,WAAW;AACzB,UAAI,CAAC,OAAO;AACV,gBAAQ,MAAM,SAAS;AACvB,uBAAe,aAAa;AAC5B;AAAA,MACF;AACA,YAAM,aAAa,eAAe,aAAa;AAC/C,cAAQ,MAAM,SAAS,OAAO,UAAU;AACxC,qBAAe,aAAa;AAAA,IAC9B,CAAC;AACD,SAAK,MAAM,QAAQ,CAAC,SAAS;AAC3B,YAAM,QAAQ,UAAU,IAAI,KAAK,EAAE;AACnC,YAAM,UAAU,KAAK;AACrB,cAAQ,MAAM,WAAW;AACzB,UAAI,CAAC,OAAO;AACV,gBAAQ,MAAM,SAAS;AACvB;AAAA,MACF;AACA,cAAQ,MAAM,SAAS,OAAO,eAAe,aAAa,KAAK;AAAA,IACjE,CAAC;AAAA,EACH;AAAA,EAEA,IAAY,QAA8B;AACxC,WAAO,KAAK,cAAc,YAAgC,2CAAkB;AAAA,EAC9E;AAAA,EAEA,IAAY,QAA8B;AACxC,WAAO,KAAK,cAAc,YAAgC,2CAAkB;AAAA,EAC9E;AAAA,EAEA,IAAY,UAA2B;AACrC,WAAO;AAAA,MACL,eAAe,KAAK,aAAa;AAAA,MACjC,iBAAiB,KAAK,aAAa,aAAa;AAAA,MAChD,kBAAkB,KAAK,cAAc;AAAA,MACrC,aAAa,KAAK,cAAc,UAAU,IAAI,CAAC,WAAW,OAAO,EAAE;AAAA,IACrE;AAAA,EACF;AAAA,EAEQ,gBAAsB;AAC5B,UAAM,uBAAuB,KAAK,eAAe;AACjD,UAAM,eAAe,KAAK,OAAO;AACjC,UAAM,gBAAgB,KAAK,QAAQ;AACnC,UAAM,iBAAiB,KAAK,SAAS;AACrC,SAAK,YAAY,CAAC,sBAAsB,cAAc,eAAe,cAAc;AAAA,EACrF;AAAA,EAEQ,SAAqB;AAC3B,WAAO,KAAK,iBAAiB,OAAO,CAAC,UAAkB;AACrD,WAAK,KAAK,MAAM,YAAY,SAAS,KAAK;AAAA,IAC5C,CAAC;AAAA,EACH;AAAA,EAEQ,UAAsB;AAC5B,WAAO,KAAK,aAAa,gBAAgB,MAAM;AAC7C,WAAK,QAAQ;AAAA,IACf,CAAC;AAAA,EACH;AAAA,EAEQ,iBAA6B;AACnC,WAAO,KAAK,cAAc,eAAe,MAAM;AAC7C,WAAK,QAAQ;AAAA,IACf,CAAC;AAAA,EACH;AAAA,EAEQ,WAAuB;AAC7B,WAAO,KAAK,cAAc,mBAAmB,MAAM;AACjD,WAAK,QAAQ;AAAA,IACf,CAAC;AAAA,EACH;AACF;AA5I6C;AAAA,MAA1C,yBAAO,yCAAgB;AAAA,GADb,uBACgC;AAEH;AAAA,MAAvC,yBAAO,yBAAa;AAAA,GAHV,uBAG6B;AAGvB;AAAA,MADhB,yBAAO,4BAAgB;AAAA,GALb,uBAMM;AAGA;AAAA,MADhB,yBAAO,4BAAgB;AAAA,GARb,uBASM;AAGA;AAAA,MADhB,yBAAO,6CAAoB;AAAA,GAXjB,uBAYM;AAGA;AAAA,MADhB,yBAAO,8CAAqB;AAAA,GAdlB,uBAeM;AAfN,yBAAN;AAAA,MADN,6BAAW;AAAA,GACC;;;ADfN,IAAM,4BAAwB,kCAElC;AAAA,EACD,OAAO,EAAE,KAAK,GAAG;AACf,SAAK,sBAAsB,EAAE,OAAO,EAAE,iBAAiB;AAAA,EACzD;AAAA,EACA,OAAO,KAAK,MAAM;AAChB,UAAM,yBAAyB,IAAI,IAA4B,sBAAsB;AACrF,2BAAuB,KAAK,MAAM,IAAI;AAAA,EACxC;AAAA,EACA,QAAQ,KAAK;AACX,UAAM,yBAAyB,IAAI,IAA4B,sBAAsB;AACrF,2BAAuB,MAAM;AAAA,EAC/B;AAAA,EACA,UAAU,KAAK;AACb,UAAM,yBAAyB,IAAI,IAA4B,sBAAsB;AACrF,2BAAuB,QAAQ;AAAA,EACjC;AACF,CAAC;","names":["import_core","import_free_layout_core","import_document","import_document","StackingItem","StackingType","StackingComputeMode","NodeComputing","node","LineComputing"]}
+{"version":3,"sources":["../src/index.ts","../src/create-free-stack-plugin.ts","../src/manager.ts","../src/stacking-computing.ts","../src/constant.ts","../src/layers-computing.ts"],"sourcesContent":["export * from './create-free-stack-plugin';\nexport * from './manager';\nexport * from './constant';\nexport * from './layers-computing';\nexport * from './stacking-computing';\nexport * from './type';\n","import { definePluginCreator } from '@flowgram.ai/core';\n\nimport { StackingContextManager } from './manager';\n\nexport const createFreeStackPlugin = definePluginCreator({\n  onBind({ bind }) {\n    bind(StackingContextManager).toSelf().inSingletonScope();\n  },\n  onInit(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.init();\n  },\n  onReady(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.ready();\n  },\n  onDispose(ctx) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.dispose();\n  },\n});\n","import { debounce } from 'lodash';\nimport { inject, injectable } from 'inversify';\nimport { domUtils } from '@flowgram.ai/utils';\nimport { Disposable } from '@flowgram.ai/utils';\nimport {\n  WorkflowHoverService,\n  WorkflowNodeEntity,\n  WorkflowSelectService,\n} from '@flowgram.ai/free-layout-core';\nimport { WorkflowLineEntity } from '@flowgram.ai/free-layout-core';\nimport { WorkflowDocument } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeRenderData } from '@flowgram.ai/document';\nimport { EntityManager, PipelineRegistry, PipelineRenderer } from '@flowgram.ai/core';\n\nimport type { StackingContext } from './type';\nimport { StackingComputing } from './stacking-computing';\nimport { StackingConfig } from './constant';\n\n@injectable()\nexport class StackingContextManager {\n  @inject(WorkflowDocument) private readonly document: WorkflowDocument;\n\n  @inject(EntityManager) private readonly entityManager: EntityManager;\n\n  @inject(PipelineRenderer)\n  private readonly pipelineRenderer: PipelineRenderer;\n\n  @inject(PipelineRegistry)\n  private readonly pipelineRegistry: PipelineRegistry;\n\n  @inject(WorkflowHoverService)\n  private readonly hoverService: WorkflowHoverService;\n\n  @inject(WorkflowSelectService)\n  private readonly selectService: WorkflowSelectService;\n\n  public readonly node = domUtils.createDivWithClass(\n    'gedit-playground-layer gedit-flow-render-layer'\n  );\n\n  private disposers: Disposable[] = [];\n\n  constructor() {}\n\n  public init(): void {\n    this.pipelineRenderer.node.appendChild(this.node);\n    this.mountListener();\n  }\n\n  public ready(): void {\n    this.compute();\n  }\n\n  public dispose(): void {\n    this.disposers.forEach((disposer) => disposer.dispose());\n  }\n\n  /**\n   * 触发计算\n   * 10ms内仅计算一次\n   */\n  private compute = debounce(this._compute, 10);\n\n  private _compute(): void {\n    const context = this.context;\n    const stackingComputing = new StackingComputing();\n    const { nodeLevel, lineLevel } = stackingComputing.compute({\n      root: this.document.root,\n      nodes: this.nodes,\n      context,\n    });\n    this.nodes.forEach((node) => {\n      const level = nodeLevel.get(node.id);\n      const nodeRenderData = node.getData<FlowNodeRenderData>(FlowNodeRenderData);\n      const element = nodeRenderData.node;\n      element.style.position = 'absolute';\n      if (level === undefined) {\n        element.style.zIndex = 'auto';\n        nodeRenderData.stackIndex = 0;\n        return;\n      }\n      const stackIndex = StackingConfig.startIndex + level;\n      element.style.zIndex = String(stackIndex);\n      nodeRenderData.stackIndex = stackIndex;\n    });\n    this.lines.forEach((line) => {\n      const level = lineLevel.get(line.id);\n      const element = line.node;\n      element.style.position = 'absolute';\n      if (level === undefined) {\n        element.style.zIndex = 'auto';\n        return;\n      }\n      element.style.zIndex = String(StackingConfig.startIndex + level);\n    });\n  }\n\n  private get nodes(): WorkflowNodeEntity[] {\n    return this.entityManager.getEntities<WorkflowNodeEntity>(WorkflowNodeEntity);\n  }\n\n  private get lines(): WorkflowLineEntity[] {\n    return this.entityManager.getEntities<WorkflowLineEntity>(WorkflowLineEntity);\n  }\n\n  private get context(): StackingContext {\n    return {\n      hoveredEntity: this.hoverService.hoveredNode,\n      hoveredEntityID: this.hoverService.hoveredNode?.id,\n      selectedEntities: this.selectService.selection,\n      selectedIDs: this.selectService.selection.map((entity) => entity.id),\n    };\n  }\n\n  private mountListener(): void {\n    const entityChangeDisposer = this.onEntityChange();\n    const zoomDisposer = this.onZoom();\n    const hoverDisposer = this.onHover();\n    const selectDisposer = this.onSelect();\n    this.disposers = [entityChangeDisposer, zoomDisposer, hoverDisposer, selectDisposer];\n  }\n\n  private onZoom(): Disposable {\n    return this.pipelineRegistry.onZoom((scale: number) => {\n      this.node.style.transform = `scale(${scale})`;\n    });\n  }\n\n  private onHover(): Disposable {\n    return this.hoverService.onHoveredChange(() => {\n      this.compute();\n    });\n  }\n\n  private onEntityChange(): Disposable {\n    return this.entityManager.onEntityChange(() => {\n      this.compute();\n    });\n  }\n\n  private onSelect(): Disposable {\n    return this.selectService.onSelectionChanged(() => {\n      this.compute();\n    });\n  }\n}\n","import {\n  WorkflowLineEntity,\n  WorkflowNodeEntity,\n  WorkflowNodeLinesData,\n} from '@flowgram.ai/free-layout-core';\nimport { FlowNodeBaseType } from '@flowgram.ai/document';\n\nimport type { StackingContext } from './type';\n\nexport class StackingComputing {\n  private currentLevel: number;\n\n  private topLevel: number;\n\n  private maxLevel: number;\n\n  private nodeIndexes: Map<string, number>;\n\n  private nodeLevel: Map<string, number>;\n\n  private lineLevel: Map<string, number>;\n\n  private context: StackingContext;\n\n  public compute(params: {\n    root: WorkflowNodeEntity;\n    nodes: WorkflowNodeEntity[];\n    context: StackingContext;\n  }): {\n    /** 节点层级 */\n    nodeLevel: Map<string, number>;\n    /** 线条层级 */\n    lineLevel: Map<string, number>;\n    /** 正常渲染的最高层级 */\n    topLevel: number;\n    /** 选中计算叠加后可能计算出的最高层级 */\n    maxLevel: number;\n  } {\n    this.clearCache();\n    const { root, nodes, context } = params;\n    this.context = context;\n    this.nodeIndexes = this.computeNodeIndexesMap(nodes);\n    this.topLevel = this.computeTopLevel(nodes);\n    this.maxLevel = this.topLevel * 2;\n    this.layerHandler(root.blocks);\n    return {\n      nodeLevel: this.nodeLevel,\n      lineLevel: this.lineLevel,\n      topLevel: this.topLevel,\n      maxLevel: this.maxLevel,\n    };\n  }\n\n  private clearCache(): void {\n    this.currentLevel = 0;\n    this.topLevel = 0;\n    this.maxLevel = 0;\n    this.nodeIndexes = new Map();\n    this.nodeLevel = new Map();\n    this.lineLevel = new Map();\n  }\n\n  private computeNodeIndexesMap(nodes: WorkflowNodeEntity[]): Map<string, number> {\n    const nodeIndexMap = new Map<string, number>();\n    nodes.forEach((node, index) => {\n      nodeIndexMap.set(node.id, index);\n    });\n    return nodeIndexMap;\n  }\n\n  private computeTopLevel(nodes: WorkflowNodeEntity[]): number {\n    const nodesWithoutRoot = nodes.filter((node) => node.id !== FlowNodeBaseType.ROOT);\n    const nodeHasChildren = nodesWithoutRoot.reduce((count, node) => {\n      if (node.blocks.length > 0) {\n        return count + 1;\n      } else {\n        return count;\n      }\n    }, 0);\n    // 最高层数 = 节点个数 + 容器节点个数（线条单独占一层） + 抬高一层\n    return nodesWithoutRoot.length + nodeHasChildren + 1;\n  }\n\n  private layerHandler(layerNodes: WorkflowNodeEntity[], pinTop: boolean = false): void {\n    const nodes = this.sortNodes(layerNodes);\n    const lines = this.getNodesAllLines(nodes);\n\n    // 线条统一设为当前层级最低\n    lines.forEach((line) => {\n      if (\n        line.isDrawing || // 正在绘制\n        this.context.hoveredEntityID === line.id || // hover\n        this.context.selectedIDs.includes(line.id) // 选中\n      ) {\n        // 线条置顶条件：正在绘制 / hover / 选中\n        this.lineLevel.set(line.id, this.maxLevel);\n      } else {\n        this.lineLevel.set(line.id, this.getLevel(pinTop));\n      }\n    });\n    this.levelIncrease();\n    nodes.forEach((node) => {\n      const selected = this.context.selectedIDs.includes(node.id);\n      if (selected) {\n        // 节点置顶条件：选中\n        this.nodeLevel.set(node.id, this.topLevel);\n      } else {\n        this.nodeLevel.set(node.id, this.getLevel(pinTop));\n      }\n      // 节点层级逐层增高\n      this.levelIncrease();\n      if (node.blocks.length > 0) {\n        // 子节点层级需低于后续兄弟节点，因此需要先进行计算\n        this.layerHandler(node.blocks, pinTop || selected);\n      }\n    });\n  }\n\n  private sortNodes(nodes: WorkflowNodeEntity[]): WorkflowNodeEntity[] {\n    return nodes.sort((a, b) => {\n      const aIndex = this.nodeIndexes.get(a.id);\n      const bIndex = this.nodeIndexes.get(b.id);\n      if (aIndex === undefined || bIndex === undefined) {\n        return 0;\n      }\n      return aIndex - bIndex;\n    });\n  }\n\n  private getNodesAllLines(nodes: WorkflowNodeEntity[]): WorkflowLineEntity[] {\n    const lines = nodes\n      .map((node) => {\n        const linesData = node.getData<WorkflowNodeLinesData>(WorkflowNodeLinesData);\n        const outputLines = linesData.outputLines.filter(Boolean);\n        const inputLines = linesData.inputLines.filter(Boolean);\n        return [...outputLines, ...inputLines];\n      })\n      .flat();\n\n    // 过滤出未计算层级的线条，以及高度优先（需要覆盖计算）的线条\n    const filteredLines = lines.filter(\n      (line) => this.lineLevel.get(line.id) === undefined || this.isHigherFirstLine(line)\n    );\n\n    return filteredLines;\n  }\n\n  private isHigherFirstLine(line: WorkflowLineEntity): boolean {\n    // 父子相连的线条，需要作为高度优先的线条，避免线条不可见\n    return line.to?.parent === line.from || line.from?.parent === line.to;\n  }\n\n  private getLevel(pinTop: boolean): number {\n    if (pinTop) {\n      return this.topLevel + this.currentLevel;\n    }\n    return this.currentLevel;\n  }\n\n  private levelIncrease(): void {\n    this.currentLevel += 1;\n  }\n}\n","export enum StackingItem {\n  Line = 'line',\n  Node = 'node',\n}\n\nexport enum StackingType {\n  Line = StackingItem.Line,\n  Node = StackingItem.Node,\n}\n\nexport const StackingBaseIndex: Record<StackingType, number> = {\n  [StackingType.Line]: 0,\n  [StackingType.Node]: 1,\n};\n\n// 常量\nconst startIndex = 8;\nconst allowLevel = 2;\n\n// 计算值\nconst levelIndexStep = Object.keys(StackingType).length;\nconst maxLevel = allowLevel * 2;\nconst maxIndex = startIndex + maxLevel * levelIndexStep;\n\nexport const StackingConfig = {\n  /** index 起始值 */\n  startIndex,\n  /** 允许存在的层级 */\n  allowLevel,\n  /** 每层 index 跨度 */\n  levelIndexStep,\n  /** 叠加计算后出现的最深层级 */\n  maxLevel,\n  /** 最大 index */\n  maxIndex,\n};\n","import type { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport type { WorkflowLineEntity } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeRenderData } from '@flowgram.ai/document';\n\nimport type { StackingContext } from './type';\nimport { StackingBaseIndex, StackingConfig, StackingType } from './constant';\n\nnamespace NodeComputing {\n  export const compute = (node: WorkflowNodeEntity, context: StackingContext): void => {\n    const zIndex = nodeZIndex(node, context);\n    const element = nodeElement(node);\n    element.style.position = 'absolute';\n    element.style.zIndex = zIndexStringify(zIndex);\n  };\n\n  export const stackingIndex = (stackingType: StackingType, level: number): number | undefined => {\n    if (level < 1) {\n      // root节点\n      return undefined;\n    }\n    const baseZIndex = StackingBaseIndex[stackingType];\n    const zIndex =\n      StackingConfig.startIndex + StackingConfig.levelIndexStep * (level - 1) + baseZIndex;\n    return zIndex;\n  };\n\n  export const nodeStackingLevel = (\n    node: WorkflowNodeEntity,\n    context: StackingContext,\n    disableTopLevel = false\n  ): number => {\n    // TODO 后续支持多层级时这个计算逻辑应该去掉，level信息应该直接由 FlowNodeEntity 缓存给出\n    // 多层时这里的计算会有 O(logN) 时间复杂度，并且在多层级联同计算时会有BUG，本次需求不处理这种情况\n    const unReversedLinage: WorkflowNodeEntity[] = [];\n    let currentNode: WorkflowNodeEntity | undefined = node;\n    while (currentNode) {\n      unReversedLinage.push(currentNode);\n      currentNode = currentNode.parent;\n    }\n    const linage = unReversedLinage.reverse();\n    const nodeLevel = linage.length - 1;\n\n    const topLevelIndex = linage.findIndex((node: WorkflowNodeEntity) => {\n      if (context.selectedIDs.includes(node.id)) {\n        // 存在被选中的父级或自身被选中，直接置顶\n        return true;\n      }\n      return false;\n    });\n    const topLevel = StackingConfig.allowLevel + (linage.length - topLevelIndex);\n\n    if (!disableTopLevel && topLevelIndex !== -1) {\n      // 置顶\n      return topLevel;\n    }\n\n    return nodeLevel;\n  };\n\n  export const zIndexStringify = (zIndex?: number): string => {\n    if (zIndex === undefined) {\n      return 'auto';\n    }\n    return zIndex.toString();\n  };\n\n  const nodeZIndex = (node: WorkflowNodeEntity, context: StackingContext): number | undefined => {\n    const level = nodeStackingLevel(node, context);\n    const zIndex = stackingIndex(StackingType.Node, level);\n    return zIndex;\n  };\n\n  const nodeElement = (node: WorkflowNodeEntity): HTMLDivElement => {\n    const nodeRenderData = node.getData<FlowNodeRenderData>(FlowNodeRenderData);\n    return nodeRenderData.node;\n  };\n}\n\nnamespace LineComputing {\n  export const compute = (line: WorkflowLineEntity, context: StackingContext): void => {\n    const zIndex = lineZIndex(line, context);\n    const element = line.node;\n    element.style.position = 'absolute';\n    element.style.zIndex = NodeComputing.zIndexStringify(zIndex);\n  };\n\n  const lineStackingLevel = (line: WorkflowLineEntity, context: StackingContext): number => {\n    if (\n      line.isDrawing || // 正在绘制\n      context.hoveredEntityID === line.id || // hover\n      context.selectedIDs.includes(line.id) // 选中\n    ) {\n      // 线条置顶条件：正在绘制 / hover / 选中\n      return StackingConfig.maxLevel + 1;\n    }\n    const fromLevel = NodeComputing.nodeStackingLevel(line.from, context, true);\n    if (!line.to) {\n      // 还处于连线中\n      return fromLevel;\n    }\n    const toLevel = NodeComputing.nodeStackingLevel(line.to, context, true);\n    const level = Math.min(fromLevel, toLevel);\n    return level;\n  };\n\n  const lineZIndex = (line: WorkflowLineEntity, context: StackingContext): number | undefined => {\n    const level = lineStackingLevel(line, context);\n    const zIndex = NodeComputing.stackingIndex(StackingType.Line, level);\n    return zIndex;\n  };\n}\n\nexport const layersComputing = (params: {\n  nodes: WorkflowNodeEntity[];\n  lines: WorkflowLineEntity[];\n  context: StackingContext;\n}) => {\n  const { nodes, lines, context } = params;\n  nodes.forEach((node) => {\n    NodeComputing.compute(node, context);\n  });\n  lines.forEach((line) => {\n    LineComputing.compute(line, context);\n  });\n};\n"],"mappings":"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","names":["import_core","import_free_layout_core","import_document","StackingItem","StackingType","import_document","NodeComputing","node","LineComputing"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowgram.ai/free-stack-plugin",
-  "version": "0.1.0-alpha.7",
+  "version": "0.1.0-alpha.8",
   "homepage": "https://flowgram.ai/",
   "repository": "https://github.com/bytedance/flowgram.ai",
   "license": "MIT",
@@ -19,11 +19,11 @@
     "inversify": "^6.0.1",
     "reflect-metadata": "~0.2.2",
     "lodash": "^4.17.21",
-    "@flowgram.ai/core": "0.1.0-alpha.7",
-    "@flowgram.ai/free-layout-core": "0.1.0-alpha.7",
-    "@flowgram.ai/renderer": "0.1.0-alpha.7",
-    "@flowgram.ai/document": "0.1.0-alpha.7",
-    "@flowgram.ai/utils": "0.1.0-alpha.7"
+    "@flowgram.ai/core": "0.1.0-alpha.8",
+    "@flowgram.ai/document": "0.1.0-alpha.8",
+    "@flowgram.ai/renderer": "0.1.0-alpha.8",
+    "@flowgram.ai/free-layout-core": "0.1.0-alpha.8",
+    "@flowgram.ai/utils": "0.1.0-alpha.8"
   },
   "devDependencies": {
     "@types/bezier-js": "4.1.3",
@@ -39,12 +39,12 @@
     "tsup": "^8.0.1",
     "typescript": "^5.0.4",
     "vitest": "^0.34.6",
-    "@flowgram.ai/eslint-config": "0.1.0-alpha.7",
-    "@flowgram.ai/ts-config": "0.1.0-alpha.7"
+    "@flowgram.ai/ts-config": "0.1.0-alpha.8",
+    "@flowgram.ai/eslint-config": "0.1.0-alpha.8"
   },
   "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17",
+    "react": ">=16.8",
+    "react-dom": ">=16.8",
     "styled-components": ">=4"
   },
   "publishConfig": {