@flowgram.ai/free-group-plugin 0.3.3 → 0.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +26 -16
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +26 -15
- package/dist/index.js.map +1 -1
- package/package.json +13 -12
package/dist/esm/index.js
CHANGED
|
@@ -19,10 +19,10 @@ import { definePluginCreator } from "@flowgram.ai/core";
|
|
|
19
19
|
// src/workflow-group-service.ts
|
|
20
20
|
import { injectable, inject } from "inversify";
|
|
21
21
|
import { DisposableCollection } from "@flowgram.ai/utils";
|
|
22
|
+
import { FreeLayoutPluginContext } from "@flowgram.ai/free-layout-editor";
|
|
22
23
|
import {
|
|
23
24
|
WorkflowDocument,
|
|
24
|
-
WorkflowOperationBaseService
|
|
25
|
-
nanoid
|
|
25
|
+
WorkflowOperationBaseService
|
|
26
26
|
} from "@flowgram.ai/free-layout-core";
|
|
27
27
|
import { HistoryService } from "@flowgram.ai/free-history-plugin";
|
|
28
28
|
import {
|
|
@@ -79,17 +79,10 @@ var WorkflowGroupService = class extends FlowGroupService {
|
|
|
79
79
|
return;
|
|
80
80
|
}
|
|
81
81
|
const parent = nodes[0].parent ?? this.document.root;
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
position: {
|
|
87
|
-
x: 0,
|
|
88
|
-
y: 0
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
data: {}
|
|
92
|
-
};
|
|
82
|
+
const nodeRegistry = this.document.getNodeRegistry(
|
|
83
|
+
FlowNodeBaseType2.GROUP
|
|
84
|
+
);
|
|
85
|
+
let groupJSON = nodeRegistry?.onAdd?.(this.context);
|
|
93
86
|
if (this.opts.initGroupJSON) {
|
|
94
87
|
groupJSON = this.opts.initGroupJSON(groupJSON, nodes);
|
|
95
88
|
}
|
|
@@ -160,6 +153,9 @@ __decorateClass([
|
|
|
160
153
|
__decorateClass([
|
|
161
154
|
inject(WorkflowGroupPluginOptions)
|
|
162
155
|
], WorkflowGroupService.prototype, "opts", 2);
|
|
156
|
+
__decorateClass([
|
|
157
|
+
inject(FreeLayoutPluginContext)
|
|
158
|
+
], WorkflowGroupService.prototype, "context", 2);
|
|
163
159
|
WorkflowGroupService = __decorateClass([
|
|
164
160
|
injectable()
|
|
165
161
|
], WorkflowGroupService);
|
|
@@ -217,6 +213,7 @@ var UngroupShortcut = class {
|
|
|
217
213
|
};
|
|
218
214
|
|
|
219
215
|
// src/group-node.tsx
|
|
216
|
+
import { nanoid } from "@flowgram.ai/free-layout-core";
|
|
220
217
|
import { FlowNodeBaseType as FlowNodeBaseType4, FlowNodeTransformData } from "@flowgram.ai/document";
|
|
221
218
|
var GroupNodeRegistry = {
|
|
222
219
|
type: FlowNodeBaseType4.GROUP,
|
|
@@ -246,6 +243,19 @@ var GroupNodeRegistry = {
|
|
|
246
243
|
},
|
|
247
244
|
formMeta: {
|
|
248
245
|
render: () => /* @__PURE__ */ React.createElement(React.Fragment, null)
|
|
246
|
+
},
|
|
247
|
+
onAdd() {
|
|
248
|
+
return {
|
|
249
|
+
type: FlowNodeBaseType4.GROUP,
|
|
250
|
+
id: `group_${nanoid(5)}`,
|
|
251
|
+
meta: {
|
|
252
|
+
position: {
|
|
253
|
+
x: 0,
|
|
254
|
+
y: 0
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
data: {}
|
|
258
|
+
};
|
|
249
259
|
}
|
|
250
260
|
};
|
|
251
261
|
|
|
@@ -257,7 +267,7 @@ var createFreeGroupPlugin = definePluginCreator(
|
|
|
257
267
|
bind(WorkflowGroupPluginOptions).toConstantValue(opts);
|
|
258
268
|
rebind(FlowGroupService2).toService(WorkflowGroupService);
|
|
259
269
|
},
|
|
260
|
-
onInit(ctx, { groupNodeRender, disableGroupShortcuts = false
|
|
270
|
+
onInit(ctx, { groupNodeRender, disableGroupShortcuts = false }) {
|
|
261
271
|
if (groupNodeRender) {
|
|
262
272
|
const renderRegistry = ctx.get(FlowRendererRegistry);
|
|
263
273
|
renderRegistry.registerReactComponent(FlowNodeBaseType5.GROUP, groupNodeRender);
|
|
@@ -266,8 +276,8 @@ var createFreeGroupPlugin = definePluginCreator(
|
|
|
266
276
|
const shortcutsRegistry = ctx.get(ShortcutsRegistry);
|
|
267
277
|
shortcutsRegistry.addHandlers(new GroupShortcut(ctx), new UngroupShortcut(ctx));
|
|
268
278
|
}
|
|
269
|
-
|
|
270
|
-
|
|
279
|
+
const document = ctx.get(WorkflowDocument2);
|
|
280
|
+
if (!document.getNodeRegistry(FlowNodeBaseType5.GROUP)) {
|
|
271
281
|
document.registerFlowNodes(GroupNodeRegistry);
|
|
272
282
|
}
|
|
273
283
|
},
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/create-free-group-plugin.tsx","../../src/workflow-group-service.ts","../../src/utils.ts","../../src/type.ts","../../src/shortcuts/group.ts","../../src/constant.ts","../../src/shortcuts/ungroup.ts","../../src/group-node.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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 }, opts) {\n bind(WorkflowGroupService).toSelf().inSingletonScope();\n bind(WorkflowGroupPluginOptions).toConstantValue(opts);\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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';\nimport { WorkflowGroupPluginOptions } from './type';\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 @inject(WorkflowGroupPluginOptions) private opts: WorkflowGroupPluginOptions;\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 let groupJSON: WorkflowNodeJSON = {\n type: FlowNodeBaseType.GROUP,\n id: `group_${nanoid(5)}`,\n meta: {\n position: {\n x: 0,\n y: 0,\n },\n },\n data: {},\n };\n if (this.opts.initGroupJSON) {\n groupJSON = this.opts.initGroupJSON(groupJSON, nodes);\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: groupJSON.id,\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FC } from 'react';\n\nimport { WorkflowNodeEntity, WorkflowNodeJSON } from '@flowgram.ai/free-layout-core';\n\nexport interface WorkflowGroupPluginOptions {\n groupNodeRender: FC;\n disableGroupShortcuts?: boolean;\n disableGroupNodeRegister?: boolean;\n initGroupJSON?: (json: WorkflowNodeJSON, nodes: WorkflowNodeEntity[]) => WorkflowNodeJSON;\n}\n\nexport const WorkflowGroupPluginOptions = Symbol('WorkflowGroupPluginOptions');\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum WorkflowGroupCommand {\n Group = 'group',\n Ungroup = 'ungroup',\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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};\n"],"mappings":"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","names":["WorkflowDocument","FlowGroupService","FlowNodeBaseType","FlowNodeBaseType","WorkflowGroupUtils","FlowNodeBaseType","WorkflowGroupCommand","WorkflowSelectService","FlowNodeBaseType","WorkflowSelectService","FlowNodeBaseType","FlowNodeBaseType","FlowGroupService","FlowNodeBaseType","WorkflowDocument"]}
|
|
1
|
+
{"version":3,"sources":["../../src/create-free-group-plugin.tsx","../../src/workflow-group-service.ts","../../src/utils.ts","../../src/type.ts","../../src/shortcuts/group.ts","../../src/constant.ts","../../src/shortcuts/ungroup.ts","../../src/group-node.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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 }, opts) {\n bind(WorkflowGroupService).toSelf().inSingletonScope();\n bind(WorkflowGroupPluginOptions).toConstantValue(opts);\n rebind(FlowGroupService).toService(WorkflowGroupService);\n },\n onInit(ctx, { groupNodeRender, disableGroupShortcuts = false }) {\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 const document = ctx.get(WorkflowDocument);\n if (!document.getNodeRegistry(FlowNodeBaseType.GROUP)) {\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, inject } from 'inversify';\nimport { DisposableCollection, Disposable } from '@flowgram.ai/utils';\nimport { FreeLayoutPluginContext } from '@flowgram.ai/free-layout-editor';\nimport {\n WorkflowDocument,\n WorkflowOperationBaseService,\n WorkflowNodeEntity,\n WorkflowNodeJSON,\n WorkflowNodeRegistry,\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';\nimport { WorkflowGroupPluginOptions } from './type';\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 @inject(WorkflowGroupPluginOptions) private opts: WorkflowGroupPluginOptions;\n\n @inject(FreeLayoutPluginContext) private context: FreeLayoutPluginContext;\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 nodeRegistry = this.document.getNodeRegistry<WorkflowNodeRegistry>(\n FlowNodeBaseType.GROUP\n );\n let groupJSON: WorkflowNodeJSON = nodeRegistry?.onAdd?.(this.context);\n if (this.opts.initGroupJSON) {\n groupJSON = this.opts.initGroupJSON(groupJSON, nodes);\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: groupJSON.id,\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FC } from 'react';\n\nimport { WorkflowNodeEntity, WorkflowNodeJSON } from '@flowgram.ai/free-layout-core';\n\nexport interface WorkflowGroupPluginOptions {\n groupNodeRender: FC;\n disableGroupShortcuts?: boolean;\n /** @deprecated */\n disableGroupNodeRegister?: boolean;\n /** @deprecated use groupNodeRegistry.onAdd instead */\n initGroupJSON?: (json: WorkflowNodeJSON, nodes: WorkflowNodeEntity[]) => WorkflowNodeJSON;\n}\n\nexport const WorkflowGroupPluginOptions = Symbol('WorkflowGroupPluginOptions');\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum WorkflowGroupCommand {\n Group = 'group',\n Ungroup = 'ungroup',\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { PositionSchema } from '@flowgram.ai/utils';\nimport { nanoid, 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 onAdd() {\n return {\n type: FlowNodeBaseType.GROUP,\n id: `group_${nanoid(5)}`,\n meta: {\n position: {\n x: 0,\n y: 0,\n },\n },\n data: {},\n };\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
CHANGED
|
@@ -11,7 +11,9 @@ import { FlowGroupService } from '@flowgram.ai/document';
|
|
|
11
11
|
interface WorkflowGroupPluginOptions {
|
|
12
12
|
groupNodeRender: FC;
|
|
13
13
|
disableGroupShortcuts?: boolean;
|
|
14
|
+
/** @deprecated */
|
|
14
15
|
disableGroupNodeRegister?: boolean;
|
|
16
|
+
/** @deprecated use groupNodeRegistry.onAdd instead */
|
|
15
17
|
initGroupJSON?: (json: WorkflowNodeJSON, nodes: WorkflowNodeEntity[]) => WorkflowNodeJSON;
|
|
16
18
|
}
|
|
17
19
|
declare const WorkflowGroupPluginOptions: unique symbol;
|
|
@@ -29,6 +31,7 @@ declare class WorkflowGroupService extends FlowGroupService {
|
|
|
29
31
|
private historyService;
|
|
30
32
|
private nodeIntoContainerService;
|
|
31
33
|
private opts;
|
|
34
|
+
private context;
|
|
32
35
|
private toDispose;
|
|
33
36
|
ready(): void;
|
|
34
37
|
dispose(): void;
|
package/dist/index.d.ts
CHANGED
|
@@ -11,7 +11,9 @@ import { FlowGroupService } from '@flowgram.ai/document';
|
|
|
11
11
|
interface WorkflowGroupPluginOptions {
|
|
12
12
|
groupNodeRender: FC;
|
|
13
13
|
disableGroupShortcuts?: boolean;
|
|
14
|
+
/** @deprecated */
|
|
14
15
|
disableGroupNodeRegister?: boolean;
|
|
16
|
+
/** @deprecated use groupNodeRegistry.onAdd instead */
|
|
15
17
|
initGroupJSON?: (json: WorkflowNodeJSON, nodes: WorkflowNodeEntity[]) => WorkflowNodeJSON;
|
|
16
18
|
}
|
|
17
19
|
declare const WorkflowGroupPluginOptions: unique symbol;
|
|
@@ -29,6 +31,7 @@ declare class WorkflowGroupService extends FlowGroupService {
|
|
|
29
31
|
private historyService;
|
|
30
32
|
private nodeIntoContainerService;
|
|
31
33
|
private opts;
|
|
34
|
+
private context;
|
|
32
35
|
private toDispose;
|
|
33
36
|
ready(): void;
|
|
34
37
|
dispose(): void;
|
package/dist/index.js
CHANGED
|
@@ -37,13 +37,14 @@ module.exports = __toCommonJS(src_exports);
|
|
|
37
37
|
// src/create-free-group-plugin.tsx
|
|
38
38
|
var import_shortcuts_plugin = require("@flowgram.ai/shortcuts-plugin");
|
|
39
39
|
var import_renderer = require("@flowgram.ai/renderer");
|
|
40
|
-
var
|
|
40
|
+
var import_free_layout_core5 = require("@flowgram.ai/free-layout-core");
|
|
41
41
|
var import_document5 = require("@flowgram.ai/document");
|
|
42
42
|
var import_core2 = require("@flowgram.ai/core");
|
|
43
43
|
|
|
44
44
|
// src/workflow-group-service.ts
|
|
45
45
|
var import_inversify = require("inversify");
|
|
46
46
|
var import_utils = require("@flowgram.ai/utils");
|
|
47
|
+
var import_free_layout_editor = require("@flowgram.ai/free-layout-editor");
|
|
47
48
|
var import_free_layout_core = require("@flowgram.ai/free-layout-core");
|
|
48
49
|
var import_free_history_plugin = require("@flowgram.ai/free-history-plugin");
|
|
49
50
|
var import_free_container_plugin = require("@flowgram.ai/free-container-plugin");
|
|
@@ -97,17 +98,10 @@ var WorkflowGroupService = class extends import_document2.FlowGroupService {
|
|
|
97
98
|
return;
|
|
98
99
|
}
|
|
99
100
|
const parent = nodes[0].parent ?? this.document.root;
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
position: {
|
|
105
|
-
x: 0,
|
|
106
|
-
y: 0
|
|
107
|
-
}
|
|
108
|
-
},
|
|
109
|
-
data: {}
|
|
110
|
-
};
|
|
101
|
+
const nodeRegistry = this.document.getNodeRegistry(
|
|
102
|
+
import_document2.FlowNodeBaseType.GROUP
|
|
103
|
+
);
|
|
104
|
+
let groupJSON = nodeRegistry?.onAdd?.(this.context);
|
|
111
105
|
if (this.opts.initGroupJSON) {
|
|
112
106
|
groupJSON = this.opts.initGroupJSON(groupJSON, nodes);
|
|
113
107
|
}
|
|
@@ -178,6 +172,9 @@ __decorateClass([
|
|
|
178
172
|
__decorateClass([
|
|
179
173
|
(0, import_inversify.inject)(WorkflowGroupPluginOptions)
|
|
180
174
|
], WorkflowGroupService.prototype, "opts", 2);
|
|
175
|
+
__decorateClass([
|
|
176
|
+
(0, import_inversify.inject)(import_free_layout_editor.FreeLayoutPluginContext)
|
|
177
|
+
], WorkflowGroupService.prototype, "context", 2);
|
|
181
178
|
WorkflowGroupService = __decorateClass([
|
|
182
179
|
(0, import_inversify.injectable)()
|
|
183
180
|
], WorkflowGroupService);
|
|
@@ -235,6 +232,7 @@ var UngroupShortcut = class {
|
|
|
235
232
|
};
|
|
236
233
|
|
|
237
234
|
// src/group-node.tsx
|
|
235
|
+
var import_free_layout_core4 = require("@flowgram.ai/free-layout-core");
|
|
238
236
|
var import_document4 = require("@flowgram.ai/document");
|
|
239
237
|
var GroupNodeRegistry = {
|
|
240
238
|
type: import_document4.FlowNodeBaseType.GROUP,
|
|
@@ -264,6 +262,19 @@ var GroupNodeRegistry = {
|
|
|
264
262
|
},
|
|
265
263
|
formMeta: {
|
|
266
264
|
render: () => /* @__PURE__ */ React.createElement(React.Fragment, null)
|
|
265
|
+
},
|
|
266
|
+
onAdd() {
|
|
267
|
+
return {
|
|
268
|
+
type: import_document4.FlowNodeBaseType.GROUP,
|
|
269
|
+
id: `group_${(0, import_free_layout_core4.nanoid)(5)}`,
|
|
270
|
+
meta: {
|
|
271
|
+
position: {
|
|
272
|
+
x: 0,
|
|
273
|
+
y: 0
|
|
274
|
+
}
|
|
275
|
+
},
|
|
276
|
+
data: {}
|
|
277
|
+
};
|
|
267
278
|
}
|
|
268
279
|
};
|
|
269
280
|
|
|
@@ -275,7 +286,7 @@ var createFreeGroupPlugin = (0, import_core2.definePluginCreator)(
|
|
|
275
286
|
bind(WorkflowGroupPluginOptions).toConstantValue(opts);
|
|
276
287
|
rebind(import_document5.FlowGroupService).toService(WorkflowGroupService);
|
|
277
288
|
},
|
|
278
|
-
onInit(ctx, { groupNodeRender, disableGroupShortcuts = false
|
|
289
|
+
onInit(ctx, { groupNodeRender, disableGroupShortcuts = false }) {
|
|
279
290
|
if (groupNodeRender) {
|
|
280
291
|
const renderRegistry = ctx.get(import_renderer.FlowRendererRegistry);
|
|
281
292
|
renderRegistry.registerReactComponent(import_document5.FlowNodeBaseType.GROUP, groupNodeRender);
|
|
@@ -284,8 +295,8 @@ var createFreeGroupPlugin = (0, import_core2.definePluginCreator)(
|
|
|
284
295
|
const shortcutsRegistry = ctx.get(import_shortcuts_plugin.ShortcutsRegistry);
|
|
285
296
|
shortcutsRegistry.addHandlers(new GroupShortcut(ctx), new UngroupShortcut(ctx));
|
|
286
297
|
}
|
|
287
|
-
|
|
288
|
-
|
|
298
|
+
const document = ctx.get(import_free_layout_core5.WorkflowDocument);
|
|
299
|
+
if (!document.getNodeRegistry(import_document5.FlowNodeBaseType.GROUP)) {
|
|
289
300
|
document.registerFlowNodes(GroupNodeRegistry);
|
|
290
301
|
}
|
|
291
302
|
},
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/create-free-group-plugin.tsx","../src/workflow-group-service.ts","../src/utils.ts","../src/type.ts","../src/shortcuts/group.ts","../src/constant.ts","../src/shortcuts/ungroup.ts","../src/group-node.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport { createFreeGroupPlugin } from './create-free-group-plugin';\nexport { WorkflowGroupService } from './workflow-group-service';\nexport { WorkflowGroupCommand } from './constant';\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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 }, opts) {\n bind(WorkflowGroupService).toSelf().inSingletonScope();\n bind(WorkflowGroupPluginOptions).toConstantValue(opts);\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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';\nimport { WorkflowGroupPluginOptions } from './type';\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 @inject(WorkflowGroupPluginOptions) private opts: WorkflowGroupPluginOptions;\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 let groupJSON: WorkflowNodeJSON = {\n type: FlowNodeBaseType.GROUP,\n id: `group_${nanoid(5)}`,\n meta: {\n position: {\n x: 0,\n y: 0,\n },\n },\n data: {},\n };\n if (this.opts.initGroupJSON) {\n groupJSON = this.opts.initGroupJSON(groupJSON, nodes);\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: groupJSON.id,\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FC } from 'react';\n\nimport { WorkflowNodeEntity, WorkflowNodeJSON } from '@flowgram.ai/free-layout-core';\n\nexport interface WorkflowGroupPluginOptions {\n groupNodeRender: FC;\n disableGroupShortcuts?: boolean;\n disableGroupNodeRegister?: boolean;\n initGroupJSON?: (json: WorkflowNodeJSON, nodes: WorkflowNodeEntity[]) => WorkflowNodeJSON;\n}\n\nexport const WorkflowGroupPluginOptions = Symbol('WorkflowGroupPluginOptions');\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum WorkflowGroupCommand {\n Group = 'group',\n Ungroup = 'ungroup',\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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};\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"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/create-free-group-plugin.tsx","../src/workflow-group-service.ts","../src/utils.ts","../src/type.ts","../src/shortcuts/group.ts","../src/constant.ts","../src/shortcuts/ungroup.ts","../src/group-node.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport { createFreeGroupPlugin } from './create-free-group-plugin';\nexport { WorkflowGroupService } from './workflow-group-service';\nexport { WorkflowGroupCommand } from './constant';\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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 }, opts) {\n bind(WorkflowGroupService).toSelf().inSingletonScope();\n bind(WorkflowGroupPluginOptions).toConstantValue(opts);\n rebind(FlowGroupService).toService(WorkflowGroupService);\n },\n onInit(ctx, { groupNodeRender, disableGroupShortcuts = false }) {\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 const document = ctx.get(WorkflowDocument);\n if (!document.getNodeRegistry(FlowNodeBaseType.GROUP)) {\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, inject } from 'inversify';\nimport { DisposableCollection, Disposable } from '@flowgram.ai/utils';\nimport { FreeLayoutPluginContext } from '@flowgram.ai/free-layout-editor';\nimport {\n WorkflowDocument,\n WorkflowOperationBaseService,\n WorkflowNodeEntity,\n WorkflowNodeJSON,\n WorkflowNodeRegistry,\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';\nimport { WorkflowGroupPluginOptions } from './type';\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 @inject(WorkflowGroupPluginOptions) private opts: WorkflowGroupPluginOptions;\n\n @inject(FreeLayoutPluginContext) private context: FreeLayoutPluginContext;\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 nodeRegistry = this.document.getNodeRegistry<WorkflowNodeRegistry>(\n FlowNodeBaseType.GROUP\n );\n let groupJSON: WorkflowNodeJSON = nodeRegistry?.onAdd?.(this.context);\n if (this.opts.initGroupJSON) {\n groupJSON = this.opts.initGroupJSON(groupJSON, nodes);\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: groupJSON.id,\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FC } from 'react';\n\nimport { WorkflowNodeEntity, WorkflowNodeJSON } from '@flowgram.ai/free-layout-core';\n\nexport interface WorkflowGroupPluginOptions {\n groupNodeRender: FC;\n disableGroupShortcuts?: boolean;\n /** @deprecated */\n disableGroupNodeRegister?: boolean;\n /** @deprecated use groupNodeRegistry.onAdd instead */\n initGroupJSON?: (json: WorkflowNodeJSON, nodes: WorkflowNodeEntity[]) => WorkflowNodeJSON;\n}\n\nexport const WorkflowGroupPluginOptions = Symbol('WorkflowGroupPluginOptions');\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum WorkflowGroupCommand {\n Group = 'group',\n Ungroup = 'ungroup',\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { 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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { PositionSchema } from '@flowgram.ai/utils';\nimport { nanoid, 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 onAdd() {\n return {\n type: FlowNodeBaseType.GROUP,\n id: `group_${nanoid(5)}`,\n meta: {\n position: {\n x: 0,\n y: 0,\n },\n },\n data: {},\n };\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_free_layout_core","import_document"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flowgram.ai/free-group-plugin",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.5",
|
|
4
4
|
"homepage": "https://flowgram.ai/",
|
|
5
5
|
"repository": "https://github.com/bytedance/flowgram.ai",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,15 +19,16 @@
|
|
|
19
19
|
"inversify": "^6.0.1",
|
|
20
20
|
"reflect-metadata": "~0.2.2",
|
|
21
21
|
"lodash": "^4.17.21",
|
|
22
|
-
"@flowgram.ai/free-history-plugin": "0.3.
|
|
23
|
-
"@flowgram.ai/free-container-plugin": "0.3.
|
|
24
|
-
"@flowgram.ai/
|
|
25
|
-
"@flowgram.ai/
|
|
26
|
-
"@flowgram.ai/document": "0.3.
|
|
27
|
-
"@flowgram.ai/shortcuts-plugin": "0.3.
|
|
28
|
-
"@flowgram.ai/
|
|
29
|
-
"@flowgram.ai/
|
|
30
|
-
"@flowgram.ai/utils": "0.3.
|
|
22
|
+
"@flowgram.ai/free-history-plugin": "0.3.5",
|
|
23
|
+
"@flowgram.ai/free-container-plugin": "0.3.5",
|
|
24
|
+
"@flowgram.ai/free-lines-plugin": "0.3.5",
|
|
25
|
+
"@flowgram.ai/core": "0.3.5",
|
|
26
|
+
"@flowgram.ai/document": "0.3.5",
|
|
27
|
+
"@flowgram.ai/shortcuts-plugin": "0.3.5",
|
|
28
|
+
"@flowgram.ai/free-layout-core": "0.3.5",
|
|
29
|
+
"@flowgram.ai/renderer": "0.3.5",
|
|
30
|
+
"@flowgram.ai/utils": "0.3.5",
|
|
31
|
+
"@flowgram.ai/free-layout-editor": "0.3.5"
|
|
31
32
|
},
|
|
32
33
|
"devDependencies": {
|
|
33
34
|
"@types/bezier-js": "4.1.3",
|
|
@@ -43,8 +44,8 @@
|
|
|
43
44
|
"tsup": "^8.0.1",
|
|
44
45
|
"typescript": "^5.8.3",
|
|
45
46
|
"vitest": "^0.34.6",
|
|
46
|
-
"@flowgram.ai/eslint-config": "0.3.
|
|
47
|
-
"@flowgram.ai/ts-config": "0.3.
|
|
47
|
+
"@flowgram.ai/eslint-config": "0.3.5",
|
|
48
|
+
"@flowgram.ai/ts-config": "0.3.5"
|
|
48
49
|
},
|
|
49
50
|
"peerDependencies": {
|
|
50
51
|
"react": ">=16.8",
|