@sunspirytus/xflow-core 1.0.52

package/lib/toolbar/toolbar-registry.d.ts

@@ -0,0 +1,80 @@
+import 'reflect-metadata';
+import { Contribution } from 'mana-syringe';
+import { DisposableCollection } from '../common/disposable';
+import { IFrontendApplicationContribution } from '../xflow-main/interface';
+import type { NsModel } from '../common/rx-model';
+import { RxModel } from '../common/rx-model';
+import { IGraphCommandService } from '../command';
+import { IModelService } from '../model-service';
+import type { IToolbarItemOptions, IToolbarOptions, IToolbarGroupOptions, IRegisterToolbarItemFunction } from './interface';
+import { IToolbarContribution } from './interface';
+/**
+ * Main, shared registry for toolbar items.
+ */
+export declare class ToolbarRegistry implements IFrontendApplicationContribution {
+    /** disposables */
+    protected readonly toDispose: DisposableCollection;
+    /** 储存所有toolbar items */
+    protected toolbarItems: Map<string, IToolbarItemOptions>;
+    /** CommandRegistry */
+    protected readonly commandService: IGraphCommandService;
+    /** IModelService */
+    protected readonly modelService: IModelService;
+    /** ToolbarItems的扩展 */
+    protected readonly contributionProvider: Contribution.Provider<IToolbarContribution>;
+    /** 注册ToolbarRegistry的onChange的事件 */
+    protected readonly onDidChangeEvent: RxModel<null>;
+    /** 通过ToolbarRegistry.onDidChange监听ToolbarRegistry items的变化  */
+    readonly onDidChange: NsModel.IWatch<void>;
+    /** debounce in order to avoid to fire more than once in the same tick */
+    protected fireOnDidChange: any;
+    /** App启动时，收集Toolbar扩展点的注册项 */
+    onStart(): void;
+    /**
+     * App 销毁时调用
+     * dispose toolbarProvider
+     */
+    onStop(): void;
+    /**
+     * 注册ToolbarItem
+     * item所需的command需要提前在command registry注册
+     * @param config IToolbarItem
+     */
+    registerItem(config: IToolbarItemOptions): DisposableCollection;
+    /**
+     * 批量注册可单独dispose的扩展项目
+     * @param externalRegisterFn IRegisterMenuFunction
+     */
+    registerDisposableToolbar: (externalRegisterFn: IRegisterToolbarItemFunction) => DisposableCollection;
+    /**
+     * 获取 ToolbarModel
+     * @param toolbarConfig IToolbarOptions
+     */
+    getToolbarModel: (toolbarConfig: IToolbarOptions) => RxModel<{
+        layout: import("./interface").IToolbarLayout;
+        mainGroups: {
+            items: IToolbarItemOptions[];
+            name?: string;
+            className?: string;
+        }[];
+        extraGroups: {
+            items: IToolbarItemOptions[];
+            name?: string;
+            className?: string;
+        }[];
+    }>;
+    /**
+     * 创建 ToolbarModel
+     * @param groups IToolbarGroupOptions[]
+     */
+    protected createToolbarGroupModel: (groups: IToolbarGroupOptions[]) => {
+        items: IToolbarItemOptions[];
+        name?: string;
+        className?: string;
+    }[];
+    /**
+     * 创建 ToolbarModel
+     * @param option IToolbarItem
+     */
+    protected createToolbarModel(option: Partial<IToolbarItemOptions>): IToolbarItemOptions;
+}

package/lib/toolbar/toolbar-registry.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarRegistry = void 0;
+var tslib_1 = require("tslib");
+require("reflect-metadata");
+var mana_syringe_1 = require("mana-syringe");
+var debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+var cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
+var isBoolean_1 = tslib_1.__importDefault(require("lodash/isBoolean"));
+var disposable_1 = require("../common/disposable");
+var interface_1 = require("../xflow-main/interface");
+var rx_model_1 = require("../common/rx-model");
+var command_1 = require("../command");
+var model_service_1 = require("../model-service");
+var interface_2 = require("./interface");
+/**
+ * Main, shared registry for toolbar items.
+ */
+var ToolbarRegistry = /** @class */ (function () {
+    function ToolbarRegistry() {
+        var _this = this;
+        /** disposables */
+        this.toDispose = new disposable_1.DisposableCollection();
+        /** 储存所有toolbar items */
+        this.toolbarItems = new Map();
+        /** 注册ToolbarRegistry的onChange的事件 */
+        this.onDidChangeEvent = new rx_model_1.RxModel(null);
+        /** 通过ToolbarRegistry.onDidChange监听ToolbarRegistry items的变化  */
+        this.onDidChange = this.onDidChangeEvent.watch;
+        /** debounce in order to avoid to fire more than once in the same tick */
+        this.fireOnDidChange = (0, debounce_1.default)(function () { return _this.onDidChangeEvent.setValue(undefined); }, 16);
+        /**
+         * 批量注册可单独dispose的扩展项目
+         * @param externalRegisterFn IRegisterMenuFunction
+         */
+        this.registerDisposableToolbar = function (externalRegisterFn) {
+            var toDispose = new disposable_1.DisposableCollection();
+            var disposableRegistry = {
+                registerToolbarItem: function (config) {
+                    var disposable = _this.registerItem(config);
+                    toDispose.push(disposable);
+                    return disposable;
+                },
+            };
+            externalRegisterFn(disposableRegistry);
+            _this.toDispose.push(toDispose);
+            return toDispose;
+        };
+        /**
+         * 获取 ToolbarModel
+         * @param toolbarConfig IToolbarOptions
+         */
+        this.getToolbarModel = function (toolbarConfig) {
+            var layout = toolbarConfig.layout, _a = toolbarConfig.mainGroups, mainGroups = _a === void 0 ? [] : _a, _b = toolbarConfig.extraGroups, extraGroups = _b === void 0 ? [] : _b;
+            return new rx_model_1.RxModel({
+                layout: layout,
+                mainGroups: _this.createToolbarGroupModel(mainGroups),
+                extraGroups: _this.createToolbarGroupModel(extraGroups),
+            });
+        };
+        /**
+         * 创建 ToolbarModel
+         * @param groups IToolbarGroupOptions[]
+         */
+        this.createToolbarGroupModel = function (groups) {
+            var groupModels = groups.map(function (group) {
+                var _a = group.items, items = _a === void 0 ? [] : _a;
+                return tslib_1.__assign(tslib_1.__assign({}, group), { items: items.map(function (item) { return _this.createToolbarModel({ id: item.id }); }).filter(function (i) { return !!i; }) });
+            });
+            return groupModels;
+        };
+    }
+    /** App启动时，收集Toolbar扩展点的注册项 */
+    ToolbarRegistry.prototype.onStart = function () {
+        var contributions = this.contributionProvider.getContributions();
+        for (var _i = 0, contributions_1 = contributions; _i < contributions_1.length; _i++) {
+            var contribution = contributions_1[_i];
+            contribution.registerToolbarItems(this);
+        }
+    };
+    /**
+     * App 销毁时调用
+     * dispose toolbarProvider
+     */
+    ToolbarRegistry.prototype.onStop = function () {
+        this.toDispose.dispose();
+    };
+    /**
+     * 注册ToolbarItem
+     * item所需的command需要提前在command registry注册
+     * @param config IToolbarItem
+     */
+    ToolbarRegistry.prototype.registerItem = function (config) {
+        var _this = this;
+        if (this.toolbarItems.has(config.id)) {
+            console.warn("ToolbarRegistry ".concat(config.id, " is duplicated, in"), config);
+        }
+        /** 注册 */
+        this.toolbarItems.set(config.id, config);
+        /** 通知更新 */
+        this.fireOnDidChange();
+        var toDispose = new disposable_1.DisposableCollection(disposable_1.Disposable.create(function () { return _this.fireOnDidChange(); }), disposable_1.Disposable.create(function () { return _this.toolbarItems.delete(config.id); }));
+        return toDispose;
+    };
+    /**
+     * 创建 ToolbarModel
+     * @param option IToolbarItem
+     */
+    ToolbarRegistry.prototype.createToolbarModel = function (option) {
+        var item = (0, cloneDeep_1.default)(this.toolbarItems.get(option.id));
+        var isEnabled = (0, isBoolean_1.default)(item.isEnabled) ? item.isEnabled : true;
+        var isVisible = (0, isBoolean_1.default)(item.isVisible) ? item.isVisible : true;
+        var toolbarItem = tslib_1.__assign(tslib_1.__assign({}, item), { isEnabled: isEnabled, isVisible: isVisible, iconName: item.iconName, text: item.text });
+        return toolbarItem;
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(command_1.IGraphCommandService),
+        tslib_1.__metadata("design:type", Object)
+    ], ToolbarRegistry.prototype, "commandService", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(model_service_1.IModelService),
+        tslib_1.__metadata("design:type", Object)
+    ], ToolbarRegistry.prototype, "modelService", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.contrib)(interface_2.IToolbarContribution),
+        tslib_1.__metadata("design:type", Object)
+    ], ToolbarRegistry.prototype, "contributionProvider", void 0);
+    ToolbarRegistry = tslib_1.__decorate([
+        (0, mana_syringe_1.singleton)({ contrib: [interface_1.IFrontendApplicationContribution, interface_2.IToolbarService] })
+    ], ToolbarRegistry);
+    return ToolbarRegistry;
+}());
+exports.ToolbarRegistry = ToolbarRegistry;
+//# sourceMappingURL=toolbar-registry.js.map

package/lib/toolbar/toolbar-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-registry.js","sourceRoot":"","sources":["../../src/toolbar/toolbar-registry.tsx"],"names":[],"mappings":"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"}

package/lib/xflow-main/application-module.d.ts

@@ -0,0 +1,8 @@
+import 'reflect-metadata';
+/** Application */
+import { FrontendApplication } from './application';
+/** Extension 注册中心 */
+import { ExtensionRegistry } from './components/extension-registry';
+export { ExtensionRegistry };
+export type ICreateApp = (registry: ExtensionRegistry) => FrontendApplication;
+export declare const initApp: ICreateApp;

package/lib/xflow-main/application-module.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initApp = exports.ExtensionRegistry = void 0;
+/* eslint-disable @typescript-eslint/no-redeclare */
+require("reflect-metadata");
+/** Application */
+var application_1 = require("./application");
+/** Command 模块 */
+var module_1 = require("../command/module");
+var module_2 = require("../model-service/module");
+/** Extension 注册中心 */
+var extension_registry_1 = require("./components/extension-registry");
+Object.defineProperty(exports, "ExtensionRegistry", { enumerable: true, get: function () { return extension_registry_1.ExtensionRegistry; } });
+/** 类型定义 */
+var mana_syringe_1 = require("mana-syringe");
+/** application */
+var appMainModule = (0, mana_syringe_1.Module)(function (register) {
+    /** 声明IFrontendApplicationContribution扩展点*/
+    mana_syringe_1.Contribution.register(register, application_1.IFrontendApplicationContribution);
+    /** 声明 FrontendApplication */
+    register(application_1.FrontendApplication);
+});
+var initApp = function (moduleRegistry) {
+    var extensions = moduleRegistry.getAllExtensions();
+    var container = new mana_syringe_1.Container();
+    /** command */
+    /** react renderer */
+    /** 批量创建 extension module */
+    var modules = extensions.map(function (module) {
+        var createModule = module.createModule, config = module.config;
+        return createModule(config);
+    });
+    /** 单独加载 appMainModule */
+    container.load(appMainModule);
+    /** 单独加载 commandRegistryModule */
+    container.load(module_1.commandRegistryModule);
+    // /** 单独加载 modelServiceModule */
+    container.load(module_2.modelServiceModule);
+    /**
+     * 批量加载 extension module
+     * 包括：menu/toolbar/keybinding/graph
+     */
+    modules.forEach(function (module) {
+        container.load(module);
+    });
+    var app = container.get(application_1.FrontendApplication);
+    return app;
+};
+exports.initApp = initApp;
+//# sourceMappingURL=application-module.js.map

package/lib/xflow-main/application-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-module.js","sourceRoot":"","sources":["../../src/xflow-main/application-module.ts"],"names":[],"mappings":";;;AAAA,oDAAoD;AACpD,4BAAyB;AAEzB,kBAAkB;AAClB,6CAAqF;AAErF,iBAAiB;AACjB,4CAAyD;AACzD,kDAA4D;AAE5D,qBAAqB;AACrB,sEAAmE;AAK1D,kGALA,sCAAiB,OAKA;AAH1B,WAAW;AACX,6CAA8D;AAM9D,kBAAkB;AAClB,IAAM,aAAa,GAAG,IAAA,qBAAM,EAAC,UAAA,QAAQ;IACnC,2CAA2C;IAC3C,2BAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,8CAAgC,CAAC,CAAA;IACjE,6BAA6B;IAC7B,QAAQ,CAAC,iCAAmB,CAAC,CAAA;AAC/B,CAAC,CAAC,CAAA;AAEK,IAAM,OAAO,GAAe,UAAC,cAAiC;IACnE,IAAM,UAAU,GAAG,cAAc,CAAC,gBAAgB,EAAE,CAAA;IACpD,IAAM,SAAS,GAAG,IAAI,wBAAS,EAAE,CAAA;IAEjC,cAAc;IACd,qBAAqB;IACrB,4BAA4B;IAC5B,IAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,UAAA,MAAM;QAC3B,IAAA,YAAY,GAAa,MAAM,aAAnB,EAAE,MAAM,GAAK,MAAM,OAAX,CAAW;QACvC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAA;IAC7B,CAAC,CAAC,CAAA;IAEF,yBAAyB;IACzB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC7B,iCAAiC;IACjC,SAAS,CAAC,IAAI,CAAC,8BAAqB,CAAC,CAAA;IACrC,iCAAiC;IACjC,SAAS,CAAC,IAAI,CAAC,2BAAkB,CAAC,CAAA;IAElC;;;OAGG;IACH,OAAO,CAAC,OAAO,CAAC,UAAA,MAAM;QACpB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACxB,CAAC,CAAC,CAAA;IAEF,IAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,iCAAmB,CAAC,CAAA;IAC9C,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AA7BY,QAAA,OAAO,WA6BnB"}

package/lib/xflow-main/application.d.ts

@@ -0,0 +1,77 @@
+import { Contribution } from 'mana-syringe';
+import type { Registry } from '@antv/x6';
+import { Node as X6Node, Edge as X6Edge } from '@antv/x6';
+import type { IGraphPipelineCommand } from '../command/interface';
+import type { MaybePromise } from '../common/types';
+import type { IRuntimeHook } from '@sunspirytus/xflow-hook/es/interface';
+import { IGraphProvider } from '../xflow-main/graph/graph-provider';
+import { IGraphCommandService } from '../command/interface';
+import { IModelService } from '../model-service';
+import { IFrontendApplicationContribution } from './interface';
+export { IFrontendApplicationContribution } from './interface';
+export declare class FrontendApplication {
+    /** app的扩展 */
+    protected readonly contributions: Contribution.Provider<IFrontendApplicationContribution>;
+    /** graphProvider */
+    readonly graphProvider: IGraphProvider;
+    /** commandService */
+    readonly commandService: IGraphCommandService;
+    /** modelService */
+    readonly modelService: IModelService;
+    /** 启动app */
+    start(): Promise<void>;
+    /** 获取画布实例 */
+    getGraphInstance: () => Promise<import("@antv/x6").Graph>;
+    /** 获取画布配置项 */
+    getGraphConfig: () => Promise<import("./graph").IGraphConfig>;
+    /** 获取画布配置项 */
+    getGraphData: () => Promise<{
+        nodes: import("..").NsGraph.INodeConfig[];
+        edges: import("..").NsGraph.IEdgeConfig[];
+    }>;
+    /** 获取画布所有节点 */
+    getAllNodes: () => Promise<X6Node<X6Node.Properties>[]>;
+    /** 获取画布节点 */
+    getNodeById: (nodeId: string) => Promise<X6Node<X6Node.Properties>>;
+    /** 获取画布所有连线 */
+    getAllEdges: () => Promise<X6Edge<X6Edge.Properties>[]>;
+    /** 获取画布连线 */
+    getEdgeById: (edgeId: string) => Promise<X6Edge<X6Edge.Properties>>;
+    /** 更新节点样式 */
+    updateNodeAttrs: (node: string | X6Node, attrs: Registry.Attr.CellAttrs) => Promise<void>;
+    /** 更新连线样式 */
+    updateEdgeAttrs: (edge: string | X6Edge, attrs: Registry.Attr.CellAttrs) => Promise<void>;
+    /** 平移画布 */
+    translateGraph: (tx: number, ty: number) => Promise<void>;
+    /** 暴露命令的执行接口 */
+    executeCommand<Args = any, Result = any>(commandId: string, cmdArgs: Args, hook?: IRuntimeHook<Args, Result>): Promise<import("../command/interface").ICommandHandler<Args, Result, {
+        graphOptions: import("@sunspirytus/xflow-hook").HookHub<import("@antv/x6").Graph.Options, import("@antv/x6").Graph.Options>;
+        reactNodeRender: import("@sunspirytus/xflow-hook").HookHub<Map<string, React.ComponentType<import("..").NsGraph.IReactNodeProps<T>>>, Map<string, React.ComponentType<import("..").NsGraph.IReactNodeProps<T>>>>;
+        reactEdgeLabelRender: import("@sunspirytus/xflow-hook").HookHub<Map<string, React.ComponentType<import("..").NsGraph.IReactEdgeProps<T_1>>>, Map<string, React.ComponentType<import("..").NsGraph.IReactEdgeProps<T_1>>>>;
+        afterGraphInit: import("@sunspirytus/xflow-hook").HookHub<import("../hooks/interface").IGeneralAppService, import("../hooks/interface").IGeneralAppService>;
+        beforeGraphDestroy: import("@sunspirytus/xflow-hook").HookHub<import("../hooks/interface").IGeneralAppService, import("../hooks/interface").IGeneralAppService>;
+        x6Events: import("@sunspirytus/xflow-hook").HookHub<import("../hooks/interface").IEventCollection, import("../hooks/interface").IEventSubscription>;
+    }>>;
+    /** 暴露命令的批量执行接口 */
+    executeCommandPipeline(cmdOptions: IGraphPipelineCommand[]): Promise<import("../command/interface").ICommandHandler<any, any, {
+        graphOptions: import("@sunspirytus/xflow-hook").HookHub<import("@antv/x6").Graph.Options, import("@antv/x6").Graph.Options>;
+        reactNodeRender: import("@sunspirytus/xflow-hook").HookHub<Map<string, React.ComponentType<import("..").NsGraph.IReactNodeProps<T>>>, Map<string, React.ComponentType<import("..").NsGraph.IReactNodeProps<T>>>>;
+        reactEdgeLabelRender: import("@sunspirytus/xflow-hook").HookHub<Map<string, React.ComponentType<import("..").NsGraph.IReactEdgeProps<T_1>>>, Map<string, React.ComponentType<import("..").NsGraph.IReactEdgeProps<T_1>>>>;
+        afterGraphInit: import("@sunspirytus/xflow-hook").HookHub<import("../hooks/interface").IGeneralAppService, import("../hooks/interface").IGeneralAppService>;
+        beforeGraphDestroy: import("@sunspirytus/xflow-hook").HookHub<import("../hooks/interface").IGeneralAppService, import("../hooks/interface").IGeneralAppService>;
+        x6Events: import("@sunspirytus/xflow-hook").HookHub<import("../hooks/interface").IEventCollection, import("../hooks/interface").IEventSubscription>;
+    }>>;
+    /**
+     * Register global event listeners.
+     */
+    protected registerEventListeners(): void;
+    /**
+     * Initialize and start the frontend application contributions.
+     */
+    protected startContributions(): Promise<void>;
+    /**
+     * Stop the frontend application contributions. This is called when the window is unloaded.
+     */
+    protected stopContributions(): void;
+    protected measure<T>(name: string, fn: () => MaybePromise<T>): Promise<T>;
+}

package/lib/xflow-main/application.js

@@ -0,0 +1,296 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FrontendApplication = exports.IFrontendApplicationContribution = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-redeclare */
+/* eslint-disable no-await-in-loop */
+/* eslint-disable max-classes-per-file */
+var mana_syringe_1 = require("mana-syringe");
+var x6_1 = require("@antv/x6");
+var graph_provider_1 = require("../xflow-main/graph/graph-provider");
+var interface_1 = require("../command/interface");
+var model_service_1 = require("../model-service");
+var interface_2 = require("./interface");
+var graph_utils_1 = require("../common/graph-utils");
+var interface_3 = require("./interface");
+Object.defineProperty(exports, "IFrontendApplicationContribution", { enumerable: true, get: function () { return interface_3.IFrontendApplicationContribution; } });
+var TIMER_WARNING_THRESHOLD = 100;
+var FrontendApplication = /** @class */ (function () {
+    function FrontendApplication() {
+        var _this = this;
+        /** 获取画布实例 */
+        this.getGraphInstance = function () {
+            return _this.graphProvider.getGraphInstance();
+        };
+        /** 获取画布配置项 */
+        this.getGraphConfig = function () {
+            return _this.graphProvider.getGraphOptions();
+        };
+        /** 获取画布配置项 */
+        this.getGraphData = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var graph, cells;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.graphProvider.getGraphInstance()];
+                    case 1:
+                        graph = _a.sent();
+                        cells = graph.getCells();
+                        return [2 /*return*/, (0, graph_utils_1.cellsToJson)(cells)];
+                }
+            });
+        }); };
+        /** 获取画布所有节点 */
+        this.getAllNodes = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var graph;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.graphProvider.getGraphInstance()];
+                    case 1:
+                        graph = _a.sent();
+                        return [2 /*return*/, graph.getNodes()];
+                }
+            });
+        }); };
+        /** 获取画布节点 */
+        this.getNodeById = function (nodeId) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var graph;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.graphProvider.getGraphInstance()];
+                    case 1:
+                        graph = _a.sent();
+                        return [2 /*return*/, graph.getCellById(nodeId)];
+                }
+            });
+        }); };
+        /** 获取画布所有连线 */
+        this.getAllEdges = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var graph;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.graphProvider.getGraphInstance()];
+                    case 1:
+                        graph = _a.sent();
+                        return [2 /*return*/, graph.getEdges()];
+                }
+            });
+        }); };
+        /** 获取画布连线 */
+        this.getEdgeById = function (edgeId) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var graph;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.graphProvider.getGraphInstance()];
+                    case 1:
+                        graph = _a.sent();
+                        return [2 /*return*/, graph.getCellById(edgeId)];
+                }
+            });
+        }); };
+        /** 更新节点样式 */
+        this.updateNodeAttrs = function (node, attrs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var x6Node;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(node instanceof x6_1.Node)) return [3 /*break*/, 1];
+                        node.setAttrs(attrs);
+                        return [3 /*break*/, 3];
+                    case 1: return [4 /*yield*/, this.getNodeById(node)];
+                    case 2:
+                        x6Node = _a.sent();
+                        x6Node.setAttrs(attrs);
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        /** 更新连线样式 */
+        this.updateEdgeAttrs = function (edge, attrs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var x6Edge;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(edge instanceof x6_1.Edge)) return [3 /*break*/, 1];
+                        edge.setAttrs(attrs);
+                        return [3 /*break*/, 3];
+                    case 1: return [4 /*yield*/, this.getEdgeById(edge)];
+                    case 2:
+                        x6Edge = _a.sent();
+                        x6Edge.setAttrs(attrs);
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        /** 平移画布 */
+        this.translateGraph = function (tx, ty) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var graph, currentTranslate;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.graphProvider.getGraphInstance()];
+                    case 1:
+                        graph = _a.sent();
+                        currentTranslate = graph.translate();
+                        graph.translate(currentTranslate.tx + tx, currentTranslate.ty + ty);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+    }
+    /** 启动app */
+    FrontendApplication.prototype.start = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.startContributions()];
+                    case 1:
+                        _a.sent();
+                        this.registerEventListeners();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /** 暴露命令的执行接口 */
+    FrontendApplication.prototype.executeCommand = function (commandId, cmdArgs, hook) {
+        if (hook === void 0) { hook = []; }
+        return this.commandService.executeCommand(commandId, cmdArgs, hook);
+    };
+    /** 暴露命令的批量执行接口 */
+    FrontendApplication.prototype.executeCommandPipeline = function (cmdOptions) {
+        return this.commandService.executeCommandPipeline(cmdOptions);
+    };
+    /**
+     * Register global event listeners.
+     */
+    FrontendApplication.prototype.registerEventListeners = function () {
+        var _this = this;
+        /** 触发app的卸载逻辑 */
+        window.addEventListener('unload', function () {
+            _this.stopContributions();
+        });
+    };
+    /**
+     * Initialize and start the frontend application contributions.
+     */
+    FrontendApplication.prototype.startContributions = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var _loop_1, this_1, _i, _a, contribution;
+            var _this = this;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        console.log(this.contributions.getContributions());
+                        _loop_1 = function (contribution) {
+                            var error_1;
+                            return tslib_1.__generator(this, function (_c) {
+                                switch (_c.label) {
+                                    case 0:
+                                        if (!contribution.onStart) return [3 /*break*/, 4];
+                                        _c.label = 1;
+                                    case 1:
+                                        _c.trys.push([1, 3, , 4]);
+                                        return [4 /*yield*/, this_1.measure("".concat(contribution.constructor.name, ".onStart"), function () {
+                                                return contribution.onStart(_this);
+                                            })];
+                                    case 2:
+                                        _c.sent();
+                                        return [3 /*break*/, 4];
+                                    case 3:
+                                        error_1 = _c.sent();
+                                        console.error('Could not start contribution', error_1);
+                                        return [3 /*break*/, 4];
+                                    case 4: return [2 /*return*/];
+                                }
+                            });
+                        };
+                        this_1 = this;
+                        _i = 0, _a = this.contributions.getContributions();
+                        _b.label = 1;
+                    case 1:
+                        if (!(_i < _a.length)) return [3 /*break*/, 4];
+                        contribution = _a[_i];
+                        return [5 /*yield**/, _loop_1(contribution)];
+                    case 2:
+                        _b.sent();
+                        _b.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * Stop the frontend application contributions. This is called when the window is unloaded.
+     */
+    FrontendApplication.prototype.stopContributions = function () {
+        console.info('>>> Stopping frontend contributions...');
+        for (var _i = 0, _a = this.contributions.getContributions(); _i < _a.length; _i++) {
+            var contribution = _a[_i];
+            if (contribution.onStop) {
+                try {
+                    contribution.onStop(this);
+                }
+                catch (error) {
+                    console.error('Could not stop contribution', error);
+                }
+            }
+        }
+        console.info('<<< All frontend contributions have been stopped.');
+    };
+    FrontendApplication.prototype.measure = function (name, fn) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var startMark, endMark, result, _i, _a, item, contribution;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        startMark = "".concat(name, "-start");
+                        endMark = "".concat(name, "-end");
+                        performance.mark(startMark);
+                        return [4 /*yield*/, fn()];
+                    case 1:
+                        result = _b.sent();
+                        performance.mark(endMark);
+                        performance.measure(name, startMark, endMark);
+                        for (_i = 0, _a = performance.getEntriesByName(name); _i < _a.length; _i++) {
+                            item = _a[_i];
+                            contribution = "Frontend ".concat(item.name);
+                            if (item.duration > TIMER_WARNING_THRESHOLD) {
+                                console.warn("".concat(contribution, " is slow, took: ").concat(item.duration.toFixed(1), " ms"));
+                            }
+                            else {
+                                console.debug("".concat(contribution, " took: ").concat(item.duration.toFixed(1), " ms"));
+                            }
+                        }
+                        performance.clearMeasures(name);
+                        return [2 /*return*/, result];
+                }
+            });
+        });
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.contrib)(interface_2.IFrontendApplicationContribution),
+        tslib_1.__metadata("design:type", Object)
+    ], FrontendApplication.prototype, "contributions", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(graph_provider_1.IGraphProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], FrontendApplication.prototype, "graphProvider", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.IGraphCommandService),
+        tslib_1.__metadata("design:type", Object)
+    ], FrontendApplication.prototype, "commandService", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(model_service_1.IModelService),
+        tslib_1.__metadata("design:type", Object)
+    ], FrontendApplication.prototype, "modelService", void 0);
+    FrontendApplication = tslib_1.__decorate([
+        (0, mana_syringe_1.singleton)()
+    ], FrontendApplication);
+    return FrontendApplication;
+}());
+exports.FrontendApplication = FrontendApplication;
+//# sourceMappingURL=application.js.map