@sunspirytus/xflow-core 1.0.52

package/lib/hooks/components/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createHookConfig = exports.HookRegistry = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var module_1 = require("../module");
+var extension_context_1 = require("../../xflow-main/components/extension-context");
+var config_1 = require("../config");
+var HookRegistry = function (props) {
+    /** 获取配置中心 */
+    var extensionRegistry = (0, extension_context_1.useExtensionRegistry)();
+    /** 获取ContextService的配置 */
+    var hookConfig = react_1.default.useMemo(function () { return (props.config ? props.config : new module_1.XFlowHookConfig()); }, 
+    // 不要移除：保证config只生成一次
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    react_1.default.useEffect(function () {
+        var disposable = extensionRegistry.addCoreModule({
+            config: hookConfig,
+            createModule: module_1.createModule,
+        });
+        return function () {
+            disposable.dispose();
+            hookConfig.dispose();
+        };
+    }, [extensionRegistry, hookConfig]);
+    return null;
+};
+exports.HookRegistry = HookRegistry;
+var createHookConfig = function (addOptions) {
+    return function (value) {
+        /** bridge config and value */
+        var valueContainer = react_1.default.useMemo(function () { return ({ getValue: function () { return ({}); } }); }, []);
+        valueContainer.getValue = function () { return value; };
+        var hookConfig = react_1.default.useMemo(function () {
+            var config = new config_1.HookConfig();
+            addOptions(config, valueContainer);
+            return config;
+        }, [valueContainer]);
+        return hookConfig;
+    };
+};
+exports.createHookConfig = createHookConfig;
+//# sourceMappingURL=index.js.map

package/lib/hooks/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/components/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAyD;AACzD,mFAAoF;AACpF,oCAAsC;AAO/B,IAAM,YAAY,GAAqB,UAAA,KAAK;IACjD,aAAa;IACb,IAAM,iBAAiB,GAAG,IAAA,wCAAoB,GAAE,CAAA;IAChD,0BAA0B;IAC1B,IAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAC9B,cAAM,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,wBAAe,EAAE,CAAC,EAArD,CAAqD;IAC3D,qBAAqB;IACrB,uDAAuD;IACvD,EAAE,CACH,CAAA;IAED,eAAK,CAAC,SAAS,CAAC;QACd,IAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC;YACjD,MAAM,EAAE,UAAU;YAClB,YAAY,uBAAA;SACb,CAAC,CAAA;QACF,OAAO;YACL,UAAU,CAAC,OAAO,EAAE,CAAA;YACpB,UAAU,CAAC,OAAO,EAAE,CAAA;QACtB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAA;IACnC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB;AAMM,IAAM,gBAAgB,GAC3B,UAA0B,UAAmE;IAC7F,OAAA,UAAC,KAAS;QACR,8BAA8B;QAC9B,IAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,CAAC,EAAQ,CAAA,EAAT,CAAS,EAAE,CAAC,EAA/B,CAA+B,EAAE,EAAE,CAAC,CAAA;QAC/E,cAAc,CAAC,QAAQ,GAAG,cAAM,OAAA,KAAK,EAAL,CAAK,CAAA;QAErC,IAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC;YAC/B,IAAM,MAAM,GAAG,IAAI,mBAAU,EAAE,CAAA;YAC/B,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;YAClC,OAAO,MAAM,CAAA;QACf,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;QAEpB,OAAO,UAAU,CAAA;IACnB,CAAC;AAZD,CAYC,CAAA;AAdU,QAAA,gBAAgB,oBAc1B"}

package/lib/hooks/config.d.ts

@@ -0,0 +1,41 @@
+import type { IRegisterHookHubFn, IRegisterHookFn } from './interface';
+import type { IModuleConfig } from '../xflow-main/interface';
+export declare const noop: () => {
+    dispose: () => void;
+};
+export declare namespace NsXFlowHook {
+    const CONFIG_TYPE = "XFlowHook";
+}
+export declare class HookConfig implements IModuleConfig {
+    /** CONFIG_TYPE */
+    readonly CONFIG_TYPE = "XFlowHook";
+    time: number;
+    /** 外部注册hook的方法 */
+    private hookRegisterFunc?;
+    /** 外部注册hookhub的方法 */
+    private hookhubRegisterFn?;
+    /** 提供一个runtime注册hook的方式 */
+    setRegisterHook: (fn: IRegisterHookFn) => void;
+    /** 这里在canvas上提供一个runtime注册hookhub的方式 */
+    setRegisterHookhub: (fn: IRegisterHookHubFn) => void;
+    getConfig: () => Promise<{
+        CONFIG_TYPE: string;
+        hookRegisterFn: IRegisterHookFn<{
+            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("./interface").IGeneralAppService, import("./interface").IGeneralAppService>;
+            beforeGraphDestroy: import("@sunspirytus/xflow-hook").HookHub<import("./interface").IGeneralAppService, import("./interface").IGeneralAppService>;
+            x6Events: import("@sunspirytus/xflow-hook").HookHub<import("./interface").IEventCollection, import("./interface").IEventSubscription>;
+        }>;
+        hookhubRegisterFn: IRegisterHookHubFn<{
+            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("./interface").IGeneralAppService, import("./interface").IGeneralAppService>;
+            beforeGraphDestroy: import("@sunspirytus/xflow-hook").HookHub<import("./interface").IGeneralAppService, import("./interface").IGeneralAppService>;
+            x6Events: import("@sunspirytus/xflow-hook").HookHub<import("./interface").IEventCollection, import("./interface").IEventSubscription>;
+        }>;
+    }>;
+    dispose: () => void;
+}

package/lib/hooks/config.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HookConfig = exports.NsXFlowHook = exports.noop = void 0;
+var tslib_1 = require("tslib");
+var noop = function () {
+    return {
+        dispose: function () { },
+    };
+};
+exports.noop = noop;
+var NsXFlowHook;
+(function (NsXFlowHook) {
+    NsXFlowHook.CONFIG_TYPE = 'XFlowHook';
+})(NsXFlowHook = exports.NsXFlowHook || (exports.NsXFlowHook = {}));
+var HookConfig = /** @class */ (function () {
+    function HookConfig() {
+        var _this = this;
+        /** CONFIG_TYPE */
+        this.CONFIG_TYPE = NsXFlowHook.CONFIG_TYPE;
+        this.time = Date.now();
+        /** 提供一个runtime注册hook的方式 */
+        this.setRegisterHook = function (fn) {
+            _this.hookRegisterFunc = fn;
+        };
+        /** 这里在canvas上提供一个runtime注册hookhub的方式 */
+        this.setRegisterHookhub = function (fn) {
+            _this.hookhubRegisterFn = fn;
+        };
+        this.getConfig = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var options;
+            return tslib_1.__generator(this, function (_a) {
+                options = {
+                    CONFIG_TYPE: this.CONFIG_TYPE,
+                    hookRegisterFn: this.hookRegisterFunc || exports.noop,
+                    hookhubRegisterFn: this.hookhubRegisterFn || exports.noop,
+                };
+                return [2 /*return*/, options];
+            });
+        }); };
+        this.dispose = function () { };
+    }
+    return HookConfig;
+}());
+exports.HookConfig = HookConfig;
+//# sourceMappingURL=config.js.map

package/lib/hooks/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/hooks/config.tsx"],"names":[],"mappings":";;;;AAGO,IAAM,IAAI,GAAG;IAClB,OAAO;QACL,OAAO,EAAE,cAAO,CAAC;KAClB,CAAA;AACH,CAAC,CAAA;AAJY,QAAA,IAAI,QAIhB;AACD,IAAiB,WAAW,CAE3B;AAFD,WAAiB,WAAW;IACb,uBAAW,GAAG,WAAW,CAAA;AACxC,CAAC,EAFgB,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAE3B;AAED;IAAA;QAAA,iBAgCC;QA/BC,kBAAkB;QACT,gBAAW,GAAG,WAAW,CAAC,WAAW,CAAA;QAEvC,SAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QAQxB,2BAA2B;QAC3B,oBAAe,GAAG,UAAC,EAAmB;YACpC,KAAI,CAAC,gBAAgB,GAAG,EAAE,CAAA;QAC5B,CAAC,CAAA;QAED,wCAAwC;QACxC,uBAAkB,GAAG,UAAC,EAAsB;YAC1C,KAAI,CAAC,iBAAiB,GAAG,EAAE,CAAA;QAC7B,CAAC,CAAA;QAED,cAAS,GAAG;;;gBACJ,OAAO,GAAG;oBACd,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,cAAc,EAAE,IAAI,CAAC,gBAAgB,IAAI,YAAI;oBAC7C,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,IAAI,YAAI;iBAClD,CAAA;gBACD,sBAAO,OAAO,EAAA;;aACf,CAAA;QAED,YAAO,GAAG,cAAO,CAAC,CAAA;IACpB,CAAC;IAAD,iBAAC;AAAD,CAAC,AAhCD,IAgCC;AAhCY,gCAAU"}

package/lib/hooks/contributions/default.d.ts

@@ -0,0 +1,19 @@
+import { DisposableCollection, Disposable } from '../../common/disposable';
+import { HookConfig } from '../config';
+import type { IHookService } from '../index';
+import type { IHooks } from '../interface';
+import { IHookContribution } from '../interface';
+export declare namespace NsGraphEventPlugin {
+    const pluginId = "GraphEventPlugin";
+}
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+export declare class RuntimeContribution implements IHookContribution<IHooks> {
+    toDispose: DisposableCollection;
+    /** 通过optionProvider获取配置 */
+    hookConfig: HookConfig;
+    registerHook: (hooks: any) => Promise<Disposable>;
+    registerHookHub: (registry: IHookService<IHooks>) => Promise<Disposable>;
+}

package/lib/hooks/contributions/default.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeContribution = exports.NsGraphEventPlugin = void 0;
+var tslib_1 = require("tslib");
+var disposable_1 = require("../../common/disposable");
+var config_1 = require("../config");
+var mana_syringe_1 = require("mana-syringe");
+var interface_1 = require("../interface");
+var NsGraphEventPlugin;
+(function (NsGraphEventPlugin) {
+    NsGraphEventPlugin.pluginId = 'GraphEventPlugin';
+})(NsGraphEventPlugin = exports.NsGraphEventPlugin || (exports.NsGraphEventPlugin = {}));
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+var RuntimeContribution = /** @class */ (function () {
+    function RuntimeContribution() {
+        var _this = this;
+        this.toDispose = new disposable_1.DisposableCollection();
+        this.registerHook = function (hooks) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var hookRegisterFn, d;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.hookConfig.getConfig()];
+                    case 1:
+                        hookRegisterFn = (_a.sent()).hookRegisterFn;
+                        d = hookRegisterFn(hooks);
+                        return [2 /*return*/, disposable_1.Disposable.create(function () {
+                                d.dispose();
+                            })];
+                }
+            });
+        }); };
+        this.registerHookHub = function (registry) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var hookhubRegisterFn, d;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.hookConfig.getConfig()];
+                    case 1:
+                        hookhubRegisterFn = (_a.sent()).hookhubRegisterFn;
+                        d = hookhubRegisterFn(registry);
+                        return [2 /*return*/, disposable_1.Disposable.create(function () {
+                                d.dispose();
+                            })];
+                }
+            });
+        }); };
+    }
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(config_1.HookConfig),
+        tslib_1.__metadata("design:type", config_1.HookConfig)
+    ], RuntimeContribution.prototype, "hookConfig", void 0);
+    RuntimeContribution = tslib_1.__decorate([
+        (0, mana_syringe_1.singleton)({ contrib: interface_1.IHookContribution })
+    ], RuntimeContribution);
+    return RuntimeContribution;
+}());
+exports.RuntimeContribution = RuntimeContribution;
+//# sourceMappingURL=default.js.map

package/lib/hooks/contributions/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/hooks/contributions/default.ts"],"names":[],"mappings":";;;;AAAA,sDAA0E;AAC1E,oCAAsC;AAEtC,6CAAgD;AAEhD,0CAAgD;AAChD,IAAiB,kBAAkB,CAElC;AAFD,WAAiB,kBAAkB;IACpB,2BAAQ,GAAG,kBAAkB,CAAA;AAC5C,CAAC,EAFgB,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAElC;AAED;;;GAGG;AAEH;IAAA;QAAA,iBAqBC;QApBC,cAAS,GAAG,IAAI,iCAAoB,EAAE,CAAA;QAKtC,iBAAY,GAAG,UAAM,KAAK;;;;4BACG,qBAAM,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,EAAA;;wBAApD,cAAc,GAAK,CAAA,SAAiC,CAAA,eAAtC;wBAChB,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;wBAC/B,sBAAO,uBAAU,CAAC,MAAM,CAAC;gCACvB,CAAC,CAAC,OAAO,EAAE,CAAA;4BACb,CAAC,CAAC,EAAA;;;aACH,CAAA;QAED,oBAAe,GAAG,UAAO,QAA8B;;;;4BACvB,qBAAM,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,EAAA;;wBAAvD,iBAAiB,GAAK,CAAA,SAAiC,CAAA,kBAAtC;wBACnB,CAAC,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAA;wBACrC,sBAAO,uBAAU,CAAC,MAAM,CAAC;gCACvB,CAAC,CAAC,OAAO,EAAE,CAAA;4BACb,CAAC,CAAC,EAAA;;;aACH,CAAA;IACH,CAAC;IAjBC;QAAC,IAAA,qBAAM,EAAC,mBAAU,CAAC;0CAAa,mBAAU;2DAAA;IAJ/B,mBAAmB;QAD/B,IAAA,wBAAS,EAAC,EAAE,OAAO,EAAE,6BAAiB,EAAE,CAAC;OAC7B,mBAAmB,CAqB/B;IAAD,0BAAC;CAAA,AArBD,IAqBC;AArBY,kDAAmB"}

package/lib/hooks/contributions/graph.d.ts

@@ -0,0 +1,19 @@
+import { IGraphOptionProvider } from '../../xflow-main/graph/config';
+import { DisposableCollection, Disposable } from '../../common/disposable';
+import { IHookContribution } from '../interface';
+import type { IHooks } from '../interface';
+export declare namespace NsGraphEventPlugin {
+    const pluginId = "base-graph-events";
+}
+/**
+ * 内置的hook contribution
+ * 处理graph config 的 evnets props
+ */
+export declare class GraphEventContribution implements IHookContribution<IHooks> {
+    /** 通过optionProvider获取配置 */
+    graphOptions: IGraphOptionProvider;
+    toDispose: DisposableCollection;
+    registerHookHub: () => Promise<Disposable>;
+    /** 扩展Hook */
+    registerHook: (hooks: IHooks) => Promise<DisposableCollection>;
+}

package/lib/hooks/contributions/graph.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphEventContribution = exports.NsGraphEventPlugin = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var config_1 = require("../../xflow-main/graph/config");
+var constant_1 = require("../../command-contributions/constant");
+var disposable_1 = require("../../common/disposable");
+var interface_1 = require("../interface");
+var utils_1 = require("../../common/utils");
+var NsGraphEventPlugin;
+(function (NsGraphEventPlugin) {
+    NsGraphEventPlugin.pluginId = 'base-graph-events';
+})(NsGraphEventPlugin = exports.NsGraphEventPlugin || (exports.NsGraphEventPlugin = {}));
+/**
+ * 内置的hook contribution
+ * 处理graph config 的 evnets props
+ */
+var GraphEventContribution = /** @class */ (function () {
+    function GraphEventContribution() {
+        var _this = this;
+        this.toDispose = new disposable_1.DisposableCollection();
+        this.registerHookHub = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                return [2 /*return*/, disposable_1.Disposable.create(function () { })];
+            });
+        }); };
+        /** 扩展Hook */
+        this.registerHook = function (hooks) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var toDispose, disposables;
+            var _this = this;
+            return tslib_1.__generator(this, function (_a) {
+                toDispose = new disposable_1.DisposableCollection();
+                disposables = [
+                    /** 在graph启动前, 注册外部事件到x6Events的hooks上*/
+                    hooks.x6Events.registerHook({
+                        name: NsGraphEventPlugin.pluginId,
+                        handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var events;
+                            return tslib_1.__generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, this.graphOptions.getOptions()];
+                                    case 1:
+                                        events = (_a.sent()).events;
+                                        events.forEach(function (event) {
+                                            args.push(event);
+                                        });
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); },
+                    }),
+                    /** 在graph init后, 外部事件 */
+                    hooks.afterGraphInit.registerHook({
+                        name: NsGraphEventPlugin.pluginId,
+                        handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var commandService, modelService, graph, todo;
+                            var _this = this;
+                            return tslib_1.__generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        commandService = args.commandService, modelService = args.modelService, graph = args.graph;
+                                        return [4 /*yield*/, hooks.x6Events.call([], function (mergedEvents) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                                return tslib_1.__generator(this, function (_a) {
+                                                    return [2 /*return*/, mergedEvents.map(function (e) {
+                                                            var handler = function (handlerArgs) {
+                                                                e.callback(handlerArgs, commandService, modelService, graph);
+                                                            };
+                                                            graph.on(e.eventName, handler);
+                                                            return {
+                                                                dispose: function () {
+                                                                    graph.off(e.eventName, handler);
+                                                                },
+                                                            };
+                                                        })];
+                                                });
+                                            }); })];
+                                    case 1:
+                                        todo = _a.sent();
+                                        toDispose.pushAll(todo);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); },
+                    }),
+                    /** 监听window的resize事件，实现自动resize */
+                    hooks.afterGraphInit.registerHook({
+                        name: 'add auto resize event',
+                        handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var commandService, options, graph, resizeHandler, rootContainer, resizeObserver;
+                            return tslib_1.__generator(this, function (_a) {
+                                commandService = args.commandService, options = args.options, graph = args.graph;
+                                resizeHandler = (0, utils_1.throttle)(function () {
+                                    commandService.executeCommand(constant_1.XFlowGraphCommands.GRAPH_RESIZE.id, {});
+                                });
+                                window.addEventListener('resize', resizeHandler);
+                                rootContainer = options.rootContainer;
+                                resizeObserver = new ResizeObserver(function () { return graph.resize(rootContainer.clientWidth); });
+                                rootContainer && resizeObserver.observe(rootContainer);
+                                toDispose.push(disposable_1.Disposable.create(function () {
+                                    window.removeEventListener('resize', resizeHandler);
+                                }));
+                                return [2 /*return*/];
+                            });
+                        }); },
+                    }),
+                    /** 在graph停止时 取消外部事件 */
+                    hooks.beforeGraphDestroy.registerHook({
+                        name: NsGraphEventPlugin.pluginId,
+                        handler: function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            return tslib_1.__generator(this, function (_a) {
+                                toDispose.dispose();
+                                return [2 /*return*/];
+                            });
+                        }); },
+                    }),
+                ];
+                toDispose.pushAll(disposables);
+                return [2 /*return*/, toDispose];
+            });
+        }); };
+    }
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(config_1.IGraphOptionProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], GraphEventContribution.prototype, "graphOptions", void 0);
+    GraphEventContribution = tslib_1.__decorate([
+        (0, mana_syringe_1.singleton)({ contrib: interface_1.IHookContribution })
+    ], GraphEventContribution);
+    return GraphEventContribution;
+}());
+exports.GraphEventContribution = GraphEventContribution;
+//# sourceMappingURL=graph.js.map

package/lib/hooks/contributions/graph.js.map

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

package/lib/hooks/hook-registry.d.ts

@@ -0,0 +1,27 @@
+import type { Disposable } from '../common/disposable';
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from './interface';
+import { Contribution } from 'mana-syringe';
+import { IFrontendApplicationContribution } from '../xflow-main/interface';
+import { IHookService, IHookContribution } from './interface';
+export declare class HookRegistry<T extends IHooks> implements IFrontendApplicationContribution, IHookService<T> {
+    /** disposables */
+    private toDispose;
+    /** hooks */
+    hooks: T;
+    constructor();
+    /** hooks */
+    hookProvider: () => T;
+    /** 注册hook插件 */
+    registerHook: (fn: (hooks: T) => Disposable) => Disposable;
+    /** 注册hook  */
+    registerHookHub: (hookName: string, hook: HookHub) => {
+        dispose: () => void;
+    };
+    /** hook扩展 */
+    protected readonly contributionProvider: Contribution.Provider<IHookContribution<T>>;
+    /** app启动时，收集hook扩展点的注册项 */
+    onStart: () => Promise<void>;
+    /** app的停止逻辑 */
+    onStop(): void;
+}

package/lib/hooks/hook-registry.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HookRegistry = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var disposable_1 = require("../common/disposable");
+var interface_1 = require("../xflow-main/interface");
+var interface_2 = require("./interface");
+var HookRegistry = /** @class */ (function () {
+    function HookRegistry() {
+        var _this = this;
+        /** disposables */
+        this.toDispose = new disposable_1.DisposableCollection();
+        /** hooks */
+        this.hookProvider = function () { return _this.hooks; };
+        /** 注册hook插件 */
+        this.registerHook = function (fn) {
+            return fn(_this.hooks);
+        };
+        /** 注册hook  */
+        this.registerHookHub = function (hookName, hook) {
+            _this.hooks[hookName] = hook;
+            return {
+                dispose: function () {
+                    delete _this.hooks[hookName];
+                },
+            };
+        };
+        /** app启动时，收集hook扩展点的注册项 */
+        this.onStart = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var contributions, _i, contributions_1, contribution, _a, contributions_2, contribution;
+            return tslib_1.__generator(this, function (_b) {
+                contributions = this.contributionProvider.getContributions();
+                for (_i = 0, contributions_1 = contributions; _i < contributions_1.length; _i++) {
+                    contribution = contributions_1[_i];
+                    contribution.registerHookHub(this);
+                }
+                for (_a = 0, contributions_2 = contributions; _a < contributions_2.length; _a++) {
+                    contribution = contributions_2[_a];
+                    contribution.registerHook(this.hooks);
+                }
+                return [2 /*return*/];
+            });
+        }); };
+        this.hooks = (0, interface_2.initHooks)();
+    }
+    /** app的停止逻辑 */
+    HookRegistry.prototype.onStop = function () {
+        this.toDispose.dispose();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.contrib)(interface_2.IHookContribution),
+        tslib_1.__metadata("design:type", Object)
+    ], HookRegistry.prototype, "contributionProvider", void 0);
+    HookRegistry = tslib_1.__decorate([
+        (0, mana_syringe_1.singleton)({ contrib: [interface_1.IFrontendApplicationContribution, interface_2.IHookService] }),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], HookRegistry);
+    return HookRegistry;
+}());
+exports.HookRegistry = HookRegistry;
+//# sourceMappingURL=hook-registry.js.map

package/lib/hooks/hook-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook-registry.js","sourceRoot":"","sources":["../../src/hooks/hook-registry.ts"],"names":[],"mappings":";;;;AAGA,6CAA+D;AAC/D,mDAA2D;AAC3D,qDAA0E;AAC1E,yCAAwE;AAGxE;IASE;QAAA,iBAEC;QARD,kBAAkB;QACV,cAAS,GAAG,IAAI,iCAAoB,EAAE,CAAA;QAS9C,YAAY;QACZ,iBAAY,GAAG,cAAM,OAAA,KAAI,CAAC,KAAK,EAAV,CAAU,CAAA;QAE/B,eAAe;QACf,iBAAY,GAAG,UAAC,EAA4B;YAC1C,OAAO,EAAE,CAAC,KAAI,CAAC,KAAK,CAAC,CAAA;QACvB,CAAC,CAAA;QAED,cAAc;QACd,oBAAe,GAAG,UAAC,QAAgB,EAAE,IAAa;YAChD,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;YAC3B,OAAO;gBACL,OAAO,EAAE;oBACP,OAAO,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;gBAC7B,CAAC;aACF,CAAA;QACH,CAAC,CAAA;QAMD,2BAA2B;QAC3B,YAAO,GAAG;;;gBACF,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,CAAA;gBAClE,WAAwC,EAAb,+BAAa,EAAb,2BAAa,EAAb,IAAa,EAAE;oBAA/B,YAAY;oBACrB,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;iBACnC;gBACD,WAAwC,EAAb,+BAAa,EAAb,2BAAa,EAAb,IAAa,EAAE;oBAA/B,YAAY;oBACrB,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;iBACtC;;;aACF,CAAA;QAlCC,IAAI,CAAC,KAAK,GAAG,IAAA,qBAAS,GAAO,CAAA;IAC/B,CAAC;IAmCD,eAAe;IACf,6BAAM,GAAN;QACE,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC;IAjBD;QAAC,IAAA,sBAAO,EAAC,6BAAiB,CAAC;;8DACyD;IAjCzE,YAAY;QADxB,IAAA,wBAAS,EAAC,EAAE,OAAO,EAAE,CAAC,4CAAgC,EAAE,wBAAY,CAAC,EAAE,CAAC;;OAC5D,YAAY,CAkDxB;IAAD,mBAAC;CAAA,AAnDD,IAmDC;AAlDY,oCAAY"}

package/lib/hooks/index.d.ts

@@ -0,0 +1,4 @@
+import { IHookService, IRegisterHookFn, IRegisterHookHubFn, IHookContribution, IEvent, IHooks } from './interface';
+import { createHookConfig, HookRegistry } from './components';
+import { HookConfig } from './config';
+export { HookConfig, HookRegistry, IHookService, IRegisterHookFn, IRegisterHookHubFn, IHookContribution, IEvent, IHooks, createHookConfig, };

package/lib/hooks/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createHookConfig = exports.IHookContribution = exports.IHookService = exports.HookRegistry = exports.HookConfig = void 0;
+var interface_1 = require("./interface");
+Object.defineProperty(exports, "IHookService", { enumerable: true, get: function () { return interface_1.IHookService; } });
+Object.defineProperty(exports, "IHookContribution", { enumerable: true, get: function () { return interface_1.IHookContribution; } });
+var components_1 = require("./components");
+Object.defineProperty(exports, "createHookConfig", { enumerable: true, get: function () { return components_1.createHookConfig; } });
+Object.defineProperty(exports, "HookRegistry", { enumerable: true, get: function () { return components_1.HookRegistry; } });
+var config_1 = require("./config");
+Object.defineProperty(exports, "HookConfig", { enumerable: true, get: function () { return config_1.HookConfig; } });
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,yCAOoB;AASlB,6FAfA,wBAAY,OAeA;AAGZ,kGAfA,6BAAiB,OAeA;AAVnB,2CAA6D;AAgB3D,iGAhBO,6BAAgB,OAgBP;AAXhB,6FALyB,yBAAY,OAKzB;AAJd,mCAAqC;AAGnC,2FAHO,mBAAU,OAGP"}

package/lib/hooks/interface.d.ts

@@ -0,0 +1,62 @@
+import type { Graph } from '@antv/x6';
+import type { NsGraph } from '../interface';
+import type { Disposable } from '../common/disposable';
+import type { IGraphCommandService } from '../command/interface';
+import type { IModelService } from '../model-service/interface';
+import { HookHub } from '@sunspirytus/xflow-hook';
+import { Syringe } from 'mana-syringe';
+import type { EventArgs } from '@antv/x6/es/graph/events';
+import type { IGraphConfig } from '../xflow-main/graph/config';
+export interface IRegisterHookFn<T = IHooks> {
+    (hooks: T): Disposable;
+}
+export interface IRegisterHookHubFn<T = IHooks> {
+    (registry: IHookService<T>): Disposable;
+}
+/**
+ * extension 应该实现这个扩展点来注册更多的hook
+ */
+export declare const IHookService: Syringe.DefinedToken;
+export interface IHookService<T = IHooks> {
+    registerHookHub: (hookName: string, hook: HookHub) => Disposable;
+    registerHook: (registerHookFunc: IRegisterHookFn<T>) => Disposable;
+    hookProvider: () => T;
+}
+/**
+ * extension 应该实现这个扩展点来注册更多的hook
+ */
+export declare const IHookContribution: Syringe.DefinedToken;
+/**
+ * 扩展hook
+ */
+export interface IHookContribution<T extends IHooks> {
+    /**
+     * 注册hook
+     * @param registry the HookRegistry.
+     */
+    registerHook: (hooks: T) => Promise<Disposable>;
+    /**
+     * 注册hookhub
+     * @param registry the HookRegistry.
+     */
+    registerHookHub: (registry: IHookService<T>) => Promise<Disposable>;
+}
+/** 内置的Hooks */
+export type IEvent<Key extends keyof EventArgs> = NsGraph.IEvent<Key>;
+export type IEventCollection = NsGraph.IEvent[];
+export type IEventSubscription = Disposable[];
+export interface IGeneralAppService {
+    graph: Graph;
+    commandService: IGraphCommandService;
+    modelService: IModelService;
+    options: IGraphConfig;
+}
+export declare const initHooks: () => {
+    graphOptions: HookHub<Graph.Options, Graph.Options>;
+    reactNodeRender: HookHub<Map<string, React.ComponentType<NsGraph.IReactNodeProps<T>>>, Map<string, React.ComponentType<NsGraph.IReactNodeProps<T>>>>;
+    reactEdgeLabelRender: HookHub<Map<string, React.ComponentType<NsGraph.IReactEdgeProps<T_1>>>, Map<string, React.ComponentType<NsGraph.IReactEdgeProps<T_1>>>>;
+    afterGraphInit: HookHub<IGeneralAppService, IGeneralAppService>;
+    beforeGraphDestroy: HookHub<IGeneralAppService, IGeneralAppService>;
+    x6Events: HookHub<IEventCollection, IEventSubscription>;
+};
+export type IHooks = ReturnType<typeof initHooks>;

package/lib/hooks/interface.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initHooks = exports.IHookContribution = exports.IHookService = void 0;
+var xflow_hook_1 = require("@sunspirytus/xflow-hook");
+var mana_syringe_1 = require("mana-syringe");
+/**
+ * extension 应该实现这个扩展点来注册更多的hook
+ */
+exports.IHookService = mana_syringe_1.Syringe.defineToken('IHookService');
+/**
+ * extension 应该实现这个扩展点来注册更多的hook
+ */
+exports.IHookContribution = mana_syringe_1.Syringe.defineToken('IHookContribution');
+var initHooks = function () { return ({
+    graphOptions: new xflow_hook_1.HookHub(),
+    reactNodeRender: new xflow_hook_1.HookHub(),
+    reactEdgeLabelRender: new xflow_hook_1.HookHub(),
+    afterGraphInit: new xflow_hook_1.HookHub(),
+    beforeGraphDestroy: new xflow_hook_1.HookHub(),
+    x6Events: new xflow_hook_1.HookHub(),
+}); };
+exports.initHooks = initHooks;
+//# sourceMappingURL=interface.js.map

package/lib/hooks/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/hooks/interface.ts"],"names":[],"mappings":";;;AAKA,sDAAiD;AACjD,6CAAsC;AAWtC;;GAEG;AACU,QAAA,YAAY,GAAG,sBAAO,CAAC,WAAW,CAAC,cAAc,CAAC,CAAA;AAO/D;;GAEG;AACU,QAAA,iBAAiB,GAAG,sBAAO,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAA;AA6BlE,IAAM,SAAS,GAAG,cAAM,OAAA,CAAC;IAC9B,YAAY,EAAE,IAAI,oBAAO,EAAiB;IAC1C,eAAe,EAAE,IAAI,oBAAO,EAAoC;IAChE,oBAAoB,EAAE,IAAI,oBAAO,EAAoC;IACrE,cAAc,EAAE,IAAI,oBAAO,EAAsB;IACjD,kBAAkB,EAAE,IAAI,oBAAO,EAAsB;IACrD,QAAQ,EAAE,IAAI,oBAAO,EAAwC;CAC9D,CAAC,EAP6B,CAO7B,CAAA;AAPW,QAAA,SAAS,aAOpB"}

package/lib/hooks/module.d.ts

@@ -0,0 +1,8 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { HookConfig } from './config';
+import { HookRegistry } from './hook-registry';
+import { IHookContribution } from './interface';
+/** 依赖扩展模块，必须要加载 */
+declare const createModule: (config: HookConfig) => import("mana-syringe").SyringeModule;
+export { HookRegistry, createModule, IHookContribution, HookConfig as XFlowHookConfig };