@sunspirytus/xflow-core 1.0.52

package/lib/command-contributions/graph/index.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hookhubList = exports.registerGraphCommand = void 0;
+// 数据相关
+var graph_meta_1 = require("./graph-meta");
+var graph_save_data_1 = require("./graph-save-data");
+var graph_load_data_1 = require("./graph-load-data");
+// 渲染相关
+var graph_layout_1 = require("./graph-layout");
+var graph_render_1 = require("./graph-render");
+var graph_resize_1 = require("./graph-resize");
+// 全屏
+var graph_fulllscreen_1 = require("./graph-fulllscreen");
+// 画布操作相关
+var graph_zoom_1 = require("./graph-zoom");
+var graph_copy_1 = require("./graph-copy");
+var graph_paste_1 = require("./graph-paste");
+var graph_toggle_multi_select_1 = require("./graph-toggle-multi-select");
+// history 相关
+var graph_history_undo_1 = require("./graph-history-undo");
+var graph_history_redo_1 = require("./graph-history-redo");
+var graph_history_toggle_1 = require("./graph-history-toggle");
+var graph_history_reset_1 = require("./graph-history-reset");
+// Tool相关
+var graph_add_tool_1 = require("./graph-add-tool");
+var graph_del_tool_1 = require("./graph-del-tool");
+// xflow-command
+var graph_cmd_redo_1 = require("./graph-cmd-redo");
+var graph_cmd_undo_1 = require("./graph-cmd-undo");
+/** 注册Command Handler Class */
+var registerGraphCommand = function (register) {
+    // 数据
+    register(graph_meta_1.GraphMetaCommand);
+    register(graph_load_data_1.GraphLoadDataCommand);
+    register(graph_save_data_1.GraphSaveDataCommand);
+    // render
+    register(graph_layout_1.GraphLayoutCommand);
+    register(graph_render_1.GraphRenderCommand);
+    register(graph_resize_1.GraphResizeCommand);
+    // hisotry
+    register(graph_history_undo_1.GraphHistoryUndoCommand);
+    register(graph_history_redo_1.GraphHistoryRedoCommand);
+    register(graph_history_toggle_1.GraphHistoryToggleCommand);
+    register(graph_history_reset_1.GraphHistoryResetCommand);
+    // xflow command
+    register(graph_cmd_redo_1.GraphRedoCommand);
+    register(graph_cmd_undo_1.GraphUndoCommand);
+    // graph 操作
+    register(graph_zoom_1.GraphZoomCommand);
+    register(graph_toggle_multi_select_1.GraphToggleMultiSelectCommand);
+    register(graph_copy_1.GraphCopySelectionCommand);
+    register(graph_paste_1.GraphPasteSelectionCommand);
+    register(graph_fulllscreen_1.GraphFullscreenCommand);
+    // tools
+    register(graph_add_tool_1.GraphAddToolCommand);
+    register(graph_del_tool_1.GraphDelToolCommand);
+};
+exports.registerGraphCommand = registerGraphCommand;
+/** app onStart 时, 注册 Command Hooks */
+exports.hookhubList = [
+    // 数据
+    graph_meta_1.NsGraphMeta,
+    graph_save_data_1.NsGraphSaveData,
+    graph_load_data_1.NsGraphLoadData,
+    // hisotry
+    graph_history_undo_1.NsGraphHistoryUndo,
+    graph_history_redo_1.NsGraphHistoryRedo,
+    graph_history_reset_1.NsGraphHistoryReset,
+    graph_history_toggle_1.NsGraphHistoryToggle,
+    // render
+    graph_layout_1.NsGraphLayout,
+    graph_render_1.NsGraphRender,
+    graph_resize_1.NsGraphResize,
+    graph_fulllscreen_1.NsGraphFullscreen,
+    // xflow command
+    graph_cmd_redo_1.NsRedoCmd,
+    graph_cmd_undo_1.NsUndoCmd,
+    // graph 操作
+    graph_zoom_1.NsGraphZoom,
+    graph_toggle_multi_select_1.NsGraphToggleMultiSelect,
+    graph_copy_1.NsGraphCopySelection,
+    graph_paste_1.NsGraphPasteSelection,
+    // tools
+    graph_add_tool_1.NsGraphAddTool,
+    graph_del_tool_1.NsGraphDelTool,
+];
+//# sourceMappingURL=index.js.map

package/lib/command-contributions/graph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/command-contributions/graph/index.ts"],"names":[],"mappings":";;;AAMA,OAAO;AACP,2CAA4D;AAC5D,qDAAyE;AACzE,qDAAyE;AACzE,OAAO;AACP,+CAAkE;AAClE,+CAAkE;AAClE,+CAAkE;AAClE,KAAK;AACL,yDAA+E;AAC/E,SAAS;AACT,2CAA4D;AAC5D,2CAA8E;AAC9E,6CAAiF;AACjF,yEAGoC;AACpC,aAAa;AACb,2DAAkF;AAClF,2DAAkF;AAClF,+DAAwF;AACxF,6DAAqF;AACrF,SAAS;AACT,mDAAsE;AACtE,mDAAsE;AACtE,gBAAgB;AAChB,mDAA8D;AAC9D,mDAA8D;AAC9D,8BAA8B;AACvB,IAAM,oBAAoB,GAAG,UAAC,QAA0B;IAC7D,KAAK;IACL,QAAQ,CAAC,6BAAgB,CAAC,CAAA;IAC1B,QAAQ,CAAC,sCAAoB,CAAC,CAAA;IAC9B,QAAQ,CAAC,sCAAoB,CAAC,CAAA;IAC9B,SAAS;IACT,QAAQ,CAAC,iCAAkB,CAAC,CAAA;IAC5B,QAAQ,CAAC,iCAAkB,CAAC,CAAA;IAC5B,QAAQ,CAAC,iCAAkB,CAAC,CAAA;IAC5B,UAAU;IACV,QAAQ,CAAC,4CAAuB,CAAC,CAAA;IACjC,QAAQ,CAAC,4CAAuB,CAAC,CAAA;IACjC,QAAQ,CAAC,gDAAyB,CAAC,CAAA;IACnC,QAAQ,CAAC,8CAAwB,CAAC,CAAA;IAClC,gBAAgB;IAChB,QAAQ,CAAC,iCAAgB,CAAC,CAAA;IAC1B,QAAQ,CAAC,iCAAgB,CAAC,CAAA;IAC1B,WAAW;IACX,QAAQ,CAAC,6BAAgB,CAAC,CAAA;IAC1B,QAAQ,CAAC,yDAA6B,CAAC,CAAA;IACvC,QAAQ,CAAC,sCAAyB,CAAC,CAAA;IACnC,QAAQ,CAAC,wCAA0B,CAAC,CAAA;IACpC,QAAQ,CAAC,0CAAsB,CAAC,CAAA;IAChC,QAAQ;IACR,QAAQ,CAAC,oCAAmB,CAAC,CAAA;IAC7B,QAAQ,CAAC,oCAAmB,CAAC,CAAA;AAC/B,CAAC,CAAA;AA1BY,QAAA,oBAAoB,wBA0BhC;AAED,sCAAsC;AACzB,QAAA,WAAW,GAIlB;IACJ,KAAK;IACL,wBAAW;IACX,iCAAe;IACf,iCAAe;IACf,UAAU;IACV,uCAAkB;IAClB,uCAAkB;IAClB,yCAAmB;IACnB,2CAAoB;IACpB,SAAS;IACT,4BAAa;IACb,4BAAa;IACb,4BAAa;IACb,qCAAiB;IACjB,gBAAgB;IAChB,0BAAS;IACT,0BAAS;IACT,WAAW;IACX,wBAAW;IACX,oDAAwB;IACxB,iCAAoB;IACpB,mCAAqB;IACrB,QAAQ;IACR,+BAAc;IACd,+BAAc;CACf,CAAA"}

package/lib/command-contributions/group/group-add.d.ts

@@ -0,0 +1,56 @@
+import type { Node, Graph } from '@antv/x6';
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { NsGraph } from '../../interface';
+import type { IHooks } from '../../hooks/interface';
+import type { IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+type ICommand = ICommandHandler<NsAddGroup.IArgs, NsAddGroup.IResult, NsAddGroup.ICmdHooks>;
+export declare namespace NsAddGroup {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hookName */
+    const hookKey = "addGroup";
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        /** 群组节点的元数据 */
+        nodeConfig: NsGraph.IGroupConfig;
+        /** 创建X6 Group Cell的工厂方法 */
+        cellFactory?: IGroupCellFactory;
+        /** 返回群组节点的元数据的异步方法 */
+        createService?: ICreateGroupService;
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+        /** group 的配置数据 */
+        nodeConfig: NsGraph.IGroupConfig;
+        /** Group Cell */
+        nodeCell: Node;
+    }
+    /** add group api service 类型 */
+    interface ICreateGroupService {
+        (args: IArgs): Promise<NsGraph.IGroupConfig>;
+    }
+    /** 创建X6 Node Cell的工厂方法 */
+    interface IGroupCellFactory {
+        (args: NsGraph.IGroupConfig, self: AddGroupCommand): Promise<Node>;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        addGroup: HookHub<IArgs, IResult>;
+    }
+    const GROUP_PADDING = 12;
+    const GROUP_HEADER_HEIGHT = 40;
+}
+export declare class AddGroupCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    getBBox: (node: Node, nodeConfig: NsGraph.INodeConfig, graph: Graph) => import("@antv/x6").Rectangle;
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    isUndoable(): boolean;
+}
+export {};

package/lib/command-contributions/group/group-add.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddGroupCommand = exports.NsAddGroup = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var interface_1 = require("../../command/interface");
+var constant_1 = require("../constant");
+var disposable_1 = require("../../common/disposable");
+var constant_2 = require("../constant");
+var NsAddGroup;
+(function (NsAddGroup) {
+    /** Command: 用于注册named factory */
+    NsAddGroup.command = constant_1.XFlowGroupCommands.ADD_GROUP;
+    /** hookName */
+    NsAddGroup.hookKey = 'addGroup';
+    NsAddGroup.GROUP_PADDING = 12;
+    NsAddGroup.GROUP_HEADER_HEIGHT = 40;
+})(NsAddGroup = exports.NsAddGroup || (exports.NsAddGroup = {}));
+var AddGroupCommand = /** @class */ (function () {
+    /** 创建节点命令 */
+    function AddGroupCommand() {
+        var _this = this;
+        this.getBBox = function (node, nodeConfig, graph) {
+            var _a = nodeConfig.groupHeaderHeight, groupHeaderHeight = _a === void 0 ? NsAddGroup.GROUP_HEADER_HEIGHT : _a, _b = nodeConfig.groupPadding, groupPadding = _b === void 0 ? NsAddGroup.GROUP_PADDING : _b;
+            var bbox = graph.getCellsBBox(node.children);
+            bbox.moveAndExpand({
+                x: -groupPadding,
+                y: -(groupPadding + groupHeaderHeight),
+                width: groupPadding * 2,
+                height: groupPadding * 2 + groupHeaderHeight,
+            });
+            return bbox;
+        };
+        /** 执行Cmd */
+        this.execute = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var ctx, _a, args, runtimeHook, hooks, result;
+            var _this = this;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        ctx = this.contextProvider();
+                        _a = ctx.getArgs(), args = _a.args, runtimeHook = _a.hooks;
+                        hooks = ctx.getHooks();
+                        return [4 /*yield*/, hooks.addGroup.call(args, function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var nodeConfig, createGroupService, cellFactory, commandService, graph, res, groupCell, groupId, groupChildren, groupBBox;
+                                var _this = this;
+                                return tslib_1.__generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            nodeConfig = handlerArgs.nodeConfig, createGroupService = handlerArgs.createService, cellFactory = handlerArgs.cellFactory, commandService = handlerArgs.commandService;
+                                            return [4 /*yield*/, ctx.getX6Graph()];
+                                        case 1:
+                                            graph = _a.sent();
+                                            return [4 /*yield*/, commandService.executeCommand(constant_2.XFlowNodeCommands.ADD_NODE.id, {
+                                                    cellFactory: cellFactory,
+                                                    createNodeService: createGroupService,
+                                                    nodeConfig: nodeConfig,
+                                                })];
+                                        case 2:
+                                            res = _a.sent();
+                                            groupCell = res
+                                                .contextProvider()
+                                                .getResult().nodeCell;
+                                            groupId = groupCell.id;
+                                            groupChildren = nodeConfig.groupChildren;
+                                            if (groupChildren.length) {
+                                                groupChildren.forEach(function (nodeId) {
+                                                    var child = graph.getCellById(nodeId);
+                                                    if (child) {
+                                                        child.setData(tslib_1.__assign(tslib_1.__assign({}, child.getData()), { group: groupId, isCollapsed: false }));
+                                                        child.prop('group', groupId);
+                                                        groupCell.addChild(child);
+                                                        graph.unselect(child);
+                                                    }
+                                                });
+                                                groupBBox = this.getBBox(groupCell, nodeConfig, graph);
+                                                groupCell.position(groupBBox.x, groupBBox.y);
+                                                groupCell.size(groupBBox.width, groupBBox.height);
+                                                groupCell.setZIndex(0);
+                                                groupCell.prop('isGroup', true);
+                                                groupCell.setData(tslib_1.__assign(tslib_1.__assign({}, groupCell.getData()), { width: groupBBox.width, height: groupBBox.height, groupChildrenSize: { width: groupBBox.width, height: groupBBox.height }, x: groupBBox.x, y: groupBBox.y, isGroup: true }));
+                                                graph.select(groupCell);
+                                            }
+                                            if (!nodeConfig.isCollapsed) return [3 /*break*/, 4];
+                                            return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowGroupCommands.COLLAPSE_GROUP.id, {
+                                                    nodeId: nodeConfig.id,
+                                                    isCollapsed: nodeConfig.isCollapsed,
+                                                })];
+                                        case 3:
+                                            _a.sent();
+                                            _a.label = 4;
+                                        case 4:
+                                            /** add undo: delete node */
+                                            ctx.addUndo(disposable_1.Disposable.create(function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                                return tslib_1.__generator(this, function (_a) {
+                                                    commandService.executeCommand(constant_1.XFlowGroupCommands.DEL_GROUP.id, {
+                                                        nodeConfig: nodeConfig,
+                                                    });
+                                                    return [2 /*return*/];
+                                                });
+                                            }); }));
+                                            return [2 /*return*/, { nodeConfig: nodeConfig, nodeCell: groupCell }];
+                                    }
+                                });
+                            }); }, runtimeHook)];
+                    case 1:
+                        result = _b.sent();
+                        ctx.setResult(result);
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        /** undo cmd */
+        this.undo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var ctx;
+            return tslib_1.__generator(this, function (_a) {
+                ctx = this.contextProvider();
+                if (this.isUndoable()) {
+                    ctx.undo();
+                }
+                return [2 /*return*/, this];
+            });
+        }); };
+        /** redo cmd */
+        this.redo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!!this.isUndoable()) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+    }
+    AddGroupCommand.prototype.isUndoable = function () {
+        var ctx = this.contextProvider();
+        return ctx.isUndoable();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], AddGroupCommand.prototype, "contextProvider", void 0);
+    AddGroupCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsAddGroup.command.id },
+        })
+        /** 创建节点命令 */
+    ], AddGroupCommand);
+    return AddGroupCommand;
+}());
+exports.AddGroupCommand = AddGroupCommand;
+//# sourceMappingURL=group-add.js.map

package/lib/command-contributions/group/group-add.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-add.js","sourceRoot":"","sources":["../../../src/command-contributions/group/group-add.ts"],"names":[],"mappings":"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"}

package/lib/command-contributions/group/group-del.d.ts

@@ -0,0 +1,43 @@
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { NsGraph } from '../../interface';
+import type { IHooks } from '../../hooks/interface';
+import type { IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+type ICommand = ICommandHandler<NsDelGroup.IArgs, NsDelGroup.IResult, NsDelGroup.ICmdHooks>;
+export declare namespace NsDelGroup {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        /** 群组节点的元数据 */
+        nodeConfig: NsGraph.IGroupConfig;
+        /** 更新群组节点的元数据的异步方法 */
+        deleteService?: IDeleteGroupService;
+    }
+    /** add group api service 类型 */
+    interface IDeleteGroupService {
+        (args: IArgs): Promise<boolean>;
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+        err: string | null;
+    }
+    /** hookName */
+    const hookKey: "delGroup";
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        delGroup: HookHub<IArgs, IResult>;
+    }
+}
+export declare class DelGroupCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    isUndoable(): boolean;
+}
+export {};

package/lib/command-contributions/group/group-del.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DelGroupCommand = exports.NsDelGroup = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var interface_1 = require("../../command/interface");
+var constant_1 = require("../constant");
+var disposable_1 = require("../../common/disposable");
+var constant_2 = require("../constant");
+var NsDelGroup;
+(function (NsDelGroup) {
+    /** Command: 用于注册named factory */
+    NsDelGroup.command = constant_1.XFlowGroupCommands.DEL_GROUP;
+    /** hookName */
+    NsDelGroup.hookKey = 'delGroup';
+})(NsDelGroup = exports.NsDelGroup || (exports.NsDelGroup = {}));
+var DelGroupCommand = /** @class */ (function () {
+    /** 创建节点命令 */
+    function DelGroupCommand() {
+        var _this = this;
+        /** 执行Cmd */
+        this.execute = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var ctx, _a, args, runtimeHook, hooks, result;
+            var _this = this;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        ctx = this.contextProvider();
+                        _a = ctx.getArgs(), args = _a.args, runtimeHook = _a.hooks;
+                        hooks = ctx.getHooks();
+                        return [4 /*yield*/, hooks.delGroup.call(args, function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var graph, nodeConfig, commandService, deleteGroupService, id, node, canDel, isCollapsed, childrens;
+                                var _this = this;
+                                return tslib_1.__generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0: return [4 /*yield*/, ctx.getX6Graph()];
+                                        case 1:
+                                            graph = _a.sent();
+                                            nodeConfig = handlerArgs.nodeConfig, commandService = handlerArgs.commandService, deleteGroupService = handlerArgs.deleteService;
+                                            id = nodeConfig.id;
+                                            node = graph.getCellById(id);
+                                            if (!deleteGroupService) return [3 /*break*/, 3];
+                                            return [4 /*yield*/, deleteGroupService(handlerArgs)];
+                                        case 2:
+                                            canDel = _a.sent();
+                                            if (!canDel)
+                                                return [2 /*return*/, { err: 'service rejected' }];
+                                            _a.label = 3;
+                                        case 3:
+                                            if (!node) {
+                                                return [2 /*return*/, { err: 'target node is not exist' }];
+                                            }
+                                            // 不是Group的节点不能解散
+                                            if (node.getProp('isGroup') !== true) {
+                                                return [2 /*return*/, { err: 'target node is not group' }];
+                                            }
+                                            isCollapsed = node.getData().isCollapsed;
+                                            if (!isCollapsed) return [3 /*break*/, 5];
+                                            return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowGroupCommands.COLLAPSE_GROUP.id, {
+                                                    nodeId: node.id,
+                                                    isCollapsed: false,
+                                                    collapsedSize: { width: 0, height: 0 },
+                                                })];
+                                        case 4:
+                                            _a.sent();
+                                            _a.label = 5;
+                                        case 5:
+                                            childrens = node.getChildren();
+                                            if (childrens) {
+                                                childrens.forEach(function (child) {
+                                                    node.unembed(child);
+                                                    child.prop('group', '');
+                                                    child.setData(tslib_1.__assign(tslib_1.__assign({}, child.getData()), { group: '' }));
+                                                });
+                                            }
+                                            return [4 /*yield*/, commandService.executeCommand(constant_2.XFlowNodeCommands.DEL_NODE.id, {
+                                                    nodeConfig: nodeConfig,
+                                                })
+                                                /** add undo: delete node */
+                                            ];
+                                        case 6:
+                                            _a.sent();
+                                            /** add undo: delete node */
+                                            ctx.addUndo(disposable_1.Disposable.create(function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                                return tslib_1.__generator(this, function (_a) {
+                                                    commandService.executeCommand(constant_1.XFlowGroupCommands.ADD_GROUP.id, {
+                                                        nodeConfig: nodeConfig,
+                                                    });
+                                                    return [2 /*return*/];
+                                                });
+                                            }); }));
+                                            return [2 /*return*/, { err: null }];
+                                    }
+                                });
+                            }); }, runtimeHook)];
+                    case 1:
+                        result = _b.sent();
+                        ctx.setResult(result);
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        /** undo cmd */
+        this.undo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var ctx;
+            return tslib_1.__generator(this, function (_a) {
+                ctx = this.contextProvider();
+                if (this.isUndoable()) {
+                    ctx.undo();
+                }
+                return [2 /*return*/, this];
+            });
+        }); };
+        /** redo cmd */
+        this.redo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!!this.isUndoable()) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+    }
+    DelGroupCommand.prototype.isUndoable = function () {
+        var ctx = this.contextProvider();
+        return ctx.isUndoable();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], DelGroupCommand.prototype, "contextProvider", void 0);
+    DelGroupCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsDelGroup.command.id },
+        })
+        /** 创建节点命令 */
+    ], DelGroupCommand);
+    return DelGroupCommand;
+}());
+exports.DelGroupCommand = DelGroupCommand;
+//# sourceMappingURL=group-del.js.map

package/lib/command-contributions/group/group-del.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-del.js","sourceRoot":"","sources":["../../../src/command-contributions/group/group-del.ts"],"names":[],"mappings":"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"}

package/lib/command-contributions/group/group-init.d.ts

@@ -0,0 +1,40 @@
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { NsGraph } from '../../interface';
+import type { IHooks } from '../../hooks/interface';
+import type { IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+type ICommand = ICommandHandler<NsInitGroup.IArgs, NsInitGroup.IResult, NsInitGroup.ICmdHooks>;
+export declare namespace NsInitGroup {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        /** 画布渲染数据(nodes、edges) */
+        graphData: NsGraph.IGraphData;
+        collapsedSize?: {
+            width: number;
+            height: number;
+        };
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+    }
+    /** hookName */
+    const hookKey: "initGroup";
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        initGroup: HookHub<IArgs, IResult>;
+    }
+}
+export declare class InitGroupCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    isUndoable(): boolean;
+}
+export {};