@sunspirytus/xflow-extension 1.0.52

package/es/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/es/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/es/flowchart-canvas/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interface.js.map

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

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

package/es/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/es/flowchart-canvas/utils/events.js

@@ -0,0 +1,150 @@
+import { __awaiter } from "tslib";
+import { XFlowNodeCommands, XFlowEdgeCommands } from '@sunspirytus/xflow-core';
+import { get } from 'lodash';
+import { onConfigChange, getGraphInstance } from './util';
+/** 节点移动时，实时更新位置信息，内置之后可去掉 */
+export const movedNode = (e, cmds) => __awaiter(void 0, void 0, void 0, function* () {
+    const { node } = e;
+    if (!node) {
+        return;
+    }
+    const { data } = node;
+    // 更新组内元素，边信息无需更新
+    if (data === null || data === void 0 ? void 0 : data.groupChildren) {
+        const x6Graph = getGraphInstance();
+        data === null || data === void 0 ? void 0 : data.groupChildren.forEach((id) => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            const currentNode = x6Graph.getCellById(id);
+            if (currentNode && currentNode.isNode()) {
+                yield cmds.executeCommand(XFlowNodeCommands.UPDATE_NODE.id, {
+                    nodeConfig: Object.assign(Object.assign(Object.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)),
+                });
+            }
+        }));
+    }
+    const nodeConfig = Object.assign(Object.assign(Object.assign({}, node.data), node.getPosition()), node.getSize());
+    yield cmds.executeCommand(XFlowNodeCommands.UPDATE_NODE.id, {
+        nodeConfig,
+    });
+    onConfigChange({ type: 'move:node', config: nodeConfig });
+});
+/** 修改节点大小 */
+export const resizeNode = (e, cmds) => __awaiter(void 0, void 0, void 0, function* () {
+    const { node } = e;
+    if (!node) {
+        return;
+    }
+    const nodeConfig = Object.assign(Object.assign(Object.assign({}, node.data), node.getPosition()), node.size());
+    yield cmds.executeCommand(XFlowNodeCommands.UPDATE_NODE.id, {
+        nodeConfig,
+    });
+    onConfigChange({ type: 'resize:node', config: nodeConfig });
+});
+const getContainer = e => {
+    var _a;
+    let 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');
+    }
+    let containter = null;
+    while (!containter) {
+        const 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
+export const getSelectedCellPorts = (eleId) => {
+    const selectedPorts = document.getElementsByClassName('x6-node-selected');
+    if (!selectedPorts) {
+        return;
+    }
+    let matchPort = selectedPorts[0];
+    Array.from(selectedPorts).forEach((ele) => {
+        if (ele.getAttribute('data-cell-id') === eleId) {
+            matchPort = ele;
+        }
+    });
+    return matchPort.getElementsByClassName('x6-port');
+};
+const setTransformData = (ele, scale) => {
+    const currentTransform = ele.getAttribute('transform');
+    const transforms = currentTransform.split(',');
+    transforms[0] = `matrix(${Number(transforms[0].split('(')[1]) * scale}`;
+    transforms[3] = Number(transforms[3]) * scale;
+    ele.setAttribute('transform', transforms.join(','));
+};
+// 节点 ports 放大2被
+export const setTransform = (elements) => {
+    if (!(elements === null || elements === void 0 ? void 0 : elements.length))
+        return;
+    const scale = 2;
+    elements.forEach(ele => {
+        if (ele.getAttribute('data-scale'))
+            return;
+        setTransformData(ele, scale);
+        ele.setAttribute('data-scale', `${scale}`);
+    });
+};
+// 重置节点 scale
+export const resetTransform = () => {
+    const ports = document.getElementsByClassName('x6-port');
+    if (!ports) {
+        return;
+    }
+    Array.from(ports).forEach((ele) => {
+        const eleScale = ele.getAttribute('data-scale');
+        if (eleScale) {
+            setTransformData(ele, 1 / Number(eleScale));
+            ele.removeAttribute('data-scale');
+        }
+    });
+};
+/** 设置 ports visible */
+export const changePortsVisible = (visible, e, showPortsOnNodeSelected) => {
+    var _a;
+    if (!visible) {
+        resetTransform();
+    }
+    const containers = getContainer(e);
+    const graph = getGraphInstance();
+    const 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) {
+        setTransform(getSelectedCellPorts(selectedCell.id));
+    }
+    Array.from(containers).forEach((container) => {
+        const ports = container.querySelectorAll('.x6-port-body');
+        // 选中中节点时不展示链接桩
+        const isSelectedNode = selectedCell === null || selectedCell === void 0 ? void 0 : selectedCell.isNode();
+        for (let i = 0, len = ports.length; i < len; i = i + 1) {
+            ports[i].style.visibility =
+                (!isSelectedNode || showPortsOnNodeSelected) && visible ? 'visible' : 'hidden';
+        }
+    });
+};
+/** 添加辅助工具 */
+export const addTools = (e) => __awaiter(void 0, void 0, void 0, function* () {
+    const { edge } = e;
+    if (!edge) {
+        return;
+    }
+    edge.addTools('vertices', 'ondbclick');
+});
+/** 移除辅助工具 */
+export const removeTools = (e, cmds) => __awaiter(void 0, void 0, void 0, function* () {
+    const { edge } = e;
+    if (!edge) {
+        return;
+    }
+    if (edge.hasTools('ondbclick')) {
+        cmds.executeCommand(XFlowEdgeCommands.UPDATE_EDGE.id, {
+            edgeConfig: Object.assign(Object.assign({}, get(edge, 'data')), { vertices: edge.getVertices() }),
+        });
+        edge.removeTools();
+    }
+});
+//# sourceMappingURL=events.js.map

package/es/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/es/flowchart-canvas/utils/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from './util';
+export * from './events';
+//# sourceMappingURL=index.js.map

package/es/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,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA"}

package/es/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/es/flowchart-canvas/utils/util.js

@@ -0,0 +1,41 @@
+import { __awaiter } from "tslib";
+import { debounce } from 'lodash';
+// 解决配置共享问题
+export const globalProps = {
+    config: {},
+};
+export const setProps = props => {
+    globalProps.config = Object.assign({}, globalProps.config, props);
+};
+export const getProps = (key) => {
+    var _a;
+    return (_a = globalProps.config) === null || _a === void 0 ? void 0 : _a[key];
+};
+const graphInstance = new Map();
+const appInstance = new Map();
+export const setInstance = (app) => __awaiter(void 0, void 0, void 0, function* () {
+    const x6graph = yield app.getGraphInstance();
+    graphInstance.set('x6graph', x6graph);
+    appInstance.set('app', app);
+});
+export const getGraphInstance = () => {
+    return graphInstance.get('x6graph');
+};
+export const getAppInstance = () => {
+    return appInstance.get('app');
+};
+export const getGraphData = () => __awaiter(void 0, void 0, void 0, function* () {
+    const app = getAppInstance();
+    return app.getGraphData();
+});
+/** 更新配置时通知上传执行保存 */
+export const onConfigChange = debounce(config => {
+    const configChange = getProps('onConfigChange');
+    if (!configChange || typeof configChange !== 'function') {
+        return;
+    }
+    return configChange(Object.assign({ data: getGraphData() }, config));
+}, 300, {
+    trailing: true,
+});
+//# sourceMappingURL=util.js.map

package/es/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,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,WAAW;AACX,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,EAAE;CACX,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;IAC9B,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACnE,CAAC,CAAA;AACD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE;;IACtC,OAAO,MAAA,WAAW,CAAC,MAAM,0CAAG,GAAG,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,IAAI,GAAG,EAAiB,CAAA;AAC9C,MAAM,WAAW,GAAG,IAAI,GAAG,EAAwB,CAAA;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,GAAkB,EAAE,EAAE;IACtD,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,gBAAgB,EAAE,CAAA;IAC5C,aAAa,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IACrC,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;AAC7B,CAAC,CAAA,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,aAAa,CAAC,GAAG,CAAC,SAAS,CAAU,CAAA;AAC9C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAS,EAAE;IACrC,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;IAC5B,OAAO,GAAG,CAAC,YAAY,EAAE,CAAA;AAC3B,CAAC,CAAA,CAAA;AAED,oBAAoB;AACpB,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CACpC,MAAM,CAAC,EAAE;IACP,MAAM,YAAY,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC/C,IAAI,CAAC,YAAY,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;QACvD,OAAM;KACP;IACD,OAAO,YAAY,iBACjB,IAAI,EAAE,YAAY,EAAE,IACjB,MAAM,EACT,CAAA;AACJ,CAAC,EACD,GAAG,EACH;IACE,QAAQ,EAAE,IAAI;CACf,CACF,CAAA"}

package/es/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/es/flowchart-editor-panel/control-map-service/components/canvas.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PREFIX } from './constants';
+export const CanvasService = () => {
+    return (React.createElement("div", { className: `${PREFIX}-canvas-panel` },
+        React.createElement("span", null, "\u672A\u9009\u4E2D")));
+};
+//# sourceMappingURL=canvas.js.map

package/es/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,MAAM,CAAC,MAAM,aAAa,GAAa,GAAG,EAAE;IAC1C,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,MAAM,eAAe;QACtC,uDAAgB,CACZ,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/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/es/flowchart-editor-panel/control-map-service/components/constants.js

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

package/es/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,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAA;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAA;AAChC,YAAY;AACZ,MAAM,CAAC,MAAM,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;AAED,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,OAAO;CACd,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,EAAE;CACT,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE;QACN,YAAY,EAAE,kBAAkB;QAChC,YAAY,EAAE,WAAW;KAC1B;IACD,MAAM,EAAE;QACN,YAAY,EAAE,WAAW;QACzB,YAAY,EAAE,kBAAkB;KACjC;IACD,GAAG,EAAE;QACH,YAAY,EAAE,WAAW;QACzB,YAAY,EAAE,WAAW;KAC1B;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,kBAAkB;QAChC,YAAY,EAAE,kBAAkB;KACjC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACb,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;CACb,CAAA"}

package/es/flowchart-editor-panel/control-map-service/components/edge.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export type MarkerCfg = {
+    width?: number;
+    height?: number;
+    name?: string;
+};
+export interface IConfig {
+    label?: string;
+    attrs?: {
+        line?: {
+            fontSize?: number;
+            fontFill?: string;
+            strokeWidth?: number;
+            sourceMarker?: MarkerCfg;
+            targetMarker?: MarkerCfg;
+            strokeDasharray?: number[];
+        };
+    };
+}
+export declare const EdgeService: React.FC<any>;