aldehyde 0.2.475 → 0.2.477

package/lib/draw-canvas-edit/components/render/draws/contextmenu-draw.js

@@ -0,0 +1,291 @@
+import Konva from 'konva';
+import { BaseDraw, MouseButton } from '../types';
+import { LinkDraw } from '../draws';
+export class ContextmenuDraw extends BaseDraw {
+    constructor(render, layer, option) {
+        super(render, layer);
+        this.handlers = {
+            stage: {
+                mousedown: (e) => {
+                    this.state.lastPos = this.render.stage.getPointerPosition();
+                    if (e.evt.button === MouseButton.左键) {
+                        if (!this.state.menuIsMousedown) {
+                            // 没有按下菜单，清除菜单
+                            this.state.target = null;
+                            this.draw();
+                        }
+                    }
+                    else if (e.evt.button === MouseButton.右键 && !e.evt.ctrlKey) {
+                        // （判断 ctrlKey 为了排查 mac 拖动快捷键）
+                        // 右键按下
+                        this.state.right = true;
+                    }
+                },
+                mousemove: () => {
+                    if (this.state.target && this.state.right) {
+                        // 拖动画布时（右键），清除菜单
+                        this.state.target = null;
+                        this.draw();
+                    }
+                },
+                mouseup: () => {
+                    this.state.right = false;
+                },
+                contextmenu: (e) => {
+                    // （判断 ctrlKey 为了排查 mac 拖动快捷键）
+                    if (!e.evt.ctrlKey) {
+                        const pos = this.render.stage.getPointerPosition();
+                        if (pos && this.state.lastPos) {
+                            const linkGroup = this.render.layerCover.find(`.${LinkDraw.name}`)[0];
+                            // 右键目标可能为 连接线
+                            let lineSelection = null;
+                            if (linkGroup) {
+                                const linkLines = linkGroup.find('.link-line');
+                                for (const line of linkLines) {
+                                    if (Konva.Util.haveIntersection(Object.assign(Object.assign({}, pos), { width: 1, height: 1 }), line.getClientRect())) {
+                                        // 右键目标为 连接线
+                                        lineSelection = line;
+                                        break;
+                                    }
+                                }
+                            }
+                            if (pos.x === this.state.lastPos.x || pos.y === this.state.lastPos.y) {
+                                // 右键 连接线/其它目标
+                                this.state.target = lineSelection !== null && lineSelection !== void 0 ? lineSelection : e.target;
+                            }
+                            else {
+                                this.state.target = null;
+                            }
+                            this.draw();
+                        }
+                    }
+                },
+                wheel: () => {
+                    // 画布缩放时，清除菜单
+                    this.state.target = null;
+                    this.draw();
+                }
+            }
+        };
+        this.option = option;
+        this.state = { target: null, menuIsMousedown: false, lastPos: null, right: false };
+    }
+    draw() {
+        this.clear();
+        if (this.state.target) {
+            // 菜单数组
+            const menus = [];
+            if (this.state.target === this.render.stage) {
+                // 空白处
+                menus.push({
+                    name: '自适应大小',
+                    action: () => this.render.positionTool.positionFit()
+                });
+                menus.push({
+                    name: '恢复位置',
+                    action: () => this.render.positionTool.positionReset()
+                });
+                menus.push({
+                    name: '恢复大小位置',
+                    action: () => this.render.positionTool.positionZoomReset()
+                });
+            }
+            else if (!this.render.config.readonly) {
+                if (this.state.target.name() === 'link-line') {
+                    menus.push({
+                        name: '删除', // 删除连接线
+                        action: () => this.render.linkTool.remove(this.state.target)
+                    });
+                }
+                else {
+                    // 未选择：真实节点，即素材的容器 group
+                    // 已选择：transformer
+                    const target = this.state.target.parent;
+                    // 目标
+                    menus.push({
+                        name: '复制',
+                        action: () => {
+                            if (target) {
+                                this.render.copyTool.copy([target]);
+                            }
+                        }
+                    });
+                    menus.push({
+                        name: '删除',
+                        action: () => {
+                            if (target) {
+                                this.render.remove([target]);
+                            }
+                        }
+                    });
+                    menus.push({
+                        name: '上移',
+                        action: () => {
+                            if (target) {
+                                this.render.zIndexTool.up([target]);
+                            }
+                        }
+                    });
+                    menus.push({
+                        name: '下移',
+                        action: () => {
+                            if (target) {
+                                this.render.zIndexTool.down([target]);
+                            }
+                        }
+                    });
+                    menus.push({
+                        name: '置顶',
+                        action: () => {
+                            if (target) {
+                                this.render.zIndexTool.top([target]);
+                            }
+                        }
+                    });
+                    menus.push({
+                        name: '置底',
+                        action: () => {
+                            if (target) {
+                                this.render.zIndexTool.bottom([target]);
+                            }
+                        }
+                    });
+                    if (target instanceof Konva.Transformer) {
+                        const pos = this.render.stage.getPointerPosition();
+                        if (pos) {
+                            // 获取所有图形
+                            const shapes = target.nodes();
+                            if (shapes.length > 1) {
+                                // zIndex 倒序（大的优先）
+                                shapes.sort((a, b) => b.zIndex() - a.zIndex());
+                                // 提取重叠目标
+                                const selected = shapes.find((shape) => 
+                                // 关键 api
+                                Konva.Util.haveIntersection(Object.assign(Object.assign({}, pos), { width: 1, height: 1 }), shape.getClientRect()));
+                                // 对齐菜单
+                                menus.push({
+                                    name: '垂直居中' + (selected ? '于目标' : ''),
+                                    action: () => this.render.alignTool.align("Middle", selected)
+                                });
+                                menus.push({
+                                    name: '左对齐' + (selected ? '于目标' : ''),
+                                    action: () => this.render.alignTool.align("Left", selected)
+                                });
+                                menus.push({
+                                    name: '右对齐' + (selected ? '于目标' : ''),
+                                    action: () => this.render.alignTool.align("Right", selected)
+                                });
+                                menus.push({
+                                    name: '水平居中' + (selected ? '于目标' : ''),
+                                    action: () => this.render.alignTool.align("Center", selected)
+                                });
+                                menus.push({
+                                    name: '上对齐' + (selected ? '于目标' : ''),
+                                    action: () => this.render.alignTool.align("Top", selected)
+                                });
+                                menus.push({
+                                    name: '下对齐' + (selected ? '于目标' : ''),
+                                    action: () => this.render.alignTool.align("Bottom", selected)
+                                });
+                            }
+                        }
+                    }
+                }
+            }
+            // stage 状态
+            const stageState = this.render.getStageState();
+            // 绘制右键菜单
+            const group = new Konva.Group({
+                name: 'contextmenu',
+                width: stageState.width,
+                height: stageState.height
+            });
+            let top = 0;
+            // 菜单每项高度
+            const lineHeight = 30;
+            const pos = this.render.stage.getPointerPosition();
+            if (pos) {
+                for (const menu of menus) {
+                    // 框
+                    const rect = new Konva.Rect({
+                        x: this.render.toStageValue(pos.x - stageState.x),
+                        y: this.render.toStageValue(pos.y + top - stageState.y),
+                        width: this.render.toStageValue(150),
+                        height: this.render.toStageValue(lineHeight),
+                        fill: '#fff',
+                        stroke: '#999',
+                        strokeWidth: this.render.toStageValue(1),
+                        name: 'contextmenu'
+                    });
+                    // 标题
+                    const text = new Konva.Text({
+                        x: this.render.toStageValue(pos.x - stageState.x),
+                        y: this.render.toStageValue(pos.y + top - stageState.y),
+                        text: menu.name,
+                        name: 'contextmenu',
+                        listening: false,
+                        fontSize: this.render.toStageValue(16),
+                        fill: '#333',
+                        width: this.render.toStageValue(150),
+                        height: this.render.toStageValue(lineHeight),
+                        align: 'center',
+                        verticalAlign: 'middle'
+                    });
+                    group.add(rect);
+                    group.add(text);
+                    // 菜单事件
+                    rect.on('pointerclick', (e) => {
+                        if (e.evt.button === MouseButton.左键) {
+                            // 触发事件
+                            menu.action(e);
+                            // 移除菜单
+                            this.group.getChildren().forEach((o) => {
+                                o.destroy();
+                            });
+                            this.group.removeChildren();
+                            this.state.target = null;
+                        }
+                        e.evt.preventDefault();
+                        e.evt.stopPropagation();
+                    });
+                    rect.on('mousedown', (e) => {
+                        if (e.evt.button === MouseButton.左键) {
+                            this.state.menuIsMousedown = true;
+                            // 按下效果
+                            rect.fill('#dfdfdf');
+                        }
+                        e.evt.preventDefault();
+                        e.evt.stopPropagation();
+                    });
+                    rect.on('mouseup', (e) => {
+                        if (e.evt.button === MouseButton.左键) {
+                            this.state.menuIsMousedown = false;
+                        }
+                    });
+                    rect.on('mouseenter', (e) => {
+                        if (this.state.menuIsMousedown) {
+                            rect.fill('#dfdfdf');
+                        }
+                        else {
+                            // hover in
+                            rect.fill('#efefef');
+                        }
+                        e.evt.preventDefault();
+                        e.evt.stopPropagation();
+                    });
+                    rect.on('mouseout', () => {
+                        // hover out
+                        rect.fill('#fff');
+                    });
+                    rect.on('contextmenu', (e) => {
+                        e.evt.preventDefault();
+                        e.evt.stopPropagation();
+                    });
+                    top += lineHeight - 1;
+                }
+            }
+            this.group.add(group);
+        }
+    }
+}
+//# sourceMappingURL=contextmenu-draw.js.map

package/lib/draw-canvas-edit/components/render/draws/contextmenu-draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextmenu-draw.js","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/draws/contextmenu-draw.ts"],"names":[],"mappings":"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"}

package/lib/draw-canvas-edit/components/render/draws/graph-draw.d.ts

@@ -0,0 +1,29 @@
+import Konva from 'konva';
+import { GraphAnchor, BaseDraw, Draw, Render } from '../types';
+export interface GraphDrawState {
+    adjusting: boolean;
+    adjustGroupId: string;
+    adjustAnchor?: GraphAnchor;
+    startPointCurrent: Konva.Vector2d;
+    graphCurrent?: Konva.Group;
+    graphCurrentSnap?: Konva.Group;
+}
+export interface GraphDrawOption {
+}
+export declare class GraphDraw extends BaseDraw implements Draw {
+    option: {};
+    on: {};
+    state: GraphDrawState;
+    constructor(render: Render, layer: Konva.Layer, option: GraphDrawOption);
+    /**
+     * 获取鼠标位置，并处理为 相对大小
+     * @param attract 含磁贴计算
+     * @returns
+     */
+    getStagePoint(attract?: boolean): {
+        x: number;
+        y: number;
+    };
+    draw(): void;
+}
+//# sourceMappingURL=graph-draw.d.ts.map

package/lib/draw-canvas-edit/components/render/draws/graph-draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-draw.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/draws/graph-draw.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAa,MAAM,UAAU,CAAC;AAM1E,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;IAC3B,gBAAgB,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;CAAI;AAEpC,qBAAa,SAAU,SAAQ,QAAS,YAAW,IAAI;IAErD,MAAM,EAAE,EAAE,CAAA;IACV,EAAE,KAAK;IAEP,KAAK,EAAE,cAAc,CAIpB;gBAEW,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe;IAMvE;;;;OAIG;IACH,aAAa,CAAC,OAAO,UAAQ;;;;IAqBpB,IAAI;CA2Ld"}

package/lib/draw-canvas-edit/components/render/draws/graph-draw.js

@@ -0,0 +1,180 @@
+import { BaseDraw, AssetType } from '../types';
+import { Circle, Rect, Line, Bezier, Curve } from '../graphs';
+import { GraphDraw as DrawGraph, LinkDraw, PreviewDraw } from '../draws';
+export class GraphDraw extends BaseDraw {
+    constructor(render, layer, option) {
+        super(render, layer);
+        this.on = {};
+        this.state = {
+            adjusting: false,
+            adjustGroupId: '',
+            startPointCurrent: { x: 0, y: 0 }
+        };
+        this.option = option;
+        this.group.name(this.constructor.name);
+    }
+    /**
+     * 获取鼠标位置，并处理为 相对大小
+     * @param attract 含磁贴计算
+     * @returns
+     */
+    getStagePoint(attract = false) {
+        const pos = this.render.stage.getPointerPosition();
+        if (pos) {
+            const stageState = this.render.getStageState();
+            if (attract) {
+                // 磁贴
+                const { pos: transformerPos } = this.render.attractTool.attractPoint(pos);
+                return {
+                    x: this.render.toStageValue(transformerPos.x - stageState.x),
+                    y: this.render.toStageValue(transformerPos.y - stageState.y)
+                };
+            }
+            else {
+                return {
+                    x: this.render.toStageValue(pos.x - stageState.x),
+                    y: this.render.toStageValue(pos.y - stageState.y)
+                };
+            }
+        }
+        return null;
+    }
+    draw() {
+        this.clear();
+        // 所有图形
+        const graphs = this.render.layer.find('.asset').filter((o) => o.attrs.assetType === AssetType.Graph);
+        for (const graph of graphs) {
+            // 非选中状态才显示 调整点
+            if (!graph.attrs.selected) {
+                let anchorAndShadows = [];
+                switch (graph.attrs.graphType) { // 判断绘制的图形
+                    case "Circle":
+                        anchorAndShadows = Circle.draw(graph, this.render, this.state.adjustAnchor).anchorAndShadows;
+                        break;
+                    case "Rect":
+                        anchorAndShadows = Rect.draw(graph, this.render, this.state.adjustAnchor).anchorAndShadows;
+                        break;
+                    case "Line":
+                        anchorAndShadows = Line.draw(graph, this.render, this.state.adjustAnchor).anchorAndShadows;
+                        break;
+                    case "Curve":
+                        anchorAndShadows = Curve.draw(graph, this.render, this.state.adjustAnchor).anchorAndShadows;
+                        break;
+                    case "Bezier":
+                        anchorAndShadows = Bezier.draw(graph, this.render, this.state.adjustAnchor).anchorAndShadows;
+                        break;
+                }
+                for (const anchorAndShadow of anchorAndShadows) {
+                    const { shape } = anchorAndShadow;
+                    if (shape) {
+                        // 鼠标按下
+                        shape.on('mousedown', () => {
+                            var _a;
+                            const pos = this.getStagePoint(); // 获取鼠标坐标点
+                            if (pos) {
+                                this.state.adjusting = true;
+                                this.state.adjustAnchor = shape.attrs.anchor;
+                                this.state.adjustGroupId = graph.id();
+                                this.state.startPointCurrent = pos;
+                                this.state.graphCurrent = graph;
+                                this.state.graphCurrentSnap = graph.clone();
+                                graph.setAttr('adjusting', true);
+                                shape.setAttr('adjusting', true);
+                                if (this.state.adjustAnchor) {
+                                    switch ((_a = shape.attrs.anchor) === null || _a === void 0 ? void 0 : _a.type) {
+                                        case "Line":
+                                            // 使用 直线、折线 静态处理方法
+                                            Line.adjustStart(this.render, graph, this.state.adjustAnchor, pos);
+                                            break;
+                                        case "Curve":
+                                            // 使用 直线、折线 静态处理方法
+                                            Curve.adjustStart(this.render, graph, this.state.adjustAnchor, pos);
+                                            break;
+                                        case "Bezier":
+                                            // 使用 直线、折线 静态处理方法
+                                            Bezier.adjustStart(this.render, graph, this.state.adjustAnchor, pos);
+                                            break;
+                                    }
+                                }
+                            }
+                        });
+                        // 调整中
+                        this.render.stage.on('mousemove', () => {
+                            var _a;
+                            if (this.state.adjusting && this.state.graphCurrent && this.state.graphCurrentSnap) {
+                                if (shape.attrs.adjusting) {
+                                    // 调整 圆/椭圆 图形
+                                    const pos = this.getStagePoint(true);
+                                    if (pos) {
+                                        switch ((_a = shape.attrs.anchor) === null || _a === void 0 ? void 0 : _a.type) {
+                                            case "Circle":
+                                                // 使用 圆/椭圆 静态处理方法
+                                                Circle.adjust(this.render, graph, this.state.graphCurrentSnap, shape, anchorAndShadows, this.state.startPointCurrent, pos, graph.findOne('.hoverRect'));
+                                                break;
+                                            case "Rect":
+                                                // 使用 圆/椭圆 静态处理方法
+                                                Rect.adjust(this.render, graph, this.state.graphCurrentSnap, shape, anchorAndShadows, this.state.startPointCurrent, pos, graph.findOne('.hoverRect'));
+                                                break;
+                                            case "Line":
+                                                // 使用 直线、折线 静态处理方法
+                                                Line.adjust(this.render, graph, this.state.graphCurrentSnap, shape, anchorAndShadows, this.state.startPointCurrent, pos, graph.findOne('.hoverRect'));
+                                                break;
+                                            case "Curve":
+                                                // 使用 直线、折线 静态处理方法
+                                                Curve.adjust(this.render, graph, this.state.graphCurrentSnap, shape, anchorAndShadows, this.state.startPointCurrent, pos, graph.findOne('.hoverRect'));
+                                                break;
+                                            case "Bezier":
+                                                // 使用 直线、折线 静态处理方法
+                                                Bezier.adjust(this.render, graph, this.state.graphCurrentSnap, shape, anchorAndShadows, this.state.startPointCurrent, pos, graph.findOne('.hoverRect'));
+                                                break;
+                                        }
+                                        // 重绘
+                                        this.render.redraw([
+                                            DrawGraph.name,
+                                            LinkDraw.name,
+                                            PreviewDraw.name
+                                        ]);
+                                    }
+                                }
+                            }
+                        });
+                        // 调整结束
+                        this.render.stage.on('mouseup', () => {
+                            var _a;
+                            graph.setAttr('adjusting', false);
+                            // 防止二次 hover 失效
+                            graph.setAttr('hover', false);
+                            graph.setAttr('hoverAnchor', false);
+                            if (this.state.adjusting) {
+                                // 更新历史
+                                this.render.updateHistory();
+                                // 重绘
+                                this.render.redraw([
+                                    DrawGraph.name,
+                                    LinkDraw.name,
+                                    PreviewDraw.name
+                                ]);
+                            }
+                            this.state.adjusting = false;
+                            this.state.adjustAnchor = undefined;
+                            this.state.adjustGroupId = '';
+                            // 恢复显示所有 调整点
+                            for (const { shape } of anchorAndShadows) {
+                                if (shape) {
+                                    shape.setAttr('adjusting', false);
+                                }
+                            }
+                            document.body.style.cursor = 'default';
+                            // 销毁 镜像
+                            (_a = this.state.graphCurrentSnap) === null || _a === void 0 ? void 0 : _a.destroy();
+                            // 对齐线清除
+                            this.render.attractTool.alignLinesClear();
+                        });
+                        this.group.add(shape);
+                    }
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=graph-draw.js.map

package/lib/draw-canvas-edit/components/render/draws/graph-draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-draw.js","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/draws/graph-draw.ts"],"names":[],"mappings":"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"}

package/lib/draw-canvas-edit/components/render/draws/index.d.ts

@@ -0,0 +1,8 @@
+export { BgDraw } from './bg-draw';
+export { RulerDraw } from './ruler-draw';
+export { RefLineDraw } from './ref-line-draw';
+export { ContextmenuDraw } from './contextmenu-draw';
+export { PreviewDraw } from './preview-draw';
+export { LinkDraw } from './link-draw';
+export { GraphDraw } from './graph-draw';
+//# sourceMappingURL=index.d.ts.map

package/lib/draw-canvas-edit/components/render/draws/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/draws/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/lib/draw-canvas-edit/components/render/draws/index.js

@@ -0,0 +1,8 @@
+export { BgDraw } from './bg-draw';
+export { RulerDraw } from './ruler-draw';
+export { RefLineDraw } from './ref-line-draw';
+export { ContextmenuDraw } from './contextmenu-draw';
+export { PreviewDraw } from './preview-draw';
+export { LinkDraw } from './link-draw';
+export { GraphDraw } from './graph-draw';
+//# sourceMappingURL=index.js.map

package/lib/draw-canvas-edit/components/render/draws/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/draws/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/lib/draw-canvas-edit/components/render/draws/link-draw.d.ts

@@ -0,0 +1,41 @@
+import Konva from 'konva';
+import { LinkType, BaseDraw, Draw, Render } from '../types';
+export interface LinkDrawOption {
+    size: number;
+}
+export interface LinkDrawState {
+    linkingLine: {
+        group: Konva.Group;
+        circle: Konva.Circle;
+        line: Konva.Line;
+    } | null;
+    linkType: LinkType;
+    linkManualing: boolean;
+}
+type Area = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+export declare class LinkDraw extends BaseDraw implements Draw {
+    option: LinkDrawOption;
+    state: LinkDrawState;
+    constructor(render: Render, layer: Konva.Layer, option: LinkDrawOption);
+    getGroupLinkArea(group?: Konva.Group): Area;
+    getGroupForbiddenArea(groupArea: Area, gap: number): Area;
+    getGroupAccessArea(groupArea: Area, gap: number): Area;
+    getGroupPairArea(groupArea1: Area, groupArea2: Area): Area;
+    getGroupPairDistance(groupArea1: Area, groupArea2: Area): number;
+    getGroupPairCenter(groupArea1: Area, groupArea2: Area): Konva.Vector2d;
+    getEntry(anchor: Konva.Node, groupForbiddenArea: Area, gap: number): Konva.Vector2d;
+    getAnchorPos(anchor?: Konva.Node): Konva.Vector2d;
+    /**
+     * 修改当前连接线类型
+     * @param linkType  LinkType
+     */
+    changeLinkType(linkType: LinkType): void;
+    draw(): void;
+}
+export {};
+//# sourceMappingURL=link-draw.d.ts.map

package/lib/draw-canvas-edit/components/render/draws/link-draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-draw.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/draws/link-draw.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAA6D,MAAM,UAAU,CAAC;AAQvH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;CACb;AAGD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;QACnB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;QACrB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAA;KACjB,GAAG,IAAI,CAAC;IACT,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,OAAO,CAAA;CACvB;AAED,KAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAA;AAED,qBAAa,QAAS,SAAQ,QAAS,YAAW,IAAI;IACpD,MAAM,EAAE,cAAc,CAAC;IAEvB,KAAK,EAAE,aAAa,CAInB;gBAEW,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc;IAOtE,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI;IAiB3C,qBAAqB,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAWzD,kBAAkB,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAWtD,gBAAgB,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI;IAW1D,oBAAoB,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,GAAG,MAAM;IAahE,kBAAkB,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,GAAG,KAAK,CAAC,QAAQ;IAKtE,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,QAAQ;IAqInF,YAAY,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ;IAKjD;;;OAGG;IACH,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAKxB,IAAI;CA+nCd"}