@sunspirytus/xflow-core 1.0.52

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

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphSaveDataCommand = exports.NsGraphSaveData = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var constant_1 = require("../constant");
+var interface_1 = require("../../command/interface");
+var NsGraphSaveData;
+(function (NsGraphSaveData) {
+    /** Command Id: 用于注册named factory */
+    NsGraphSaveData.command = constant_1.XFlowGraphCommands.SAVE_GRAPH_DATA;
+    /** hookName */
+    NsGraphSaveData.hookKey = 'saveGraphData';
+})(NsGraphSaveData = exports.NsGraphSaveData || (exports.NsGraphSaveData = {}));
+var GraphSaveDataCommand = /** @class */ (function () {
+    /** 创建节点命令 */
+    function GraphSaveDataCommand() {
+        var _this = this;
+        /** 执行Cmd */
+        this.execute = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var ctx, args, hooks;
+            var _this = this;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        ctx = this.ctx;
+                        args = ctx.getArgs();
+                        hooks = ctx.getHooks();
+                        /** 执行hooks */
+                        return [4 /*yield*/, hooks.saveGraphData.call(
+                            /** 执行hooks pipeline处理args */
+                            args.args, 
+                            /** 执行 callback */
+                            function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var saveGraphDataService, includeAttrs, x6Graph, x6Nodes, x6Edges, nodes, edges, graphData, graphMeta, result;
+                                return tslib_1.__generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            saveGraphDataService = handlerArgs.saveGraphDataService, includeAttrs = handlerArgs.includeAttrs;
+                                            return [4 /*yield*/, ctx.getX6Graph()];
+                                        case 1:
+                                            x6Graph = _a.sent();
+                                            x6Nodes = x6Graph.getNodes();
+                                            x6Edges = x6Graph.getEdges();
+                                            nodes = x6Nodes.map(function (node) {
+                                                var data = node.getData();
+                                                var position = node.position();
+                                                var size = node.size();
+                                                var model = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ id: node.id }, data), position), size);
+                                                if (includeAttrs) {
+                                                    model.attrs = node.getAttrs();
+                                                }
+                                                return model;
+                                            });
+                                            edges = x6Edges.map(function (edge) {
+                                                var data = edge.getData();
+                                                var model = tslib_1.__assign({ id: edge.id }, data);
+                                                if (includeAttrs) {
+                                                    model.attrs = edge.getAttrs();
+                                                }
+                                                return model;
+                                            });
+                                            graphData = { nodes: nodes, edges: edges };
+                                            return [4 /*yield*/, this.ctx.getGraphMeta()
+                                                /** 执行 service */
+                                            ];
+                                        case 2:
+                                            graphMeta = _a.sent();
+                                            if (!saveGraphDataService) return [3 /*break*/, 4];
+                                            return [4 /*yield*/, saveGraphDataService(graphMeta, graphData)
+                                                /** 设置结果 */
+                                            ];
+                                        case 3:
+                                            result = _a.sent();
+                                            /** 设置结果 */
+                                            if (result) {
+                                                this.ctx.setResult(result);
+                                            }
+                                            _a.label = 4;
+                                        case 4: return [2 /*return*/, {}];
+                                    }
+                                });
+                            }); }, 
+                            /** 外部的 hook */
+                            args.hooks)];
+                    case 1:
+                        /** 执行hooks */
+                        _a.sent();
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        /** undo cmd */
+        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];
+            });
+        }); };
+        /** 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.ctx.isUndoable) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+    }
+    GraphSaveDataCommand.prototype.init = function () {
+        this.ctx = this.contextProvider();
+    };
+    /** isUndoable */
+    GraphSaveDataCommand.prototype.isUndoable = function () {
+        return this.ctx.isUndoable();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], GraphSaveDataCommand.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)
+    ], GraphSaveDataCommand.prototype, "init", null);
+    GraphSaveDataCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphSaveData.command.id },
+        })
+        /** 创建节点命令 */
+    ], GraphSaveDataCommand);
+    return GraphSaveDataCommand;
+}());
+exports.GraphSaveDataCommand = GraphSaveDataCommand;
+//# sourceMappingURL=graph-save-data.js.map

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

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

package/lib/command-contributions/graph/graph-toggle-multi-select.d.ts

@@ -0,0 +1,38 @@
+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<NsGraphToggleMultiSelect.IArgs, NsGraphToggleMultiSelect.IResult, NsGraphToggleMultiSelect.ICmdHooks>;
+export declare namespace NsGraphToggleMultiSelect {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hookName */
+    const hookKey = "toggleMultiSelect";
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        isEnable?: boolean;
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+        isEnable: boolean;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        toggleMultiSelect: HookHub<IArgs, IResult>;
+    }
+}
+export declare class GraphToggleMultiSelectCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsGraphToggleMultiSelect.IArgs, NsGraphToggleMultiSelect.IResult, NsGraphToggleMultiSelect.ICmdHooks>;
+    init(): void;
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    /** isUndoable */
+    isUndoable(): boolean;
+}
+export {};

package/lib/command-contributions/graph/graph-toggle-multi-select.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphToggleMultiSelectCommand = exports.NsGraphToggleMultiSelect = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var interface_1 = require("../../command/interface");
+var model_service_1 = require("../../model-service");
+var constant_1 = require("../constant");
+var NsGraphToggleMultiSelect;
+(function (NsGraphToggleMultiSelect) {
+    /** Command: 用于注册named factory */
+    NsGraphToggleMultiSelect.command = constant_1.XFlowGraphCommands.GRAPH_TOGGLE_MULTI_SELECT;
+    /** hookName */
+    NsGraphToggleMultiSelect.hookKey = 'toggleMultiSelect';
+})(NsGraphToggleMultiSelect = exports.NsGraphToggleMultiSelect || (exports.NsGraphToggleMultiSelect = {}));
+var GraphToggleMultiSelectCommand = /** @class */ (function () {
+    /** 画布缩放命令 */
+    function GraphToggleMultiSelectCommand() {
+        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.toggleMultiSelect.call(
+                            /** 执行hooks pipeline处理args */
+                            args, 
+                            /** 执行 callback */
+                            function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var x6Graph, config, isEnable, modelService, graphEnableMultiSelectModel, needEnableRubberBand;
+                                return tslib_1.__generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0: return [4 /*yield*/, this.ctx.getX6Graph()];
+                                        case 1:
+                                            x6Graph = _a.sent();
+                                            return [4 /*yield*/, this.ctx.getGraphConfig()];
+                                        case 2:
+                                            config = _a.sent();
+                                            isEnable = handlerArgs.isEnable, modelService = handlerArgs.modelService;
+                                            return [4 /*yield*/, model_service_1.MODELS.GRAPH_ENABLE_MULTI_SELECT.getModel(modelService)];
+                                        case 3:
+                                            graphEnableMultiSelectModel = _a.sent();
+                                            needEnableRubberBand = typeof isEnable === 'boolean' ? isEnable : !x6Graph.isRubberbandEnabled();
+                                            if (needEnableRubberBand) {
+                                                x6Graph.enableRubberband();
+                                                if (x6Graph.scroller && x6Graph.scroller.widget) {
+                                                    x6Graph.scroller.disablePanning();
+                                                }
+                                                else {
+                                                    x6Graph.disablePanning();
+                                                }
+                                                config.graphContainer.style.cursor = 'crosshair';
+                                            }
+                                            else {
+                                                x6Graph.disableRubberband();
+                                                if (x6Graph.scroller && x6Graph.scroller.widget) {
+                                                    x6Graph.scroller.enablePanning();
+                                                }
+                                                else {
+                                                    x6Graph.enablePanning();
+                                                }
+                                                config.graphContainer.style.cursor = 'grab';
+                                            }
+                                            graphEnableMultiSelectModel.setValue({ isEnable: needEnableRubberBand });
+                                            return [2 /*return*/, { isEnable: needEnableRubberBand }];
+                                    }
+                                });
+                            }); }, 
+                            /** execute command 时创建的hook */
+                            runtimeHook)
+                            /** 设置结果 */
+                        ];
+                    case 1:
+                        result = _b.sent();
+                        /** 设置结果 */
+                        this.ctx.setResult(result);
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        /** undo cmd */
+        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];
+            });
+        }); };
+        /** 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.ctx.isUndoable) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+    }
+    GraphToggleMultiSelectCommand.prototype.init = function () {
+        this.ctx = this.contextProvider();
+    };
+    /** isUndoable */
+    GraphToggleMultiSelectCommand.prototype.isUndoable = function () {
+        return this.ctx.isUndoable();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], GraphToggleMultiSelectCommand.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)
+    ], GraphToggleMultiSelectCommand.prototype, "init", null);
+    GraphToggleMultiSelectCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphToggleMultiSelect.command.id },
+        })
+        /** 画布缩放命令 */
+    ], GraphToggleMultiSelectCommand);
+    return GraphToggleMultiSelectCommand;
+}());
+exports.GraphToggleMultiSelectCommand = GraphToggleMultiSelectCommand;
+//# sourceMappingURL=graph-toggle-multi-select.js.map

package/lib/command-contributions/graph/graph-toggle-multi-select.js.map

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

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

@@ -0,0 +1,51 @@
+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<NsGraphZoom.IArgs, NsGraphZoom.IResult, NsGraphZoom.ICmdHooks>;
+export declare namespace NsGraphZoom {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** zoom options */
+    const MAX_SCALE = 1.5;
+    const MIN_SCALE = 0.05;
+    /** default zoom options */
+    const defaultZoomOptions: NsGraphZoom.IArgs['zoomOptions'];
+    /** hookName */
+    const hookKey = "graphZoom";
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        /** 缩放因子 */
+        factor: number | 'fit' | 'real';
+        /** 缩放配置项 */
+        zoomOptions?: NsGraph.ZoomOptions;
+        /** 自适应Padding参数(边距) */
+        zoomFitPadding?: number;
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+        factor: number | 'fit' | 'real';
+        zoomOptions: NsGraph.ZoomOptions;
+        zoomFitPadding: number;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        graphZoom: HookHub<IArgs, IResult>;
+    }
+}
+export declare class GraphZoomCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsGraphZoom.IArgs, NsGraphZoom.IResult, NsGraphZoom.ICmdHooks>;
+    init(): void;
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    /** isUndoable */
+    isUndoable(): boolean;
+}
+export {};

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

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphZoomCommand = exports.NsGraphZoom = 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 NsGraphZoom;
+(function (NsGraphZoom) {
+    /** Command: 用于注册named factory */
+    NsGraphZoom.command = constant_1.XFlowGraphCommands.GRAPH_ZOOM;
+    /** zoom options */
+    NsGraphZoom.MAX_SCALE = 1.5;
+    NsGraphZoom.MIN_SCALE = 0.05;
+    /** default zoom options */
+    NsGraphZoom.defaultZoomOptions = {
+        maxScale: NsGraphZoom.MAX_SCALE,
+        minScale: NsGraphZoom.MIN_SCALE,
+    };
+    /** hookName */
+    NsGraphZoom.hookKey = 'graphZoom';
+})(NsGraphZoom = exports.NsGraphZoom || (exports.NsGraphZoom = {}));
+var GraphZoomCommand = /** @class */ (function () {
+    /** 画布缩放命令 */
+    function GraphZoomCommand() {
+        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.graphZoom.call(
+                            /** 执行hooks pipeline处理args */
+                            args, 
+                            /** 执行 callback */
+                            function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var x6Graph, factor, _a, zoomFitPadding, _b, zoomOptions;
+                                return tslib_1.__generator(this, function (_c) {
+                                    switch (_c.label) {
+                                        case 0: return [4 /*yield*/, this.ctx.getX6Graph()];
+                                        case 1:
+                                            x6Graph = _c.sent();
+                                            factor = handlerArgs.factor, _a = handlerArgs.zoomFitPadding, zoomFitPadding = _a === void 0 ? 12 : _a, _b = handlerArgs.zoomOptions, zoomOptions = _b === void 0 ? NsGraphZoom.defaultZoomOptions : _b;
+                                            if (typeof factor === 'number') {
+                                                x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.zoom(factor, zoomOptions || {});
+                                            }
+                                            else if (factor === 'fit') {
+                                                x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.zoomToFit(tslib_1.__assign(tslib_1.__assign({}, zoomOptions), { padding: zoomFitPadding }));
+                                            }
+                                            else if (factor === 'real') {
+                                                x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.scale(1);
+                                                x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.centerContent();
+                                            }
+                                            return [2 /*return*/, { factor: factor, zoomFitPadding: zoomFitPadding, zoomOptions: zoomOptions }];
+                                    }
+                                });
+                            }); }, 
+                            /** execute command 时创建的hook */
+                            runtimeHook)
+                            /** 设置结果 */
+                        ];
+                    case 1:
+                        result = _b.sent();
+                        /** 设置结果 */
+                        this.ctx.setResult(result);
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        /** undo cmd */
+        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];
+            });
+        }); };
+        /** 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.ctx.isUndoable) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+    }
+    GraphZoomCommand.prototype.init = function () {
+        this.ctx = this.contextProvider();
+    };
+    /** isUndoable */
+    GraphZoomCommand.prototype.isUndoable = function () {
+        return this.ctx.isUndoable();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], GraphZoomCommand.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)
+    ], GraphZoomCommand.prototype, "init", null);
+    GraphZoomCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphZoom.command.id },
+        })
+        /** 画布缩放命令 */
+    ], GraphZoomCommand);
+    return GraphZoomCommand;
+}());
+exports.GraphZoomCommand = GraphZoomCommand;
+//# sourceMappingURL=graph-zoom.js.map

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

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

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

@@ -0,0 +1,114 @@
+import type { Syringe } from 'mana-syringe';
+import type { IGraphCommand } from '../../command/interface';
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from '../../hooks/interface';
+import type { Simplify } from '../../common/types';
+import { NsGraphMeta } from './graph-meta';
+import { NsGraphSaveData } from './graph-save-data';
+import { NsGraphLoadData } from './graph-load-data';
+import { NsGraphLayout } from './graph-layout';
+import { NsGraphRender } from './graph-render';
+import { NsGraphResize } from './graph-resize';
+import { NsGraphFullscreen } from './graph-fulllscreen';
+import { NsGraphZoom } from './graph-zoom';
+import { NsGraphCopySelection } from './graph-copy';
+import { NsGraphPasteSelection } from './graph-paste';
+import { NsGraphToggleMultiSelect } from './graph-toggle-multi-select';
+import { NsGraphHistoryUndo } from './graph-history-undo';
+import { NsGraphHistoryRedo } from './graph-history-redo';
+import { NsGraphHistoryToggle } from './graph-history-toggle';
+import { NsGraphHistoryReset } from './graph-history-reset';
+import { NsGraphAddTool } from './graph-add-tool';
+import { NsGraphDelTool } from './graph-del-tool';
+import { NsRedoCmd } from './graph-cmd-redo';
+import { NsUndoCmd } from './graph-cmd-undo';
+/** 注册Command Handler Class */
+export declare const registerGraphCommand: (register: Syringe.Register) => void;
+/** app onStart 时, 注册 Command Hooks */
+export declare const hookhubList: {
+    command: IGraphCommand;
+    hookKey: string;
+    createHook?: () => HookHub;
+}[];
+/** Command hook类型*/
+export interface ICmdHooks extends IHooks, NsGraphMeta.ICmdHooks, NsGraphLoadData.ICmdHooks, NsGraphSaveData.ICmdHooks, NsGraphLayout.ICmdHooks, NsGraphRender.ICmdHooks, NsGraphResize.ICmdHooks, NsGraphHistoryUndo.ICmdHooks, NsGraphHistoryRedo.ICmdHooks, NsGraphHistoryReset.ICmdHooks, NsGraphHistoryToggle.ICmdHooks, NsRedoCmd.ICmdHooks, NsUndoCmd.ICmdHooks, NsGraphZoom.ICmdHooks, NsGraphToggleMultiSelect.ICmdHooks, NsGraphCopySelection.ICmdHooks, NsGraphPasteSelection.ICmdHooks, NsGraphAddTool.ICmdHooks, NsGraphDelTool.ICmdHooks {
+}
+/** Command 参数类型*/
+export declare namespace NsGraphCmd {
+    namespace GraphMeta {
+        type IArgs = Simplify<NsGraphMeta.IArgs>;
+        type IResult = Simplify<NsGraphMeta.IResult>;
+    }
+    namespace GraphLoadData {
+        type IArgs = Simplify<NsGraphLoadData.IArgs>;
+        type IResult = Simplify<NsGraphLoadData.IResult>;
+    }
+    namespace SaveGraphData {
+        type IArgs = Simplify<NsGraphSaveData.IArgs>;
+        type IResult = Simplify<NsGraphSaveData.IResult>;
+    }
+    namespace GraphRender {
+        type IArgs = Simplify<NsGraphRender.IArgs>;
+        type IResult = Simplify<NsGraphRender.IResult>;
+    }
+    namespace GraphLayout {
+        type IArgs = Simplify<NsGraphLayout.IArgs>;
+        type IResult = Simplify<NsGraphLayout.IResult>;
+    }
+    namespace GraphResize {
+        type IArgs = Simplify<NsGraphResize.IArgs>;
+        type IResult = Simplify<NsGraphResize.IResult>;
+    }
+    namespace GraphHistoryRedo {
+        type IArgs = Simplify<NsGraphHistoryRedo.IArgs>;
+        type IResult = Simplify<NsGraphHistoryRedo.IResult>;
+    }
+    namespace GraphHistoryUndo {
+        type IArgs = Simplify<NsGraphHistoryUndo.IArgs>;
+        type IResult = Simplify<NsGraphHistoryUndo.IResult>;
+    }
+    namespace GraphHistoryReset {
+        type IArgs = Simplify<NsGraphHistoryReset.IArgs>;
+        type IResult = Simplify<NsGraphHistoryReset.IResult>;
+    }
+    namespace GraphHistoryToggle {
+        type IArgs = Simplify<NsGraphHistoryToggle.IArgs>;
+        type IResult = Simplify<NsGraphHistoryToggle.IResult>;
+    }
+    namespace UndoCmd {
+        type IArgs = Simplify<NsUndoCmd.IArgs>;
+        type IResult = Simplify<NsUndoCmd.IResult>;
+    }
+    namespace RedoCmd {
+        type IArgs = Simplify<NsRedoCmd.IArgs>;
+        type IResult = Simplify<NsRedoCmd.IResult>;
+    }
+    namespace GraphZoom {
+        type IArgs = Simplify<NsGraphZoom.IArgs>;
+        type IResult = Simplify<NsGraphZoom.IResult>;
+    }
+    namespace GraphFullscreen {
+        type IArgs = Simplify<NsGraphFullscreen.IArgs>;
+        type IResult = Simplify<NsGraphFullscreen.IResult>;
+    }
+    namespace GraphToggleMultiSelect {
+        type IArgs = Simplify<NsGraphToggleMultiSelect.IArgs>;
+        type IResult = Simplify<NsGraphToggleMultiSelect.IResult>;
+    }
+    namespace GraphCopySelection {
+        type IArgs = Simplify<NsGraphCopySelection.IArgs>;
+        type IResult = Simplify<NsGraphCopySelection.IResult>;
+    }
+    namespace GraphPasteSelection {
+        type IArgs = Simplify<NsGraphPasteSelection.IArgs>;
+        type IResult = Simplify<NsGraphPasteSelection.IResult>;
+    }
+    namespace GraphAddTool {
+        type IArgs = Simplify<NsGraphAddTool.IArgs>;
+        type IResult = Simplify<NsGraphAddTool.IResult>;
+    }
+    namespace GraphDelTool {
+        type IArgs = Simplify<NsGraphDelTool.IArgs>;
+        type IResult = Simplify<NsGraphDelTool.IResult>;
+    }
+}