@sunspirytus/xflow-core 1.0.52

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

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

package/lib/xflow-main/components/app-context.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { FrontendApplication } from '../application';
+/** AppContext */
+export declare const XFlowAppContext: any;
+/** AppContext:获取 app */
+export declare const useXFlowApp: () => any;
+/** AppContext: 获取 appContainer */
+export declare const useXFlowAppContainer: () => any;
+/** XFlow内部使用 */
+export declare const XFlowAppInternalProvider: React.FC<{
+    app: FrontendApplication;
+}>;
+/** XFlow外部使用 */
+export declare const XFlowAppProvider: React.FC;

package/lib/xflow-main/components/app-context.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFlowAppProvider = exports.XFlowAppInternalProvider = exports.useXFlowAppContainer = exports.useXFlowApp = exports.XFlowAppContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+/** AppContext */
+exports.XFlowAppContext = react_1.default.createContext(null);
+exports.XFlowAppContext.displayName = 'XFlowAppContext';
+/** AppContext:获取 app */
+var useXFlowApp = function () {
+    var container = react_1.default.useContext(exports.XFlowAppContext);
+    return container && container.getApp ? container.getApp() : null;
+};
+exports.useXFlowApp = useXFlowApp;
+/** AppContext: 获取 appContainer */
+var useXFlowAppContainer = function () {
+    return react_1.default.useContext(exports.XFlowAppContext);
+};
+exports.useXFlowAppContainer = useXFlowAppContainer;
+var AppContainer = /** @class */ (function () {
+    function AppContainer(isUserDefined) {
+        if (isUserDefined === void 0) { isUserDefined = false; }
+        var _this = this;
+        this.cache = null;
+        this.setApp = function (app) {
+            _this.cache = app;
+            if (_this.onAppChangeCallback) {
+                _this.onAppChangeCallback(app);
+            }
+        };
+        this.isUserDefined = function () { return _this.isUserDefinedFlag; };
+        this.getApp = function () {
+            return _this.cache;
+        };
+        this.onAppChange = function (cb) {
+            _this.onAppChangeCallback = cb;
+        };
+        this.dispose = function () {
+            _this.cache = null;
+        };
+        this.isUserDefinedFlag = isUserDefined;
+    }
+    return AppContainer;
+}());
+/** XFlow内部使用 */
+var XFlowAppInternalProvider = function (props) {
+    var userDefinedAppContainer = (0, exports.useXFlowAppContainer)();
+    var _a = react_1.default.useState(null), setTick = _a[1];
+    var appContainer = react_1.default.useMemo(function () {
+        return userDefinedAppContainer && userDefinedAppContainer.isUserDefined()
+            ? userDefinedAppContainer
+            : new AppContainer(false);
+        // 不要移除：保证config只生成一次
+        // eslint-disable-next-line
+    }, []);
+    // set appChange callback
+    if (!appContainer.isUserDefined()) {
+        appContainer.onAppChange(function () { return setTick(0); });
+    }
+    react_1.default.useEffect(function () {
+        if (props.app) {
+            appContainer.setApp(props.app);
+        }
+        // 不要移除：只关心 props.app
+        // eslint-disable-next-line
+    }, [props.app]);
+    if (appContainer.isUserDefined()) {
+        return react_1.default.createElement(react_1.default.Fragment, null, props.children);
+    }
+    return (react_1.default.createElement(exports.XFlowAppContext.Provider, { value: tslib_1.__assign({}, appContainer) }, props.children));
+};
+exports.XFlowAppInternalProvider = XFlowAppInternalProvider;
+exports.XFlowAppInternalProvider.displayName = 'XFlowAppInternalProvider';
+/** XFlow外部使用 */
+var XFlowAppProvider = function (_a) {
+    var children = _a.children;
+    var _b = react_1.default.useState(null), setTick = _b[1];
+    var appContainer = react_1.default.useMemo(function () {
+        return new AppContainer(true);
+    }, []);
+    // add callback
+    appContainer.onAppChange(function () { return setTick(0); });
+    return react_1.default.createElement(exports.XFlowAppContext.Provider, { value: tslib_1.__assign({}, appContainer) }, children);
+};
+exports.XFlowAppProvider = XFlowAppProvider;
+exports.XFlowAppProvider.displayName = 'XFlowAppProvider';
+//# sourceMappingURL=app-context.js.map

package/lib/xflow-main/components/app-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-context.js","sourceRoot":"","sources":["../../../src/xflow-main/components/app-context.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAGzB,iBAAiB;AACJ,QAAA,eAAe,GAAG,eAAK,CAAC,aAAa,CAAgB,IAAI,CAAC,CAAA;AACvE,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,wBAAwB;AACjB,IAAM,WAAW,GAAG;IACzB,IAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,uBAAe,CAAC,CAAA;IACnD,OAAO,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AAClE,CAAC,CAAA;AAHY,QAAA,WAAW,eAGvB;AAED,kCAAkC;AAC3B,IAAM,oBAAoB,GAAG;IAClC,OAAO,eAAK,CAAC,UAAU,CAAC,uBAAe,CAAC,CAAA;AAC1C,CAAC,CAAA;AAFY,QAAA,oBAAoB,wBAEhC;AAUD;IAKE,sBAAY,aAA8B;QAA9B,8BAAA,EAAA,qBAA8B;QAA1C,iBAEC;QANO,UAAK,GAA+B,IAAI,CAAA;QAQhD,WAAM,GAAG,UAAC,GAAwB;YAChC,KAAI,CAAC,KAAK,GAAG,GAAG,CAAA;YAChB,IAAI,KAAI,CAAC,mBAAmB,EAAE;gBAC5B,KAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAA;aAC9B;QACH,CAAC,CAAA;QAED,kBAAa,GAAG,cAAM,OAAA,KAAI,CAAC,iBAAiB,EAAtB,CAAsB,CAAA;QAE5C,WAAM,GAAG;YACP,OAAO,KAAI,CAAC,KAAK,CAAA;QACnB,CAAC,CAAA;QAED,gBAAW,GAAG,UAAA,EAAE;YACd,KAAI,CAAC,mBAAmB,GAAG,EAAE,CAAA;QAC/B,CAAC,CAAA;QAED,YAAO,GAAG;YACR,KAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACnB,CAAC,CAAA;QAtBC,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAA;IACxC,CAAC;IAsBH,mBAAC;AAAD,CAAC,AA7BD,IA6BC;AAED,gBAAgB;AACT,IAAM,wBAAwB,GAA2C,UAAA,KAAK;IACnF,IAAM,uBAAuB,GAAG,IAAA,4BAAoB,GAAE,CAAA;IAChD,IAAA,KAAc,eAAK,CAAC,QAAQ,CAAS,IAAI,CAAC,EAAvC,OAAO,QAAgC,CAAA;IAChD,IAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAAC;QACjC,OAAO,uBAAuB,IAAI,uBAAuB,CAAC,aAAa,EAAE;YACvE,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;QAC3B,qBAAqB;QACrB,2BAA2B;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,yBAAyB;IACzB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE;QACjC,YAAY,CAAC,WAAW,CAAC,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,CAAC,CAAA;KAC3C;IAED,eAAK,CAAC,SAAS,CAAC;QACd,IAAI,KAAK,CAAC,GAAG,EAAE;YACb,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;SAC/B;QACD,qBAAqB;QACrB,2BAA2B;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IAEf,IAAI,YAAY,CAAC,aAAa,EAAE,EAAE;QAChC,OAAO,8DAAG,KAAK,CAAC,QAAQ,CAAI,CAAA;KAC7B;IAED,OAAO,CACL,8BAAC,uBAAe,CAAC,QAAQ,IAAC,KAAK,uBAAO,YAAY,KAC/C,KAAK,CAAC,QAAQ,CACU,CAC5B,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,wBAAwB,4BAgCpC;AAED,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAEjE,gBAAgB;AACT,IAAM,gBAAgB,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC7C,IAAA,KAAc,eAAK,CAAC,QAAQ,CAAS,IAAI,CAAC,EAAvC,OAAO,QAAgC,CAAA;IAChD,IAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAAC;QACjC,OAAO,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,eAAe;IACf,YAAY,CAAC,WAAW,CAAC,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,CAAC,CAAA;IAE1C,OAAO,8BAAC,uBAAe,CAAC,QAAQ,IAAC,KAAK,uBAAO,YAAY,KAAK,QAAQ,CAA4B,CAAA;AACpG,CAAC,CAAA;AATY,QAAA,gBAAgB,oBAS5B;AAED,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA"}

package/lib/xflow-main/components/app-extension-module.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from 'react';
+import type { IExtensionModule } from '../interface';
+export interface IProps {
+    config: IExtensionModule['config'];
+    createModule: IExtensionModule['createModule'];
+}
+export declare function XFlowAppExtensionModule<T>(props: PropsWithChildren<IProps>): any;

package/lib/xflow-main/components/app-extension-module.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFlowAppExtensionModule = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var extension_context_1 = require("./extension-context");
+function XFlowAppExtensionModule(props) {
+    var _this = this;
+    var createModule = props.createModule, children = props.children;
+    /** 获取扩展Registry */
+    var extensionRegistry = (0, extension_context_1.useExtensionRegistry)();
+    /** Config */
+    var config = react_1.default.useMemo(function () { return props.config || { CONFIG_TYPE: '', getConfig: function () { return tslib_1.__awaiter(_this, void 0, void 0, function () { return tslib_1.__generator(this, function (_a) {
+            return [2 /*return*/, ({})];
+        }); }); } }; }, 
+    /* eslint-disable-next-line  */
+    []);
+    react_1.default.useEffect(function () {
+        /** 注册 extension 到 Registry */
+        var disposable = extensionRegistry.addExtension({
+            config: config,
+            createModule: createModule,
+        });
+        return function () {
+            disposable.dispose();
+        };
+        /* eslint-disable-next-line  */
+    }, []);
+    /** 可以 Wrap Children组件 */
+    if (Array.isArray(children) || react_1.default.isValidElement(children)) {
+        return react_1.default.createElement(react_1.default.Fragment, null,
+            " ",
+            children,
+            " ");
+    }
+    return null;
+}
+exports.XFlowAppExtensionModule = XFlowAppExtensionModule;
+//# sourceMappingURL=app-extension-module.js.map

package/lib/xflow-main/components/app-extension-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-extension-module.js","sourceRoot":"","sources":["../../../src/xflow-main/components/app-extension-module.tsx"],"names":[],"mappings":";;;;AACA,wDAAyB;AAEzB,yDAA0D;AAO1D,SAAgB,uBAAuB,CAAI,KAAgC;IAA3E,iBA8BC;IA7BS,IAAA,YAAY,GAAe,KAAK,aAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACxC,mBAAmB;IACnB,IAAM,iBAAiB,GAAG,IAAA,wCAAoB,GAAE,CAAA;IAEhD,aAAa;IACb,IAAM,MAAM,GAAG,eAAK,CAAC,OAAO,CAC1B,cAAM,OAAA,KAAK,CAAC,MAAM,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE;YAAY,sBAAA,CAAC,EAAQ,CAAA,EAAA;iBAAA,EAAE,EAArE,CAAqE;IAC3E,+BAA+B;IAC/B,EAAE,CACH,CAAA;IAED,eAAK,CAAC,SAAS,CAAC;QACd,8BAA8B;QAC9B,IAAM,UAAU,GAAG,iBAAiB,CAAC,YAAY,CAAC;YAChD,MAAM,EAAE,MAAM;YACd,YAAY,cAAA;SACb,CAAC,CAAA;QACF,OAAO;YACL,UAAU,CAAC,OAAO,EAAE,CAAA;QACtB,CAAC,CAAA;QACD,+BAA+B;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,yBAAyB;IACzB,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,eAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QAC7D,OAAO;;YAAI,QAAQ;gBAAK,CAAA;KACzB;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AA9BD,0DA8BC"}

package/lib/xflow-main/components/canvas.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { IPosition } from '../../common/position';
+import { GraphConfig } from '../graph';
+export interface IProps {
+    config?: GraphConfig;
+    style?: React.CSSProperties;
+    className?: string;
+    isXFlowCanvas?: boolean;
+    position?: IPosition;
+}
+export declare const XFlowCanvas: React.FC<IProps>;

package/lib/xflow-main/components/canvas.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFlowCanvas = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var position_1 = require("../../common/position");
+var graph_1 = require("../graph");
+var extension_context_1 = require("./extension-context");
+var global_config_context_1 = require("./global-config-context");
+var x6_react_shape_1 = require("@antv/x6-react-shape");
+var app_context_1 = require("./app-context");
+var XFlowCanvas = function (props) {
+    var app = (0, app_context_1.useXFlowApp)();
+    /** x6画布parent的dom节点 */
+    var rootRef = react_1.default.useRef(null);
+    /** x6画布的dom节点 */
+    var canvasRef = react_1.default.useRef(null);
+    /** 生成配置中心 */
+    var extensionRegistry = (0, extension_context_1.useExtensionRegistry)();
+    /** 获取ContextService的配置 */
+    var graphConfig = react_1.default.useMemo(function () {
+        var config = props.config ? props.config : new graph_1.GraphConfig();
+        config.setX6Config();
+        return config;
+        /** 保证只生成一次 */
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    /** X6_NODE_PORTAL_NODE_VIEW */
+    var _a = (0, x6_react_shape_1.usePortal)(graphConfig.graphId), Portal = _a[0], setGraph = _a[1];
+    react_1.default.useEffect(function () {
+        app &&
+            app.getGraphInstance().then(function (graph) {
+                setGraph(graph);
+            });
+    }, [app, setGraph]);
+    react_1.default.useEffect(function () {
+        /** 设置画布parent dom节点、画布dom节点 */
+        graphConfig.setRootContainer(rootRef.current);
+        graphConfig.setGraphContainer(canvasRef.current);
+        /** 关联XflowApp和Graph*/
+        graphConfig.xflowInstanceId = extensionRegistry.getInstanceId();
+        extensionRegistry.addCoreModule({ config: graphConfig, createModule: graph_1.createX6GraphModule });
+        /** unmount */
+        var destroy = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                graphConfig.dispose();
+                return [2 /*return*/];
+            });
+        }); };
+        return function () {
+            destroy();
+        };
+        /** 保证只生成一次 */
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var style = (0, position_1.usePositionStyle)(props.position);
+    var rootClz = (0, global_config_context_1.useXflowPrefixCls)('canvas-root');
+    var canvasClz = (0, global_config_context_1.useXflowPrefixCls)('x6-canvas');
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: rootRef, className: rootClz, style: style, id: graphConfig.graphId, tabIndex: 0 },
+            react_1.default.createElement("div", { ref: canvasRef, className: canvasClz }),
+            props.children),
+        react_1.default.createElement(Portal, null)));
+};
+exports.XFlowCanvas = XFlowCanvas;
+exports.XFlowCanvas.defaultProps = {
+    isXFlowCanvas: true,
+};
+//# sourceMappingURL=canvas.js.map

package/lib/xflow-main/components/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../src/xflow-main/components/canvas.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,kDAAwD;AACxD,kCAA2D;AAC3D,yDAA0D;AAC1D,iEAA2D;AAC3D,uDAAgD;AAChD,6CAA2C;AAUpC,IAAM,WAAW,GAAqB,UAAA,KAAK;IAChD,IAAM,GAAG,GAAG,IAAA,yBAAW,GAAE,CAAA;IAEzB,uBAAuB;IACvB,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAClD,iBAAiB;IACjB,IAAM,SAAS,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEpD,aAAa;IACb,IAAM,iBAAiB,GAAG,IAAA,wCAAoB,GAAE,CAAA;IAEhD,0BAA0B;IAC1B,IAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAc;QAC7C,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,mBAAW,EAAE,CAAA;QAC9D,MAAM,CAAC,WAAW,EAAE,CAAA;QACpB,OAAO,MAAM,CAAA;QACb,cAAc;QACd,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,+BAA+B;IACzB,IAAA,KAAqB,IAAA,0BAAS,EAAC,WAAW,CAAC,OAAO,CAAC,EAAlD,MAAM,QAAA,EAAE,QAAQ,QAAkC,CAAA;IAEzD,eAAK,CAAC,SAAS,CAAC;QACd,GAAG;YACD,GAAG,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,UAAA,KAAK;gBAC/B,QAAQ,CAAC,KAAK,CAAC,CAAA;YACjB,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnB,eAAK,CAAC,SAAS,CAAC;QACd,+BAA+B;QAC/B,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC7C,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAEhD,sBAAsB;QACtB,WAAW,CAAC,eAAe,GAAG,iBAAiB,CAAC,aAAa,EAAE,CAAA;QAC/D,iBAAiB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,2BAAmB,EAAE,CAAC,CAAA;QAE3F,cAAc;QACd,IAAM,OAAO,GAAG;;gBACd,WAAW,CAAC,OAAO,EAAE,CAAA;;;aACtB,CAAA;QACD,OAAO;YACL,OAAO,EAAE,CAAA;QACX,CAAC,CAAA;QACD,cAAc;QACd,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,KAAK,GAAG,IAAA,2BAAgB,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC9C,IAAM,OAAO,GAAG,IAAA,yCAAiB,EAAC,aAAa,CAAC,CAAA;IAChD,IAAM,SAAS,GAAG,IAAA,yCAAiB,EAAC,WAAW,CAAC,CAAA;IAEhD,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ;QACb,uCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC;YACvF,uCAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAI;YAE5C,KAAK,CAAC,QAAQ,CACX;QACN,8BAAC,MAAM,OAAG,CACK,CAClB,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,WAAW,eAgEvB;AAED,mBAAW,CAAC,YAAY,GAAG;IACzB,aAAa,EAAE,IAAI;CACpB,CAAA"}

package/lib/xflow-main/components/extension-context.d.ts

@@ -0,0 +1,5 @@
+import { ExtensionRegistry } from './extension-registry';
+/** 通过context收集extension的配置 */
+export declare const ExtensionRegistryContext: any;
+export declare const useExtensionRegistry: () => any;
+export { ExtensionRegistry };

package/lib/xflow-main/components/extension-context.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtensionRegistry = exports.useExtensionRegistry = exports.ExtensionRegistryContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var extension_registry_1 = require("./extension-registry");
+Object.defineProperty(exports, "ExtensionRegistry", { enumerable: true, get: function () { return extension_registry_1.ExtensionRegistry; } });
+/** 通过context收集extension的配置 */
+exports.ExtensionRegistryContext = react_1.default.createContext({});
+var useExtensionRegistry = function () {
+    return react_1.default.useContext(exports.ExtensionRegistryContext);
+};
+exports.useExtensionRegistry = useExtensionRegistry;
+//# sourceMappingURL=extension-context.js.map

package/lib/xflow-main/components/extension-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension-context.js","sourceRoot":"","sources":["../../../src/xflow-main/components/extension-context.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,2DAAwD;AAW/C,kGAXA,sCAAiB,OAWA;AAT1B,8BAA8B;AACjB,QAAA,wBAAwB,GAAG,eAAK,CAAC,aAAa,CACzD,EAAuB,CACxB,CAAA;AAEM,IAAM,oBAAoB,GAAG;IAClC,OAAO,eAAK,CAAC,UAAU,CAAC,gCAAwB,CAAC,CAAA;AACnD,CAAC,CAAA;AAFY,QAAA,oBAAoB,wBAEhC"}

package/lib/xflow-main/components/extension-registry.d.ts

@@ -0,0 +1,22 @@
+import { Disposable } from '../../common/disposable';
+import type { IExtensionModule } from '../interface';
+/** 保存组件上的配置 */
+export declare class ExtensionRegistry {
+    /** 标记xflow app instance */
+    private instanceId;
+    readonly extensions: IExtensionModule[];
+    readonly containerClassNames: Set<string>;
+    constructor();
+    addCoreModule: (extension: IExtensionModule) => Disposable;
+    addExtension: (extension: IExtensionModule) => Disposable;
+    getExtension: (config_type: string) => any;
+    removeExtension: (extension: IExtensionModule) => void;
+    getInstanceId: () => string;
+    addContainerClassNames: (clz: string) => Set<string>;
+    getContainerClassNames: () => string[];
+    has(name: string): boolean;
+    getAllExtensions: () => IExtensionModule<any>[];
+    getAllExtensionConfigs: () => import("../interface").IModuleConfig<any>[];
+}
+/** 获取Xflow extension，用于收集React组件的配置 */
+export declare const createExtensionRegistry: () => any;

package/lib/xflow-main/components/extension-registry.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createExtensionRegistry = exports.ExtensionRegistry = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var lodash_1 = require("lodash");
+var disposable_1 = require("../../common/disposable");
+var uuid_1 = require("../../common/uuid");
+/** 保存组件上的配置 */
+var ExtensionRegistry = /** @class */ (function () {
+    function ExtensionRegistry() {
+        var _this = this;
+        this.extensions = [];
+        this.containerClassNames = new Set();
+        this.addCoreModule = function (extension) {
+            // core module 添加在前面
+            _this.extensions.unshift(extension);
+            return disposable_1.Disposable.create(function () {
+                _this.removeExtension(extension);
+            });
+        };
+        this.addExtension = function (extension) {
+            _this.extensions.push(extension);
+            return disposable_1.Disposable.create(function () {
+                _this.removeExtension(extension);
+            });
+        };
+        this.getExtension = function (config_type) {
+            return (0, lodash_1.find)(_this.extensions, function (extension) { return (0, lodash_1.get)(extension, 'config.CONFIG_TYPE') === config_type; });
+        };
+        this.removeExtension = function (extension) {
+            var idx = _this.extensions.indexOf(extension);
+            if (idx > -1) {
+                _this.extensions.splice(idx, 1);
+            }
+        };
+        this.getInstanceId = function () {
+            return _this.instanceId;
+        };
+        this.addContainerClassNames = function (clz) {
+            return _this.containerClassNames.add(clz);
+        };
+        this.getContainerClassNames = function () {
+            return Array.from(_this.containerClassNames);
+        };
+        this.getAllExtensions = function () {
+            return _this.extensions;
+        };
+        this.getAllExtensionConfigs = function () {
+            return _this.extensions.map(function (i) { return i.config; });
+        };
+        this.instanceId = (0, uuid_1.uuidv4)();
+    }
+    ExtensionRegistry.prototype.has = function (name) {
+        return this.extensions.some(function (ext) { return ext.config.CONFIG_TYPE === name; });
+    };
+    return ExtensionRegistry;
+}());
+exports.ExtensionRegistry = ExtensionRegistry;
+/** 获取Xflow extension，用于收集React组件的配置 */
+var createExtensionRegistry = function () {
+    /* eslint-disable-next-line react-hooks/rules-of-hooks */
+    var registry = react_1.default.useMemo(function () {
+        return new ExtensionRegistry();
+    }, []);
+    return registry;
+};
+exports.createExtensionRegistry = createExtensionRegistry;
+//# sourceMappingURL=extension-registry.js.map

package/lib/xflow-main/components/extension-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension-registry.js","sourceRoot":"","sources":["../../../src/xflow-main/components/extension-registry.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,iCAAkC;AAClC,sDAAoD;AACpD,0CAA0C;AAG1C,eAAe;AACf;IAQE;QAAA,iBAEC;QANQ,eAAU,GAAuB,EAAE,CAAA;QAEnC,wBAAmB,GAAgB,IAAI,GAAG,EAAE,CAAA;QAMrD,kBAAa,GAAG,UAAC,SAA2B;YAC1C,oBAAoB;YACpB,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;YAClC,OAAO,uBAAU,CAAC,MAAM,CAAC;gBACvB,KAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,iBAAY,GAAG,UAAC,SAA2B;YACzC,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;YAC/B,OAAO,uBAAU,CAAC,MAAM,CAAC;gBACvB,KAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,iBAAY,GAAG,UAAC,WAAmB;YACjC,OAAO,IAAA,aAAI,EAAC,KAAI,CAAC,UAAU,EAAE,UAAA,SAAS,IAAI,OAAA,IAAA,YAAG,EAAC,SAAS,EAAE,oBAAoB,CAAC,KAAK,WAAW,EAApD,CAAoD,CAAC,CAAA;QACjG,CAAC,CAAA;QAED,oBAAe,GAAG,UAAC,SAA2B;YAC5C,IAAM,GAAG,GAAG,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;YAC9C,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE;gBACZ,KAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;aAC/B;QACH,CAAC,CAAA;QAED,kBAAa,GAAG;YACd,OAAO,KAAI,CAAC,UAAU,CAAA;QACxB,CAAC,CAAA;QAED,2BAAsB,GAAG,UAAC,GAAW;YACnC,OAAO,KAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC1C,CAAC,CAAA;QAED,2BAAsB,GAAG;YACvB,OAAO,KAAK,CAAC,IAAI,CAAC,KAAI,CAAC,mBAAmB,CAAC,CAAA;QAC7C,CAAC,CAAA;QAMD,qBAAgB,GAAG;YACjB,OAAO,KAAI,CAAC,UAAU,CAAA;QACxB,CAAC,CAAA;QAED,2BAAsB,GAAG;YACvB,OAAO,KAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,CAAA;QAC3C,CAAC,CAAA;QAnDC,IAAI,CAAC,UAAU,GAAG,IAAA,aAAM,GAAE,CAAA;IAC5B,CAAC;IAwCD,+BAAG,GAAH,UAAI,IAAY;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,EAA/B,CAA+B,CAAC,CAAA;IACrE,CAAC;IASH,wBAAC;AAAD,CAAC,AA7DD,IA6DC;AA7DY,8CAAiB;AA+D9B,uCAAuC;AAChC,IAAM,uBAAuB,GAAG;IACrC,yDAAyD;IACzD,IAAM,QAAQ,GAAG,eAAK,CAAC,OAAO,CAAC;QAC7B,OAAO,IAAI,iBAAiB,EAAE,CAAA;IAChC,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AANY,QAAA,uBAAuB,2BAMnC"}

package/lib/xflow-main/components/global-config-context.d.ts

@@ -0,0 +1,3 @@
+export declare const XFlowConfigProviderContext: any;
+export declare const useConfigContext: () => any;
+export declare const useXflowPrefixCls: (pkgName: string) => any;

package/lib/xflow-main/components/global-config-context.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useXflowPrefixCls = exports.useConfigContext = exports.XFlowConfigProviderContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var constants_1 = require("../../constants");
+/** xflow classname prefix context */
+var ConfigProvider = /** @class */ (function () {
+    function ConfigProvider() {
+        var _this = this;
+        this.xflowPrefixCls = constants_1.XFLOW_PREFIX_CLS;
+        this.getXflowPrefixCls = function (pkgName) {
+            return "".concat(_this.xflowPrefixCls, "-").concat(pkgName);
+        };
+        this.setXflowPrefixCls = function (prefixCls) {
+            return (_this.xflowPrefixCls = prefixCls);
+        };
+    }
+    return ConfigProvider;
+}());
+exports.XFlowConfigProviderContext = react_1.default.createContext({
+    configProvider: null,
+});
+var useConfigContext = function () {
+    return react_1.default.useContext(exports.XFlowConfigProviderContext);
+};
+exports.useConfigContext = useConfigContext;
+var useXflowPrefixCls = function (pkgName) {
+    var ctx = (0, exports.useConfigContext)();
+    return react_1.default.useMemo(function () {
+        if (ctx.configProvider) {
+            return ctx.configProvider.getXflowPrefixCls(pkgName);
+        }
+        return "".concat(constants_1.XFLOW_PREFIX_CLS, "-").concat(pkgName);
+        /* eslint-disable-next-line  */
+    }, [pkgName]);
+};
+exports.useXflowPrefixCls = useXflowPrefixCls;
+//# sourceMappingURL=global-config-context.js.map

package/lib/xflow-main/components/global-config-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-config-context.js","sourceRoot":"","sources":["../../../src/xflow-main/components/global-config-context.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,6CAAkD;AAElD,qCAAqC;AACrC;IAAA;QAAA,iBAUC;QATS,mBAAc,GAAW,4BAAgB,CAAA;QAEjD,sBAAiB,GAAG,UAAC,OAAe;YAClC,OAAO,UAAG,KAAI,CAAC,cAAc,cAAI,OAAO,CAAE,CAAA;QAC5C,CAAC,CAAA;QAED,sBAAiB,GAAG,UAAC,SAAiB;YACpC,OAAO,CAAC,KAAI,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;QAC1C,CAAC,CAAA;IACH,CAAC;IAAD,qBAAC;AAAD,CAAC,AAVD,IAUC;AAMY,QAAA,0BAA0B,GAAG,eAAK,CAAC,aAAa,CAAW;IACtE,cAAc,EAAE,IAAI;CACrB,CAAC,CAAA;AAEK,IAAM,gBAAgB,GAAG;IAC9B,OAAO,eAAK,CAAC,UAAU,CAAC,kCAA0B,CAAC,CAAA;AACrD,CAAC,CAAA;AAFY,QAAA,gBAAgB,oBAE5B;AAEM,IAAM,iBAAiB,GAAG,UAAC,OAAe;IAC/C,IAAM,GAAG,GAAG,IAAA,wBAAgB,GAAE,CAAA;IAC9B,OAAO,eAAK,CAAC,OAAO,CAAC;QACnB,IAAI,GAAG,CAAC,cAAc,EAAE;YACtB,OAAO,GAAG,CAAC,cAAc,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;SACrD;QACD,OAAO,UAAG,4BAAgB,cAAI,OAAO,CAAE,CAAA;QACvC,+BAA+B;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACf,CAAC,CAAA;AATY,QAAA,iBAAiB,qBAS7B"}

package/lib/xflow-main/components/index.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import { useXFlowApp } from './app-context';
+import type { FrontendApplication as IApplication } from '../application';
+import { useXflowPrefixCls } from './global-config-context';
+import { XFlowAppExtensionModule } from './app-extension-module';
+import { ExtensionRegistry } from './extension-registry';
+/** graph */
+import { XFlowCanvas } from './canvas';
+import type { GraphConfig } from '../graph';
+import type { ModelServiceConfig } from '../../model-service';
+import type { CommandConfig } from '../../command-contributions';
+import type { HookConfig } from '../../hooks';
+import type { NsGraph } from '../../interface';
+import type { NsGraphCmd } from '../../command-contributions';
+export interface IProps {
+    /** XFlow 工作台组件元信息, 会储存在全局Model中并在调用Service时作为额外的参数传入 */
+    meta?: {
+        flowId?: string;
+        [key: string]: any;
+    };
+    /** 画布的配置，用于配置X6的 Graph.Options 和绑定 Graph 的事件 */
+    graphConfig?: GraphConfig;
+    /** 画布数据 */
+    graphData?: NsGraph.IGraphData;
+    /** 布局配置项 */
+    graphLayout?: NsGraphCmd.GraphLayout.IArgs;
+    /** app 初始化成功的回调 */
+    onLoad?: IAppLoad;
+    /** 画布是否自动居中 */
+    isAutoCenter?: boolean;
+    /** 核心模块钩子函数，可以配置额外的业务逻辑包括以下4个hook：
+     * 1. graphOptions: 在实例化X6之前执行
+     * 2. afterGraphInit:  在实例化X6后执行
+     * 3. x6Events: 在实例化X6后绑定事件
+     * 4. beforeGraphDestroy: 在X6实例销毁前执行
+     */
+    hookConfig?: HookConfig;
+    /** 可以在这里扩展工作台全局状态  */
+    modelServiceConfig?: ModelServiceConfig;
+    /** 在这里配置命令的hook */
+    commandConfig?: CommandConfig;
+    /** xflow app 销毁前的回调 */
+    onAppDestroy?: IAppDestroy;
+    /** xflow app 初始化后的回调 */
+    onAppConfigReady?: IAppConfigReady;
+    /** app container style */
+    style?: React.CSSProperties;
+    /** app container classname */
+    className?: string;
+    /** xflow less文件中的prefix变量 */
+    xflowPrefixCls?: string;
+}
+export type IAppLoad = (app: IApplication, registry?: ExtensionRegistry) => void;
+export type IAppDestroy = (app: IApplication) => void;
+export type IAppConfigReady = (registry: ExtensionRegistry) => void;
+export declare const XFlow: React.FC<IProps>;
+export default XFlow;
+export { useXFlowApp, useXflowPrefixCls, XFlowCanvas, XFlowAppExtensionModule as XFlowAppExtension, ExtensionRegistry, };