@sunspirytus/xflow-core 1.0.52

package/lib/command-contributions/graph/graph-history-toggle.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphHistoryToggleCommand = exports.NsGraphHistoryToggle = 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 NsGraphHistoryToggle;
+(function (NsGraphHistoryToggle) {
+    /** Command: 用于注册named factory */
+    NsGraphHistoryToggle.command = constant_1.XFlowGraphCommands.GRAPH_HISTORY_TOGGLE;
+    /** hookName */
+    NsGraphHistoryToggle.hookKey = 'historyToggle';
+})(NsGraphHistoryToggle = exports.NsGraphHistoryToggle || (exports.NsGraphHistoryToggle = {}));
+var GraphHistoryToggleCommand = /** @class */ (function () {
+    /** 创建节点命令 */
+    function GraphHistoryToggleCommand() {
+        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.historyToggle.call(args, function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var graph, isEnable, enabled;
+                                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();
+                                            if (graph.isHistoryEnabled() === false) {
+                                                return [2 /*return*/, {
+                                                        err: 'history is disabled',
+                                                    }];
+                                            }
+                                            isEnable = graph.isHistoryEnabled();
+                                            enabled = handlerArgs.enabled;
+                                            // 执行graph命令
+                                            graph.toggleHistory(enabled);
+                                            // 添加undo
+                                            ctx.addUndo(disposable_1.Disposable.create(function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                                var commandService;
+                                                return tslib_1.__generator(this, function (_a) {
+                                                    commandService = handlerArgs.commandService;
+                                                    commandService.executeCommand(constant_1.XFlowGraphCommands.GRAPH_HISTORY_TOGGLE.id, {
+                                                        enabled: isEnable,
+                                                    });
+                                                    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];
+                }
+            });
+        }); };
+    }
+    GraphHistoryToggleCommand.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)
+    ], GraphHistoryToggleCommand.prototype, "contextProvider", void 0);
+    GraphHistoryToggleCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphHistoryToggle.command.id },
+        })
+        /** 创建节点命令 */
+    ], GraphHistoryToggleCommand);
+    return GraphHistoryToggleCommand;
+}());
+exports.GraphHistoryToggleCommand = GraphHistoryToggleCommand;
+//# sourceMappingURL=graph-history-toggle.js.map

package/lib/command-contributions/graph/graph-history-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-history-toggle.js","sourceRoot":"","sources":["../../../src/command-contributions/graph/graph-history-toggle.ts"],"names":[],"mappings":";;;;AAAA,6CAAiD;AAIjD,qDAAkF;AAClF,wCAAgD;AAChD,sDAAoD;AAQpD,IAAiB,oBAAoB,CAiBpC;AAjBD,WAAiB,oBAAoB;IACnC,iCAAiC;IACpB,4BAAO,GAAG,6BAAkB,CAAC,oBAAoB,CAAA;IAC9D,eAAe;IACF,4BAAO,GAAG,eAAe,CAAA;AAaxC,CAAC,EAjBgB,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAiBpC;AAMD;IADA,aAAa;IACb;QAAA,iBAgEC;QA5DC,YAAY;QACZ,YAAO,GAAG;;;;;;wBACF,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;wBAC5B,KAA+B,GAAG,CAAC,OAAO,EAAE,EAA1C,IAAI,UAAA,EAAS,WAAW,WAAA,CAAkB;wBAC5C,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAA;wBAEb,qBAAM,KAAK,CAAC,aAAa,CAAC,IAAI,CAC3C,IAAI,EACJ,UAAM,WAAW;;;;;gDACD,qBAAM,GAAG,CAAC,UAAU,EAAE,EAAA;;4CAA9B,KAAK,GAAG,SAAsB;4CACpC,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,KAAK,EAAE;gDACtC,sBAAO;wDACL,GAAG,EAAE,qBAAqB;qDAC3B,EAAA;6CACF;4CACK,QAAQ,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAA;4CACjC,OAAO,GAAK,WAAW,QAAhB,CAAgB;4CAC/B,YAAY;4CACZ,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;4CAC5B,SAAS;4CACT,GAAG,CAAC,OAAO,CACT,uBAAU,CAAC,MAAM,CAAC;;;oDACR,cAAc,GAAK,WAAW,eAAhB,CAAgB;oDACtC,cAAc,CAAC,cAAc,CAC3B,6BAAkB,CAAC,oBAAoB,CAAC,EAAE,EAC1C;wDACE,OAAO,EAAE,QAAQ;qDAClB,CACF,CAAA;;;iDACF,CAAC,CACH,CAAA;4CACD,sBAAO,EAAE,GAAG,EAAE,IAAI,EAAE,EAAA;;;iCACrB,EACD,WAAW,CACZ,EAAA;;wBA5BK,MAAM,GAAG,SA4Bd;wBACD,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;wBACrB,sBAAO,IAAI,EAAA;;;aACZ,CAAA;QAED,eAAe;QACf,SAAI,GAAG;;;gBACC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;gBAClC,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;oBACrB,GAAG,CAAC,IAAI,EAAE,CAAA;iBACX;gBACD,sBAAO,IAAI,EAAA;;aACZ,CAAA;QAED,eAAe;QACf,SAAI,GAAG;;;;6BACD,CAAC,IAAI,CAAC,UAAU,EAAE,EAAlB,wBAAkB;wBACpB,qBAAM,IAAI,CAAC,OAAO,EAAE,EAAA;;wBAApB,SAAoB,CAAA;;4BAEtB,sBAAO,IAAI,EAAA;;;aACZ,CAAA;IAMH,CAAC;IAJC,8CAAU,GAAV;QACE,IAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QAClC,OAAO,GAAG,CAAC,UAAU,EAAE,CAAA;IACzB,CAAC;IA7DD;QAAC,IAAA,qBAAM,EAAC,mCAAuB,CAAC;;sEAA6C;IAFlE,yBAAyB;QAJrC,IAAA,yBAAU,EAAC;YACV,KAAK,EAAE,EAAE,KAAK,EAAE,2BAAe,EAAE,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,EAAE,EAAE;SAC1E,CAAC;QACF,aAAa;OACA,yBAAyB,CAgErC;IAAD,gCAAC;CAAA,AAhED,IAgEC;AAhEY,8DAAyB"}

package/lib/command-contributions/graph/graph-history-undo.d.ts

@@ -0,0 +1,35 @@
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from '../../hooks/interface';
+import type { IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+type ICommand = ICommandHandler<NsGraphHistoryUndo.IArgs, NsGraphHistoryUndo.IResult, NsGraphHistoryUndo.ICmdHooks>;
+export declare namespace NsGraphHistoryUndo {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hookName */
+    const hookKey = "historyUndo";
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        enabled?: boolean;
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+        err: null | string;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        historyUndo: HookHub<IArgs, IResult>;
+    }
+}
+export declare class GraphHistoryUndoCommand 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/graph/graph-history-undo.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphHistoryUndoCommand = exports.NsGraphHistoryUndo = 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 NsGraphHistoryUndo;
+(function (NsGraphHistoryUndo) {
+    /** Command: 用于注册named factory */
+    NsGraphHistoryUndo.command = constant_1.XFlowGraphCommands.GRAPH_HISTORY_UNDO;
+    /** hookName */
+    NsGraphHistoryUndo.hookKey = 'historyUndo';
+})(NsGraphHistoryUndo = exports.NsGraphHistoryUndo || (exports.NsGraphHistoryUndo = {}));
+var GraphHistoryUndoCommand = /** @class */ (function () {
+    /** 开启history命令 */
+    function GraphHistoryUndoCommand() {
+        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.historyUndo.call(args, function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var graph;
+                                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();
+                                            if (graph.isHistoryEnabled() === false) {
+                                                return [2 /*return*/, {
+                                                        err: 'history is disabled',
+                                                    }];
+                                            }
+                                            graph.undo();
+                                            ctx.addUndo(disposable_1.Disposable.create(function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                                var commandService;
+                                                return tslib_1.__generator(this, function (_a) {
+                                                    commandService = handlerArgs.commandService;
+                                                    commandService.executeCommand(constant_1.XFlowGraphCommands.GRAPH_HISTORY_REDO.id, {});
+                                                    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];
+                }
+            });
+        }); };
+    }
+    GraphHistoryUndoCommand.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)
+    ], GraphHistoryUndoCommand.prototype, "contextProvider", void 0);
+    GraphHistoryUndoCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphHistoryUndo.command.id },
+        })
+        /** 开启history命令 */
+    ], GraphHistoryUndoCommand);
+    return GraphHistoryUndoCommand;
+}());
+exports.GraphHistoryUndoCommand = GraphHistoryUndoCommand;
+//# sourceMappingURL=graph-history-undo.js.map

package/lib/command-contributions/graph/graph-history-undo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-history-undo.js","sourceRoot":"","sources":["../../../src/command-contributions/graph/graph-history-undo.ts"],"names":[],"mappings":";;;;AAAA,6CAAiD;AAIjD,qDAAkF;AAClF,wCAAgD;AAChD,sDAAoD;AAQpD,IAAiB,kBAAkB,CAiBlC;AAjBD,WAAiB,kBAAkB;IACjC,iCAAiC;IACpB,0BAAO,GAAG,6BAAkB,CAAC,kBAAkB,CAAA;IAC5D,eAAe;IACF,0BAAO,GAAG,aAAa,CAAA;AAatC,CAAC,EAjBgB,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAiBlC;AAMD;IADA,kBAAkB;IAClB;QAAA,iBAuDC;QAnDC,YAAY;QACZ,YAAO,GAAG;;;;;;wBACF,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;wBAC5B,KAA+B,GAAG,CAAC,OAAO,EAAE,EAA1C,IAAI,UAAA,EAAS,WAAW,WAAA,CAAkB;wBAC5C,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAA;wBAEb,qBAAM,KAAK,CAAC,WAAW,CAAC,IAAI,CACzC,IAAI,EACJ,UAAM,WAAW;;;;;gDACD,qBAAM,GAAG,CAAC,UAAU,EAAE,EAAA;;4CAA9B,KAAK,GAAG,SAAsB;4CACpC,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,KAAK,EAAE;gDACtC,sBAAO;wDACL,GAAG,EAAE,qBAAqB;qDAC3B,EAAA;6CACF;4CACD,KAAK,CAAC,IAAI,EAAE,CAAA;4CACZ,GAAG,CAAC,OAAO,CACT,uBAAU,CAAC,MAAM,CAAC;;;oDACR,cAAc,GAAK,WAAW,eAAhB,CAAgB;oDACtC,cAAc,CAAC,cAAc,CAAC,6BAAkB,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;;;iDAC5E,CAAC,CACH,CAAA;4CACD,sBAAO,EAAE,GAAG,EAAE,IAAI,EAAE,EAAA;;;iCACrB,EACD,WAAW,CACZ,EAAA;;wBAnBK,MAAM,GAAG,SAmBd;wBACD,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;wBACrB,sBAAO,IAAI,EAAA;;;aACZ,CAAA;QAED,eAAe;QACf,SAAI,GAAG;;;gBACC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;gBAClC,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;oBACrB,GAAG,CAAC,IAAI,EAAE,CAAA;iBACX;gBACD,sBAAO,IAAI,EAAA;;aACZ,CAAA;QAED,eAAe;QACf,SAAI,GAAG;;;;6BACD,CAAC,IAAI,CAAC,UAAU,EAAE,EAAlB,wBAAkB;wBACpB,qBAAM,IAAI,CAAC,OAAO,EAAE,EAAA;;wBAApB,SAAoB,CAAA;;4BAEtB,sBAAO,IAAI,EAAA;;;aACZ,CAAA;IAMH,CAAC;IAJC,4CAAU,GAAV;QACE,IAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QAClC,OAAO,GAAG,CAAC,UAAU,EAAE,CAAA;IACzB,CAAC;IApDD;QAAC,IAAA,qBAAM,EAAC,mCAAuB,CAAC;;oEAA6C;IAFlE,uBAAuB;QAJnC,IAAA,yBAAU,EAAC;YACV,KAAK,EAAE,EAAE,KAAK,EAAE,2BAAe,EAAE,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAAE,EAAE;SACxE,CAAC;QACF,kBAAkB;OACL,uBAAuB,CAuDnC;IAAD,8BAAC;CAAA,AAvDD,IAuDC;AAvDY,0DAAuB"}

package/lib/command-contributions/graph/graph-layout.d.ts

@@ -0,0 +1,43 @@
+import type { ILayout } from '@antv/layout/es/layout/types';
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from '../../hooks/interface';
+import type { NsGraph } from '../../interface';
+import type { IContext, IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+type ICommand = ICommandHandler<NsGraphLayout.IArgs, NsGraphLayout.IResult, NsGraphLayout.ICmdHooks>;
+/** 画布图数据执行布局算法命令 */
+export declare namespace NsGraphLayout {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hookName */
+    const hookKey = "graphLayout";
+    interface IArgs extends IArgsBase {
+        /** XFlow自带AntV布局类型 */
+        layoutType?: ILayout.LayoutTypes;
+        /** XFlow自带AntV布局对应参数 */
+        layoutOptions?: ILayout.LayoutOptions;
+        /** 需要执行布局算法的数据 */
+        graphData?: NsGraph.IGraphData;
+        /** 用户自定义布局 */
+        customLayout?: (graphData: NsGraph.IGraphData) => Promise<NsGraph.IGraphData>;
+    }
+    interface IResult {
+        /** 执行完布局算法后的画布图数据(每一个节点拥有x,y) */
+        graphData: NsGraph.IGraphData;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        graphLayout: HookHub<IArgs, IResult>;
+    }
+}
+export declare class GraphLayoutCommand implements ICommand {
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsGraphLayout.IArgs, NsGraphLayout.IResult, NsGraphLayout.ICmdHooks>;
+    init(): void;
+    /** 执行cmd */
+    execute: () => Promise<this>;
+    undo: () => Promise<this>;
+    redo: () => Promise<this>;
+    isUndoable(): boolean;
+}
+export {};

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphLayoutCommand = exports.NsGraphLayout = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var AntvLayout = tslib_1.__importStar(require("@antv/layout"));
+var interface_1 = require("../../command/interface");
+var constant_1 = require("../constant");
+/** 画布图数据执行布局算法命令 */
+var NsGraphLayout;
+(function (NsGraphLayout) {
+    /** Command: 用于注册named factory */
+    NsGraphLayout.command = constant_1.XFlowGraphCommands.GRAPH_LAYOUT;
+    /** hookName */
+    NsGraphLayout.hookKey = 'graphLayout';
+})(NsGraphLayout = exports.NsGraphLayout || (exports.NsGraphLayout = {}));
+var GraphLayoutCommand = /** @class */ (function () {
+    /** 画布布局命令 */
+    function GraphLayoutCommand() {
+        var _this = this;
+        /** 执行cmd */
+        this.execute = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var _a, args, runtimeHook, hooks, result;
+            var _this = this;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.ctx.getArgs(), args = _a.args, runtimeHook = _a.hooks;
+                        hooks = this.ctx.getHooks();
+                        return [4 /*yield*/, hooks.graphLayout.call(args, function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var layoutType, layoutOptions, customLayout, innerLayout, layoutFunc;
+                                return tslib_1.__generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            layoutType = handlerArgs.layoutType, layoutOptions = handlerArgs.layoutOptions, customLayout = handlerArgs.customLayout;
+                                            innerLayout = function (graphData) {
+                                                var clz = AntvLayout.Layouts[layoutType];
+                                                var antVLayout = new clz(tslib_1.__assign({}, layoutOptions));
+                                                return antVLayout.layout(graphData);
+                                            };
+                                            layoutFunc = customLayout || innerLayout;
+                                            return [4 /*yield*/, layoutFunc(handlerArgs.graphData)];
+                                        case 1:
+                                            _a.sent();
+                                            return [2 /*return*/, { graphData: handlerArgs.graphData }];
+                                    }
+                                });
+                            }); }, runtimeHook)
+                            /** 设置结果 */
+                        ];
+                    case 1:
+                        result = _b.sent();
+                        /** 设置结果 */
+                        this.ctx.setResult(result);
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        this.undo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                this.ctx.undo();
+                return [2 /*return*/, this];
+            });
+        }); };
+        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.ctx.isUndoable) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+    }
+    GraphLayoutCommand.prototype.init = function () {
+        this.ctx = this.contextProvider();
+    };
+    GraphLayoutCommand.prototype.isUndoable = function () {
+        return this.ctx.isUndoable();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], GraphLayoutCommand.prototype, "contextProvider", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.postConstruct)(),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", []),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], GraphLayoutCommand.prototype, "init", null);
+    GraphLayoutCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphLayout.command.id },
+        })
+        /** 画布布局命令 */
+    ], GraphLayoutCommand);
+    return GraphLayoutCommand;
+}());
+exports.GraphLayoutCommand = GraphLayoutCommand;
+//# sourceMappingURL=graph-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph-layout.js","sourceRoot":"","sources":["../../../src/command-contributions/graph/graph-layout.ts"],"names":[],"mappings":";;;;AAAA,6CAAgE;AAMhE,+DAA0C;AAC1C,qDAAkF;AAClF,wCAAgD;AAIhD,oBAAoB;AACpB,IAAiB,aAAa,CA0B7B;AA1BD,WAAiB,aAAa;IAC5B,iCAAiC;IACpB,qBAAO,GAAG,6BAAkB,CAAC,YAAY,CAAA;IACtD,eAAe;IACF,qBAAO,GAAG,aAAa,CAAA;AAsBtC,CAAC,EA1BgB,aAAa,GAAb,qBAAa,KAAb,qBAAa,QA0B7B;AAMD;IADA,aAAa;IACb;QAAA,iBAwDC;QA9CC,YAAY;QACZ,YAAO,GAAG;;;;;;wBACF,KAA+B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAA/C,IAAI,UAAA,EAAS,WAAW,WAAA,CAAuB;wBACjD,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;wBAElB,qBAAM,KAAK,CAAC,WAAW,CAAC,IAAI,CACzC,IAAI,EACJ,UAAM,WAAW;;;;;4CACP,UAAU,GAAkC,WAAW,WAA7C,EAAE,aAAa,GAAmB,WAAW,cAA9B,EAAE,YAAY,GAAK,WAAW,aAAhB,CAAgB;4CAEzD,WAAW,GAAG,UAAC,SAA6B;gDAChD,IAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;gDAC1C,IAAM,UAAU,GAAG,IAAI,GAAG,sBACrB,aAAa,EAChB,CAAA;gDACF,OAAO,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;4CACrC,CAAC,CAAA;4CACK,UAAU,GAAG,YAAY,IAAI,WAAW,CAAA;4CAC9C,qBAAM,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,EAAA;;4CAAvC,SAAuC,CAAA;4CAEvC,sBAAO,EAAE,SAAS,EAAE,WAAW,CAAC,SAAS,EAAE,EAAA;;;iCAC5C,EACD,WAAW,CACZ;4BAED,WAAW;0BAFV;;wBAlBK,MAAM,GAAG,SAkBd;wBAED,WAAW;wBACX,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;wBAE1B,sBAAO,IAAI,EAAA;;;aACZ,CAAA;QAED,SAAI,GAAG;;gBACL,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;gBACf,sBAAO,IAAI,EAAA;;aACZ,CAAA;QAED,SAAI,GAAG;;;;6BACD,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAApB,wBAAoB;wBACtB,qBAAM,IAAI,CAAC,OAAO,EAAE,EAAA;;wBAApB,SAAoB,CAAA;;4BAEtB,sBAAO,IAAI,EAAA;;;aACZ,CAAA;IAKH,CAAC;IAlDC,iCAAI,GADJ;QAEE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;IACnC,CAAC;IA6CD,uCAAU,GAAV;QACE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC;IAtDD;QAAC,IAAA,qBAAM,EAAC,mCAAuB,CAAC;;+DAA6C;IAI7E;QAAC,IAAA,4BAAa,GAAE;;;;kDAGf;IARU,kBAAkB;QAJ9B,IAAA,yBAAU,EAAC;YACV,KAAK,EAAE,EAAE,KAAK,EAAE,2BAAe,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,EAAE;SACnE,CAAC;QACF,aAAa;OACA,kBAAkB,CAwD9B;IAAD,yBAAC;CAAA,AAxDD,IAwDC;AAxDY,gDAAkB"}

package/lib/command-contributions/graph/graph-load-data.d.ts

@@ -0,0 +1,37 @@
+import { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from '../../hooks/interface';
+import type { NsGraph } from '../../interface';
+import type { IContext, IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+type ICommand = ICommandHandler<NsGraphLoadData.IArgs, NsGraphLoadData.IResult, NsGraphLoadData.ICmdHooks>;
+/** 从服务端获取画布数据命令 */
+export declare namespace NsGraphLoadData {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hookName */
+    const hookKey = "loadData";
+    const createHook: () => HookHub<IArgs, IResult>;
+    interface IArgs extends IArgsBase {
+        loadDataService: (meta?: NsGraph.IGraphMeta) => Promise<NsGraph.IGraphData>;
+        [key: string]: any;
+    }
+    interface IResult {
+        /** 从服务端返回的数据 */
+        graphData: NsGraph.IGraphData;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        loadData: HookHub<IArgs, IResult>;
+    }
+}
+export declare class GraphLoadDataCommand implements ICommand {
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsGraphLoadData.IArgs, NsGraphLoadData.IResult, NsGraphLoadData.ICmdHooks>;
+    init(): void;
+    /** 执行cmd */
+    execute: () => Promise<this>;
+    undo: () => Promise<this>;
+    redo: () => Promise<this>;
+    isUndoable(): boolean;
+}
+export {};

package/lib/command-contributions/graph/graph-load-data.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphLoadDataCommand = exports.NsGraphLoadData = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var xflow_hook_1 = require("@sunspirytus/xflow-hook");
+var interface_1 = require("../../command/interface");
+var constant_1 = require("../constant");
+/** 从服务端获取画布数据命令 */
+var NsGraphLoadData;
+(function (NsGraphLoadData) {
+    /** Command: 用于注册named factory */
+    NsGraphLoadData.command = constant_1.XFlowGraphCommands.LOAD_DATA;
+    /** hookName */
+    NsGraphLoadData.hookKey = 'loadData';
+    NsGraphLoadData.createHook = function () {
+        return new xflow_hook_1.HookHub();
+    };
+})(NsGraphLoadData = exports.NsGraphLoadData || (exports.NsGraphLoadData = {}));
+var GraphLoadDataCommand = /** @class */ (function () {
+    /** 画布数据获取命令 */
+    function GraphLoadDataCommand() {
+        var _this = this;
+        /** 执行cmd */
+        this.execute = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var _a, args, runtimeHook, hooks, result;
+            var _this = this;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.ctx.getArgs(), args = _a.args, runtimeHook = _a.hooks;
+                        hooks = this.ctx.getHooks();
+                        return [4 /*yield*/, hooks.loadData.call(args, function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var loadDataService, graphMeta, graphData;
+                                return tslib_1.__generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            loadDataService = handlerArgs.loadDataService;
+                                            return [4 /*yield*/, this.ctx.getGraphMeta()];
+                                        case 1:
+                                            graphMeta = _a.sent();
+                                            return [4 /*yield*/, loadDataService(graphMeta)];
+                                        case 2:
+                                            graphData = _a.sent();
+                                            return [2 /*return*/, { graphData: graphData }];
+                                    }
+                                });
+                            }); }, runtimeHook)
+                            /** 设置结果 */
+                        ];
+                    case 1:
+                        result = _b.sent();
+                        /** 设置结果 */
+                        this.ctx.setResult(result);
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        this.undo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                this.ctx.undo();
+                return [2 /*return*/, this];
+            });
+        }); };
+        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.ctx.isUndoable) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+    }
+    GraphLoadDataCommand.prototype.init = function () {
+        this.ctx = this.contextProvider();
+    };
+    GraphLoadDataCommand.prototype.isUndoable = function () {
+        return this.ctx.isUndoable();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], GraphLoadDataCommand.prototype, "contextProvider", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.postConstruct)(),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", []),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], GraphLoadDataCommand.prototype, "init", null);
+    GraphLoadDataCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphLoadData.command.id },
+        })
+        /** 画布数据获取命令 */
+    ], GraphLoadDataCommand);
+    return GraphLoadDataCommand;
+}());
+exports.GraphLoadDataCommand = GraphLoadDataCommand;
+//# sourceMappingURL=graph-load-data.js.map

package/lib/command-contributions/graph/graph-load-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-load-data.js","sourceRoot":"","sources":["../../../src/command-contributions/graph/graph-load-data.ts"],"names":[],"mappings":";;;;AAAA,6CAAgE;AAChE,sDAAiD;AAIjD,qDAAkF;AAClF,wCAAgD;AAQhD,mBAAmB;AACnB,IAAiB,eAAe,CAuB/B;AAvBD,WAAiB,eAAe;IAC9B,iCAAiC;IACpB,uBAAO,GAAG,6BAAkB,CAAC,SAAS,CAAA;IACnD,eAAe;IACF,uBAAO,GAAG,UAAU,CAAA;IACpB,0BAAU,GAAG;QACxB,OAAO,IAAI,oBAAO,EAAkB,CAAA;IACtC,CAAC,CAAA;AAgBH,CAAC,EAvBgB,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAuB/B;AAMD;IADA,eAAe;IACf;QAAA,iBA+CC;QArCC,YAAY;QACZ,YAAO,GAAG;;;;;;wBACF,KAA+B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAA/C,IAAI,UAAA,EAAS,WAAW,WAAA,CAAuB;wBACjD,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;wBAElB,qBAAM,KAAK,CAAC,QAAQ,CAAC,IAAI,CACtC,IAAI,EACJ,UAAM,WAAW;;;;;4CACP,eAAe,GAAK,WAAW,gBAAhB,CAAgB;4CACrB,qBAAM,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,EAAA;;4CAAzC,SAAS,GAAG,SAA6B;4CAC7B,qBAAM,eAAe,CAAC,SAAS,CAAC,EAAA;;4CAA5C,SAAS,GAAG,SAAgC;4CAClD,sBAAO,EAAE,SAAS,WAAA,EAAE,EAAA;;;iCACrB,EACD,WAAW,CACZ;4BAED,WAAW;0BAFV;;wBATK,MAAM,GAAG,SASd;wBAED,WAAW;wBACX,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;wBAE1B,sBAAO,IAAI,EAAA;;;aACZ,CAAA;QAED,SAAI,GAAG;;gBACL,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;gBACf,sBAAO,IAAI,EAAA;;aACZ,CAAA;QAED,SAAI,GAAG;;;;6BACD,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAApB,wBAAoB;wBACtB,qBAAM,IAAI,CAAC,OAAO,EAAE,EAAA;;wBAApB,SAAoB,CAAA;;4BAEtB,sBAAO,IAAI,EAAA;;;aACZ,CAAA;IAKH,CAAC;IAzCC,mCAAI,GADJ;QAEE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;IACnC,CAAC;IAoCD,yCAAU,GAAV;QACE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC;IA7CD;QAAC,IAAA,qBAAM,EAAC,mCAAuB,CAAC;;iEAA6C;IAI7E;QAAC,IAAA,4BAAa,GAAE;;;;oDAGf;IARU,oBAAoB;QAJhC,IAAA,yBAAU,EAAC;YACV,KAAK,EAAE,EAAE,KAAK,EAAE,2BAAe,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,EAAE;SACrE,CAAC;QACF,eAAe;OACF,oBAAoB,CA+ChC;IAAD,2BAAC;CAAA,AA/CD,IA+CC;AA/CY,oDAAoB"}

package/lib/command-contributions/graph/graph-meta.d.ts

@@ -0,0 +1,47 @@
+import type { NsGraph } from '../../interface';
+import type { IContext, IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from '../../hooks/interface';
+type ICommand = ICommandHandler<NsGraphMeta.IArgs, NsGraphMeta.IResult, NsGraphMeta.ICmdHooks>;
+export declare namespace NsGraphMeta {
+    /** Command Id: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hookName */
+    const hookKey = "graphMeta";
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        meta?: {
+            flowId: string;
+            [key: string]: any;
+        };
+        graphMetaService?: IGraphMetaService;
+    }
+    /** hook handler 返回类型 */
+    interface IResult extends NsGraph.IGraphMeta {
+        flowId: string;
+    }
+    /** api service 类型 */
+    interface IGraphMetaService {
+        (args: IArgs): Promise<NsGraph.IGraphMeta>;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        graphMeta: HookHub<IArgs, IResult>;
+    }
+}
+export declare class GraphMetaCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsGraphMeta.IArgs, NsGraphMeta.IResult, NsGraphMeta.ICmdHooks>;
+    init(): void;
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    /** isUndoable */
+    isUndoable(): boolean;
+}
+export {};