@flowgram.ai/free-group-plugin 0.1.8

package/dist/esm/index.js

@@ -0,0 +1,282 @@
+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-group-plugin.tsx
+import { ShortcutsRegistry } from "@flowgram.ai/shortcuts-plugin";
+import { FlowRendererRegistry } from "@flowgram.ai/renderer";
+import { WorkflowDocument as WorkflowDocument2 } from "@flowgram.ai/free-layout-core";
+import { FlowGroupService as FlowGroupService2, FlowNodeBaseType as FlowNodeBaseType5 } from "@flowgram.ai/document";
+import { definePluginCreator } from "@flowgram.ai/core";
+
+// src/workflow-group-service.ts
+import { injectable, inject } from "inversify";
+import { DisposableCollection } from "@flowgram.ai/utils";
+import {
+  WorkflowDocument,
+  WorkflowOperationBaseService,
+  nanoid
+} from "@flowgram.ai/free-layout-core";
+import { HistoryService } from "@flowgram.ai/free-history-plugin";
+import {
+  NodeIntoContainerService,
+  NodeIntoContainerType
+} from "@flowgram.ai/free-container-plugin";
+import { FlowGroupService, FlowNodeBaseType as FlowNodeBaseType2 } from "@flowgram.ai/document";
+import { TransformData } from "@flowgram.ai/core";
+
+// src/utils.ts
+import { FlowNodeBaseType } from "@flowgram.ai/document";
+var WorkflowGroupUtils;
+((WorkflowGroupUtils2) => {
+  const isNodeInGroup = (node) => {
+    if (node?.parent?.flowNodeType === FlowNodeBaseType.GROUP) {
+      return true;
+    }
+    return false;
+  };
+  const isGroupNode = (group) => group.flowNodeType === FlowNodeBaseType.GROUP;
+  WorkflowGroupUtils2.validate = (nodes) => {
+    if (!nodes || !Array.isArray(nodes) || nodes.length === 0) {
+      return false;
+    }
+    const isGroupRelatedNode = nodes.some((node) => isGroupNode(node));
+    if (isGroupRelatedNode) return false;
+    const hasGroup = nodes.some((node) => node && isNodeInGroup(node));
+    if (hasGroup) return false;
+    const parent = nodes[0].parent;
+    const isSameParent = nodes.every((node) => node.parent === parent);
+    if (!isSameParent) return false;
+    return true;
+  };
+})(WorkflowGroupUtils || (WorkflowGroupUtils = {}));
+
+// src/workflow-group-service.ts
+var WorkflowGroupService = class extends FlowGroupService {
+  constructor() {
+    super(...arguments);
+    this.toDispose = new DisposableCollection();
+  }
+  ready() {
+    this.toDispose.push(this.listenContainer());
+  }
+  dispose() {
+    this.toDispose.dispose();
+  }
+  /** 创建分组节点 */
+  createGroup(nodes) {
+    if (!WorkflowGroupUtils.validate(nodes)) {
+      return;
+    }
+    const parent = nodes[0].parent ?? this.document.root;
+    const groupId = `group_${nanoid(5)}`;
+    const groupJSON = {
+      type: FlowNodeBaseType2.GROUP,
+      id: groupId,
+      meta: {
+        position: {
+          x: 0,
+          y: 0
+        }
+      },
+      data: {}
+    };
+    this.historyService.startTransaction();
+    this.document.createWorkflowNodeByType(
+      FlowNodeBaseType2.GROUP,
+      {
+        x: 0,
+        y: 0
+      },
+      groupJSON,
+      parent.id
+    );
+    nodes.forEach((node) => {
+      this.freeOperationService.moveNode(node, {
+        parent: groupId
+      });
+    });
+    this.historyService.endTransaction();
+  }
+  /** 取消分组 */
+  ungroup(groupNode) {
+    const groupBlocks = groupNode.blocks.slice();
+    if (!groupNode.parent) {
+      return;
+    }
+    const groupPosition = groupNode.transform.position;
+    this.historyService.startTransaction();
+    groupBlocks.forEach((node) => {
+      this.freeOperationService.moveNode(node, {
+        parent: groupNode.parent?.id
+      });
+    });
+    groupNode.dispose();
+    groupBlocks.forEach((node) => {
+      const transform = node.getData(TransformData);
+      const position = {
+        x: transform.position.x + groupPosition.x,
+        y: transform.position.y + groupPosition.y
+      };
+      this.freeOperationService.updateNodePosition(node, position);
+    });
+    this.historyService.endTransaction();
+  }
+  listenContainer() {
+    return this.nodeIntoContainerService.on((e) => {
+      if (e.type !== NodeIntoContainerType.Out || e.sourceContainer?.flowNodeType !== FlowNodeBaseType2.GROUP) {
+        return;
+      }
+      if (e.sourceContainer?.blocks.length === 0) {
+        e.sourceContainer.dispose();
+      }
+    });
+  }
+};
+__decorateClass([
+  inject(WorkflowDocument)
+], WorkflowGroupService.prototype, "document", 2);
+__decorateClass([
+  inject(WorkflowOperationBaseService)
+], WorkflowGroupService.prototype, "freeOperationService", 2);
+__decorateClass([
+  inject(HistoryService)
+], WorkflowGroupService.prototype, "historyService", 2);
+__decorateClass([
+  inject(NodeIntoContainerService)
+], WorkflowGroupService.prototype, "nodeIntoContainerService", 2);
+WorkflowGroupService = __decorateClass([
+  injectable()
+], WorkflowGroupService);
+
+// src/shortcuts/group.ts
+import { WorkflowSelectService } from "@flowgram.ai/free-layout-core";
+
+// src/constant.ts
+var WorkflowGroupCommand = /* @__PURE__ */ ((WorkflowGroupCommand2) => {
+  WorkflowGroupCommand2["Group"] = "group";
+  WorkflowGroupCommand2["Ungroup"] = "ungroup";
+  return WorkflowGroupCommand2;
+})(WorkflowGroupCommand || {});
+
+// src/shortcuts/group.ts
+var GroupShortcut = class {
+  constructor(context) {
+    this.commandId = "group" /* Group */;
+    this.commandDetail = {
+      label: "Group"
+    };
+    this.shortcuts = ["meta g", "ctrl g"];
+    this.selectService = context.get(WorkflowSelectService);
+    this.groupService = context.get(WorkflowGroupService);
+    this.execute = this.execute.bind(this);
+  }
+  async execute() {
+    this.groupService.createGroup(this.selectService.selectedNodes);
+    this.selectService.clear();
+  }
+};
+
+// src/shortcuts/ungroup.ts
+import { WorkflowSelectService as WorkflowSelectService2 } from "@flowgram.ai/free-layout-core";
+import { FlowNodeBaseType as FlowNodeBaseType3 } from "@flowgram.ai/document";
+var UngroupShortcut = class {
+  constructor(context) {
+    this.commandId = "ungroup" /* Ungroup */;
+    this.commandDetail = {
+      label: "Ungroup"
+    };
+    this.shortcuts = ["meta shift g", "ctrl shift g"];
+    this.selectService = context.get(WorkflowSelectService2);
+    this.groupService = context.get(WorkflowGroupService);
+    this.execute = this.execute.bind(this);
+  }
+  async execute(_groupNode) {
+    const groupNode = _groupNode || this.selectService.activatedNode;
+    if (!groupNode || groupNode.flowNodeType !== FlowNodeBaseType3.GROUP) {
+      return;
+    }
+    this.groupService.ungroup(groupNode);
+    this.selectService.clear();
+  }
+};
+
+// src/group-node.tsx
+import { FlowNodeBaseType as FlowNodeBaseType4, FlowNodeTransformData } from "@flowgram.ai/document";
+var GroupNodeRegistry = {
+  type: FlowNodeBaseType4.GROUP,
+  meta: {
+    renderKey: FlowNodeBaseType4.GROUP,
+    defaultPorts: [],
+    isContainer: true,
+    disableSideBar: true,
+    size: {
+      width: 560,
+      height: 400
+    },
+    padding: () => ({
+      top: 80,
+      bottom: 40,
+      left: 65,
+      right: 65
+    }),
+    selectable(node, mousePos) {
+      if (!mousePos) {
+        return true;
+      }
+      const transform = node.getData(FlowNodeTransformData);
+      return !transform.bounds.contains(mousePos.x, mousePos.y);
+    },
+    expandable: false
+  },
+  formMeta: {
+    render: () => /* @__PURE__ */ React.createElement(React.Fragment, null)
+  },
+  onCreate() {
+  }
+};
+
+// src/create-free-group-plugin.tsx
+var createFreeGroupPlugin = definePluginCreator(
+  {
+    onBind({ bind, rebind }) {
+      bind(WorkflowGroupService).toSelf().inSingletonScope();
+      rebind(FlowGroupService2).toService(WorkflowGroupService);
+    },
+    onInit(ctx, { groupNodeRender, disableGroupShortcuts = false, disableGroupNodeRegister = false }) {
+      if (groupNodeRender) {
+        const renderRegistry = ctx.get(FlowRendererRegistry);
+        renderRegistry.registerReactComponent(FlowNodeBaseType5.GROUP, groupNodeRender);
+      }
+      if (!disableGroupShortcuts) {
+        const shortcutsRegistry = ctx.get(ShortcutsRegistry);
+        shortcutsRegistry.addHandlers(new GroupShortcut(ctx), new UngroupShortcut(ctx));
+      }
+      if (!disableGroupNodeRegister) {
+        const document = ctx.get(WorkflowDocument2);
+        document.registerFlowNodes(GroupNodeRegistry);
+      }
+    },
+    onReady(ctx) {
+      const groupService = ctx.get(WorkflowGroupService);
+      groupService.ready();
+    },
+    onDispose(ctx) {
+      const groupService = ctx.get(WorkflowGroupService);
+      groupService.dispose();
+    }
+  }
+);
+export {
+  WorkflowGroupCommand,
+  WorkflowGroupService,
+  createFreeGroupPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/create-free-group-plugin.tsx","../../src/workflow-group-service.ts","../../src/utils.ts","../../src/shortcuts/group.ts","../../src/constant.ts","../../src/shortcuts/ungroup.ts","../../src/group-node.tsx"],"sourcesContent":["import { ShortcutsRegistry } from '@flowgram.ai/shortcuts-plugin';\nimport { FlowRendererRegistry } from '@flowgram.ai/renderer';\nimport { WorkflowDocument } from '@flowgram.ai/free-layout-core';\nimport { FlowGroupService, FlowNodeBaseType } from '@flowgram.ai/document';\nimport { definePluginCreator, PluginContext } from '@flowgram.ai/core';\n\nimport { WorkflowGroupService } from './workflow-group-service';\nimport { WorkflowGroupPluginOptions } from './type';\nimport { GroupShortcut, UngroupShortcut } from './shortcuts';\nimport { GroupNodeRegistry } from './group-node';\n\nexport const createFreeGroupPlugin = definePluginCreator<WorkflowGroupPluginOptions, PluginContext>(\n  {\n    onBind({ bind, rebind }) {\n      bind(WorkflowGroupService).toSelf().inSingletonScope();\n      rebind(FlowGroupService).toService(WorkflowGroupService);\n    },\n    onInit(\n      ctx,\n      { groupNodeRender, disableGroupShortcuts = false, disableGroupNodeRegister = false }\n    ) {\n      // register node render\n      if (groupNodeRender) {\n        const renderRegistry = ctx.get<FlowRendererRegistry>(FlowRendererRegistry);\n        renderRegistry.registerReactComponent(FlowNodeBaseType.GROUP, groupNodeRender);\n      }\n      // register shortcuts\n      if (!disableGroupShortcuts) {\n        const shortcutsRegistry = ctx.get(ShortcutsRegistry);\n        shortcutsRegistry.addHandlers(new GroupShortcut(ctx), new UngroupShortcut(ctx));\n      }\n      if (!disableGroupNodeRegister) {\n        const document = ctx.get(WorkflowDocument);\n        document.registerFlowNodes(GroupNodeRegistry);\n      }\n    },\n    onReady(ctx) {\n      const groupService = ctx.get(WorkflowGroupService);\n      groupService.ready();\n    },\n    onDispose(ctx) {\n      const groupService = ctx.get(WorkflowGroupService);\n      groupService.dispose();\n    },\n  }\n);\n","import { injectable, inject } from 'inversify';\nimport { DisposableCollection, Disposable } from '@flowgram.ai/utils';\nimport {\n  WorkflowDocument,\n  WorkflowOperationBaseService,\n  WorkflowNodeEntity,\n  nanoid,\n  WorkflowNodeJSON,\n} from '@flowgram.ai/free-layout-core';\nimport { HistoryService } from '@flowgram.ai/free-history-plugin';\nimport {\n  NodeIntoContainerService,\n  NodeIntoContainerType,\n} from '@flowgram.ai/free-container-plugin';\nimport { FlowGroupService, FlowNodeBaseType } from '@flowgram.ai/document';\nimport { TransformData } from '@flowgram.ai/core';\n\nimport { WorkflowGroupUtils } from './utils';\n\n@injectable()\n/** 分组服务 */\nexport class WorkflowGroupService extends FlowGroupService {\n  @inject(WorkflowDocument) private document: WorkflowDocument;\n\n  @inject(WorkflowOperationBaseService) freeOperationService: WorkflowOperationBaseService;\n\n  @inject(HistoryService) private historyService: HistoryService;\n\n  @inject(NodeIntoContainerService) private nodeIntoContainerService: NodeIntoContainerService;\n\n  private toDispose = new DisposableCollection();\n\n  public ready(): void {\n    this.toDispose.push(this.listenContainer());\n  }\n\n  public dispose(): void {\n    this.toDispose.dispose();\n  }\n\n  /** 创建分组节点 */\n  public createGroup(nodes: WorkflowNodeEntity[]): WorkflowNodeEntity | undefined {\n    if (!WorkflowGroupUtils.validate(nodes)) {\n      return;\n    }\n    const parent = nodes[0].parent ?? this.document.root;\n    const groupId = `group_${nanoid(5)}`;\n    const groupJSON: WorkflowNodeJSON = {\n      type: FlowNodeBaseType.GROUP,\n      id: groupId,\n      meta: {\n        position: {\n          x: 0,\n          y: 0,\n        },\n      },\n      data: {},\n    };\n    this.historyService.startTransaction();\n    this.document.createWorkflowNodeByType(\n      FlowNodeBaseType.GROUP,\n      {\n        x: 0,\n        y: 0,\n      },\n      groupJSON,\n      parent.id\n    );\n    nodes.forEach((node) => {\n      this.freeOperationService.moveNode(node, {\n        parent: groupId,\n      });\n    });\n    this.historyService.endTransaction();\n  }\n\n  /** 取消分组 */\n  public ungroup(groupNode: WorkflowNodeEntity): void {\n    const groupBlocks = groupNode.blocks.slice();\n    if (!groupNode.parent) {\n      return;\n    }\n    const groupPosition = groupNode.transform.position;\n\n    this.historyService.startTransaction();\n    groupBlocks.forEach((node) => {\n      this.freeOperationService.moveNode(node, {\n        parent: groupNode.parent?.id,\n      });\n    });\n    groupNode.dispose();\n    groupBlocks.forEach((node) => {\n      const transform = node.getData(TransformData);\n      const position = {\n        x: transform.position.x + groupPosition.x,\n        y: transform.position.y + groupPosition.y,\n      };\n      this.freeOperationService.updateNodePosition(node, position);\n    });\n    this.historyService.endTransaction();\n  }\n\n  private listenContainer(): Disposable {\n    return this.nodeIntoContainerService.on((e) => {\n      if (\n        e.type !== NodeIntoContainerType.Out ||\n        e.sourceContainer?.flowNodeType !== FlowNodeBaseType.GROUP\n      ) {\n        return;\n      }\n      if (e.sourceContainer?.blocks.length === 0) {\n        e.sourceContainer.dispose();\n      }\n    });\n  }\n}\n","import { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeBaseType } from '@flowgram.ai/document';\n\nexport namespace WorkflowGroupUtils {\n  /** 找到节点所有上级 */\n  // const findNodeParents = (node: WorkflowNodeEntity): WorkflowNodeEntity[] => {\n  //   const parents = [];\n  //   let parent = node.parent;\n  //   while (parent) {\n  //     parents.push(parent);\n  //     parent = parent.parent;\n  //   }\n  //   return parents;\n  // };\n\n  /** 节点是否处于分组中 */\n  const isNodeInGroup = (node: WorkflowNodeEntity): boolean => {\n    // 处于分组中\n    if (node?.parent?.flowNodeType === FlowNodeBaseType.GROUP) {\n      return true;\n    }\n    return false;\n  };\n\n  /** 是否分组节点 */\n  const isGroupNode = (group: WorkflowNodeEntity): boolean =>\n    group.flowNodeType === FlowNodeBaseType.GROUP;\n\n  /** 判断节点能否组成分组 */\n  export const validate = (nodes: WorkflowNodeEntity[]): boolean => {\n    if (!nodes || !Array.isArray(nodes) || nodes.length === 0) {\n      // 参数不合法\n      return false;\n    }\n\n    // 判断是否有分组节点\n    const isGroupRelatedNode = nodes.some((node) => isGroupNode(node));\n    if (isGroupRelatedNode) return false;\n\n    // 判断是否有节点已经处于分组中\n    const hasGroup = nodes.some((node) => node && isNodeInGroup(node));\n    if (hasGroup) return false;\n\n    // 判断是否来自同一个父亲\n    const parent = nodes[0].parent;\n    const isSameParent = nodes.every((node) => node.parent === parent);\n    if (!isSameParent) return false;\n\n    // 判断节点父亲是否已经在分组中\n    // const parents = findNodeParents(nodes[0]);\n    // const parentsInGroup = parents.some((parent) => isNodeInGroup(parent));\n    // if (parentsInGroup) return false;\n\n    // 参数正确\n    return true;\n  };\n}\n","import { ShortcutsHandler } from '@flowgram.ai/shortcuts-plugin';\nimport { WorkflowSelectService } from '@flowgram.ai/free-layout-core';\nimport { PluginContext } from '@flowgram.ai/core';\n\nimport { WorkflowGroupService } from '../workflow-group-service';\nimport { WorkflowGroupCommand } from '../constant';\n\nexport class GroupShortcut implements ShortcutsHandler {\n  public commandId = WorkflowGroupCommand.Group;\n\n  public commandDetail: ShortcutsHandler['commandDetail'] = {\n    label: 'Group',\n  };\n\n  public shortcuts = ['meta g', 'ctrl g'];\n\n  private selectService: WorkflowSelectService;\n\n  private groupService: WorkflowGroupService;\n\n  constructor(context: PluginContext) {\n    this.selectService = context.get(WorkflowSelectService);\n    this.groupService = context.get(WorkflowGroupService);\n    this.execute = this.execute.bind(this);\n  }\n\n  public async execute(): Promise<void> {\n    this.groupService.createGroup(this.selectService.selectedNodes);\n    this.selectService.clear();\n  }\n}\n","export enum WorkflowGroupCommand {\n  Group = 'group',\n  Ungroup = 'ungroup',\n}\n","import { ShortcutsHandler } from '@flowgram.ai/shortcuts-plugin';\nimport { WorkflowSelectService, WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeBaseType } from '@flowgram.ai/document';\nimport { PluginContext } from '@flowgram.ai/core';\n\nimport { WorkflowGroupService } from '../workflow-group-service';\nimport { WorkflowGroupCommand } from '../constant';\n\nexport class UngroupShortcut implements ShortcutsHandler {\n  public commandId = WorkflowGroupCommand.Ungroup;\n\n  public commandDetail: ShortcutsHandler['commandDetail'] = {\n    label: 'Ungroup',\n  };\n\n  public shortcuts = ['meta shift g', 'ctrl shift g'];\n\n  private selectService: WorkflowSelectService;\n\n  private groupService: WorkflowGroupService;\n\n  constructor(context: PluginContext) {\n    this.selectService = context.get(WorkflowSelectService);\n    this.groupService = context.get(WorkflowGroupService);\n    this.execute = this.execute.bind(this);\n  }\n\n  public async execute(_groupNode?: WorkflowNodeEntity): Promise<void> {\n    const groupNode = _groupNode || this.selectService.activatedNode;\n    if (!groupNode || groupNode.flowNodeType !== FlowNodeBaseType.GROUP) {\n      return;\n    }\n    this.groupService.ungroup(groupNode);\n    this.selectService.clear();\n  }\n}\n","import { PositionSchema } from '@flowgram.ai/utils';\nimport { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeRegistry, FlowNodeBaseType, FlowNodeTransformData } from '@flowgram.ai/document';\n\nexport const GroupNodeRegistry: FlowNodeRegistry = {\n  type: FlowNodeBaseType.GROUP,\n  meta: {\n    renderKey: FlowNodeBaseType.GROUP,\n    defaultPorts: [],\n    isContainer: true,\n    disableSideBar: true,\n    size: {\n      width: 560,\n      height: 400,\n    },\n    padding: () => ({\n      top: 80,\n      bottom: 40,\n      left: 65,\n      right: 65,\n    }),\n    selectable(node: WorkflowNodeEntity, mousePos?: PositionSchema): boolean {\n      if (!mousePos) {\n        return true;\n      }\n      const transform = node.getData<FlowNodeTransformData>(FlowNodeTransformData);\n      return !transform.bounds.contains(mousePos.x, mousePos.y);\n    },\n    expandable: false,\n  },\n  formMeta: {\n    render: () => <></>,\n  },\n  onCreate() {\n    // NOTICE: 这个函数是为了避免触发固定布局 flowDocument.addBlocksAsChildren\n  },\n};\n"],"mappings":"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","names":["WorkflowDocument","FlowGroupService","FlowNodeBaseType","FlowNodeBaseType","WorkflowGroupUtils","FlowNodeBaseType","WorkflowGroupCommand","WorkflowSelectService","FlowNodeBaseType","WorkflowSelectService","FlowNodeBaseType","FlowNodeBaseType","FlowGroupService","FlowNodeBaseType","WorkflowDocument"]}

package/dist/index.d.mts

@@ -0,0 +1,34 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import { FC } from 'react';
+import { WorkflowOperationBaseService, WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';
+import { FlowGroupService } from '@flowgram.ai/document';
+
+interface WorkflowGroupPluginOptions {
+    groupNodeRender: FC;
+    disableGroupShortcuts?: boolean;
+    disableGroupNodeRegister?: boolean;
+}
+
+declare const createFreeGroupPlugin: _flowgram_ai_core.PluginCreator<WorkflowGroupPluginOptions>;
+
+declare class WorkflowGroupService extends FlowGroupService {
+    private document;
+    freeOperationService: WorkflowOperationBaseService;
+    private historyService;
+    private nodeIntoContainerService;
+    private toDispose;
+    ready(): void;
+    dispose(): void;
+    /** 创建分组节点 */
+    createGroup(nodes: WorkflowNodeEntity[]): WorkflowNodeEntity | undefined;
+    /** 取消分组 */
+    ungroup(groupNode: WorkflowNodeEntity): void;
+    private listenContainer;
+}
+
+declare enum WorkflowGroupCommand {
+    Group = "group",
+    Ungroup = "ungroup"
+}
+
+export { WorkflowGroupCommand, WorkflowGroupService, createFreeGroupPlugin };

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import { FC } from 'react';
+import { WorkflowOperationBaseService, WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';
+import { FlowGroupService } from '@flowgram.ai/document';
+
+interface WorkflowGroupPluginOptions {
+    groupNodeRender: FC;
+    disableGroupShortcuts?: boolean;
+    disableGroupNodeRegister?: boolean;
+}
+
+declare const createFreeGroupPlugin: _flowgram_ai_core.PluginCreator<WorkflowGroupPluginOptions>;
+
+declare class WorkflowGroupService extends FlowGroupService {
+    private document;
+    freeOperationService: WorkflowOperationBaseService;
+    private historyService;
+    private nodeIntoContainerService;
+    private toDispose;
+    ready(): void;
+    dispose(): void;
+    /** 创建分组节点 */
+    createGroup(nodes: WorkflowNodeEntity[]): WorkflowNodeEntity | undefined;
+    /** 取消分组 */
+    ungroup(groupNode: WorkflowNodeEntity): void;
+    private listenContainer;
+}
+
+declare enum WorkflowGroupCommand {
+    Group = "group",
+    Ungroup = "ungroup"
+}
+
+export { WorkflowGroupCommand, WorkflowGroupService, createFreeGroupPlugin };

package/dist/index.js

@@ -0,0 +1,301 @@
+"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, {
+  WorkflowGroupCommand: () => WorkflowGroupCommand,
+  WorkflowGroupService: () => WorkflowGroupService,
+  createFreeGroupPlugin: () => createFreeGroupPlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/create-free-group-plugin.tsx
+var import_shortcuts_plugin = require("@flowgram.ai/shortcuts-plugin");
+var import_renderer = require("@flowgram.ai/renderer");
+var import_free_layout_core4 = require("@flowgram.ai/free-layout-core");
+var import_document5 = require("@flowgram.ai/document");
+var import_core2 = require("@flowgram.ai/core");
+
+// src/workflow-group-service.ts
+var import_inversify = require("inversify");
+var import_utils = require("@flowgram.ai/utils");
+var import_free_layout_core = require("@flowgram.ai/free-layout-core");
+var import_free_history_plugin = require("@flowgram.ai/free-history-plugin");
+var import_free_container_plugin = require("@flowgram.ai/free-container-plugin");
+var import_document2 = require("@flowgram.ai/document");
+var import_core = require("@flowgram.ai/core");
+
+// src/utils.ts
+var import_document = require("@flowgram.ai/document");
+var WorkflowGroupUtils;
+((WorkflowGroupUtils2) => {
+  const isNodeInGroup = (node) => {
+    if (node?.parent?.flowNodeType === import_document.FlowNodeBaseType.GROUP) {
+      return true;
+    }
+    return false;
+  };
+  const isGroupNode = (group) => group.flowNodeType === import_document.FlowNodeBaseType.GROUP;
+  WorkflowGroupUtils2.validate = (nodes) => {
+    if (!nodes || !Array.isArray(nodes) || nodes.length === 0) {
+      return false;
+    }
+    const isGroupRelatedNode = nodes.some((node) => isGroupNode(node));
+    if (isGroupRelatedNode) return false;
+    const hasGroup = nodes.some((node) => node && isNodeInGroup(node));
+    if (hasGroup) return false;
+    const parent = nodes[0].parent;
+    const isSameParent = nodes.every((node) => node.parent === parent);
+    if (!isSameParent) return false;
+    return true;
+  };
+})(WorkflowGroupUtils || (WorkflowGroupUtils = {}));
+
+// src/workflow-group-service.ts
+var WorkflowGroupService = class extends import_document2.FlowGroupService {
+  constructor() {
+    super(...arguments);
+    this.toDispose = new import_utils.DisposableCollection();
+  }
+  ready() {
+    this.toDispose.push(this.listenContainer());
+  }
+  dispose() {
+    this.toDispose.dispose();
+  }
+  /** 创建分组节点 */
+  createGroup(nodes) {
+    if (!WorkflowGroupUtils.validate(nodes)) {
+      return;
+    }
+    const parent = nodes[0].parent ?? this.document.root;
+    const groupId = `group_${(0, import_free_layout_core.nanoid)(5)}`;
+    const groupJSON = {
+      type: import_document2.FlowNodeBaseType.GROUP,
+      id: groupId,
+      meta: {
+        position: {
+          x: 0,
+          y: 0
+        }
+      },
+      data: {}
+    };
+    this.historyService.startTransaction();
+    this.document.createWorkflowNodeByType(
+      import_document2.FlowNodeBaseType.GROUP,
+      {
+        x: 0,
+        y: 0
+      },
+      groupJSON,
+      parent.id
+    );
+    nodes.forEach((node) => {
+      this.freeOperationService.moveNode(node, {
+        parent: groupId
+      });
+    });
+    this.historyService.endTransaction();
+  }
+  /** 取消分组 */
+  ungroup(groupNode) {
+    const groupBlocks = groupNode.blocks.slice();
+    if (!groupNode.parent) {
+      return;
+    }
+    const groupPosition = groupNode.transform.position;
+    this.historyService.startTransaction();
+    groupBlocks.forEach((node) => {
+      this.freeOperationService.moveNode(node, {
+        parent: groupNode.parent?.id
+      });
+    });
+    groupNode.dispose();
+    groupBlocks.forEach((node) => {
+      const transform = node.getData(import_core.TransformData);
+      const position = {
+        x: transform.position.x + groupPosition.x,
+        y: transform.position.y + groupPosition.y
+      };
+      this.freeOperationService.updateNodePosition(node, position);
+    });
+    this.historyService.endTransaction();
+  }
+  listenContainer() {
+    return this.nodeIntoContainerService.on((e) => {
+      if (e.type !== import_free_container_plugin.NodeIntoContainerType.Out || e.sourceContainer?.flowNodeType !== import_document2.FlowNodeBaseType.GROUP) {
+        return;
+      }
+      if (e.sourceContainer?.blocks.length === 0) {
+        e.sourceContainer.dispose();
+      }
+    });
+  }
+};
+__decorateClass([
+  (0, import_inversify.inject)(import_free_layout_core.WorkflowDocument)
+], WorkflowGroupService.prototype, "document", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_free_layout_core.WorkflowOperationBaseService)
+], WorkflowGroupService.prototype, "freeOperationService", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_free_history_plugin.HistoryService)
+], WorkflowGroupService.prototype, "historyService", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_free_container_plugin.NodeIntoContainerService)
+], WorkflowGroupService.prototype, "nodeIntoContainerService", 2);
+WorkflowGroupService = __decorateClass([
+  (0, import_inversify.injectable)()
+], WorkflowGroupService);
+
+// src/shortcuts/group.ts
+var import_free_layout_core2 = require("@flowgram.ai/free-layout-core");
+
+// src/constant.ts
+var WorkflowGroupCommand = /* @__PURE__ */ ((WorkflowGroupCommand2) => {
+  WorkflowGroupCommand2["Group"] = "group";
+  WorkflowGroupCommand2["Ungroup"] = "ungroup";
+  return WorkflowGroupCommand2;
+})(WorkflowGroupCommand || {});
+
+// src/shortcuts/group.ts
+var GroupShortcut = class {
+  constructor(context) {
+    this.commandId = "group" /* Group */;
+    this.commandDetail = {
+      label: "Group"
+    };
+    this.shortcuts = ["meta g", "ctrl g"];
+    this.selectService = context.get(import_free_layout_core2.WorkflowSelectService);
+    this.groupService = context.get(WorkflowGroupService);
+    this.execute = this.execute.bind(this);
+  }
+  async execute() {
+    this.groupService.createGroup(this.selectService.selectedNodes);
+    this.selectService.clear();
+  }
+};
+
+// src/shortcuts/ungroup.ts
+var import_free_layout_core3 = require("@flowgram.ai/free-layout-core");
+var import_document3 = require("@flowgram.ai/document");
+var UngroupShortcut = class {
+  constructor(context) {
+    this.commandId = "ungroup" /* Ungroup */;
+    this.commandDetail = {
+      label: "Ungroup"
+    };
+    this.shortcuts = ["meta shift g", "ctrl shift g"];
+    this.selectService = context.get(import_free_layout_core3.WorkflowSelectService);
+    this.groupService = context.get(WorkflowGroupService);
+    this.execute = this.execute.bind(this);
+  }
+  async execute(_groupNode) {
+    const groupNode = _groupNode || this.selectService.activatedNode;
+    if (!groupNode || groupNode.flowNodeType !== import_document3.FlowNodeBaseType.GROUP) {
+      return;
+    }
+    this.groupService.ungroup(groupNode);
+    this.selectService.clear();
+  }
+};
+
+// src/group-node.tsx
+var import_document4 = require("@flowgram.ai/document");
+var GroupNodeRegistry = {
+  type: import_document4.FlowNodeBaseType.GROUP,
+  meta: {
+    renderKey: import_document4.FlowNodeBaseType.GROUP,
+    defaultPorts: [],
+    isContainer: true,
+    disableSideBar: true,
+    size: {
+      width: 560,
+      height: 400
+    },
+    padding: () => ({
+      top: 80,
+      bottom: 40,
+      left: 65,
+      right: 65
+    }),
+    selectable(node, mousePos) {
+      if (!mousePos) {
+        return true;
+      }
+      const transform = node.getData(import_document4.FlowNodeTransformData);
+      return !transform.bounds.contains(mousePos.x, mousePos.y);
+    },
+    expandable: false
+  },
+  formMeta: {
+    render: () => /* @__PURE__ */ React.createElement(React.Fragment, null)
+  },
+  onCreate() {
+  }
+};
+
+// src/create-free-group-plugin.tsx
+var createFreeGroupPlugin = (0, import_core2.definePluginCreator)(
+  {
+    onBind({ bind, rebind }) {
+      bind(WorkflowGroupService).toSelf().inSingletonScope();
+      rebind(import_document5.FlowGroupService).toService(WorkflowGroupService);
+    },
+    onInit(ctx, { groupNodeRender, disableGroupShortcuts = false, disableGroupNodeRegister = false }) {
+      if (groupNodeRender) {
+        const renderRegistry = ctx.get(import_renderer.FlowRendererRegistry);
+        renderRegistry.registerReactComponent(import_document5.FlowNodeBaseType.GROUP, groupNodeRender);
+      }
+      if (!disableGroupShortcuts) {
+        const shortcutsRegistry = ctx.get(import_shortcuts_plugin.ShortcutsRegistry);
+        shortcutsRegistry.addHandlers(new GroupShortcut(ctx), new UngroupShortcut(ctx));
+      }
+      if (!disableGroupNodeRegister) {
+        const document = ctx.get(import_free_layout_core4.WorkflowDocument);
+        document.registerFlowNodes(GroupNodeRegistry);
+      }
+    },
+    onReady(ctx) {
+      const groupService = ctx.get(WorkflowGroupService);
+      groupService.ready();
+    },
+    onDispose(ctx) {
+      const groupService = ctx.get(WorkflowGroupService);
+      groupService.dispose();
+    }
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WorkflowGroupCommand,
+  WorkflowGroupService,
+  createFreeGroupPlugin
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/create-free-group-plugin.tsx","../src/workflow-group-service.ts","../src/utils.ts","../src/shortcuts/group.ts","../src/constant.ts","../src/shortcuts/ungroup.ts","../src/group-node.tsx"],"sourcesContent":["export { createFreeGroupPlugin } from './create-free-group-plugin';\nexport { WorkflowGroupService } from './workflow-group-service';\nexport { WorkflowGroupCommand } from './constant';\n","import { ShortcutsRegistry } from '@flowgram.ai/shortcuts-plugin';\nimport { FlowRendererRegistry } from '@flowgram.ai/renderer';\nimport { WorkflowDocument } from '@flowgram.ai/free-layout-core';\nimport { FlowGroupService, FlowNodeBaseType } from '@flowgram.ai/document';\nimport { definePluginCreator, PluginContext } from '@flowgram.ai/core';\n\nimport { WorkflowGroupService } from './workflow-group-service';\nimport { WorkflowGroupPluginOptions } from './type';\nimport { GroupShortcut, UngroupShortcut } from './shortcuts';\nimport { GroupNodeRegistry } from './group-node';\n\nexport const createFreeGroupPlugin = definePluginCreator<WorkflowGroupPluginOptions, PluginContext>(\n  {\n    onBind({ bind, rebind }) {\n      bind(WorkflowGroupService).toSelf().inSingletonScope();\n      rebind(FlowGroupService).toService(WorkflowGroupService);\n    },\n    onInit(\n      ctx,\n      { groupNodeRender, disableGroupShortcuts = false, disableGroupNodeRegister = false }\n    ) {\n      // register node render\n      if (groupNodeRender) {\n        const renderRegistry = ctx.get<FlowRendererRegistry>(FlowRendererRegistry);\n        renderRegistry.registerReactComponent(FlowNodeBaseType.GROUP, groupNodeRender);\n      }\n      // register shortcuts\n      if (!disableGroupShortcuts) {\n        const shortcutsRegistry = ctx.get(ShortcutsRegistry);\n        shortcutsRegistry.addHandlers(new GroupShortcut(ctx), new UngroupShortcut(ctx));\n      }\n      if (!disableGroupNodeRegister) {\n        const document = ctx.get(WorkflowDocument);\n        document.registerFlowNodes(GroupNodeRegistry);\n      }\n    },\n    onReady(ctx) {\n      const groupService = ctx.get(WorkflowGroupService);\n      groupService.ready();\n    },\n    onDispose(ctx) {\n      const groupService = ctx.get(WorkflowGroupService);\n      groupService.dispose();\n    },\n  }\n);\n","import { injectable, inject } from 'inversify';\nimport { DisposableCollection, Disposable } from '@flowgram.ai/utils';\nimport {\n  WorkflowDocument,\n  WorkflowOperationBaseService,\n  WorkflowNodeEntity,\n  nanoid,\n  WorkflowNodeJSON,\n} from '@flowgram.ai/free-layout-core';\nimport { HistoryService } from '@flowgram.ai/free-history-plugin';\nimport {\n  NodeIntoContainerService,\n  NodeIntoContainerType,\n} from '@flowgram.ai/free-container-plugin';\nimport { FlowGroupService, FlowNodeBaseType } from '@flowgram.ai/document';\nimport { TransformData } from '@flowgram.ai/core';\n\nimport { WorkflowGroupUtils } from './utils';\n\n@injectable()\n/** 分组服务 */\nexport class WorkflowGroupService extends FlowGroupService {\n  @inject(WorkflowDocument) private document: WorkflowDocument;\n\n  @inject(WorkflowOperationBaseService) freeOperationService: WorkflowOperationBaseService;\n\n  @inject(HistoryService) private historyService: HistoryService;\n\n  @inject(NodeIntoContainerService) private nodeIntoContainerService: NodeIntoContainerService;\n\n  private toDispose = new DisposableCollection();\n\n  public ready(): void {\n    this.toDispose.push(this.listenContainer());\n  }\n\n  public dispose(): void {\n    this.toDispose.dispose();\n  }\n\n  /** 创建分组节点 */\n  public createGroup(nodes: WorkflowNodeEntity[]): WorkflowNodeEntity | undefined {\n    if (!WorkflowGroupUtils.validate(nodes)) {\n      return;\n    }\n    const parent = nodes[0].parent ?? this.document.root;\n    const groupId = `group_${nanoid(5)}`;\n    const groupJSON: WorkflowNodeJSON = {\n      type: FlowNodeBaseType.GROUP,\n      id: groupId,\n      meta: {\n        position: {\n          x: 0,\n          y: 0,\n        },\n      },\n      data: {},\n    };\n    this.historyService.startTransaction();\n    this.document.createWorkflowNodeByType(\n      FlowNodeBaseType.GROUP,\n      {\n        x: 0,\n        y: 0,\n      },\n      groupJSON,\n      parent.id\n    );\n    nodes.forEach((node) => {\n      this.freeOperationService.moveNode(node, {\n        parent: groupId,\n      });\n    });\n    this.historyService.endTransaction();\n  }\n\n  /** 取消分组 */\n  public ungroup(groupNode: WorkflowNodeEntity): void {\n    const groupBlocks = groupNode.blocks.slice();\n    if (!groupNode.parent) {\n      return;\n    }\n    const groupPosition = groupNode.transform.position;\n\n    this.historyService.startTransaction();\n    groupBlocks.forEach((node) => {\n      this.freeOperationService.moveNode(node, {\n        parent: groupNode.parent?.id,\n      });\n    });\n    groupNode.dispose();\n    groupBlocks.forEach((node) => {\n      const transform = node.getData(TransformData);\n      const position = {\n        x: transform.position.x + groupPosition.x,\n        y: transform.position.y + groupPosition.y,\n      };\n      this.freeOperationService.updateNodePosition(node, position);\n    });\n    this.historyService.endTransaction();\n  }\n\n  private listenContainer(): Disposable {\n    return this.nodeIntoContainerService.on((e) => {\n      if (\n        e.type !== NodeIntoContainerType.Out ||\n        e.sourceContainer?.flowNodeType !== FlowNodeBaseType.GROUP\n      ) {\n        return;\n      }\n      if (e.sourceContainer?.blocks.length === 0) {\n        e.sourceContainer.dispose();\n      }\n    });\n  }\n}\n","import { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeBaseType } from '@flowgram.ai/document';\n\nexport namespace WorkflowGroupUtils {\n  /** 找到节点所有上级 */\n  // const findNodeParents = (node: WorkflowNodeEntity): WorkflowNodeEntity[] => {\n  //   const parents = [];\n  //   let parent = node.parent;\n  //   while (parent) {\n  //     parents.push(parent);\n  //     parent = parent.parent;\n  //   }\n  //   return parents;\n  // };\n\n  /** 节点是否处于分组中 */\n  const isNodeInGroup = (node: WorkflowNodeEntity): boolean => {\n    // 处于分组中\n    if (node?.parent?.flowNodeType === FlowNodeBaseType.GROUP) {\n      return true;\n    }\n    return false;\n  };\n\n  /** 是否分组节点 */\n  const isGroupNode = (group: WorkflowNodeEntity): boolean =>\n    group.flowNodeType === FlowNodeBaseType.GROUP;\n\n  /** 判断节点能否组成分组 */\n  export const validate = (nodes: WorkflowNodeEntity[]): boolean => {\n    if (!nodes || !Array.isArray(nodes) || nodes.length === 0) {\n      // 参数不合法\n      return false;\n    }\n\n    // 判断是否有分组节点\n    const isGroupRelatedNode = nodes.some((node) => isGroupNode(node));\n    if (isGroupRelatedNode) return false;\n\n    // 判断是否有节点已经处于分组中\n    const hasGroup = nodes.some((node) => node && isNodeInGroup(node));\n    if (hasGroup) return false;\n\n    // 判断是否来自同一个父亲\n    const parent = nodes[0].parent;\n    const isSameParent = nodes.every((node) => node.parent === parent);\n    if (!isSameParent) return false;\n\n    // 判断节点父亲是否已经在分组中\n    // const parents = findNodeParents(nodes[0]);\n    // const parentsInGroup = parents.some((parent) => isNodeInGroup(parent));\n    // if (parentsInGroup) return false;\n\n    // 参数正确\n    return true;\n  };\n}\n","import { ShortcutsHandler } from '@flowgram.ai/shortcuts-plugin';\nimport { WorkflowSelectService } from '@flowgram.ai/free-layout-core';\nimport { PluginContext } from '@flowgram.ai/core';\n\nimport { WorkflowGroupService } from '../workflow-group-service';\nimport { WorkflowGroupCommand } from '../constant';\n\nexport class GroupShortcut implements ShortcutsHandler {\n  public commandId = WorkflowGroupCommand.Group;\n\n  public commandDetail: ShortcutsHandler['commandDetail'] = {\n    label: 'Group',\n  };\n\n  public shortcuts = ['meta g', 'ctrl g'];\n\n  private selectService: WorkflowSelectService;\n\n  private groupService: WorkflowGroupService;\n\n  constructor(context: PluginContext) {\n    this.selectService = context.get(WorkflowSelectService);\n    this.groupService = context.get(WorkflowGroupService);\n    this.execute = this.execute.bind(this);\n  }\n\n  public async execute(): Promise<void> {\n    this.groupService.createGroup(this.selectService.selectedNodes);\n    this.selectService.clear();\n  }\n}\n","export enum WorkflowGroupCommand {\n  Group = 'group',\n  Ungroup = 'ungroup',\n}\n","import { ShortcutsHandler } from '@flowgram.ai/shortcuts-plugin';\nimport { WorkflowSelectService, WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeBaseType } from '@flowgram.ai/document';\nimport { PluginContext } from '@flowgram.ai/core';\n\nimport { WorkflowGroupService } from '../workflow-group-service';\nimport { WorkflowGroupCommand } from '../constant';\n\nexport class UngroupShortcut implements ShortcutsHandler {\n  public commandId = WorkflowGroupCommand.Ungroup;\n\n  public commandDetail: ShortcutsHandler['commandDetail'] = {\n    label: 'Ungroup',\n  };\n\n  public shortcuts = ['meta shift g', 'ctrl shift g'];\n\n  private selectService: WorkflowSelectService;\n\n  private groupService: WorkflowGroupService;\n\n  constructor(context: PluginContext) {\n    this.selectService = context.get(WorkflowSelectService);\n    this.groupService = context.get(WorkflowGroupService);\n    this.execute = this.execute.bind(this);\n  }\n\n  public async execute(_groupNode?: WorkflowNodeEntity): Promise<void> {\n    const groupNode = _groupNode || this.selectService.activatedNode;\n    if (!groupNode || groupNode.flowNodeType !== FlowNodeBaseType.GROUP) {\n      return;\n    }\n    this.groupService.ungroup(groupNode);\n    this.selectService.clear();\n  }\n}\n","import { PositionSchema } from '@flowgram.ai/utils';\nimport { WorkflowNodeEntity } from '@flowgram.ai/free-layout-core';\nimport { FlowNodeRegistry, FlowNodeBaseType, FlowNodeTransformData } from '@flowgram.ai/document';\n\nexport const GroupNodeRegistry: FlowNodeRegistry = {\n  type: FlowNodeBaseType.GROUP,\n  meta: {\n    renderKey: FlowNodeBaseType.GROUP,\n    defaultPorts: [],\n    isContainer: true,\n    disableSideBar: true,\n    size: {\n      width: 560,\n      height: 400,\n    },\n    padding: () => ({\n      top: 80,\n      bottom: 40,\n      left: 65,\n      right: 65,\n    }),\n    selectable(node: WorkflowNodeEntity, mousePos?: PositionSchema): boolean {\n      if (!mousePos) {\n        return true;\n      }\n      const transform = node.getData<FlowNodeTransformData>(FlowNodeTransformData);\n      return !transform.bounds.contains(mousePos.x, mousePos.y);\n    },\n    expandable: false,\n  },\n  formMeta: {\n    render: () => <></>,\n  },\n  onCreate() {\n    // NOTICE: 这个函数是为了避免触发固定布局 flowDocument.addBlocksAsChildren\n  },\n};\n"],"mappings":"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","names":["import_free_layout_core","import_document","import_core","import_document","WorkflowGroupUtils","import_free_layout_core","WorkflowGroupCommand","import_free_layout_core","import_document","import_document"]}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@flowgram.ai/free-group-plugin",
+  "version": "0.1.8",
+  "homepage": "https://flowgram.ai/",
+  "repository": "https://github.com/bytedance/flowgram.ai",
+  "license": "MIT",
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "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",
+    "reflect-metadata": "~0.2.2",
+    "lodash": "^4.17.21",
+    "@flowgram.ai/free-history-plugin": "0.1.8",
+    "@flowgram.ai/free-container-plugin": "0.1.8",
+    "@flowgram.ai/free-lines-plugin": "0.1.8",
+    "@flowgram.ai/document": "0.1.8",
+    "@flowgram.ai/core": "0.1.8",
+    "@flowgram.ai/shortcuts-plugin": "0.1.8",
+    "@flowgram.ai/renderer": "0.1.8",
+    "@flowgram.ai/utils": "0.1.8",
+    "@flowgram.ai/free-layout-core": "0.1.8"
+  },
+  "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",
+    "styled-components": "^5",
+    "tsup": "^8.0.1",
+    "typescript": "^5.0.4",
+    "vitest": "^0.34.6",
+    "@flowgram.ai/ts-config": "0.1.8",
+    "@flowgram.ai/eslint-config": "0.1.8"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17",
+    "styled-components": ">=4"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "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": "exit 0",
+    "test:cov": "exit 0",
+    "ts-check": "tsc --noEmit",
+    "watch": "npm run build:fast -- --dts-resolve --watch --ignore-watch dist"
+  }
+}