@sunspirytus/xflow-extension 1.0.52

package/lib/canvas-scale-toolbar/config.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConfig = exports.TOOLBAR_TYPE = exports.CANVAS_SCALE_TOOLBAR_CONFIG = void 0;
+var tslib_1 = require("tslib");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var icons_1 = require("@ant-design/icons");
+var canvas_toolbar_1 = require("../canvas-toolbar");
+var CANVAS_SCALE_TOOLBAR_CONFIG;
+(function (CANVAS_SCALE_TOOLBAR_CONFIG) {
+    xflow_core_1.IconStore.set('ZoomInOutlined', icons_1.ZoomInOutlined);
+    xflow_core_1.IconStore.set('ZoomOutOutlined', icons_1.ZoomOutOutlined);
+    xflow_core_1.IconStore.set('OneToOneOutlined', icons_1.OneToOneOutlined);
+    xflow_core_1.IconStore.set('CompressOutlined', icons_1.CompressOutlined);
+    xflow_core_1.IconStore.set('FullscreenOutlined', icons_1.FullscreenOutlined);
+    xflow_core_1.IconStore.set('FullscreenExitOutlined', icons_1.FullscreenExitOutlined);
+    CANVAS_SCALE_TOOLBAR_CONFIG.ZOOM_IN = xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id + '-zoom-in';
+    CANVAS_SCALE_TOOLBAR_CONFIG.ZOOM_OUT = xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id + '-zoom-out';
+    CANVAS_SCALE_TOOLBAR_CONFIG.SCALE_TO_ONE = xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id + '-scale-to-one';
+    CANVAS_SCALE_TOOLBAR_CONFIG.SCALE_TO_FIT = xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id + '-scale-to-fit';
+    CANVAS_SCALE_TOOLBAR_CONFIG.FULLSCREEN = xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id + '-fullscreen';
+    CANVAS_SCALE_TOOLBAR_CONFIG.MAX_SCALE = 1.5;
+    CANVAS_SCALE_TOOLBAR_CONFIG.MIN_SCALE = 0.05;
+    CANVAS_SCALE_TOOLBAR_CONFIG.zoomOptions = {
+        maxScale: CANVAS_SCALE_TOOLBAR_CONFIG.MAX_SCALE,
+        minScale: CANVAS_SCALE_TOOLBAR_CONFIG.MIN_SCALE,
+    };
+    CANVAS_SCALE_TOOLBAR_CONFIG.getToolbarConfig = function (_a) {
+        var zoomFactor = _a.zoomFactor, fullscreen = _a.fullscreen;
+        return [
+            {
+                name: 'main',
+                items: [
+                    {
+                        id: CANVAS_SCALE_TOOLBAR_CONFIG.ZOOM_IN,
+                        tooltip: '放大',
+                        iconName: 'ZoomInOutlined',
+                        onClick: function (_a) {
+                            var commandService = _a.commandService;
+                            commandService.executeCommand(xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id, {
+                                factor: 0.1,
+                                zoomOptions: CANVAS_SCALE_TOOLBAR_CONFIG.zoomOptions,
+                            });
+                        },
+                    },
+                    {
+                        id: CANVAS_SCALE_TOOLBAR_CONFIG.ZOOM_OUT,
+                        tooltip: '缩小',
+                        iconName: 'ZoomOutOutlined',
+                        onClick: function (_a) {
+                            var commandService = _a.commandService;
+                            commandService.executeCommand(xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id, {
+                                factor: -0.1,
+                                zoomOptions: CANVAS_SCALE_TOOLBAR_CONFIG.zoomOptions,
+                            });
+                        },
+                    },
+                    {
+                        id: CANVAS_SCALE_TOOLBAR_CONFIG.SCALE_TO_ONE,
+                        iconName: 'OneToOneOutlined',
+                        tooltip: '缩放到1:1',
+                        isEnabled: zoomFactor !== 1,
+                        onClick: function (_a) {
+                            var commandService = _a.commandService;
+                            commandService.executeCommand(xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id, {
+                                factor: 'real',
+                                zoomOptions: CANVAS_SCALE_TOOLBAR_CONFIG.zoomOptions,
+                            });
+                        },
+                    },
+                    {
+                        id: CANVAS_SCALE_TOOLBAR_CONFIG.SCALE_TO_FIT,
+                        tooltip: '缩放到适应屏幕',
+                        iconName: 'CompressOutlined',
+                        onClick: function (_a) {
+                            var commandService = _a.commandService;
+                            commandService.executeCommand(xflow_core_1.XFlowGraphCommands.GRAPH_ZOOM.id, {
+                                factor: 'fit',
+                                zoomOptions: CANVAS_SCALE_TOOLBAR_CONFIG.zoomOptions,
+                            });
+                        },
+                    },
+                    {
+                        id: CANVAS_SCALE_TOOLBAR_CONFIG.FULLSCREEN,
+                        tooltip: !fullscreen ? '全屏' : '退出全屏',
+                        iconName: !fullscreen ? 'FullscreenOutlined' : 'FullscreenExitOutlined',
+                        onClick: function (_a) {
+                            var commandService = _a.commandService;
+                            commandService.executeCommand(xflow_core_1.XFlowGraphCommands.GRAPH_FULLSCREEN.id, {});
+                        },
+                    },
+                ],
+            },
+        ];
+    };
+})(CANVAS_SCALE_TOOLBAR_CONFIG = exports.CANVAS_SCALE_TOOLBAR_CONFIG || (exports.CANVAS_SCALE_TOOLBAR_CONFIG = {}));
+exports.TOOLBAR_TYPE = 'CANVAS_SCALE_TOOLBAR';
+exports.useConfig = (0, canvas_toolbar_1.createToolbarConfig)(function (config) {
+    config.setToolbarModelService(function (model, modelService) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var graphScale, graphFullscreenModel, graphScaleModel;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, xflow_core_1.MODELS.GRAPH_SCALE.useValue(modelService)
+                    /** 设置初始值*/
+                ];
+                case 1:
+                    graphScale = _a.sent();
+                    /** 设置初始值*/
+                    model.setValue(function (m) {
+                        m.mainGroups = CANVAS_SCALE_TOOLBAR_CONFIG.getToolbarConfig({
+                            zoomFactor: graphScale.zoomFactor,
+                            fullscreen: false,
+                        });
+                    });
+                    return [4 /*yield*/, xflow_core_1.MODELS.GRAPH_FULLSCREEN.getModel(modelService)
+                        /** 初始化全屏默认值 */
+                    ];
+                case 2:
+                    graphFullscreenModel = _a.sent();
+                    /** 初始化全屏默认值 */
+                    graphFullscreenModel.setValue(false);
+                    /** 全屏 */
+                    graphFullscreenModel.watch(function (fullscreen) {
+                        model.setValue(function (m) {
+                            m.mainGroups = CANVAS_SCALE_TOOLBAR_CONFIG.getToolbarConfig({
+                                zoomFactor: graphScale.zoomFactor,
+                                fullscreen: fullscreen,
+                            });
+                        });
+                    });
+                    return [4 /*yield*/, xflow_core_1.MODELS.GRAPH_SCALE.getModel(modelService)
+                        /** graphScaleModel更新时联动 Toolbar*/
+                    ];
+                case 3:
+                    graphScaleModel = _a.sent();
+                    /** graphScaleModel更新时联动 Toolbar*/
+                    graphScaleModel.watch(function (_a) {
+                        var zoomFactor = _a.zoomFactor;
+                        return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                            var fullscreen;
+                            return tslib_1.__generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0: return [4 /*yield*/, xflow_core_1.MODELS.GRAPH_FULLSCREEN.useValue(modelService)];
+                                    case 1:
+                                        fullscreen = _b.sent();
+                                        model.setValue(function (m) {
+                                            m.mainGroups = CANVAS_SCALE_TOOLBAR_CONFIG.getToolbarConfig({
+                                                zoomFactor: zoomFactor,
+                                                fullscreen: fullscreen,
+                                            });
+                                        });
+                                        return [2 /*return*/];
+                                }
+                            });
+                        });
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=config.js.map

package/lib/canvas-scale-toolbar/config.js.map

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

package/lib/canvas-scale-toolbar/index.d.ts

@@ -0,0 +1,11 @@
+import type { IPosition } from '@sunspirytus/xflow-core';
+import React from 'react';
+import { CANVAS_SCALE_TOOLBAR_CONFIG } from './config';
+interface IProps {
+    position: IPosition;
+    className?: string;
+    layout?: 'vertical' | 'horizontal';
+    style?: React.CSSProperties;
+}
+declare const CanvasScaleToolbar: React.FC<IProps>;
+export { CanvasScaleToolbar, IProps as ICanvasScaleToolbarProps, CANVAS_SCALE_TOOLBAR_CONFIG };

package/lib/canvas-scale-toolbar/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CANVAS_SCALE_TOOLBAR_CONFIG = exports.CanvasScaleToolbar = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var canvas_toolbar_1 = require("../canvas-toolbar");
+var config_1 = require("./config");
+Object.defineProperty(exports, "CANVAS_SCALE_TOOLBAR_CONFIG", { enumerable: true, get: function () { return config_1.CANVAS_SCALE_TOOLBAR_CONFIG; } });
+var CanvasScaleToolbar = function (props) {
+    var config = (0, config_1.useConfig)(props);
+    return (react_1.default.createElement(canvas_toolbar_1.CanvasToolbar, tslib_1.__assign({ layout: "vertical" }, props, { config: config, position: props.position || { top: 12, right: 12 } })));
+};
+exports.CanvasScaleToolbar = CanvasScaleToolbar;
+//# sourceMappingURL=index.js.map

package/lib/canvas-scale-toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-scale-toolbar/index.tsx"],"names":[],"mappings":";;;;AACA,wDAAyB;AACzB,oDAAiD;AACjD,mCAAiE;AAqBA,4GArB7C,oCAA2B,OAqB6C;AAZ5F,IAAM,kBAAkB,GAAqB,UAAA,KAAK;IAChD,IAAM,MAAM,GAAG,IAAA,kBAAS,EAAC,KAAK,CAAC,CAAA;IAC/B,OAAO,CACL,8BAAC,8BAAa,qBACZ,MAAM,EAAC,UAAU,IACb,KAAK,IACT,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAClD,CACH,CAAA;AACH,CAAC,CAAA;AAEQ,gDAAkB"}

package/lib/canvas-snapline/components/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IProps {
+    color?: string;
+}
+export declare const CONFIG_TYPE = "CanvasSnapline";
+/** 默认颜色 */
+export declare const SNAPLINE_COLOR = "#faad14";
+export declare const CanvasSnapline: React.FC<IProps>;

package/lib/canvas-snapline/components/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasSnapline = exports.SNAPLINE_COLOR = exports.CONFIG_TYPE = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var module_1 = require("../module");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+exports.CONFIG_TYPE = 'CanvasSnapline';
+/** 默认颜色 */
+exports.SNAPLINE_COLOR = '#faad14';
+var CanvasSnapline = function (props) {
+    var _a = props.color, color = _a === void 0 ? exports.SNAPLINE_COLOR : _a;
+    var extension = (0, xflow_core_1.useExtensionRegistry)();
+    var config = react_1.default.useMemo(function () { return ({
+        CONFIG_TYPE: exports.CONFIG_TYPE,
+        getConfig: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () { return tslib_1.__generator(this, function (_a) {
+            return [2 /*return*/, ({})];
+        }); }); },
+    }); }, []);
+    /** 设置css 样式 */
+    react_1.default.useEffect(function () {
+        var className = "xflow-snapline-".concat(Date.now());
+        // 多xflow之间隔离
+        extension.addContainerClassNames(className);
+        var cssString = "\n    .".concat(className, " .xflow-snapline .x6-widget-snapline-horizontal,\n    .").concat(className, " .xflow-snapline .x6-widget-snapline-vertical {\n      border-color: ").concat(color, ";\n    }");
+        var $style = (0, xflow_core_1.insertCss)(cssString);
+        return function () {
+            document.head.removeChild($style);
+        };
+    }, [color, extension]);
+    return react_1.default.createElement(xflow_core_1.XFlowAppExtensionModule, { config: config, createModule: module_1.createModule });
+};
+exports.CanvasSnapline = CanvasSnapline;
+//# sourceMappingURL=index.js.map

package/lib/canvas-snapline/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-snapline/components/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,oCAAwC;AACxC,sDAAkG;AAMrF,QAAA,WAAW,GAAG,gBAAgB,CAAA;AAC3C,WAAW;AACE,QAAA,cAAc,GAAG,SAAS,CAAA;AAEhC,IAAM,cAAc,GAAqB,UAAA,KAAK;IAC3C,IAAA,KAA2B,KAAK,MAAV,EAAtB,KAAK,mBAAG,sBAAc,KAAA,CAAU;IACxC,IAAM,SAAS,GAAG,IAAA,iCAAoB,GAAE,CAAA;IACxC,IAAM,MAAM,GAAG,eAAK,CAAC,OAAO,CAC1B,cAAM,OAAA,CAAC;QACL,WAAW,qBAAA;QACX,SAAS,EAAE;YAAY,sBAAA,CAAC,EAAc,CAAA,EAAA;iBAAA;KACvC,CAAC,EAHI,CAGJ,EACF,EAAE,CACH,CAAA;IAED,eAAe;IACf,eAAK,CAAC,SAAS,CAAC;QACd,IAAM,SAAS,GAAG,yBAAkB,IAAI,CAAC,GAAG,EAAE,CAAE,CAAA;QAChD,aAAa;QACb,SAAS,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAA;QAE3C,IAAM,SAAS,GAAG,iBACf,SAAS,oEACT,SAAS,kFACM,KAAK,aACrB,CAAA;QACF,IAAM,MAAM,GAAG,IAAA,sBAAS,EAAC,SAAS,CAAC,CAAA;QAEnC,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAEtB,OAAO,8BAAC,oCAAuB,IAAU,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,qBAAY,GAAI,CAAA;AACzF,CAAC,CAAA;AA9BY,QAAA,cAAc,kBA8B1B"}

package/lib/canvas-snapline/contributions/hook.d.ts

@@ -0,0 +1,12 @@
+import type { ICmdHooks } from '@sunspirytus/xflow-core';
+import { DisposableCollection, Disposable } from '@sunspirytus/xflow-core';
+import { IHookContribution } from '@sunspirytus/xflow-core';
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+export declare class HookContribution implements IHookContribution<ICmdHooks> {
+    toDispose: DisposableCollection;
+    registerHookHub: () => Promise<Disposable>;
+    registerHook: (hooks: ICmdHooks) => Promise<Disposable>;
+}

package/lib/canvas-snapline/contributions/hook.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HookContribution = void 0;
+var tslib_1 = require("tslib");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var xflow_core_2 = require("@sunspirytus/xflow-core");
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+var HookContribution = /** @class */ (function () {
+    function HookContribution() {
+        var _this = this;
+        this.toDispose = new xflow_core_1.DisposableCollection();
+        // args: registry: IHookService<ICmdHooks>
+        this.registerHookHub = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                return [2 /*return*/, xflow_core_1.Disposable.create(function () { })];
+            });
+        }); };
+        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 xflow_core_1.DisposableCollection();
+                disposables = [
+                    hooks.graphOptions.registerHook({
+                        name: 'add snapline options',
+                        handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            return tslib_1.__generator(this, function (_a) {
+                                // 对齐线配置，辅助移动节点排版（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/snapline）
+                                args.snapline = {
+                                    enabled: true,
+                                    className: 'xflow-snapline',
+                                    clean: 5000,
+                                };
+                                return [2 /*return*/];
+                            });
+                        }); },
+                    }),
+                ];
+                toDispose.pushAll(disposables);
+                return [2 /*return*/, xflow_core_1.Disposable.create(function () { })];
+            });
+        }); };
+    }
+    HookContribution = tslib_1.__decorate([
+        xflow_core_2.ManaSyringe.singleton({ contrib: xflow_core_2.IHookContribution })
+    ], HookContribution);
+    return HookContribution;
+}());
+exports.HookContribution = HookContribution;
+//# sourceMappingURL=hook.js.map

package/lib/canvas-snapline/contributions/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/canvas-snapline/contributions/hook.tsx"],"names":[],"mappings":";;;;AACA,sDAA0E;AAC1E,sDAAwE;AAExE;;;GAGG;AAEH;IAAA;QAAA,iBA0BC;QAzBC,cAAS,GAAG,IAAI,iCAAoB,EAAE,CAAA;QAEtC,0CAA0C;QAC1C,oBAAe,GAAG;;gBAChB,sBAAO,uBAAU,CAAC,MAAM,CAAC,cAAO,CAAC,CAAC,EAAA;;aACnC,CAAA;QAED,iBAAY,GAAG,UAAO,KAAgB;;;;gBAC9B,SAAS,GAAG,IAAI,iCAAoB,EAAE,CAAA;gBACtC,WAAW,GAAG;oBAClB,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC;wBAC9B,IAAI,EAAE,sBAAsB;wBAC5B,OAAO,EAAE,UAAM,IAAI;;gCACjB,8EAA8E;gCAC9E,IAAI,CAAC,QAAQ,GAAG;oCACd,OAAO,EAAE,IAAI;oCACb,SAAS,EAAE,gBAAgB;oCAC3B,KAAK,EAAE,IAAI;iCACZ,CAAA;;;6BACF;qBACF,CAAC;iBACH,CAAA;gBACD,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gBAC9B,sBAAO,uBAAU,CAAC,MAAM,CAAC,cAAO,CAAC,CAAC,EAAA;;aACnC,CAAA;IACH,CAAC;IA1BY,gBAAgB;QAD5B,wBAAW,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,8BAAiB,EAAE,CAAC;OACzC,gBAAgB,CA0B5B;IAAD,uBAAC;CAAA,AA1BD,IA0BC;AA1BY,4CAAgB"}

package/lib/canvas-snapline/index.d.ts

@@ -0,0 +1,2 @@
+export { CanvasSnapline } from './components';
+export type { IProps as ICanvasSnaplineProps } from './components';

package/lib/canvas-snapline/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasSnapline = void 0;
+var components_1 = require("./components");
+Object.defineProperty(exports, "CanvasSnapline", { enumerable: true, get: function () { return components_1.CanvasSnapline; } });
+//# sourceMappingURL=index.js.map

package/lib/canvas-snapline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-snapline/index.ts"],"names":[],"mappings":";;;AAAA,2CAA6C;AAApC,4GAAA,cAAc,OAAA"}

package/lib/canvas-snapline/module.d.ts

@@ -0,0 +1,8 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+export interface IConfig {
+}
+/** 依赖扩展模块，必须要加载 */
+declare const createModule: () => ManaSyringe.SyringeModule;
+export { createModule };

package/lib/canvas-snapline/module.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createModule = void 0;
+require("reflect-metadata");
+/** Application 扩展依赖 */
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var hook_1 = require("./contributions/hook");
+/** 依赖扩展模块，必须要加载 */
+var createModule = function () {
+    return xflow_core_1.ManaSyringe.Module(function (register) {
+        /** 扩展 runtime hook */
+        register(hook_1.HookContribution);
+    });
+};
+exports.createModule = createModule;
+//# sourceMappingURL=module.js.map

package/lib/canvas-snapline/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/canvas-snapline/module.ts"],"names":[],"mappings":";;;AAAA,4BAAyB;AACzB,uBAAuB;AAEvB,sDAAqD;AACrD,6CAAuD;AAIvD,mBAAmB;AACnB,IAAM,YAAY,GAAG;IACnB,OAAO,wBAAW,CAAC,MAAM,CAAC,UAAA,QAAQ;QAChC,sBAAsB;QACtB,QAAQ,CAAC,uBAAgB,CAAC,CAAA;IAC5B,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEQ,oCAAY"}

package/lib/canvas-toolbar/config.d.ts

@@ -0,0 +1,28 @@
+import type { IToolbarModelService, IToolbarCustomRenderService } from './interface';
+export declare const CONFIG_TYPE = "CanvasToolbar";
+export declare class ToolbarConfig {
+    /** config type */
+    readonly CONFIG_TYPE = "CanvasToolbar";
+    /** toolbar model service */
+    private toolbarModelService;
+    /** toolbar toolbarRender */
+    private customRenderService;
+    /** instance id */
+    moduleId: string;
+    /** uuid */
+    constructor();
+    /** 设置toolbar id */
+    setToolbarName: (moduleId: string) => void;
+    /** 通过订阅 modelService 设置toolbar model */
+    setToolbarModelService: (service: IToolbarModelService) => void;
+    /** 设置组件的props */
+    setCustomToolbarRender: (service: IToolbarCustomRenderService) => void;
+    /** 获取Props */
+    getConfig: () => {
+        CONFIG_TYPE: string;
+        toolbarCustomRender: IToolbarCustomRenderService;
+        toolbarModelService: IToolbarModelService;
+    };
+    /** dispose */
+    dispose(): void;
+}

package/lib/canvas-toolbar/config.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarConfig = exports.CONFIG_TYPE = void 0;
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+exports.CONFIG_TYPE = 'CanvasToolbar';
+var ToolbarConfig = /** @class */ (function () {
+    /** uuid */
+    function ToolbarConfig() {
+        var _this = this;
+        /** config type */
+        this.CONFIG_TYPE = exports.CONFIG_TYPE;
+        /** 设置toolbar id */
+        this.setToolbarName = function (moduleId) {
+            _this.moduleId = exports.CONFIG_TYPE + '__' + moduleId;
+        };
+        /** 通过订阅 modelService 设置toolbar model */
+        this.setToolbarModelService = function (service) {
+            _this.toolbarModelService = service;
+        };
+        /** 设置组件的props */
+        this.setCustomToolbarRender = function (service) {
+            _this.customRenderService = service;
+        };
+        /** 获取Props */
+        this.getConfig = function () {
+            return {
+                CONFIG_TYPE: _this.CONFIG_TYPE,
+                toolbarCustomRender: _this.customRenderService,
+                toolbarModelService: _this.toolbarModelService,
+            };
+        };
+        this.moduleId = exports.CONFIG_TYPE + '__' + (0, xflow_core_1.uuidv4)();
+    }
+    /** dispose */
+    ToolbarConfig.prototype.dispose = function () { };
+    return ToolbarConfig;
+}());
+exports.ToolbarConfig = ToolbarConfig;
+//# sourceMappingURL=config.js.map

package/lib/canvas-toolbar/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/canvas-toolbar/config.tsx"],"names":[],"mappings":";;;AAAA,sDAAgD;AAGnC,QAAA,WAAW,GAAG,eAAe,CAAA;AAE1C;IASE,WAAW;IACX;QAAA,iBAEC;QAXD,kBAAkB;QACT,gBAAW,GAAG,mBAAW,CAAA;QAWlC,mBAAmB;QACnB,mBAAc,GAAG,UAAC,QAAgB;YAChC,KAAI,CAAC,QAAQ,GAAG,mBAAW,GAAG,IAAI,GAAG,QAAQ,CAAA;QAC/C,CAAC,CAAA;QACD,wCAAwC;QACxC,2BAAsB,GAAG,UAAC,OAA6B;YACrD,KAAI,CAAC,mBAAmB,GAAG,OAAO,CAAA;QACpC,CAAC,CAAA;QACD,iBAAiB;QACjB,2BAAsB,GAAG,UAAC,OAAoC;YAC5D,KAAI,CAAC,mBAAmB,GAAG,OAAO,CAAA;QACpC,CAAC,CAAA;QACD,cAAc;QACd,cAAS,GAAG;YACV,OAAO;gBACL,WAAW,EAAE,KAAI,CAAC,WAAW;gBAC7B,mBAAmB,EAAE,KAAI,CAAC,mBAAmB;gBAC7C,mBAAmB,EAAE,KAAI,CAAC,mBAAmB;aAC9C,CAAA;QACH,CAAC,CAAA;QArBC,IAAI,CAAC,QAAQ,GAAG,mBAAW,GAAG,IAAI,GAAG,IAAA,mBAAM,GAAE,CAAA;IAC/C,CAAC;IAqBD,cAAc;IACd,+BAAO,GAAP,cAAW,CAAC;IACd,oBAAC;AAAD,CAAC,AAnCD,IAmCC;AAnCY,sCAAa"}

package/lib/canvas-toolbar/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ToolbarConfig } from './config';
+import type { IToolbarProps } from './interface';
+export declare const CanvasToolbar: React.FC<IToolbarProps>;
+interface IValueProxy<T> {
+    getValue: () => T;
+}
+export declare const createToolbarConfig: <T extends unknown = any>(addOptions: (config: ToolbarConfig, proxy: IValueProxy<T>) => void) => (value?: T) => any;
+export { IToolbarProps };

package/lib/canvas-toolbar/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createToolbarConfig = exports.CanvasToolbar = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var config_1 = require("./config");
+var render_components_1 = require("./render-components");
+var CanvasToolbar = function (props) {
+    var app = (0, xflow_core_1.useXFlowApp)();
+    var hasApp = !!app;
+    /** 获取ContextMenu的配置 */
+    var contextMenuConfig = react_1.default.useMemo(function () { return (props.config ? props.config : new config_1.ToolbarConfig()); }, [props.config]);
+    if (!hasApp) {
+        return null;
+    }
+    return react_1.default.createElement(render_components_1.XFlowToolbar, tslib_1.__assign({}, props, { config: contextMenuConfig }));
+};
+exports.CanvasToolbar = CanvasToolbar;
+var createToolbarConfig = function (addOptions) {
+    return function (value) {
+        /** bridge config and value */
+        var proxy = react_1.default.useMemo(function () { return ({ getValue: function () { return ({}); } }); }, []);
+        proxy.getValue = function () { return value; };
+        /** 生成config */
+        var toolbarConfig = react_1.default.useMemo(function () {
+            var config = new config_1.ToolbarConfig();
+            addOptions(config, proxy);
+            return config;
+        }, [proxy]);
+        return toolbarConfig;
+    };
+};
+exports.createToolbarConfig = createToolbarConfig;
+//# sourceMappingURL=index.js.map

package/lib/canvas-toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-toolbar/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,sDAAqD;AACrD,mCAAwC;AACxC,yDAAkD;AAG3C,IAAM,aAAa,GAA4B,UAAA,KAAK;IACzD,IAAM,GAAG,GAAG,IAAA,wBAAW,GAAE,CAAA;IACzB,IAAM,MAAM,GAAG,CAAC,CAAC,GAAG,CAAA;IACpB,uBAAuB;IACvB,IAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CACrC,cAAM,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,sBAAa,EAAE,CAAC,EAAnD,CAAmD,EACzD,CAAC,KAAK,CAAC,MAAM,CAAC,CACf,CAAA;IAED,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,8BAAC,gCAAY,uBAAK,KAAK,IAAE,MAAM,EAAE,iBAAiB,IAAI,CAAA;AAC/D,CAAC,CAAA;AAdY,QAAA,aAAa,iBAczB;AAOM,IAAM,mBAAmB,GAC9B,UAA0B,UAAkE;IAC5F,OAAA,UAAC,KAAS;QACR,8BAA8B;QAC9B,IAAM,KAAK,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;QACtE,KAAK,CAAC,QAAQ,GAAG,cAAM,OAAA,KAAK,EAAL,CAAK,CAAA;QAC5B,eAAe;QACf,IAAM,aAAa,GAAG,eAAK,CAAC,OAAO,CAAC;YAClC,IAAM,MAAM,GAAG,IAAI,sBAAa,EAAE,CAAA;YAClC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;YACzB,OAAO,MAAM,CAAA;QACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;QAEX,OAAO,aAAa,CAAA;IACtB,CAAC;AAZD,CAYC,CAAA;AAdU,QAAA,mBAAmB,uBAc7B"}

package/lib/canvas-toolbar/interface.d.ts

@@ -0,0 +1,19 @@
+import type { IPosition, IModelService, IToolbarModel, IToolbarLayout, DisposableCollection, IToolbarOptions } from '@sunspirytus/xflow-core';
+import type React from 'react';
+import type { ToolbarConfig } from './config';
+export interface IToolbarProps {
+    config: ToolbarConfig;
+    layout: IToolbarLayout;
+    position: IPosition;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export interface IToolbarModelService {
+    (model: IToolbarModel, modelService: IModelService, toDispose: DisposableCollection): Promise<void>;
+}
+export interface IToolbarCustomRenderService {
+    (modelService: IModelService, updateComponent: (fc: React.FC<IToolbarCustomRenderProps>) => void): Promise<React.FC<IToolbarCustomRenderProps> | undefined>;
+}
+export interface IToolbarCustomRenderProps {
+    config: IToolbarOptions;
+}

package/lib/canvas-toolbar/interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interface.js.map

package/lib/canvas-toolbar/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/canvas-toolbar/interface.tsx"],"names":[],"mappings":""}

package/lib/canvas-toolbar/render-components/index.d.ts

@@ -0,0 +1,2 @@
+/** connect 数据 */
+export declare const XFlowToolbar: any;

package/lib/canvas-toolbar/render-components/index.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFlowToolbar = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var antd_1 = require("antd");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+// component
+var x6_react_components_1 = require("@antv/x6-react-components");
+var toolbar_group_1 = require("./toolbar-group");
+var service_1 = require("../service");
+var classnames_2 = tslib_1.__importDefault(require("classnames"));
+/** render toolbar */
+var ToolbarRender = function (props) {
+    var idx = props.idx, groups = props.groups, layout = props.layout, toolbarOptions = props.toolbarOptions;
+    var _a = toolbarOptions.hoverEffect, hoverEffect = _a === void 0 ? true : _a;
+    return (react_1.default.createElement(x6_react_components_1.Toolbar, { hoverEffect: hoverEffect }, groups.map(function (g, gIdx) {
+        var key = idx + gIdx;
+        return react_1.default.createElement(toolbar_group_1.ToolbarGroup, { key: key, group: g, layout: layout });
+    })));
+};
+var InnerRender = function (props) {
+    var _a;
+    var _b = (0, service_1.useToolbarModel)(props), isModelReady = _b.isModelReady, state = _b.state;
+    var positionStyle = (0, xflow_core_1.usePositionStyle)(props.position);
+    var _c = state.mainGroups, mainGroups = _c === void 0 ? [] : _c, _d = state.extraGroups, extraGroups = _d === void 0 ? [] : _d, layout = state.layout, customRender = state.customRender;
+    var containerClz = (0, classnames_2.default)(props.className, layout, 'xflow-toolbar');
+    var clz = (0, classnames_1.default)((_a = {},
+        _a[layout] = true,
+        _a['xflow-toolbar-root'] = true,
+        _a));
+    // loading
+    if (!isModelReady) {
+        return (react_1.default.createElement("div", { className: containerClz, style: tslib_1.__assign(tslib_1.__assign({}, positionStyle), props.style) },
+            react_1.default.createElement(antd_1.Spin, { spinning: true, size: "small" })));
+    }
+    // render custom component
+    if (customRender) {
+        return (react_1.default.createElement("div", { className: containerClz, style: tslib_1.__assign(tslib_1.__assign({}, positionStyle), props.style) }, react_1.default.createElement(customRender, { config: state })));
+    }
+    // render toolbars
+    return (react_1.default.createElement("div", { className: containerClz, style: tslib_1.__assign(tslib_1.__assign({}, positionStyle), props.style) },
+        react_1.default.createElement("div", { className: clz },
+            mainGroups.length > 0 && (react_1.default.createElement(ToolbarRender, { idx: "mainGroups", groups: mainGroups, layout: layout, toolbarOptions: state })),
+            extraGroups.length > 0 && (react_1.default.createElement(ToolbarRender, { idx: "extraGroups", groups: extraGroups, layout: layout, toolbarOptions: state })))));
+};
+/** connect 数据 */
+exports.XFlowToolbar = react_1.default.memo(InnerRender);
+//# sourceMappingURL=index.js.map

package/lib/canvas-toolbar/render-components/index.js.map

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

package/lib/canvas-toolbar/render-components/toolbar-group.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { IToolbarGroupOptions, IToolbarLayout } from '@sunspirytus/xflow-core';
+export interface IProps {
+    group: IToolbarGroupOptions;
+    layout: IToolbarLayout;
+}
+export declare const ToolbarGroup: React.FC<IProps>;

package/lib/canvas-toolbar/render-components/toolbar-group.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarGroup = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var x6_react_components_1 = require("@antv/x6-react-components");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var toolbar_item_1 = require("./toolbar-item");
+var ToolbarGroup = function (props) {
+    var _a;
+    var group = props.group, layout = props.layout;
+    var groupKey = react_1.default.useMemo(function () {
+        return group.name || (0, xflow_core_1.uuidv4)();
+    }, [group.name]);
+    var _b = group.items, items = _b === void 0 ? [] : _b;
+    if (items.length === 0) {
+        return null;
+    }
+    var clz = (0, classnames_1.default)((_a = {},
+        _a['xflow-toolbar-group'] = true,
+        _a));
+    return (react_1.default.createElement(x6_react_components_1.Toolbar.Group, { className: clz, key: groupKey }, items.map(function (item) { return (react_1.default.createElement(toolbar_item_1.ToolbarItem, { item: item, layout: layout, key: item.id })); })));
+};
+exports.ToolbarGroup = ToolbarGroup;
+//# sourceMappingURL=toolbar-group.js.map

package/lib/canvas-toolbar/render-components/toolbar-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-group.js","sourceRoot":"","sources":["../../../src/canvas-toolbar/render-components/toolbar-group.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kEAAmC;AACnC,iEAAmD;AAGnD,sDAAgD;AAEhD,+CAA4C;AAOrC,IAAM,YAAY,GAAqB,UAAA,KAAK;;IACzC,IAAA,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;IAC/B,IAAM,QAAQ,GAAG,eAAK,CAAC,OAAO,CAAC;QAC7B,OAAO,KAAK,CAAC,IAAI,IAAI,IAAA,mBAAM,GAAE,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IACR,IAAA,KAAe,KAAK,MAAV,EAAV,KAAK,mBAAG,EAAE,KAAA,CAAU;IAE5B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,OAAO,IAAI,CAAA;KACZ;IAED,IAAM,GAAG,GAAG,IAAA,oBAAU;QACpB,GAAC,qBAAqB,IAAG,IAAI;YAC7B,CAAA;IAEF,OAAO,CACL,8BAAC,6BAAO,CAAC,KAAK,IAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,IACzC,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CACjB,8BAAC,0BAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAI,CAC1D,EAFkB,CAElB,CAAC,CACY,CACjB,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB"}