aldehyde 0.2.474 → 0.2.476

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

@@ -0,0 +1,151 @@
+import Konva from 'konva';
+import { BaseDraw } from '../types';
+export class RulerDraw extends BaseDraw {
+    constructor(render, layer, option) {
+        super(render, layer);
+        this.option = option;
+        this.group.listening(false);
+    }
+    draw() {
+        this.clear();
+        const stageState = this.render.getStageState();
+        // 格子大小
+        const cellSize = 20;
+        const fontSizeMax = 12;
+        const lenX = Math.ceil(this.render.toStageValue(stageState.width) / cellSize); // 列数
+        const lenY = Math.ceil(this.render.toStageValue(stageState.height) / cellSize); // 行数
+        const startX = -Math.ceil(this.render.toStageValue(stageState.x - this.option.size) / cellSize);
+        const startY = -Math.ceil(this.render.toStageValue(stageState.y - this.option.size) / cellSize);
+        const group = new Konva.Group();
+        // 比例尺 - 上
+        const groupTop = new Konva.Group({
+            x: this.render.toStageValue(-stageState.x + this.option.size),
+            y: this.render.toStageValue(-stageState.y),
+            width: this.render.toStageValue(stageState.width - this.option.size + this.render.rulerSize),
+            height: this.render.toStageValue(this.option.size)
+        });
+        // 比例尺 - 左
+        const groupLeft = new Konva.Group({
+            x: this.render.toStageValue(-stageState.x),
+            y: this.render.toStageValue(-stageState.y + this.option.size),
+            width: this.render.toStageValue(this.option.size),
+            height: this.render.toStageValue(stageState.height - this.option.size + this.render.rulerSize)
+        });
+        {
+            groupTop.add(
+            // 上
+            new Konva.Rect({
+                name: this.constructor.name,
+                x: 0,
+                y: 0,
+                width: groupTop.width(),
+                height: groupTop.height(),
+                fill: '#ddd'
+            }));
+            for (let x = lenX + startX - 1; x >= startX; x--) {
+                const nx = -groupTop.x() + cellSize * x;
+                const long = (this.render.toStageValue(this.option.size) / 5) * 4;
+                const short = (this.render.toStageValue(this.option.size) / 5) * 3;
+                if (nx >= 0) {
+                    groupTop.add(new Konva.Line({
+                        name: this.constructor.name,
+                        points: [
+                            [nx, x % 5 ? long : short],
+                            [nx, this.render.toStageValue(this.option.size)]
+                        ].flat(),
+                        stroke: '#999',
+                        strokeWidth: this.render.toStageValue(1),
+                        listening: false
+                    }));
+                    if (x % 5 === 0) {
+                        let fontSize = fontSizeMax;
+                        const text = new Konva.Text({
+                            name: this.constructor.name,
+                            y: this.render.toStageValue(this.option.size / 2 - fontSize),
+                            text: (x * cellSize).toString(),
+                            fontSize: this.render.toStageValue(fontSize),
+                            fill: '#999',
+                            align: 'center',
+                            verticalAlign: 'middle',
+                            lineHeight: 1.6
+                        });
+                        while (this.render.toStageValue(text.width()) > this.render.toStageValue(cellSize) * 4.6) {
+                            fontSize -= 1;
+                            text.fontSize(this.render.toStageValue(fontSize));
+                            text.y(this.render.toStageValue(this.option.size / 2 - fontSize));
+                        }
+                        text.x(nx - text.width() / 2);
+                        groupTop.add(text);
+                    }
+                }
+            }
+        }
+        {
+            groupLeft.add(
+            // 左
+            new Konva.Rect({
+                name: this.constructor.name,
+                x: 0,
+                y: 0,
+                width: groupLeft.width(),
+                height: groupLeft.height(),
+                fill: '#ddd'
+            }));
+            for (let y = lenY + startY - 1; y >= startY; y--) {
+                const ny = -groupLeft.y() + cellSize * y;
+                const long = (this.render.toStageValue(this.option.size) / 5) * 4;
+                const short = (this.render.toStageValue(this.option.size) / 5) * 3;
+                if (ny >= 0) {
+                    groupLeft.add(new Konva.Line({
+                        name: this.constructor.name,
+                        points: [
+                            [y % 5 ? long : short, ny],
+                            [this.render.toStageValue(this.option.size), ny]
+                        ].flat(),
+                        stroke: '#999',
+                        strokeWidth: this.render.toStageValue(1),
+                        listening: false
+                    }));
+                    if (y % 5 === 0) {
+                        let fontSize = fontSizeMax;
+                        const text = new Konva.Text({
+                            name: this.constructor.name,
+                            x: 0,
+                            y: ny,
+                            text: (y * cellSize).toString(),
+                            fontSize: this.render.toStageValue(fontSize),
+                            fill: '#999',
+                            align: 'right',
+                            verticalAlign: 'bottom',
+                            lineHeight: 1.6,
+                            wrap: 'none'
+                        });
+                        while (text.width() > short * 0.8) {
+                            fontSize -= 1;
+                            text.fontSize(this.render.toStageValue(fontSize));
+                        }
+                        text.y(ny - text.height() / 2);
+                        text.width(short - this.render.toStageValue(1));
+                        groupLeft.add(text);
+                    }
+                }
+            }
+        }
+        group.add(
+        // 角
+        new Konva.Rect({
+            name: this.constructor.name,
+            x: this.render.toStageValue(-stageState.x),
+            y: this.render.toStageValue(-stageState.y),
+            width: this.render.toStageValue(this.option.size),
+            height: this.render.toStageValue(this.option.size),
+            fill: '#ddd'
+        }));
+        group.add(groupTop);
+        group.add(groupLeft);
+        this.group.add(group);
+    }
+}
+// @ts-ignore
+RulerDraw.name = 'ruler';
+//# sourceMappingURL=ruler-draw.js.map

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

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

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

@@ -0,0 +1,112 @@
+import Konva from 'konva';
+import { Render } from '../index';
+import { GraphAnchor, LinkDrawPoint, AssetInfoPoint, GraphType } from '../types';
+/**
+ * 图形类
+ * 实例主要用于新建图形时，含新建同时的大小拖动。
+ * 静态方法主要用于新建之后，通过 调整点 调整的逻辑定义
+ */
+export declare abstract class BaseGraph {
+    /**
+     * 更新 图形 的 调整点 的 锚点位置
+     * @param width 图形 的 宽度
+     * @param height 图形 的 高度
+     * @param rotate 图形 的 旋转角度
+     * @param anchorShadows 图形 的 调整点 的 锚点
+     */
+    static updateAnchorShadows(graph: Konva.Group, anchorShadows: Konva.Circle[]): void;
+    /**
+     * 更新 图形 的 连接点 的 锚点位置
+     * @param width 图形 的 宽度
+     * @param height 图形 的 高度
+     * @param rotate 图形 的 旋转角度
+     * @param anchors 图形 的 调整点 的 锚点
+     */
+    static updateLinkAnchorShadows(graph: Konva.Group, linkAnchorShadows: Konva.Circle[]): void;
+    /**
+     * 生成 调整点
+     * @param render 渲染实例
+     * @param graph 图形
+     * @param anchorAndShadows 调整点 及其 锚点
+     * @param adjustAnchor 正在操作的 调整点
+     * @returns
+     */
+    static createAnchorShapes(render: Render, graph: Konva.Group, anchorAndShadows: {
+        anchor: GraphAnchor;
+        anchorShadow: Konva.Circle;
+        shape?: Konva.Shape;
+    }[], adjustAnchor: GraphAnchor): void;
+    /**
+     * 调整 图形
+     * @param render 渲染实例
+     * @param graph 图形
+     * @param graphSnap 图形 的 备份
+     * @param rect 当前 调整点
+     * @param rects 所有 调整点
+     * @param startPoint 鼠标按下位置
+     * @param endPoint 鼠标拖动位置
+     */
+    static adjust(render: Render, graph: Konva.Group, graphSnap: Konva.Group, adjustShape: Konva.Shape, anchorAndShadows: {
+        anchor: GraphAnchor;
+        anchorShadow: Konva.Circle;
+        shape?: Konva.Shape | undefined;
+    }[], startPoint: Konva.Vector2d, endPoint: Konva.Vector2d, hoverRect?: Konva.Rect, hoverSize?: {
+        width: number;
+        height: number;
+    }, hoverPos?: {
+        x: number;
+        y: number;
+    }): void;
+    static draw(graph: Konva.Group, render: Render, adjustAnchor?: GraphAnchor): {
+        anchorAndShadows: {
+            anchor: GraphAnchor;
+            anchorShadow: Konva.Circle;
+            shape?: Konva.Shape;
+        }[];
+    };
+    protected render: Render;
+    group: Konva.Group;
+    hoverRect: Konva.Rect;
+    id: string;
+    /**
+     * 鼠标按下位置
+     */
+    protected dropPoint: Konva.Vector2d;
+    /**
+     * 调整点 定义
+     */
+    protected anchors: GraphAnchor[];
+    /**
+     * 调整点 的 锚点
+     */
+    protected anchorShadows: Konva.Circle[];
+    /**
+     * 调整点 定义
+     */
+    protected linkAnchors: LinkDrawPoint[];
+    /**
+     * 连接点 的 锚点
+     */
+    protected linkAnchorShadows: Konva.Circle[];
+    constructor(render: Render, dropPoint: Konva.Vector2d, config: {
+        anchors: GraphAnchor[];
+        linkAnchors: AssetInfoPoint[];
+        type: GraphType;
+    });
+    /**
+     * 调整进行时
+     * @param point 鼠标位置 相对位置
+     */
+    abstract drawMove(point: Konva.Vector2d): void;
+    /**
+     * 调整结束
+     */
+    drawEnd(size?: {
+        width: number;
+        height: number;
+    }, pos?: {
+        x: number;
+        y: number;
+    }): void;
+}
+//# sourceMappingURL=base-graph.d.ts.map

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

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

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

@@ -0,0 +1,199 @@
+import Konva from 'konva';
+import { nanoid } from 'nanoid';
+import { AssetType } from '../types';
+import { GraphDraw } from '../draws';
+/**
+ * 图形类
+ * 实例主要用于新建图形时，含新建同时的大小拖动。
+ * 静态方法主要用于新建之后，通过 调整点 调整的逻辑定义
+ */
+export class BaseGraph {
+    /**
+     * 更新 图形 的 调整点 的 锚点位置
+     * @param width 图形 的 宽度
+     * @param height 图形 的 高度
+     * @param rotate 图形 的 旋转角度
+     * @param anchorShadows 图形 的 调整点 的 锚点
+     */
+    static updateAnchorShadows(graph, anchorShadows) {
+        console.log('请实现 updateAnchorShadows');
+    }
+    /**
+     * 更新 图形 的 连接点 的 锚点位置
+     * @param width 图形 的 宽度
+     * @param height 图形 的 高度
+     * @param rotate 图形 的 旋转角度
+     * @param anchors 图形 的 调整点 的 锚点
+     */
+    static updateLinkAnchorShadows(graph, linkAnchorShadows) {
+        console.log('请实现 updateLinkAnchorShadows');
+    }
+    /**
+     * 生成 调整点
+     * @param render 渲染实例
+     * @param graph 图形
+     * @param anchorAndShadows 调整点 及其 锚点
+     * @param adjustAnchor 正在操作的 调整点
+     * @returns
+     */
+    static createAnchorShapes(render, graph, anchorAndShadows, adjustAnchor) {
+        console.log('请实现 createAnchorShapes');
+        return;
+    }
+    /**
+     * 调整 图形
+     * @param render 渲染实例
+     * @param graph 图形
+     * @param graphSnap 图形 的 备份
+     * @param rect 当前 调整点
+     * @param rects 所有 调整点
+     * @param startPoint 鼠标按下位置
+     * @param endPoint 鼠标拖动位置
+     */
+    static adjust(render, graph, graphSnap, adjustShape, anchorAndShadows, startPoint, endPoint, hoverRect, hoverSize, hoverPos) {
+        var _a, _b, _c, _d;
+        hoverRect === null || hoverRect === void 0 ? void 0 : hoverRect.position({
+            x: (_a = hoverPos === null || hoverPos === void 0 ? void 0 : hoverPos.x) !== null && _a !== void 0 ? _a : 0,
+            y: (_b = hoverPos === null || hoverPos === void 0 ? void 0 : hoverPos.y) !== null && _b !== void 0 ? _b : 0
+        });
+        hoverRect === null || hoverRect === void 0 ? void 0 : hoverRect.size({
+            width: (_c = hoverSize === null || hoverSize === void 0 ? void 0 : hoverSize.width) !== null && _c !== void 0 ? _c : graph.width(),
+            height: (_d = hoverSize === null || hoverSize === void 0 ? void 0 : hoverSize.height) !== null && _d !== void 0 ? _d : graph.height()
+        });
+    }
+    static draw(graph, render, adjustAnchor) {
+        var _a;
+        // 调整点 信息
+        const anchors = ((_a = graph.attrs.anchors) !== null && _a !== void 0 ? _a : []);
+        // 调整点 锚点
+        const anchorShapes = graph.find(`.anchor`);
+        // 调整点 信息&锚点
+        const anchorAndShadows = anchors
+            .map((anchor) => ({
+            anchor,
+            anchorShadow: anchorShapes.find((shape) => shape.attrs.adjustType === anchor.adjustType)
+        }))
+            .filter((o) => o.anchorShadow !== void 0);
+        return { anchorAndShadows };
+    }
+    constructor(render, dropPoint, config) {
+        /**
+         * 鼠标按下位置
+         */
+        this.dropPoint = { x: 0, y: 0 };
+        /**
+         * 调整点 定义
+         */
+        this.anchors = [];
+        /**
+         * 调整点 的 锚点
+         */
+        this.anchorShadows = [];
+        /**
+         * 调整点 定义
+         */
+        this.linkAnchors = [];
+        /**
+         * 连接点 的 锚点
+         */
+        this.linkAnchorShadows = [];
+        this.render = render;
+        this.dropPoint = dropPoint;
+        this.id = nanoid();
+        this.group = new Konva.Group({
+            id: this.id,
+            name: 'asset',
+            assetType: AssetType.Graph,
+            graphType: config.type,
+            draggable: true
+        });
+        this.hoverRect = new Konva.Rect({
+            name: 'hoverRect',
+            x: 0,
+            y: 0,
+            hitStrokeWidth: this.render.toStageValue(this.render.bgSize * 2 + 2)
+        });
+        // 调整点 定义
+        this.anchors = config.anchors.map((o) => (Object.assign(Object.assign({}, o), { 
+            // 补充信息
+            name: 'anchor', groupId: this.group.id(), type: config.type })));
+        // 记录在 group 中
+        this.group.setAttr('anchors', this.anchors);
+        // 新建 调整点 的 锚点
+        for (const anchor of this.anchors) {
+            const circle = new Konva.Circle({
+                adjustType: anchor.adjustType,
+                anchorType: anchor.type,
+                name: anchor.name,
+                radius: 0
+            });
+            this.anchorShadows.push(circle);
+            this.group.add(circle);
+        }
+        // 连接点 定义
+        this.linkAnchors = config.linkAnchors.map((o) => (Object.assign(Object.assign({}, o), { id: nanoid(), groupId: this.group.id(), visible: false, pairs: [], direction: o.direction, alias: o.alias })));
+        // 连接点信息
+        this.group.setAttrs({ points: this.linkAnchors });
+        // 新建 连接点 的 锚点
+        for (const point of this.linkAnchors) {
+            const circle = new Konva.Circle({
+                name: 'link-anchor',
+                id: point.id,
+                x: point.x,
+                y: point.y,
+                radius: this.render.toStageValue(1),
+                stroke: 'rgba(0,0,255,1)',
+                strokeWidth: this.render.toStageValue(2),
+                visible: false,
+                direction: point.direction,
+                alias: point.alias
+            });
+            this.linkAnchorShadows.push(circle);
+            this.group.add(circle);
+        }
+        this.render.layer.add(this.group);
+        this.render.redraw([GraphDraw.name]);
+    }
+    /**
+     * 调整结束
+     */
+    drawEnd(size, pos) {
+        var _a, _b, _c, _d, _e;
+        (_a = this.hoverRect) === null || _a === void 0 ? void 0 : _a.position({ x: (_b = pos === null || pos === void 0 ? void 0 : pos.x) !== null && _b !== void 0 ? _b : 0, y: (_c = pos === null || pos === void 0 ? void 0 : pos.y) !== null && _c !== void 0 ? _c : 0 });
+        this.hoverRect.size({ width: (_d = size === null || size === void 0 ? void 0 : size.width) !== null && _d !== void 0 ? _d : this.group.width(), height: (_e = size === null || size === void 0 ? void 0 : size.height) !== null && _e !== void 0 ? _e : this.group.height() });
+        this.hoverRect.on('mouseenter', () => {
+            // 防止进入调整点，重复处理
+            if (!this.group.attrs.hoverAnchor) {
+                this.group.setAttr('hover', true);
+                this.render.redraw([GraphDraw.name]);
+            }
+            setTimeout(() => {
+                // 调整产生 redraw，导致离开调整点不触发其 mouseleave（进入其他元素区域除外）
+                // 在此静态补充“离开调整点”
+                // 不影响正常处理（调整点会不停 hoverAnchor = true）
+                this.group.setAttr('hoverAnchor', false);
+            });
+            // 显示 连接点
+            this.render.linkTool.pointsVisible(true, this.group);
+        });
+        this.hoverRect.on('mouseleave', () => {
+            var _a;
+            // 延迟事件，使调整点的 mouseleave 优先
+            setTimeout(() => {
+                // 防止进入调整点，重复处理
+                // 补充 2，快速调整会漏掉
+                if (!this.group.attrs.hoverAnchor) {
+                    this.group.setAttr('hover', false);
+                    this.group.setAttr('hoverAnchor', false);
+                    this.render.redraw([GraphDraw.name]);
+                }
+            });
+            // 隐藏 连接点
+            this.render.linkTool.pointsVisible(false, this.group);
+            // 隐藏 hover 框
+            (_a = this.group.findOne('#hoverRect')) === null || _a === void 0 ? void 0 : _a.visible(false);
+        });
+        this.group.add(this.hoverRect);
+    }
+}
+//# sourceMappingURL=base-graph.js.map

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

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

package/lib/draw-canvas-edit/components/render/graphs/bezier.d.ts

@@ -0,0 +1,80 @@
+import Konva from 'konva';
+import { GraphAnchor, Render } from '../types';
+import { BaseGraph } from './base-graph';
+/**
+ * 贝赛尔曲线
+ */
+export declare class Bezier extends BaseGraph {
+    static updateAnchorShadows(graph: Konva.Group, anchorShadows: Konva.Circle[], shape?: Konva.Line): void;
+    static updateLinkAnchorShadows(graph: Konva.Group, linkAnchorShadows: Konva.Circle[], shape?: Konva.Line): void;
+    static calculateAngle(sideA: number, sideB: number): number;
+    static createAnchorShapes(render: Render, graph: Konva.Group, anchorAndShadows: {
+        anchor: GraphAnchor;
+        anchorShadow: Konva.Circle;
+        shape?: Konva.Shape;
+    }[], adjustAnchor?: GraphAnchor): {
+        anchorAndShadows: {
+            anchor: GraphAnchor;
+            anchorShadow: Konva.Circle;
+            shape?: Konva.Shape | undefined;
+        }[];
+    };
+    /**
+     * 矩阵变换：坐标系中的一个点，围绕着另外一个点进行旋转
+     * -  -   -        - -   -   - -
+     * |x`|   |cos -sin| |x-a|   |a|
+     * |  | = |        | |   | +
+     * |y`|   |sin  cos| |y-b|   |b|
+     * -  -   -        - -   -   - -
+     * @param x 目标节点坐标 x
+     * @param y 目标节点坐标 y
+     * @param centerX 围绕的点坐标 x
+     * @param centerY 围绕的点坐标 y
+     * @param angle 旋转角度
+     * @returns
+     */
+    static rotatePoint(x: number, y: number, centerX: number, centerY: number, angle: number): {
+        x: number;
+        y: number;
+    };
+    static adjust(render: Render, graph: Konva.Group, graphSnap: Konva.Group, adjustShape: Konva.Shape, anchorAndShadows: {
+        anchor: GraphAnchor;
+        anchorShadow: Konva.Circle;
+        shape?: Konva.Shape | undefined;
+    }[], startPoint: Konva.Vector2d, endPoint: Konva.Vector2d, hoverRect?: Konva.Rect): void;
+    /**
+     * 提供给 GraphDraw draw 使用
+     */
+    static draw(graph: Konva.Group, render: Render, adjustAnchor?: GraphAnchor): {
+        anchorAndShadows: {
+            anchor: GraphAnchor;
+            anchorShadow: Konva.Circle;
+            shape?: Konva.Shape | undefined;
+        }[];
+    };
+    /**
+     * 默认图形大小
+     */
+    static size: number;
+    /**
+     * 曲线 对应的 Konva 实例
+     */
+    private line;
+    constructor(render: Render, dropPoint: Konva.Vector2d);
+    drawMove(point: Konva.Vector2d): void;
+    drawEnd(): void;
+    /**
+     * 更新 调整点（拐点）
+     * @param render
+     * @param graph
+     */
+    static updateAnchor(render: Render, graph: Konva.Group): void;
+    /**
+     * 调整之前
+     */
+    static adjustStart(render: Render, graph: Konva.Group, adjustAnchor: GraphAnchor & {
+        manualIndex?: number;
+        adjusted?: boolean;
+    }, endPoint: Konva.Vector2d): void;
+}
+//# sourceMappingURL=bezier.d.ts.map

package/lib/draw-canvas-edit/components/render/graphs/bezier.d.ts.map

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