@flowgram.ai/free-stack-plugin 0.1.0

package/dist/esm/index.js

@@ -0,0 +1,415 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/create-free-stack-plugin.ts
+import { definePluginCreator } from "@flowgram.ai/core";
+
+// src/manager.ts
+import { debounce } from "lodash";
+import { inject, injectable } from "inversify";
+import { FlowNodeRenderData as FlowNodeRenderData2 } from "@flowgram.ai/document";
+import { EntityManager, PipelineRegistry, PipelineRenderer } from "@flowgram.ai/core";
+import {
+  WorkflowHoverService,
+  WorkflowNodeEntity as WorkflowNodeEntity2,
+  WorkflowSelectService
+} from "@flowgram.ai/free-layout-core";
+import { WorkflowLineEntity } from "@flowgram.ai/free-layout-core";
+import { WorkflowDocument } from "@flowgram.ai/free-layout-core";
+import { domUtils } from "@flowgram.ai/utils";
+
+// src/stacking-computing.ts
+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.topLevel = this.computeTopLevel(nodes);
+    this.maxLevel = this.topLevel * 2;
+    this.layerHandler(root.collapsedChildren);
+    return {
+      nodeLevel: this.nodeLevel,
+      lineLevel: this.lineLevel,
+      topLevel: this.topLevel,
+      maxLevel: this.maxLevel
+    };
+  }
+  clearCache() {
+    this.currentLevel = 0;
+    this.topLevel = 0;
+    this.maxLevel = 0;
+    this.nodeIndexes = /* @__PURE__ */ new Map();
+    this.nodeLevel = /* @__PURE__ */ new Map();
+    this.lineLevel = /* @__PURE__ */ new Map();
+  }
+  computeNodeIndexesMap(nodes) {
+    const nodeIndexMap = /* @__PURE__ */ new Map();
+    nodes.forEach((node, index) => {
+      nodeIndexMap.set(node.id, index);
+    });
+    return nodeIndexMap;
+  }
+  computeTopLevel(nodes) {
+    const nodesWithoutRoot = nodes.filter((node) => node.id !== FlowNodeBaseType.ROOT);
+    const nodeHasChildren = nodesWithoutRoot.reduce((count, node) => {
+      if (node.collapsedChildren.length > 0) {
+        return count + 1;
+      } else {
+        return count;
+      }
+    }, 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();
+    lines.forEach((line) => {
+      if (line.isDrawing || // 正在绘制
+      this.context.hoveredEntityID === line.id || // hover
+      this.context.selectedIDs.includes(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);
+      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);
+      }
+    });
+  }
+  getLevel(pinTop) {
+    if (pinTop) {
+      return this.topLevel + this.currentLevel;
+    }
+    return this.currentLevel;
+  }
+  levelIncrease() {
+    this.currentLevel += 1;
+  }
+};
+
+// 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);
+  });
+};
+
+// src/manager.ts
+var StackingContextManager = class {
+  constructor() {
+    this.node = domUtils.createDivWithClass(
+      "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;
+    this.pipelineRenderer.node.appendChild(this.node);
+    this.mountListener();
+  }
+  ready() {
+    this.compute();
+  }
+  dispose() {
+    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({
+      root: this.document.root,
+      nodes: this.nodes,
+      context
+    });
+    this.nodes.forEach((node) => {
+      const level = nodeLevel.get(node.id);
+      const nodeRenderData = node.getData(FlowNodeRenderData2);
+      const element = nodeRenderData.node;
+      element.style.position = "absolute";
+      if (!level) {
+        element.style.zIndex = "auto";
+        return;
+      }
+      element.style.zIndex = String(StackingConfig.startIndex + level);
+    });
+    this.lines.forEach((line) => {
+      const level = lineLevel.get(line.id);
+      const element = line.node;
+      element.style.position = "absolute";
+      if (!level) {
+        element.style.zIndex = "auto";
+        return;
+      }
+      element.style.zIndex = String(StackingConfig.startIndex + level);
+    });
+  }
+  get nodes() {
+    return this.entityManager.getEntities(WorkflowNodeEntity2);
+  }
+  get lines() {
+    return this.entityManager.getEntities(WorkflowLineEntity);
+  }
+  get context() {
+    return {
+      hoveredEntity: this.hoverService.hoveredNode,
+      hoveredEntityID: this.hoverService.hoveredNode?.id,
+      selectedEntities: this.selectService.selection,
+      selectedIDs: this.selectService.selection.map((entity) => entity.id)
+    };
+  }
+  mountListener() {
+    const entityChangeDisposer = this.onEntityChange();
+    const zoomDisposer = this.onZoom();
+    const hoverDisposer = this.onHover();
+    const selectDisposer = this.onSelect();
+    this.disposers = [entityChangeDisposer, zoomDisposer, hoverDisposer, selectDisposer];
+  }
+  onZoom() {
+    return this.pipelineRegistry.onZoom((scale) => {
+      this.node.style.transform = `scale(${scale})`;
+    });
+  }
+  onHover() {
+    return this.hoverService.onHoveredChange(() => {
+      this.compute();
+    });
+  }
+  onEntityChange() {
+    return this.entityManager.onEntityChange(() => {
+      this.compute();
+    });
+  }
+  onSelect() {
+    return this.selectService.onSelectionChanged(() => {
+      this.compute();
+    });
+  }
+};
+__decorateClass([
+  inject(WorkflowDocument)
+], StackingContextManager.prototype, "document", 2);
+__decorateClass([
+  inject(EntityManager)
+], StackingContextManager.prototype, "entityManager", 2);
+__decorateClass([
+  inject(PipelineRenderer)
+], StackingContextManager.prototype, "pipelineRenderer", 2);
+__decorateClass([
+  inject(PipelineRegistry)
+], StackingContextManager.prototype, "pipelineRegistry", 2);
+__decorateClass([
+  inject(WorkflowHoverService)
+], StackingContextManager.prototype, "hoverService", 2);
+__decorateClass([
+  inject(WorkflowSelectService)
+], StackingContextManager.prototype, "selectService", 2);
+StackingContextManager = __decorateClass([
+  injectable()
+], StackingContextManager);
+
+// src/create-free-stack-plugin.ts
+var createFreeStackPlugin = definePluginCreator({
+  onBind({ bind }) {
+    bind(StackingContextManager).toSelf().inSingletonScope();
+  },
+  onInit(ctx, opts) {
+    const stackingContextManager = ctx.get(StackingContextManager);
+    stackingContextManager.init(opts?.mode);
+  },
+  onReady(ctx) {
+    const stackingContextManager = ctx.get(StackingContextManager);
+    stackingContextManager.ready();
+  },
+  onDispose(ctx) {
+    const stackingContextManager = ctx.get(StackingContextManager);
+    stackingContextManager.dispose();
+  }
+});
+export {
+  StackingBaseIndex,
+  StackingComputeMode,
+  StackingComputing,
+  StackingConfig,
+  StackingContextManager,
+  StackingItem,
+  StackingType,
+  createFreeStackPlugin,
+  layersComputing
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/index.d.mts

@@ -0,0 +1,111 @@
+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';
+
+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 class StackingContextManager {
+    private readonly document;
+    private readonly entityManager;
+    private readonly pipelineRenderer;
+    private readonly pipelineRegistry;
+    private readonly hoverService;
+    private readonly selectService;
+    readonly node: HTMLDivElement;
+    private disposers;
+    private mode;
+    constructor();
+    init(mode?: StackingComputeMode): void;
+    ready(): void;
+    dispose(): void;
+    /**
+     * 触发计算
+     * 10ms内仅计算一次
+     */
+    private compute;
+    private _compute;
+    private stackingCompute;
+    private get nodes();
+    private get lines();
+    private get context();
+    private mountListener;
+    private onZoom;
+    private onHover;
+    private onEntityChange;
+    private onSelect;
+}
+
+type StackingContext = {
+    hoveredEntity?: WorkfloEntityHoverable;
+    hoveredEntityID?: string;
+    selectedEntities: Entity[];
+    selectedIDs: string[];
+};
+
+declare const layersComputing: (params: {
+    nodes: WorkflowNodeEntity[];
+    lines: WorkflowLineEntity[];
+    context: StackingContext;
+}) => void;
+
+declare class StackingComputing {
+    private currentLevel;
+    private topLevel;
+    private maxLevel;
+    private nodeIndexes;
+    private nodeLevel;
+    private lineLevel;
+    private context;
+    compute(params: {
+        root: WorkflowNodeEntity;
+        nodes: WorkflowNodeEntity[];
+        context: StackingContext;
+    }): {
+        /** 节点层级 */
+        nodeLevel: Map<string, number>;
+        /** 线条层级 */
+        lineLevel: Map<string, number>;
+        /** 正常渲染的最高层级 */
+        topLevel: number;
+        /** 选中计算叠加后可能计算出的最高层级 */
+        maxLevel: number;
+    };
+    private clearCache;
+    private computeNodeIndexesMap;
+    private computeTopLevel;
+    private layerHandler;
+    private getLevel;
+    private levelIncrease;
+}
+
+export { StackingBaseIndex, StackingComputeMode, StackingComputing, StackingConfig, type StackingContext, StackingContextManager, StackingItem, StackingType, createFreeStackPlugin, layersComputing };

package/dist/index.d.ts

@@ -0,0 +1,111 @@
+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';
+
+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 class StackingContextManager {
+    private readonly document;
+    private readonly entityManager;
+    private readonly pipelineRenderer;
+    private readonly pipelineRegistry;
+    private readonly hoverService;
+    private readonly selectService;
+    readonly node: HTMLDivElement;
+    private disposers;
+    private mode;
+    constructor();
+    init(mode?: StackingComputeMode): void;
+    ready(): void;
+    dispose(): void;
+    /**
+     * 触发计算
+     * 10ms内仅计算一次
+     */
+    private compute;
+    private _compute;
+    private stackingCompute;
+    private get nodes();
+    private get lines();
+    private get context();
+    private mountListener;
+    private onZoom;
+    private onHover;
+    private onEntityChange;
+    private onSelect;
+}
+
+type StackingContext = {
+    hoveredEntity?: WorkfloEntityHoverable;
+    hoveredEntityID?: string;
+    selectedEntities: Entity[];
+    selectedIDs: string[];
+};
+
+declare const layersComputing: (params: {
+    nodes: WorkflowNodeEntity[];
+    lines: WorkflowLineEntity[];
+    context: StackingContext;
+}) => void;
+
+declare class StackingComputing {
+    private currentLevel;
+    private topLevel;
+    private maxLevel;
+    private nodeIndexes;
+    private nodeLevel;
+    private lineLevel;
+    private context;
+    compute(params: {
+        root: WorkflowNodeEntity;
+        nodes: WorkflowNodeEntity[];
+        context: StackingContext;
+    }): {
+        /** 节点层级 */
+        nodeLevel: Map<string, number>;
+        /** 线条层级 */
+        lineLevel: Map<string, number>;
+        /** 正常渲染的最高层级 */
+        topLevel: number;
+        /** 选中计算叠加后可能计算出的最高层级 */
+        maxLevel: number;
+    };
+    private clearCache;
+    private computeNodeIndexesMap;
+    private computeTopLevel;
+    private layerHandler;
+    private getLevel;
+    private levelIncrease;
+}
+
+export { StackingBaseIndex, StackingComputeMode, StackingComputing, StackingConfig, type StackingContext, StackingContextManager, StackingItem, StackingType, createFreeStackPlugin, layersComputing };

package/dist/index.js

@@ -0,0 +1,443 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  StackingBaseIndex: () => StackingBaseIndex,
+  StackingComputeMode: () => StackingComputeMode,
+  StackingComputing: () => StackingComputing,
+  StackingConfig: () => StackingConfig,
+  StackingContextManager: () => StackingContextManager,
+  StackingItem: () => StackingItem,
+  StackingType: () => StackingType,
+  createFreeStackPlugin: () => createFreeStackPlugin,
+  layersComputing: () => layersComputing
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/create-free-stack-plugin.ts
+var import_core2 = require("@flowgram.ai/core");
+
+// src/manager.ts
+var import_lodash = require("lodash");
+var import_inversify = require("inversify");
+var import_document3 = require("@flowgram.ai/document");
+var import_core = require("@flowgram.ai/core");
+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_utils = require("@flowgram.ai/utils");
+
+// src/stacking-computing.ts
+var import_document = require("@flowgram.ai/document");
+var import_free_layout_core = require("@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.topLevel = this.computeTopLevel(nodes);
+    this.maxLevel = this.topLevel * 2;
+    this.layerHandler(root.collapsedChildren);
+    return {
+      nodeLevel: this.nodeLevel,
+      lineLevel: this.lineLevel,
+      topLevel: this.topLevel,
+      maxLevel: this.maxLevel
+    };
+  }
+  clearCache() {
+    this.currentLevel = 0;
+    this.topLevel = 0;
+    this.maxLevel = 0;
+    this.nodeIndexes = /* @__PURE__ */ new Map();
+    this.nodeLevel = /* @__PURE__ */ new Map();
+    this.lineLevel = /* @__PURE__ */ new Map();
+  }
+  computeNodeIndexesMap(nodes) {
+    const nodeIndexMap = /* @__PURE__ */ new Map();
+    nodes.forEach((node, index) => {
+      nodeIndexMap.set(node.id, index);
+    });
+    return nodeIndexMap;
+  }
+  computeTopLevel(nodes) {
+    const nodesWithoutRoot = nodes.filter((node) => node.id !== import_document.FlowNodeBaseType.ROOT);
+    const nodeHasChildren = nodesWithoutRoot.reduce((count, node) => {
+      if (node.collapsedChildren.length > 0) {
+        return count + 1;
+      } else {
+        return count;
+      }
+    }, 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();
+    lines.forEach((line) => {
+      if (line.isDrawing || // 正在绘制
+      this.context.hoveredEntityID === line.id || // hover
+      this.context.selectedIDs.includes(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);
+      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);
+      }
+    });
+  }
+  getLevel(pinTop) {
+    if (pinTop) {
+      return this.topLevel + this.currentLevel;
+    }
+    return this.currentLevel;
+  }
+  levelIncrease() {
+    this.currentLevel += 1;
+  }
+};
+
+// src/layers-computing.ts
+var import_document2 = require("@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(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 {
+  constructor() {
+    this.node = import_utils.domUtils.createDivWithClass(
+      "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;
+    this.pipelineRenderer.node.appendChild(this.node);
+    this.mountListener();
+  }
+  ready() {
+    this.compute();
+  }
+  dispose() {
+    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({
+      root: this.document.root,
+      nodes: this.nodes,
+      context
+    });
+    this.nodes.forEach((node) => {
+      const level = nodeLevel.get(node.id);
+      const nodeRenderData = node.getData(import_document3.FlowNodeRenderData);
+      const element = nodeRenderData.node;
+      element.style.position = "absolute";
+      if (!level) {
+        element.style.zIndex = "auto";
+        return;
+      }
+      element.style.zIndex = String(StackingConfig.startIndex + level);
+    });
+    this.lines.forEach((line) => {
+      const level = lineLevel.get(line.id);
+      const element = line.node;
+      element.style.position = "absolute";
+      if (!level) {
+        element.style.zIndex = "auto";
+        return;
+      }
+      element.style.zIndex = String(StackingConfig.startIndex + level);
+    });
+  }
+  get nodes() {
+    return this.entityManager.getEntities(import_free_layout_core2.WorkflowNodeEntity);
+  }
+  get lines() {
+    return this.entityManager.getEntities(import_free_layout_core3.WorkflowLineEntity);
+  }
+  get context() {
+    return {
+      hoveredEntity: this.hoverService.hoveredNode,
+      hoveredEntityID: this.hoverService.hoveredNode?.id,
+      selectedEntities: this.selectService.selection,
+      selectedIDs: this.selectService.selection.map((entity) => entity.id)
+    };
+  }
+  mountListener() {
+    const entityChangeDisposer = this.onEntityChange();
+    const zoomDisposer = this.onZoom();
+    const hoverDisposer = this.onHover();
+    const selectDisposer = this.onSelect();
+    this.disposers = [entityChangeDisposer, zoomDisposer, hoverDisposer, selectDisposer];
+  }
+  onZoom() {
+    return this.pipelineRegistry.onZoom((scale) => {
+      this.node.style.transform = `scale(${scale})`;
+    });
+  }
+  onHover() {
+    return this.hoverService.onHoveredChange(() => {
+      this.compute();
+    });
+  }
+  onEntityChange() {
+    return this.entityManager.onEntityChange(() => {
+      this.compute();
+    });
+  }
+  onSelect() {
+    return this.selectService.onSelectionChanged(() => {
+      this.compute();
+    });
+  }
+};
+__decorateClass([
+  (0, import_inversify.inject)(import_free_layout_core4.WorkflowDocument)
+], StackingContextManager.prototype, "document", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_core.EntityManager)
+], StackingContextManager.prototype, "entityManager", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_core.PipelineRenderer)
+], StackingContextManager.prototype, "pipelineRenderer", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_core.PipelineRegistry)
+], StackingContextManager.prototype, "pipelineRegistry", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_free_layout_core2.WorkflowHoverService)
+], StackingContextManager.prototype, "hoverService", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_free_layout_core2.WorkflowSelectService)
+], StackingContextManager.prototype, "selectService", 2);
+StackingContextManager = __decorateClass([
+  (0, import_inversify.injectable)()
+], StackingContextManager);
+
+// src/create-free-stack-plugin.ts
+var createFreeStackPlugin = (0, import_core2.definePluginCreator)({
+  onBind({ bind }) {
+    bind(StackingContextManager).toSelf().inSingletonScope();
+  },
+  onInit(ctx, opts) {
+    const stackingContextManager = ctx.get(StackingContextManager);
+    stackingContextManager.init(opts?.mode);
+  },
+  onReady(ctx) {
+    const stackingContextManager = ctx.get(StackingContextManager);
+    stackingContextManager.ready();
+  },
+  onDispose(ctx) {
+    const stackingContextManager = ctx.get(StackingContextManager);
+    stackingContextManager.dispose();
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StackingBaseIndex,
+  StackingComputeMode,
+  StackingComputing,
+  StackingConfig,
+  StackingContextManager,
+  StackingItem,
+  StackingType,
+  createFreeStackPlugin,
+  layersComputing
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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 { 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":["import_core","import_document","import_free_layout_core","import_document","StackingItem","StackingType","StackingComputeMode","NodeComputing","node","LineComputing"]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@flowgram.ai/free-stack-plugin",
+  "version": "0.1.0",
+  "license": "MIT",
+  "exports": {
+    "import": "./dist/esm/index.js",
+    "require": "./dist/index.js"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "inversify": "^6.0.1",
+    "lodash": "^4.17.21",
+    "@flowgram.ai/document": "0.1.0",
+    "@flowgram.ai/utils": "0.1.0",
+    "@flowgram.ai/core": "0.1.0",
+    "@flowgram.ai/free-layout-core": "0.1.0",
+    "@flowgram.ai/renderer": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/bezier-js": "4.1.3",
+    "@types/lodash": "^4.14.137",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/styled-components": "^5",
+    "@vitest/coverage-v8": "^0.32.0",
+    "eslint": "^8.54.0",
+    "react": "^18",
+    "react-dom": "^18",
+    "reflect-metadata": "^0.1.13",
+    "styled-components": "^5",
+    "tsup": "^8.0.1",
+    "typescript": "^5.0.4",
+    "vitest": "^0.34.6",
+    "@flowgram.ai/eslint-config": "0.1.0",
+    "@flowgram.ai/ts-config": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17",
+    "styled-components": ">=4"
+  },
+  "scripts": {
+    "build": "npm run build:fast -- --dts-resolve",
+    "build:fast": "tsup src/index.ts --format cjs,esm --sourcemap --legacy-output",
+    "build:watch": "npm run build:fast -- --dts-resolve",
+    "clean": "rimraf dist",
+    "test": "vitest run",
+    "test:cov": "vitest run --coverage",
+    "ts-check": "tsc --noEmit",
+    "watch": "npm run build:fast -- --dts-resolve --watch --ignore-watch dist"
+  }
+}