@flowgram.ai/free-stack-plugin 0.1.0-alpha.2 → 0.1.0-alpha.20

package/dist/esm/index.js

@@ -13,31 +13,34 @@ var __decorateClass = (decorators, target, key, kind) => {
 import { definePluginCreator } from "@flowgram.ai/core";
 
 // src/manager.ts
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { inject, injectable } from "inversify";
-import { FlowNodeRenderData as FlowNodeRenderData2 } from "@flowgram.ai/document";
-import { EntityManager, PipelineRegistry, PipelineRenderer } from "@flowgram.ai/core";
+import { domUtils } from "@flowgram.ai/utils";
 import {
   WorkflowHoverService,
   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 { domUtils } from "@flowgram.ai/utils";
+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();
     const { root, nodes, context } = params;
     this.context = context;
     this.nodeIndexes = this.computeNodeIndexesMap(nodes);
+    this.selectedNodeParentSet = this.computeSelectedNodeParentSet(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,
@@ -60,10 +63,25 @@ var StackingComputing = class {
     });
     return nodeIndexMap;
   }
+  computeSelectedNodeParentSet(nodes) {
+    const selectedNodeParents = this.context.selectedNodes.flatMap(
+      (node) => this.getNodeParents(node)
+    );
+    return new Set(selectedNodeParents.map((node) => node.id));
+  }
+  getNodeParents(node) {
+    const nodes = [];
+    let currentNode = node;
+    while (currentNode && currentNode.flowNodeType !== FlowNodeBaseType.ROOT) {
+      nodes.unshift(currentNode);
+      currentNode = currentNode.parent;
+    }
+    return nodes;
+  }
   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,44 +89,69 @@ 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
-      this.context.selectedIDs.includes(line.id)) {
+      this.context.selectedIDs.has(line.id)) {
         this.lineLevel.set(line.id, this.maxLevel);
       } else {
         this.lineLevel.set(line.id, this.getLevel(pinTop));
       }
     });
     this.levelIncrease();
-    sortedNodes.forEach((node) => {
-      const selected = this.context.selectedIDs.includes(node.id);
+    nodes.forEach((node) => {
+      const selected = this.context.selectedIDs.has(node.id);
       if (selected) {
         this.nodeLevel.set(node.id, this.topLevel);
       } else {
         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) {
+    const baseSortNodes = 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 contextSortNodes = this.context.sortNodes(baseSortNodes);
+    return contextSortNodes.sort((a, b) => {
+      const aIsSelectedParent = this.selectedNodeParentSet.has(a.id);
+      const bIsSelectedParent = this.selectedNodeParentSet.has(b.id);
+      if (aIsSelectedParent && !bIsSelectedParent) {
+        return 1;
+      } else if (!aIsSelectedParent && bIsSelectedParent) {
+        return -1;
+      } else {
+        return 0;
       }
     });
   }
+  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) {
+    return line.to?.parent === line.from || line.from?.parent === line.to;
+  }
   getLevel(pinTop) {
     if (pinTop) {
       return this.topLevel + this.currentLevel;
@@ -120,138 +163,8 @@ var StackingComputing = class {
   }
 };
 
-// src/layers-computing.ts
-import { FlowNodeRenderData } from "@flowgram.ai/document";
-
 // src/constant.ts
-var StackingItem = /* @__PURE__ */ ((StackingItem2) => {
-  StackingItem2["Line"] = "line";
-  StackingItem2["Node"] = "node";
-  return StackingItem2;
-})(StackingItem || {});
-var StackingType = /* @__PURE__ */ ((StackingType2) => {
-  StackingType2["Line"] = "line" /* Line */;
-  StackingType2["Node"] = "node" /* Node */;
-  return StackingType2;
-})(StackingType || {});
-var StackingBaseIndex = {
-  ["line" /* Line */]: 0,
-  ["node" /* Node */]: 1
-};
-var startIndex = 8;
-var allowLevel = 2;
-var levelIndexStep = Object.keys(StackingType).length;
-var maxLevel = allowLevel * 2;
-var maxIndex = startIndex + maxLevel * levelIndexStep;
-var StackingConfig = {
-  /** index 起始值 */
-  startIndex,
-  /** 允许存在的层级 */
-  allowLevel,
-  /** 每层 index 跨度 */
-  levelIndexStep,
-  /** 叠加计算后出现的最深层级 */
-  maxLevel,
-  /** 最大 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);
-  });
-};
+var BASE_Z_INDEX = 8;
 
 // src/manager.ts
 var StackingContextManager = class {
@@ -259,16 +172,18 @@ var StackingContextManager = class {
     this.node = domUtils.createDivWithClass(
       "gedit-playground-layer gedit-flow-render-layer"
     );
+    this.options = {
+      sortNodes: (nodes) => nodes
+    };
     this.disposers = [];
-    this.mode = "stacking" /* Stacking */;
     /**
      * 触发计算
      * 10ms内仅计算一次
      */
     this.compute = debounce(this._compute, 10);
   }
-  init(mode) {
-    if (mode) this.mode = mode;
+  init(options = {}) {
+    this.options = { ...this.options, ...options };
     this.pipelineRenderer.node.appendChild(this.node);
     this.mountListener();
   }
@@ -279,17 +194,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,38 +203,44 @@ 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) {
+        nodeRenderData.stackIndex = 0;
         element.style.zIndex = "auto";
         return;
       }
-      element.style.zIndex = String(StackingConfig.startIndex + level);
+      nodeRenderData.stackIndex = level;
+      const zIndex = BASE_Z_INDEX + level;
+      element.style.zIndex = String(zIndex);
     });
     this.lines.forEach((line) => {
       const level = lineLevel.get(line.id);
       const element = line.node;
       element.style.position = "absolute";
-      if (!level) {
+      if (level === void 0) {
+        line.stackIndex = 0;
         element.style.zIndex = "auto";
         return;
       }
-      element.style.zIndex = String(StackingConfig.startIndex + level);
+      line.stackIndex = level;
+      const zIndex = BASE_Z_INDEX + level;
+      element.style.zIndex = String(zIndex);
     });
   }
   get nodes() {
     return this.entityManager.getEntities(WorkflowNodeEntity2);
   }
   get lines() {
-    return this.entityManager.getEntities(WorkflowLineEntity);
+    return this.entityManager.getEntities(WorkflowLineEntity2);
   }
   get context() {
     return {
-      hoveredEntity: this.hoverService.hoveredNode,
-      hoveredEntityID: this.hoverService.hoveredNode?.id,
-      selectedEntities: this.selectService.selection,
-      selectedIDs: this.selectService.selection.map((entity) => entity.id)
+      hoveredEntityID: this.hoverService.someHovered?.id,
+      selectedNodes: this.selectService.selectedNodes,
+      selectedIDs: new Set(this.selectService.selection.map((entity) => entity.id)),
+      sortNodes: this.options.sortNodes
     };
   }
   mountListener() {
@@ -385,12 +295,13 @@ StackingContextManager = __decorateClass([
 
 // src/create-free-stack-plugin.ts
 var createFreeStackPlugin = definePluginCreator({
+  singleton: true,
   onBind({ bind }) {
     bind(StackingContextManager).toSelf().inSingletonScope();
   },
-  onInit(ctx, opts) {
+  onInit(ctx, options) {
     const stackingContextManager = ctx.get(StackingContextManager);
-    stackingContextManager.init(opts?.mode);
+    stackingContextManager.init(options);
   },
   onReady(ctx) {
     const stackingContextManager = ctx.get(StackingContextManager);
@@ -402,14 +313,9 @@ var createFreeStackPlugin = definePluginCreator({
   }
 });
 export {
-  StackingBaseIndex,
-  StackingComputeMode,
+  BASE_Z_INDEX,
   StackingComputing,
-  StackingConfig,
   StackingContextManager,
-  StackingItem,
-  StackingType,
-  createFreeStackPlugin,
-  layersComputing
+  createFreeStackPlugin
 };
 //# sourceMappingURL=index.js.map

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 { FlowNodeRenderData } from '@flowgram.ai/document';\nimport { EntityManager, PipelineRegistry, PipelineRenderer } from '@flowgram.ai/core';\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 { domUtils } from '@flowgram.ai/utils';\nimport { Disposable } from '@flowgram.ai/utils';\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        return;\n      }\n      element.style.zIndex = String(StackingConfig.startIndex + level);\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":["FlowNodeRenderData","WorkflowNodeEntity","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"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nimport { FreeStackPluginOptions } from './type';\nimport { StackingContextManager } from './manager';\n\nexport const createFreeStackPlugin = definePluginCreator<FreeStackPluginOptions>({\n  singleton: true,\n  onBind({ bind }) {\n    bind(StackingContextManager).toSelf().inSingletonScope();\n  },\n  onInit(ctx, options) {\n    const stackingContextManager = ctx.get<StackingContextManager>(StackingContextManager);\n    stackingContextManager.init(options);\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { debounce } from 'lodash-es';\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 { StackContextManagerOptions, StackingContext } from './type';\nimport { StackingComputing } from './stacking-computing';\nimport { BASE_Z_INDEX } 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 options: StackContextManagerOptions = {\n    sortNodes: (nodes: WorkflowNodeEntity[]) => nodes,\n  };\n\n  private disposers: Disposable[] = [];\n\n  constructor() {}\n\n  public init(options: Partial<StackContextManagerOptions> = {}): void {\n    this.options = { ...this.options, ...options };\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        nodeRenderData.stackIndex = 0;\n        element.style.zIndex = 'auto';\n        return;\n      }\n      nodeRenderData.stackIndex = level;\n      const zIndex = BASE_Z_INDEX + level;\n      element.style.zIndex = String(zIndex);\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        line.stackIndex = 0;\n        element.style.zIndex = 'auto';\n        return;\n      }\n      line.stackIndex = level;\n      const zIndex = BASE_Z_INDEX + level;\n      element.style.zIndex = String(zIndex);\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      hoveredEntityID: this.hoverService.someHovered?.id,\n      selectedNodes: this.selectService.selectedNodes,\n      selectedIDs: new Set(this.selectService.selection.map((entity) => entity.id)),\n      sortNodes: this.options.sortNodes,\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport {\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 selectedNodeParentSet: Set<string>;\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.selectedNodeParentSet = this.computeSelectedNodeParentSet(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    // 默认按照创建节点顺序排序\n    nodes.forEach((node, index) => {\n      nodeIndexMap.set(node.id, index);\n    });\n    return nodeIndexMap;\n  }\n\n  private computeSelectedNodeParentSet(nodes: WorkflowNodeEntity[]): Set<string> {\n    const selectedNodeParents = this.context.selectedNodes.flatMap((node) =>\n      this.getNodeParents(node)\n    );\n    return new Set(selectedNodeParents.map((node) => node.id));\n  }\n\n  private getNodeParents(node: WorkflowNodeEntity): WorkflowNodeEntity[] {\n    const nodes: WorkflowNodeEntity[] = [];\n    let currentNode: WorkflowNodeEntity | undefined = node;\n    while (currentNode && currentNode.flowNodeType !== FlowNodeBaseType.ROOT) {\n      nodes.unshift(currentNode);\n      currentNode = currentNode.parent;\n    }\n    return nodes;\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.has(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.has(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    const baseSortNodes = 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    const contextSortNodes = this.context.sortNodes(baseSortNodes);\n    return contextSortNodes.sort((a, b) => {\n      const aIsSelectedParent = this.selectedNodeParentSet.has(a.id);\n      const bIsSelectedParent = this.selectedNodeParentSet.has(b.id);\n      if (aIsSelectedParent && !bIsSelectedParent) {\n        return 1;\n      } else if (!aIsSelectedParent && bIsSelectedParent) {\n        return -1;\n      } else {\n        return 0;\n      }\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n// 起始 z-index\nexport const BASE_Z_INDEX = 8;\n"],"mappings":"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","names":["WorkflowNodeEntity","WorkflowLineEntity","WorkflowNodeEntity","WorkflowLineEntity"]}

package/dist/index.d.mts

@@ -1,38 +1,32 @@
 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 { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';
 
-declare enum StackingItem {
-    Line = "line",
-    Node = "node"
-}
-declare enum StackingType {
-    Line = "line",
-    Node = "node"
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+interface StackingContext {
+    hoveredEntityID?: string;
+    selectedNodes: WorkflowNodeEntity[];
+    selectedIDs: Set<string>;
+    sortNodes: (nodes: WorkflowNodeEntity[]) => WorkflowNodeEntity[];
 }
-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"
+interface StackContextManagerOptions {
+    sortNodes: (nodes: WorkflowNodeEntity[]) => WorkflowNodeEntity[];
 }
+type FreeStackPluginOptions = Partial<StackContextManagerOptions>;
 
-declare const createFreeStackPlugin: _flowgram_ai_core.PluginCreator<{
-    mode?: StackingComputeMode | undefined;
-}>;
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+declare const createFreeStackPlugin: _flowgram_ai_core.PluginCreator<Partial<StackContextManagerOptions>>;
+
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
 
 declare class StackingContextManager {
     private readonly document;
@@ -42,10 +36,10 @@ declare class StackingContextManager {
     private readonly hoverService;
     private readonly selectService;
     readonly node: HTMLDivElement;
+    private options;
     private disposers;
-    private mode;
     constructor();
-    init(mode?: StackingComputeMode): void;
+    init(options?: Partial<StackContextManagerOptions>): void;
     ready(): void;
     dispose(): void;
     /**
@@ -54,7 +48,6 @@ declare class StackingContextManager {
      */
     private compute;
     private _compute;
-    private stackingCompute;
     private get nodes();
     private get lines();
     private get context();
@@ -65,18 +58,16 @@ declare class StackingContextManager {
     private onSelect;
 }
 
-type StackingContext = {
-    hoveredEntity?: WorkfloEntityHoverable;
-    hoveredEntityID?: string;
-    selectedEntities: Entity[];
-    selectedIDs: string[];
-};
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+declare const BASE_Z_INDEX = 8;
 
-declare const layersComputing: (params: {
-    nodes: WorkflowNodeEntity[];
-    lines: WorkflowLineEntity[];
-    context: StackingContext;
-}) => void;
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
 
 declare class StackingComputing {
     private currentLevel;
@@ -85,6 +76,7 @@ declare class StackingComputing {
     private nodeIndexes;
     private nodeLevel;
     private lineLevel;
+    private selectedNodeParentSet;
     private context;
     compute(params: {
         root: WorkflowNodeEntity;
@@ -102,10 +94,15 @@ declare class StackingComputing {
     };
     private clearCache;
     private computeNodeIndexesMap;
+    private computeSelectedNodeParentSet;
+    private getNodeParents;
     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 { BASE_Z_INDEX, type FreeStackPluginOptions, type StackContextManagerOptions, StackingComputing, type StackingContext, StackingContextManager, createFreeStackPlugin };