@sunspirytus/xflow-extension 1.0.52

package/lib/canvas-json-schema-form/style/index.less

@@ -0,0 +1,42 @@
+@import (reference) '~antd/es/style/themes/default.less';
+@import (reference) '~@sunspirytus/xflow-core/es/style/themes/index.less';
+
+@light-border: ~'1px solid #d9d9d9';
+@header-bg: #fff;
+@body-bg: #f9f9f9;
+
+@form-panel-prefix-cls: ~'@{xflow-prefix}-json-schema-form';
+
+.@{form-panel-prefix-cls} {
+  border-left: @light-border;
+  &-body {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+  &-header {
+    display: flex;
+    justify-content: space-evenly;
+    background: @header-bg;
+    border-bottom: @light-border;
+    &-title {
+      font-size: 16px;
+    }
+  }
+
+  &-footer {
+    display: flex;
+    justify-content: space-evenly;
+    background: @header-bg;
+    border-top: @light-border;
+    &-title {
+      font-size: 16px;
+    }
+  }
+}
+
+.text-truncate {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

package/lib/canvas-json-schema-form/utils.d.ts

@@ -0,0 +1,6 @@
+import type { IPanelProps } from './interface';
+export declare const usePanelLyaoutStyle: (config: IPanelProps, noSchema: boolean) => {
+    headerStyle: any;
+    bodyStyle: any;
+    footerStyle: any;
+};

package/lib/canvas-json-schema-form/utils.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePanelLyaoutStyle = void 0;
+var tslib_1 = require("tslib");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var constants_1 = require("./constants");
+var usePanelLyaoutStyle = function (config, noSchema) {
+    var headerHeight = (config && config.headerPosition && config.headerPosition.height) || constants_1.PANEL_HEADER_HEIGHT;
+    var footerHeight = (config.footerPosition && config.footerPosition.height) || constants_1.PANEL_FOOTER_HEIGHT;
+    return {
+        headerStyle: (0, xflow_core_1.usePositionStyle)(tslib_1.__assign(tslib_1.__assign({ height: 0, top: 0, left: 0, right: 0 }, (noSchema ? { height: headerHeight, lineHeight: headerHeight } : {})), config.headerPosition)),
+        bodyStyle: (0, xflow_core_1.usePositionStyle)(tslib_1.__assign(tslib_1.__assign({ left: 0, right: 0, top: 0 }, (noSchema ? { top: headerHeight, bottom: footerHeight } : { bottom: footerHeight })), config.bodyPosition)),
+        footerStyle: (0, xflow_core_1.usePositionStyle)(tslib_1.__assign(tslib_1.__assign({ left: 0, right: 0, lineHeight: footerHeight, height: footerHeight, bottom: 0 }, (noSchema ? { lineHeight: footerHeight, height: footerHeight } : { bottom: 0 })), config.footerPosition)),
+    };
+};
+exports.usePanelLyaoutStyle = usePanelLyaoutStyle;
+//# sourceMappingURL=utils.js.map

package/lib/canvas-json-schema-form/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/canvas-json-schema-form/utils.tsx"],"names":[],"mappings":";;;;AAAA,sDAA0D;AAE1D,yCAAsE;AAE/D,IAAM,mBAAmB,GAAG,UAAC,MAAmB,EAAE,QAAiB;IACxE,IAAM,YAAY,GAChB,CAAC,MAAM,IAAI,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,+BAAmB,CAAA;IAC1F,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,+BAAmB,CAAA;IAEhF,OAAO;QACL,WAAW,EAAE,IAAA,6BAAgB,sCAC3B,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,IACL,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACpE,MAAM,CAAC,cAAc,EACxB;QACF,SAAS,EAAE,IAAA,6BAAgB,sCACzB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,IACH,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GACnF,MAAM,CAAC,YAAY,EACtB;QACF,WAAW,EAAE,IAAA,6BAAgB,sCAC3B,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,UAAU,EAAE,YAAY,EACxB,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,CAAC,IACN,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,GAC/E,MAAM,CAAC,cAAc,EACxB;KACH,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,mBAAmB,uBAgC/B"}

package/lib/canvas-mini-map/components/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { IPosition } from '@sunspirytus/xflow-core';
+import { SimpleNodeView } from '../x6-node-view';
+import type { IMinimapOptions } from '../interface';
+/** 配置类型 */
+export declare const CONFIG_TYPE = "CanvasMiniMap";
+/** 获取默认配置 */
+export declare const getDefaultMinimapOptions: () => {
+    grid: boolean;
+    enabled: boolean;
+    width: number;
+    height: number;
+    padding: number;
+    graphOptions: {
+        async: boolean;
+        getCellView(cell: any): typeof SimpleNodeView;
+        createCellView(cell: any): any;
+    };
+};
+/** minimap 配置项目*/
+export interface IProps {
+    minimapOptions?: IMinimapOptions;
+    nodeFillColor?: string;
+    borderColor?: string;
+    handlerColor?: string;
+    miniMapClz?: string;
+    position?: IPosition;
+}
+export declare const CanvasMiniMap: React.FC<IProps>;

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasMiniMap = exports.getDefaultMinimapOptions = 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");
+var xflow_core_2 = require("@sunspirytus/xflow-core");
+var x6_node_view_1 = require("../x6-node-view");
+/** 配置类型 */
+exports.CONFIG_TYPE = 'CanvasMiniMap';
+/** 获取默认配置 */
+var getDefaultMinimapOptions = function () {
+    return {
+        grid: false,
+        enabled: true,
+        width: 200,
+        height: 120,
+        padding: 8,
+        graphOptions: {
+            async: true,
+            getCellView: function (cell) {
+                if (cell.isNode()) {
+                    return x6_node_view_1.SimpleNodeView;
+                }
+            },
+            createCellView: function (cell) {
+                if (cell.isEdge()) {
+                    return null;
+                }
+            },
+        },
+    };
+};
+exports.getDefaultMinimapOptions = getDefaultMinimapOptions;
+var CanvasMiniMap = function (props) {
+    var nodeFillColor = props.nodeFillColor, _a = props.borderColor, borderColor = _a === void 0 ? '#ced4de' : _a, _b = props.handlerColor, handlerColor = _b === void 0 ? 'rgba(0,0,0,.3)' : _b, _c = props.miniMapClz, miniMapClz = _c === void 0 ? '' : _c, _d = props.position, position = _d === void 0 ? { bottom: 12, right: 12 } : _d, _e = props.minimapOptions, minimapOptions = _e === void 0 ? {} : _e;
+    /** x6画布的dom节点 */
+    var minimapRef = react_1.default.useRef(null);
+    var minimapConfigRef = react_1.default.useRef(props.minimapOptions);
+    var classNameSet = react_1.default.useMemo(function () {
+        return new Set([
+            miniMapClz,
+            'xflow-minimap',
+            'minimap-instacne-' + Date.now().toString(),
+        ]);
+    }, [miniMapClz]);
+    var getConfig = react_1.default.useMemo(function () { return function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        return tslib_1.__generator(this, function (_a) {
+            return [2 /*return*/, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, (0, exports.getDefaultMinimapOptions)()), minimapConfigRef.current), { container: minimapRef.current })];
+        });
+    }); }; }, [minimapRef]);
+    var style = (0, xflow_core_2.usePositionStyle)(position);
+    react_1.default.useEffect(function () {
+        /** 设置minimap容器 */
+        minimapConfigRef.current = minimapOptions;
+    }, [minimapConfigRef, minimapOptions]);
+    react_1.default.useEffect(function () {
+        /** 设置Node样式 */
+        if (nodeFillColor) {
+            x6_node_view_1.SimpleNodeView.setNodeFillColor(nodeFillColor);
+        }
+    }, [nodeFillColor]);
+    react_1.default.useEffect(function () {
+        var containerSelector = Array.from(classNameSet).reduce(function (acc, clz) { return (clz ? "".concat(acc, ".").concat(clz) : acc); }, '');
+        var cssString = "\n      ".concat(containerSelector, " .x6-widget-minimap-viewport {\n        border: 1px solid ").concat(borderColor, ";\n        margin: 0;\n      }\n      ").concat(containerSelector, " .x6-widget-minimap-viewport-zoom {\n        border: 1px solid ").concat(handlerColor, ";\n      }\n    ");
+        var $style = (0, xflow_core_1.insertCss)(cssString);
+        return function () {
+            document.head.removeChild($style);
+        };
+    }, [borderColor, classNameSet, handlerColor]);
+    var clzName = Array.from(classNameSet).join(' ');
+    return (react_1.default.createElement(xflow_core_2.XFlowAppExtensionModule, { config: {
+            getConfig: getConfig,
+            CONFIG_TYPE: exports.CONFIG_TYPE,
+        }, createModule: module_1.createModule },
+        react_1.default.createElement("div", { ref: minimapRef, className: clzName, style: style })));
+};
+exports.CanvasMiniMap = CanvasMiniMap;
+//# sourceMappingURL=index.js.map

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

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

package/lib/canvas-mini-map/contributions/hook.d.ts

@@ -0,0 +1,13 @@
+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;
+    private minimapConfig;
+    registerHookHub: () => Promise<Disposable>;
+    registerHook: (hooks: ICmdHooks) => Promise<Disposable>;
+}

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

@@ -0,0 +1,58 @@
+"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");
+var interface_1 = require("../interface");
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+var HookContribution = /** @class */ (function () {
+    function HookContribution() {
+        var _this = this;
+        this.toDispose = new xflow_core_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*/, 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 minimap options',
+                        handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var minimapOptions;
+                            return tslib_1.__generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, this.minimapConfig.getConfig()];
+                                    case 1:
+                                        minimapOptions = _a.sent();
+                                        args.minimap = tslib_1.__assign({}, minimapOptions);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); },
+                    }),
+                ];
+                toDispose.pushAll(disposables);
+                return [2 /*return*/, xflow_core_1.Disposable.create(function () { })];
+            });
+        }); };
+    }
+    tslib_1.__decorate([
+        xflow_core_2.ManaSyringe.inject(interface_1.IMinimapConfigProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], HookContribution.prototype, "minimapConfig", void 0);
+    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-mini-map/contributions/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/canvas-mini-map/contributions/hook.tsx"],"names":[],"mappings":";;;;AACA,sDAA0E;AAC1E,sDAAwE;AACxE,0CAAqD;AAErD;;;GAGG;AAEH;IAAA;QAAA,iBA2BC;QA1BC,cAAS,GAAG,IAAI,iCAAoB,EAAE,CAAA;QAKtC,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,qBAAqB;wBAC3B,OAAO,EAAE,UAAM,IAAI;;;;4CAEM,qBAAM,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,EAAA;;wCAArD,cAAc,GAAG,SAAoC;wCAC3D,IAAI,CAAC,OAAO,wBACP,cAAc,CAClB,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;IAxBC;QAAC,wBAAW,CAAC,MAAM,CAAC,kCAAsB,CAAC;;2DACE;IAJlC,gBAAgB;QAD5B,wBAAW,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,8BAAiB,EAAE,CAAC;OACzC,gBAAgB,CA2B5B;IAAD,uBAAC;CAAA,AA3BD,IA2BC;AA3BY,4CAAgB"}

package/lib/canvas-mini-map/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-mini-map/index.ts"],"names":[],"mappings":";;;AAAA,2CAA4C;AAAnC,2GAAA,aAAa,OAAA"}

package/lib/canvas-mini-map/interface.d.ts

@@ -0,0 +1,22 @@
+import type { Graph } from '@antv/x6';
+export interface IMinimapOptions {
+    enabled?: boolean;
+    container?: HTMLElement;
+    width?: number;
+    height?: number;
+    padding?: number;
+    scalable?: boolean;
+    minScale?: number;
+    maxScale?: number;
+    graphOptions?: Graph.Options;
+    createGraph?: (options: Graph.Options) => Graph;
+}
+export interface IConfig {
+    CONFIG_TYPE: string;
+    getConfig: () => Promise<IMinimapOptions>;
+}
+export interface IMinimapConfigProvider {
+    CONFIG_TYPE: string;
+    getConfig: () => Promise<IMinimapOptions>;
+}
+export declare const IMinimapConfigProvider: unique symbol;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/canvas-mini-map/interface.ts"],"names":[],"mappings":";;;AAyBa,QAAA,sBAAsB,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAA"}

package/lib/canvas-mini-map/module.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/canvas-mini-map/module.ts"],"names":[],"mappings":";;;AAAA,4BAAyB;AACzB,uBAAuB;AACvB,6CAAuD;AACvD,yCAAoD;AACpD,sDAAqD;AAIrD,mBAAmB;AACnB,IAAM,YAAY,GAAG,UAAC,MAAsC;IAC1D,OAAO,wBAAW,CAAC,MAAM,CAAC,UAAA,QAAQ;QAChC,QAAQ,CAAyB,kCAAsB,EAAE,EAAE,UAAU,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM,EAAE,CAAC,CAAA;QACtF,sBAAsB;QACtB,QAAQ,CAAC,uBAAgB,CAAC,CAAA;IAC5B,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEQ,oCAAY"}

package/lib/canvas-mini-map/style/index.css

@@ -0,0 +1,11 @@
+.xflow-minimap {
+  z-index: 999;
+  background: #fff;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
+}
+.xflow-minimap .x6-widget-minimap .x6-graph {
+  background: rgba(255, 255, 255, 0.9);
+}
+.xflow-minimap .x6-widget-minimap {
+  background: rgba(34, 34, 34, 0.05);
+}

package/lib/canvas-mini-map/style/index.less

@@ -0,0 +1,13 @@
+.xflow-minimap {
+  z-index: 999;
+  background: #fff;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
+}
+
+.xflow-minimap .x6-widget-minimap .x6-graph {
+  background: rgba(255, 255, 255, 0.9);
+}
+
+.xflow-minimap .x6-widget-minimap {
+  background: rgba(34, 34, 34, 0.05);
+}

package/lib/canvas-mini-map/x6-node-view/index.d.ts

@@ -0,0 +1,7 @@
+import { NodeView } from '@antv/x6';
+export declare class SimpleNodeView extends NodeView {
+    static nodeFillColor: string;
+    static setNodeFillColor: (color: string) => void;
+    protected renderMarkup(): void;
+    update(): void;
+}

package/lib/canvas-mini-map/x6-node-view/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleNodeView = void 0;
+var tslib_1 = require("tslib");
+var x6_1 = require("@antv/x6");
+var SimpleNodeView = /** @class */ (function (_super) {
+    tslib_1.__extends(SimpleNodeView, _super);
+    function SimpleNodeView() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SimpleNodeView.prototype.renderMarkup = function () {
+        return this.renderJSONMarkup({
+            tagName: 'rect',
+            selector: 'body',
+        });
+    };
+    SimpleNodeView.prototype.update = function () {
+        _super.prototype.update.call(this, {
+            body: {
+                refWidth: '100%',
+                refHeight: '100%',
+                fill: SimpleNodeView.nodeFillColor,
+            },
+        });
+    };
+    SimpleNodeView.nodeFillColor = '#31d0c6';
+    SimpleNodeView.setNodeFillColor = function (color) {
+        SimpleNodeView.nodeFillColor = color;
+    };
+    return SimpleNodeView;
+}(x6_1.NodeView));
+exports.SimpleNodeView = SimpleNodeView;
+//# sourceMappingURL=index.js.map

package/lib/canvas-mini-map/x6-node-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-mini-map/x6-node-view/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAAmC;AAEnC;IAAoC,0CAAQ;IAA5C;;IAuBA,CAAC;IAhBW,qCAAY,GAAtB;QACE,OAAO,IAAI,CAAC,gBAAgB,CAAC;YAC3B,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAA;IACJ,CAAC;IAED,+BAAM,GAAN;QACE,iBAAM,MAAM,YAAC;YACX,IAAI,EAAE;gBACJ,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,IAAI,EAAE,cAAc,CAAC,aAAa;aACnC;SACF,CAAC,CAAA;IACJ,CAAC;IArBM,4BAAa,GAAW,SAAS,CAAA;IAEjC,+BAAgB,GAAG,UAAC,KAAa;QACtC,cAAc,CAAC,aAAa,GAAG,KAAK,CAAA;IACtC,CAAC,CAAA;IAkBH,qBAAC;CAAA,AAvBD,CAAoC,aAAQ,GAuB3C;AAvBY,wCAAc"}

package/lib/canvas-node-port-tooltip/components/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IConfigProps } from '../interface';
+export declare const CONFIG_TYPE = "CanvasNodePortTooltip";
+export declare const CanvasNodePortTooltip: React.FC<IConfigProps>;

package/lib/canvas-node-port-tooltip/components/index.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasNodePortTooltip = exports.CONFIG_TYPE = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var antd_1 = require("antd");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var interface_1 = require("../interface");
+var module_1 = require("../module");
+exports.CONFIG_TYPE = 'CanvasNodePortTooltip';
+var RenderTooltip = function (props) {
+    var xflow = (0, xflow_core_1.useXFlowApp)();
+    var _a = (0, xflow_core_1.createComponentModel)(null), state = _a[0], renderModel = _a[2];
+    react_1.default.useEffect(function () {
+        if (!xflow) {
+            return;
+        }
+        var subscribe = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var model;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, interface_1.ACTIVE_NODE_PORT.useModel(xflow.modelService)];
+                    case 1:
+                        model = (_a.sent()).model;
+                        return [2 /*return*/, model.watch(function (value) {
+                                renderModel.setValue(value);
+                            })];
+                }
+            });
+        }); };
+        var subscription = subscribe();
+        return function () {
+            subscription.then(function (disposable) {
+                disposable.dispose();
+            });
+        };
+    }, [renderModel, xflow]);
+    var visible = !!(state && state.position && state.position.x);
+    if (!visible) {
+        return null;
+    }
+    var title = props.getTooltip ? props.getTooltip(state) : state.tooltip;
+    return (react_1.default.createElement(antd_1.Tooltip, { visible: visible, title: title, placement: state.placement || 'top' },
+        react_1.default.createElement("span", { className: "canvas-node-port-tooltip", style: { position: 'absolute', left: state.position.x, top: state.position.y } })));
+};
+var CanvasNodePortTooltip = function (props) {
+    var getConfig = react_1.default.useCallback(function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () { return tslib_1.__generator(this, function (_a) {
+        return [2 /*return*/, null];
+    }); }); }, []);
+    return (react_1.default.createElement(xflow_core_1.XFlowAppExtensionModule, { createModule: module_1.createModule, config: { CONFIG_TYPE: exports.CONFIG_TYPE, getConfig: getConfig } },
+        react_1.default.createElement(RenderTooltip, tslib_1.__assign({}, props))));
+};
+exports.CanvasNodePortTooltip = CanvasNodePortTooltip;
+//# sourceMappingURL=index.js.map

package/lib/canvas-node-port-tooltip/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-node-port-tooltip/components/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,6BAA8B;AAC9B,sDAAoG;AAEpG,0CAA+C;AAC/C,oCAAwC;AAE3B,QAAA,WAAW,GAAG,uBAAuB,CAAA;AAElD,IAAM,aAAa,GAA2B,UAAA,KAAK;IACjD,IAAM,KAAK,GAAG,IAAA,wBAAW,GAAE,CAAA;IACrB,IAAA,KAAyB,IAAA,iCAAoB,EAAiC,IAAI,CAAC,EAAlF,KAAK,QAAA,EAAI,WAAW,QAA8D,CAAA;IAEzF,eAAK,CAAC,SAAS,CAAC;QACd,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QACD,IAAM,SAAS,GAAG;;;;4BACE,qBAAM,4BAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,EAAA;;wBAA7D,KAAK,GAAK,CAAA,SAAmD,CAAA,MAAxD;wBACb,sBAAO,KAAK,CAAC,KAAK,CAAC,UAAA,KAAK;gCACtB,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;4BAC7B,CAAC,CAAC,EAAA;;;aACH,CAAA;QACD,IAAM,YAAY,GAAG,SAAS,EAAE,CAAA;QAChC,OAAO;YACL,YAAY,CAAC,IAAI,CAAC,UAAA,UAAU;gBAC1B,UAAU,CAAC,OAAO,EAAE,CAAA;YACtB,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAExB,IAAM,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE/D,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAA;KACZ;IAED,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAA;IAExE,OAAO,CACL,8BAAC,cAAO,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK;QAC1E,wCACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAC9E,CACM,CACX,CAAA;AACH,CAAC,CAAA;AAEM,IAAM,qBAAqB,GAA2B,UAAA,KAAK;IAChE,IAAM,SAAS,GAAG,eAAK,CAAC,WAAW,CAAC;QAAY,sBAAA,IAAI,EAAA;aAAA,EAAE,EAAE,CAAC,CAAA;IAEzD,OAAO,CACL,8BAAC,oCAAuB,IACtB,YAAY,EAAE,qBAAY,EAC1B,MAAM,EAAE,EAAE,WAAW,EAAE,mBAAW,EAAE,SAAS,WAAA,EAAE;QAE/C,8BAAC,aAAa,uBAAK,KAAK,EAAI,CACJ,CAC3B,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,qBAAqB,yBAWjC"}

package/lib/canvas-node-port-tooltip/contributions/node-port.d.ts

@@ -0,0 +1,24 @@
+import type { Graph } from '@antv/x6';
+import type { IModelService } from '@sunspirytus/xflow-core';
+import type { ICmdHooks } from '@sunspirytus/xflow-core';
+import { IHookContribution } from '@sunspirytus/xflow-core';
+import { IGraphProvider } from '@sunspirytus/xflow-core';
+import { DisposableCollection, IModelContribution, Disposable } from '@sunspirytus/xflow-core';
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+export declare class NodePortTooltipContribution implements IHookContribution<ICmdHooks>, IModelContribution {
+    toDispose: DisposableCollection;
+    protected readonly graphProvider: IGraphProvider;
+    /** 获取画布实例 */
+    getGraphInstance: () => Promise<{
+        graph: Graph;
+        config: import("@sunspirytus/xflow-core").IGraphConfig;
+    }>;
+    /** 获取GraphOptions */
+    getPortRenderConfig: () => Graph.Options;
+    registerHookHub: () => Promise<Disposable>;
+    registerHook: (hooks: ICmdHooks) => Promise<Disposable>;
+    registerModel(registry: IModelService): void;
+}