@sunspirytus/xflow-extension 1.0.52

package/lib/flowchart-canvas/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowchartCanvas = exports.FlowchartExtension = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var config_graph_1 = require("./config-graph");
+var utils_1 = require("./utils");
+var module_1 = require("./extension/module");
+Object.defineProperty(exports, "FlowchartExtension", { enumerable: true, get: function () { return module_1.FlowchartExtension; } });
+tslib_1.__exportStar(require("./interface"), exports);
+var FlowchartCanvas = function (props) {
+    var _a = props.position, position = _a === void 0 ? { top: 40, left: 240, right: 240, bottom: 0 } : _a;
+    var graphConfig = (0, config_graph_1.useGraphConfig)(props);
+    var app = (0, xflow_core_1.useXFlowApp)();
+    (0, react_1.useEffect)(function () {
+        if (app) {
+            (0, utils_1.setInstance)(app);
+        }
+    }, [app]);
+    return (react_1.default.createElement(xflow_core_1.XFlowCanvas, tslib_1.__assign({}, props, { config: graphConfig, position: position }), props.children));
+};
+exports.FlowchartCanvas = FlowchartCanvas;
+exports.FlowchartCanvas.defaultProps = {
+    isXFlowCanvas: true,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/flowchart-canvas/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAAwC;AACxC,sDAAkE;AAClE,+CAA+C;AAC/C,iCAAqC;AACrC,6CAAuD;AAA9C,4GAAA,kBAAkB,OAAA;AAE3B,sDAA2B;AAEpB,IAAM,eAAe,GAAmC,UAAA,KAAK;IAC1D,IAAA,KAA6D,KAAK,SAAV,EAAxD,QAAQ,mBAAG,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAA,CAAU;IAC1E,IAAM,WAAW,GAAG,IAAA,6BAAc,EAAC,KAAK,CAAC,CAAA;IACzC,IAAM,GAAG,GAAG,IAAA,wBAAW,GAAE,CAAA;IAEzB,IAAA,iBAAS,EAAC;QACR,IAAI,GAAG,EAAE;YACP,IAAA,mBAAW,EAAC,GAAG,CAAC,CAAA;SACjB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,CACL,8BAAC,wBAAW,uBAAK,KAAK,IAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,KAC5D,KAAK,CAAC,QAAQ,CACH,CACf,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,eAAe,mBAgB3B;AAED,uBAAe,CAAC,YAAY,GAAG;IAC7B,aAAa,EAAE,IAAI;CACpB,CAAA"}

package/lib/flowchart-canvas/index.less

@@ -0,0 +1,94 @@
+@primaryColor: #3572f9;
+@light-border: ~'1px solid #d9d9d9';
+@dnd-panel-prefix-container: ~'flowchart-container-collpase';
+
+.flowchart-extension-container.xflow-app-workspace {
+  overflow: hidden;
+  border: 1px solid #d9d9d9;
+
+  .xflow-workspace-panel {
+    z-index: 1;
+    background: #fff;
+  }
+
+  svg {
+    overflow: visible !important;
+  }
+
+  .x6-edge {
+    stroke-width: 1px;
+    &.x6-edge-selected {
+      path:nth-child(2) {
+        stroke: @primaryColor;
+      }
+    }
+    &:hover {
+      path:nth-child(2) {
+        stroke: @primaryColor;
+      }
+    }
+    &.hoverHighlight {
+      path:nth-child(2) {
+        stroke: @primaryColor;
+      }
+    }
+  }
+  .x6-port {
+    > circle {
+      stroke: #69c0ff;
+    }
+  }
+  .x6-widget-transform {
+    box-sizing: border-box !important;
+    margin: 0;
+    padding: 0;
+    border: 2px solid #3572f9;
+    box-shadow: 0 4px 4px 0 #dbe6ff;
+
+    > div {
+      width: 8px;
+      height: 8px;
+      background-color: #fff;
+      border: 1px solid #3572f9;
+    }
+  }
+
+  .xflow-json-form .ant-tabs-content-holder {
+    padding: 0 !important;
+  }
+}
+
+.@{dnd-panel-prefix-container} {
+  transition: left 0.5s;
+
+  &-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  &-nodes {
+    border-right: @light-border;
+  }
+
+  &-icon {
+    position: absolute;
+    z-index: 99;
+    width: 20px;
+    color: #aaa;
+    font-size: 12px;
+    text-align: center;
+    background: #fff;
+    border: 1px solid #ccc;
+    transform: translate(0, -50%);
+    cursor: pointer;
+
+    &:hover {
+      color: rgb(43, 132, 192);
+    }
+  }
+
+  .xflow-workspace-panel {
+    transition: left 0.5s;
+  }
+}

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

@@ -0,0 +1,41 @@
+import type React from 'react';
+import type { IPosition, NsGraph } from '@sunspirytus/xflow-core';
+import type { GraphConfig } from '@sunspirytus/xflow-core/es/xflow-main/graph/config';
+import type { Graph as X6Graph, Edge } from '@antv/x6';
+export type Datum = {
+    nodes?: unknown[];
+    egdes?: unknown[];
+};
+export interface IFlowchartGraphProps {
+    config?: X6Graph.Options;
+    style?: React.CSSProperties;
+    className?: string;
+    position?: IPosition;
+    /** 内部使用 */
+    isXFlowCanvas?: boolean;
+    /** 处于阅读态(scan)时禁用部分画布事件与交互功能 */
+    mode?: 'edit' | 'scan';
+    /**
+     * @description 节点处于选中状态时鼠标移入是否显示 ports
+     * @default false
+     */
+    showPortsOnNodeSelected?: boolean;
+    /**
+     * @description 自定义边配置
+     */
+    edgeConfig?: Partial<NsGraph.IEdgeConfig> | ((edge: Edge) => Partial<NsGraph.IEdgeConfig>);
+    useConfig?: (config: GraphConfig) => void;
+    /**
+     * 这种几个方法应该移动到最外层，后续
+     */
+    /** 新增节点时回调 */
+    onAddNode?: (node: NsGraph.INodeConfig) => void;
+    /** 新增边时回调 */
+    onAddEdge?: (edge: NsGraph.IEdgeConfig) => void;
+    /** 节点或边更新数据时调用 */
+    onConfigChange?: (params: {
+        data: Datum;
+        type: string;
+        config?: NsGraph.INodeConfig | NsGraph.IEdgeConfig;
+    }) => void;
+}

package/lib/flowchart-canvas/interface.js

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

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

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

package/lib/flowchart-canvas/utils/events.d.ts

@@ -0,0 +1,14 @@
+import type { IGraphCommandService } from '@sunspirytus/xflow-core';
+/** 节点移动时，实时更新位置信息，内置之后可去掉 */
+export declare const movedNode: (e: any, cmds: IGraphCommandService) => Promise<void>;
+/** 修改节点大小 */
+export declare const resizeNode: (e: any, cmds: IGraphCommandService) => Promise<void>;
+export declare const getSelectedCellPorts: (eleId: string) => any;
+export declare const setTransform: (elements: HTMLElement[]) => void;
+export declare const resetTransform: () => void;
+/** 设置 ports visible */
+export declare const changePortsVisible: (visible: boolean, e?: any, showPortsOnNodeSelected?: boolean) => void;
+/** 添加辅助工具 */
+export declare const addTools: (e: any) => Promise<void>;
+/** 移除辅助工具 */
+export declare const removeTools: (e: any, cmds: IGraphCommandService) => Promise<void>;

package/lib/flowchart-canvas/utils/events.js

@@ -0,0 +1,196 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeTools = exports.addTools = exports.changePortsVisible = exports.resetTransform = exports.setTransform = exports.getSelectedCellPorts = exports.resizeNode = exports.movedNode = void 0;
+var tslib_1 = require("tslib");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var lodash_1 = require("lodash");
+var util_1 = require("./util");
+/** 节点移动时，实时更新位置信息，内置之后可去掉 */
+var movedNode = function (e, cmds) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var node, data, x6Graph_1, nodeConfig;
+    return tslib_1.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                node = e.node;
+                if (!node) {
+                    return [2 /*return*/];
+                }
+                data = node.data;
+                // 更新组内元素，边信息无需更新
+                if (data === null || data === void 0 ? void 0 : data.groupChildren) {
+                    x6Graph_1 = (0, util_1.getGraphInstance)();
+                    data === null || data === void 0 ? void 0 : data.groupChildren.forEach(function (id) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                        var currentNode;
+                        var _a, _b;
+                        return tslib_1.__generator(this, function (_c) {
+                            switch (_c.label) {
+                                case 0:
+                                    currentNode = x6Graph_1.getCellById(id);
+                                    if (!(currentNode && currentNode.isNode())) return [3 /*break*/, 2];
+                                    return [4 /*yield*/, cmds.executeCommand(xflow_core_1.XFlowNodeCommands.UPDATE_NODE.id, {
+                                            nodeConfig: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, currentNode.data), (_a = currentNode.getSize) === null || _a === void 0 ? void 0 : _a.call(currentNode)), (_b = currentNode.getPosition) === null || _b === void 0 ? void 0 : _b.call(currentNode)),
+                                        })];
+                                case 1:
+                                    _c.sent();
+                                    _c.label = 2;
+                                case 2: return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                }
+                nodeConfig = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, node.data), node.getPosition()), node.getSize());
+                return [4 /*yield*/, cmds.executeCommand(xflow_core_1.XFlowNodeCommands.UPDATE_NODE.id, {
+                        nodeConfig: nodeConfig,
+                    })];
+            case 1:
+                _a.sent();
+                (0, util_1.onConfigChange)({ type: 'move:node', config: nodeConfig });
+                return [2 /*return*/];
+        }
+    });
+}); };
+exports.movedNode = movedNode;
+/** 修改节点大小 */
+var resizeNode = function (e, cmds) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var node, nodeConfig;
+    return tslib_1.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                node = e.node;
+                if (!node) {
+                    return [2 /*return*/];
+                }
+                nodeConfig = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, node.data), node.getPosition()), node.size());
+                return [4 /*yield*/, cmds.executeCommand(xflow_core_1.XFlowNodeCommands.UPDATE_NODE.id, {
+                        nodeConfig: nodeConfig,
+                    })];
+            case 1:
+                _a.sent();
+                (0, util_1.onConfigChange)({ type: 'resize:node', config: nodeConfig });
+                return [2 /*return*/];
+        }
+    });
+}); };
+exports.resizeNode = resizeNode;
+var getContainer = function (e) {
+    var _a;
+    var currentNode = (_a = e === null || e === void 0 ? void 0 : e.e) === null || _a === void 0 ? void 0 : _a.currentTarget;
+    if (!currentNode) {
+        return document.getElementsByClassName('xflow-canvas-root');
+    }
+    var containter = null;
+    while (!containter) {
+        var current = currentNode.getElementsByClassName('xflow-canvas-root');
+        if ((current === null || current === void 0 ? void 0 : current.length) > 0) {
+            containter = current;
+        }
+        currentNode = currentNode.parentNode;
+    }
+    return containter;
+};
+// 获取选中节点的 ports
+var getSelectedCellPorts = function (eleId) {
+    var selectedPorts = document.getElementsByClassName('x6-node-selected');
+    if (!selectedPorts) {
+        return;
+    }
+    var matchPort = selectedPorts[0];
+    Array.from(selectedPorts).forEach(function (ele) {
+        if (ele.getAttribute('data-cell-id') === eleId) {
+            matchPort = ele;
+        }
+    });
+    return matchPort.getElementsByClassName('x6-port');
+};
+exports.getSelectedCellPorts = getSelectedCellPorts;
+var setTransformData = function (ele, scale) {
+    var currentTransform = ele.getAttribute('transform');
+    var transforms = currentTransform.split(',');
+    transforms[0] = "matrix(".concat(Number(transforms[0].split('(')[1]) * scale);
+    transforms[3] = Number(transforms[3]) * scale;
+    ele.setAttribute('transform', transforms.join(','));
+};
+// 节点 ports 放大2被
+var setTransform = function (elements) {
+    if (!(elements === null || elements === void 0 ? void 0 : elements.length))
+        return;
+    var scale = 2;
+    elements.forEach(function (ele) {
+        if (ele.getAttribute('data-scale'))
+            return;
+        setTransformData(ele, scale);
+        ele.setAttribute('data-scale', "".concat(scale));
+    });
+};
+exports.setTransform = setTransform;
+// 重置节点 scale
+var resetTransform = function () {
+    var ports = document.getElementsByClassName('x6-port');
+    if (!ports) {
+        return;
+    }
+    Array.from(ports).forEach(function (ele) {
+        var eleScale = ele.getAttribute('data-scale');
+        if (eleScale) {
+            setTransformData(ele, 1 / Number(eleScale));
+            ele.removeAttribute('data-scale');
+        }
+    });
+};
+exports.resetTransform = resetTransform;
+/** 设置 ports visible */
+var changePortsVisible = function (visible, e, showPortsOnNodeSelected) {
+    var _a;
+    if (!visible) {
+        (0, exports.resetTransform)();
+    }
+    var containers = getContainer(e);
+    var graph = (0, util_1.getGraphInstance)();
+    var selectedCell = (_a = graph.getSelectedCells()) === null || _a === void 0 ? void 0 : _a[0];
+    // 节点选中并移入时，port transfrom scale * 2
+    if ((selectedCell === null || selectedCell === void 0 ? void 0 : selectedCell.isNode()) && showPortsOnNodeSelected) {
+        (0, exports.setTransform)((0, exports.getSelectedCellPorts)(selectedCell.id));
+    }
+    Array.from(containers).forEach(function (container) {
+        var ports = container.querySelectorAll('.x6-port-body');
+        // 选中中节点时不展示链接桩
+        var isSelectedNode = selectedCell === null || selectedCell === void 0 ? void 0 : selectedCell.isNode();
+        for (var i = 0, len = ports.length; i < len; i = i + 1) {
+            ports[i].style.visibility =
+                (!isSelectedNode || showPortsOnNodeSelected) && visible ? 'visible' : 'hidden';
+        }
+    });
+};
+exports.changePortsVisible = changePortsVisible;
+/** 添加辅助工具 */
+var addTools = function (e) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var edge;
+    return tslib_1.__generator(this, function (_a) {
+        edge = e.edge;
+        if (!edge) {
+            return [2 /*return*/];
+        }
+        edge.addTools('vertices', 'ondbclick');
+        return [2 /*return*/];
+    });
+}); };
+exports.addTools = addTools;
+/** 移除辅助工具 */
+var removeTools = function (e, cmds) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var edge;
+    return tslib_1.__generator(this, function (_a) {
+        edge = e.edge;
+        if (!edge) {
+            return [2 /*return*/];
+        }
+        if (edge.hasTools('ondbclick')) {
+            cmds.executeCommand(xflow_core_1.XFlowEdgeCommands.UPDATE_EDGE.id, {
+                edgeConfig: tslib_1.__assign(tslib_1.__assign({}, (0, lodash_1.get)(edge, 'data')), { vertices: edge.getVertices() }),
+            });
+            edge.removeTools();
+        }
+        return [2 /*return*/];
+    });
+}); };
+exports.removeTools = removeTools;
+//# sourceMappingURL=events.js.map

package/lib/flowchart-canvas/utils/events.js.map

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

package/lib/flowchart-canvas/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './util';
+export * from './events';

package/lib/flowchart-canvas/utils/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./util"), exports);
+tslib_1.__exportStar(require("./events"), exports);
+//# sourceMappingURL=index.js.map

package/lib/flowchart-canvas/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/flowchart-canvas/utils/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,mDAAwB"}

package/lib/flowchart-canvas/utils/util.d.ts

@@ -0,0 +1,16 @@
+import type { IApplication } from '@sunspirytus/xflow-core';
+import type { Graph } from '@antv/x6';
+export declare const globalProps: {
+    config: {};
+};
+export declare const setProps: (props: any) => void;
+export declare const getProps: (key: string) => any;
+export declare const setInstance: (app?: IApplication) => Promise<void>;
+export declare const getGraphInstance: () => Graph;
+export declare const getAppInstance: () => IApplication;
+export declare const getGraphData: () => Promise<{
+    nodes: import("@sunspirytus/xflow-core").NsGraph.INodeConfig[];
+    edges: import("@sunspirytus/xflow-core").NsGraph.IEdgeConfig[];
+}>;
+/** 更新配置时通知上传执行保存 */
+export declare const onConfigChange: any;

package/lib/flowchart-canvas/utils/util.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onConfigChange = exports.getGraphData = exports.getAppInstance = exports.getGraphInstance = exports.setInstance = exports.getProps = exports.setProps = exports.globalProps = void 0;
+var tslib_1 = require("tslib");
+var lodash_1 = require("lodash");
+// 解决配置共享问题
+exports.globalProps = {
+    config: {},
+};
+var setProps = function (props) {
+    exports.globalProps.config = Object.assign({}, exports.globalProps.config, props);
+};
+exports.setProps = setProps;
+var getProps = function (key) {
+    var _a;
+    return (_a = exports.globalProps.config) === null || _a === void 0 ? void 0 : _a[key];
+};
+exports.getProps = getProps;
+var graphInstance = new Map();
+var appInstance = new Map();
+var setInstance = function (app) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var x6graph;
+    return tslib_1.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, app.getGraphInstance()];
+            case 1:
+                x6graph = _a.sent();
+                graphInstance.set('x6graph', x6graph);
+                appInstance.set('app', app);
+                return [2 /*return*/];
+        }
+    });
+}); };
+exports.setInstance = setInstance;
+var getGraphInstance = function () {
+    return graphInstance.get('x6graph');
+};
+exports.getGraphInstance = getGraphInstance;
+var getAppInstance = function () {
+    return appInstance.get('app');
+};
+exports.getAppInstance = getAppInstance;
+var getGraphData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var app;
+    return tslib_1.__generator(this, function (_a) {
+        app = (0, exports.getAppInstance)();
+        return [2 /*return*/, app.getGraphData()];
+    });
+}); };
+exports.getGraphData = getGraphData;
+/** 更新配置时通知上传执行保存 */
+exports.onConfigChange = (0, lodash_1.debounce)(function (config) {
+    var configChange = (0, exports.getProps)('onConfigChange');
+    if (!configChange || typeof configChange !== 'function') {
+        return;
+    }
+    return configChange(tslib_1.__assign({ data: (0, exports.getGraphData)() }, config));
+}, 300, {
+    trailing: true,
+});
+//# sourceMappingURL=util.js.map

package/lib/flowchart-canvas/utils/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/flowchart-canvas/utils/util.ts"],"names":[],"mappings":";;;;AAEA,iCAAiC;AAEjC,WAAW;AACE,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,EAAE;CACX,CAAA;AAEM,IAAM,QAAQ,GAAG,UAAA,KAAK;IAC3B,mBAAW,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,mBAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACnE,CAAC,CAAA;AAFY,QAAA,QAAQ,YAEpB;AACM,IAAM,QAAQ,GAAG,UAAC,GAAW;;IAClC,OAAO,MAAA,mBAAW,CAAC,MAAM,0CAAG,GAAG,CAAC,CAAA;AAClC,CAAC,CAAA;AAFY,QAAA,QAAQ,YAEpB;AAED,IAAM,aAAa,GAAG,IAAI,GAAG,EAAiB,CAAA;AAC9C,IAAM,WAAW,GAAG,IAAI,GAAG,EAAwB,CAAA;AAE5C,IAAM,WAAW,GAAG,UAAO,GAAkB;;;;oBAClC,qBAAM,GAAG,CAAC,gBAAgB,EAAE,EAAA;;gBAAtC,OAAO,GAAG,SAA4B;gBAC5C,aAAa,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;gBACrC,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;;;;KAC5B,CAAA;AAJY,QAAA,WAAW,eAIvB;AAEM,IAAM,gBAAgB,GAAG;IAC9B,OAAO,aAAa,CAAC,GAAG,CAAC,SAAS,CAAU,CAAA;AAC9C,CAAC,CAAA;AAFY,QAAA,gBAAgB,oBAE5B;AAEM,IAAM,cAAc,GAAG;IAC5B,OAAO,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA;AAFY,QAAA,cAAc,kBAE1B;AAEM,IAAM,YAAY,GAAG;;;QACpB,GAAG,GAAG,IAAA,sBAAc,GAAE,CAAA;QAC5B,sBAAO,GAAG,CAAC,YAAY,EAAE,EAAA;;KAC1B,CAAA;AAHY,QAAA,YAAY,gBAGxB;AAED,oBAAoB;AACP,QAAA,cAAc,GAAG,IAAA,iBAAQ,EACpC,UAAA,MAAM;IACJ,IAAM,YAAY,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAC/C,IAAI,CAAC,YAAY,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;QACvD,OAAM;KACP;IACD,OAAO,YAAY,oBACjB,IAAI,EAAE,IAAA,oBAAY,GAAE,IACjB,MAAM,EACT,CAAA;AACJ,CAAC,EACD,GAAG,EACH;IACE,QAAQ,EAAE,IAAI;CACf,CACF,CAAA"}

package/lib/flowchart-editor-panel/control-map-service/components/canvas.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CanvasService: React.FC;

package/lib/flowchart-editor-panel/control-map-service/components/canvas.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasService = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var constants_1 = require("./constants");
+var CanvasService = function () {
+    return (react_1.default.createElement("div", { className: "".concat(constants_1.PREFIX, "-canvas-panel") },
+        react_1.default.createElement("span", null, "\u672A\u9009\u4E2D")));
+};
+exports.CanvasService = CanvasService;
+//# sourceMappingURL=canvas.js.map

package/lib/flowchart-editor-panel/control-map-service/components/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../../src/flowchart-editor-panel/control-map-service/components/canvas.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,yCAAoC;AAE7B,IAAM,aAAa,GAAa;IACrC,OAAO,CACL,uCAAK,SAAS,EAAE,UAAG,kBAAM,kBAAe;QACtC,iEAAgB,CACZ,CACP,CAAA;AACH,CAAC,CAAA;AANY,QAAA,aAAa,iBAMzB"}

package/lib/flowchart-editor-panel/control-map-service/components/constants.d.ts

@@ -0,0 +1,81 @@
+export declare const PREFIX = "flowchart-editor";
+export declare const FormItemHeight = 24;
+/** 边默认配置 */
+export declare const DefaultEdgeConfig: {
+    attrs: {
+        line: {
+            stroke: string;
+            strokeWidth: number;
+        };
+        text: {
+            fill: string;
+            fontSize: number;
+            textAnchor: string;
+            textVerticalAnchor: string;
+        };
+    };
+};
+export declare const ArrowConfig: {
+    width: number;
+    height: number;
+    name: string;
+};
+export declare const DisableArrowConfig: {
+    width: number;
+    height: number;
+    name: string;
+};
+export declare const ArrowMaps: {
+    target: {
+        sourceMarker: {
+            width: number;
+            height: number;
+            name: string;
+        };
+        targetMarker: {
+            width: number;
+            height: number;
+            name: string;
+        };
+    };
+    source: {
+        sourceMarker: {
+            width: number;
+            height: number;
+            name: string;
+        };
+        targetMarker: {
+            width: number;
+            height: number;
+            name: string;
+        };
+    };
+    all: {
+        sourceMarker: {
+            width: number;
+            height: number;
+            name: string;
+        };
+        targetMarker: {
+            width: number;
+            height: number;
+            name: string;
+        };
+    };
+    none: {
+        sourceMarker: {
+            width: number;
+            height: number;
+            name: string;
+        };
+        targetMarker: {
+            width: number;
+            height: number;
+            name: string;
+        };
+    };
+};
+export declare const ArrowStrokeMaps: {
+    solid: number[];
+    dash: number[];
+};

package/lib/flowchart-editor-panel/control-map-service/components/constants.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowStrokeMaps = exports.ArrowMaps = exports.DisableArrowConfig = exports.ArrowConfig = exports.DefaultEdgeConfig = exports.FormItemHeight = exports.PREFIX = void 0;
+exports.PREFIX = 'flowchart-editor';
+exports.FormItemHeight = 24;
+/** 边默认配置 */
+exports.DefaultEdgeConfig = {
+    attrs: {
+        line: {
+            stroke: '#A2B1C3',
+            strokeWidth: 1,
+        },
+        text: {
+            fill: '#000',
+            fontSize: 12,
+            textAnchor: 'middle',
+            textVerticalAnchor: 'middle',
+        },
+    },
+};
+exports.ArrowConfig = {
+    width: 12,
+    height: 8,
+    name: 'block',
+};
+exports.DisableArrowConfig = {
+    width: 0,
+    height: 0,
+    name: '',
+};
+exports.ArrowMaps = {
+    target: {
+        sourceMarker: exports.DisableArrowConfig,
+        targetMarker: exports.ArrowConfig,
+    },
+    source: {
+        sourceMarker: exports.ArrowConfig,
+        targetMarker: exports.DisableArrowConfig,
+    },
+    all: {
+        sourceMarker: exports.ArrowConfig,
+        targetMarker: exports.ArrowConfig,
+    },
+    none: {
+        sourceMarker: exports.DisableArrowConfig,
+        targetMarker: exports.DisableArrowConfig,
+    },
+};
+exports.ArrowStrokeMaps = {
+    solid: [0, 0],
+    dash: [5, 5],
+};
+//# sourceMappingURL=constants.js.map

package/lib/flowchart-editor-panel/control-map-service/components/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/flowchart-editor-panel/control-map-service/components/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG,kBAAkB,CAAA;AAC3B,QAAA,cAAc,GAAG,EAAE,CAAA;AAChC,YAAY;AACC,QAAA,iBAAiB,GAAG;IAC/B,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,CAAC;SACf;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,kBAAkB,EAAE,QAAQ;SAC7B;KACF;CACF,CAAA;AAEY,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,OAAO;CACd,CAAA;AAEY,QAAA,kBAAkB,GAAG;IAChC,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,EAAE;CACT,CAAA;AAEY,QAAA,SAAS,GAAG;IACvB,MAAM,EAAE;QACN,YAAY,EAAE,0BAAkB;QAChC,YAAY,EAAE,mBAAW;KAC1B;IACD,MAAM,EAAE;QACN,YAAY,EAAE,mBAAW;QACzB,YAAY,EAAE,0BAAkB;KACjC;IACD,GAAG,EAAE;QACH,YAAY,EAAE,mBAAW;QACzB,YAAY,EAAE,mBAAW;KAC1B;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,0BAAkB;QAChC,YAAY,EAAE,0BAAkB;KACjC;CACF,CAAA;AAEY,QAAA,eAAe,GAAG;IAC7B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACb,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;CACb,CAAA"}