aldehyde 0.2.475 → 0.2.477

package/lib/draw-canvas-edit/components/render/tools/link-tool.js

@@ -0,0 +1,200 @@
+import { nanoid } from 'nanoid';
+import { LinkDraw, RulerDraw, PreviewDraw } from '../draws';
+export class LinkTool {
+    constructor(render) {
+        // 选中连接线
+        this.linkCurrent = undefined;
+        this.render = render;
+    }
+    pointsVisible(visible, group) {
+        var _a, _b;
+        if (!this.render.config.readonly) {
+            const start = group !== null && group !== void 0 ? group : this.render.layer;
+            // 查找深层 points
+            for (const asset of [
+                ...(['asset', 'sub-asset'].includes(start.name()) ? [start] : []),
+                ...start.find('.asset'),
+                ...start.find('.sub-asset')
+            ]) {
+                const points = (_a = asset.getAttr('points')) !== null && _a !== void 0 ? _a : [];
+                asset.setAttrs({
+                    points: points.map((o) => (Object.assign(Object.assign({}, o), { visible })))
+                });
+            }
+            // 拐点操作中，此处不重绘
+            if (!((_b = this.render.draws[LinkDraw.name]) === null || _b === void 0 ? void 0 : _b.state.linkManualing)) {
+                // 重绘
+                this.render.redraw([LinkDraw.name, RulerDraw.name, PreviewDraw.name]);
+            }
+        }
+    }
+    remove(target) {
+        var _a, _b;
+        const line = target !== null && target !== void 0 ? target : this.linkCurrent;
+        if (line) {
+            const { groupId, pointId, pairId } = line.getAttrs();
+            if (groupId && pointId && pairId) {
+                const group = this.render.layer.findOne(`#${groupId}`);
+                if (group) {
+                    const points = ((_a = group.getAttr('points')) !== null && _a !== void 0 ? _a : []);
+                    const point = points.find((o) => o.id === pointId);
+                    if (point) {
+                        const pairIndex = ((_b = point.pairs) !== null && _b !== void 0 ? _b : []).findIndex((o) => o.id === pairId);
+                        if (pairIndex > -1) {
+                            const pair = point.pairs.splice(pairIndex, 1)[0];
+                            if (group.attrs.manualPointsMap && group.attrs.manualPointsMap[pair.id]) {
+                                group.setAttr('manualPointsMap', Object.assign(Object.assign({}, group.attrs.manualPointsMap), { [pair.id]: undefined }));
+                            }
+                            // 重绘
+                            this.render.redraw([
+                                LinkDraw.name,
+                                RulerDraw.name,
+                                PreviewDraw.name
+                            ]);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    // 刷新 json 的 id、事件
+    jsonIdCover(assets) {
+        let deepAssets = [...assets];
+        const idMap = new Map();
+        while (deepAssets.length > 0) {
+            const asset = deepAssets.shift();
+            if (asset) {
+                if (Array.isArray(asset.attrs.points)) {
+                    for (const point of asset.attrs.points) {
+                        if (Array.isArray(point.pairs)) {
+                            for (const pair of point.pairs) {
+                                if (pair.from.groupId && !idMap.has(pair.from.groupId)) {
+                                    idMap.set(pair.from.groupId, 'g:' + nanoid());
+                                }
+                                if (pair.to.groupId && !idMap.has(pair.to.groupId)) {
+                                    idMap.set(pair.to.groupId, 'g:' + nanoid());
+                                }
+                                if (pair.from.pointId && !idMap.has(pair.from.pointId)) {
+                                    idMap.set(pair.from.pointId, 'p:' + nanoid());
+                                }
+                                if (pair.to.pointId && !idMap.has(pair.to.pointId)) {
+                                    idMap.set(pair.to.pointId, 'p:' + nanoid());
+                                }
+                            }
+                        }
+                        if (point.id) {
+                            if (!idMap.has(point.id)) {
+                                idMap.set(point.id, 'p:' + nanoid());
+                            }
+                        }
+                        if (point.groupId) {
+                            if (!idMap.has(point.groupId)) {
+                                idMap.set(point.groupId, 'g:' + nanoid());
+                            }
+                        }
+                    }
+                }
+                if (asset.attrs.id) {
+                    if (!idMap.has(asset.attrs.id)) {
+                        idMap.set(asset.attrs.id, 'n:' + nanoid());
+                    }
+                }
+                if (Array.isArray(asset.children)) {
+                    deepAssets.push(...asset.children);
+                }
+            }
+        }
+        deepAssets = [...assets];
+        while (deepAssets.length > 0) {
+            const asset = deepAssets.shift();
+            if (asset) {
+                if (idMap.has(asset.attrs.id)) {
+                    asset.attrs.id = idMap.get(asset.attrs.id);
+                }
+                if (Array.isArray(asset.attrs.points)) {
+                    for (const point of asset.attrs.points) {
+                        if (Array.isArray(point.pairs)) {
+                            for (const pair of point.pairs) {
+                                pair.disabled = true;
+                                if (pair.id) {
+                                    pair.id = 'pr:' + nanoid();
+                                }
+                                if (idMap.has(pair.from.groupId)) {
+                                    pair.from.groupId = idMap.get(pair.from.groupId);
+                                }
+                                if (idMap.has(pair.to.groupId)) {
+                                    pair.to.groupId = idMap.get(pair.to.groupId);
+                                }
+                                if (idMap.has(pair.from.pointId)) {
+                                    pair.from.pointId = idMap.get(pair.from.pointId);
+                                }
+                                if (idMap.has(pair.to.pointId)) {
+                                    pair.to.pointId = idMap.get(pair.to.pointId);
+                                }
+                            }
+                        }
+                        if (idMap.has(point.id)) {
+                            const anchor = asset.children.find((o) => o.attrs.id === point.id);
+                            point.id = idMap.get(point.id);
+                            if (anchor) {
+                                anchor.attrs.id = point.id;
+                            }
+                        }
+                        if (idMap.has(point.groupId)) {
+                            point.groupId = idMap.get(point.groupId);
+                        }
+                    }
+                }
+                if (Array.isArray(asset.children)) {
+                    deepAssets.push(...asset.children);
+                }
+            }
+        }
+    }
+    // 把深层 group 的 id 统一为顶层 group 的 id
+    groupIdCover(group) {
+        const groupId = group.id();
+        const subGroups = group.find('.sub-asset');
+        while (subGroups.length > 0) {
+            const subGroup = subGroups.shift();
+            if (subGroup) {
+                const points = subGroup.attrs.points;
+                if (Array.isArray(points)) {
+                    for (const point of points) {
+                        point.rawGroupId = point.groupId;
+                        point.groupId = groupId;
+                        for (const pair of point.pairs) {
+                            pair.from.rawGroupId = pair.from.groupId;
+                            pair.from.groupId = groupId;
+                            pair.to.rawGroupId = pair.to.groupId;
+                            pair.to.groupId = groupId;
+                        }
+                    }
+                }
+                subGroups.push(...subGroup.find('.sub-asset'));
+            }
+        }
+    }
+    // 选中
+    select(link) {
+        this.render.selectionTool.selectingClear();
+        this.linkCurrent = link;
+        this.render.emit('link-selection-change', this.linkCurrent);
+        // 重绘
+        this.render.redraw([
+            LinkDraw.name, // 更新连线
+            RulerDraw.name // 更新比例尺
+        ]);
+    }
+    // 清空选中
+    selectingClear() {
+        this.linkCurrent = undefined;
+        this.render.emit('link-selection-change', undefined);
+        // 重绘
+        this.render.redraw([
+            LinkDraw.name, // 更新连线
+            RulerDraw.name
+        ]);
+    }
+}
+//# sourceMappingURL=link-tool.js.map

package/lib/draw-canvas-edit/components/render/tools/link-tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-tool.js","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/tools/link-tool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAIhC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,OAAO,QAAQ;IAGnB,YAAY,MAAc;QA4L1B,QAAQ;QACR,gBAAW,GAA2B,SAAS,CAAC;QA5L9C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,aAAa,CAAC,OAAgB,EAAE,KAAmB;;QACjD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YACjC,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YACzC,cAAc;YACd,KAAK,MAAM,KAAK,IAAI;gBAClB,GAAG,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACjE,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACvB,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC;aAC5B,EAAE,CAAC;gBACF,MAAM,MAAM,GAAG,MAAC,KAAoB,CAAC,OAAO,CAAC,QAAQ,CAAC,mCAAI,EAAE,CAAC;gBAC7D,KAAK,CAAC,QAAQ,CAAC;oBACb,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,OAAO,IAAG,CAAC;iBACpD,CAAC,CAAC;YACL,CAAC;YACD,cAAc;YACd,IAAI,CAAC,CAAA,MAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAc,0CAAE,KAAK,CAAC,aAAa,CAAA,EAAE,CAAC;gBACzE,KAAK;gBACL,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,CAAC,MAAmB;;QACxB,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,CAAC,WAAW,CAAC;QACxC,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAErD,IAAI,OAAO,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;gBACjC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,OAAO,EAAE,CAAgB,CAAC;gBACtE,IAAI,KAAK,EAAE,CAAC;oBACV,MAAM,MAAM,GAAG,CAAC,MAAA,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,mCAAI,EAAE,CAAoB,CAAC;oBAClE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;oBACnD,IAAI,KAAK,EAAE,CAAC;wBACV,MAAM,SAAS,GAAG,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAK,EAAqB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;wBAC5F,IAAI,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC;4BACnB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;4BAEjD,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;gCACxE,KAAK,CAAC,OAAO,CAAC,iBAAiB,kCAC1B,KAAK,CAAC,KAAK,CAAC,eAAe,KAC9B,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,IACpB,CAAC;4BACL,CAAC;4BAED,KAAK;4BACL,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;gCACjB,QAAQ,CAAC,IAAI;gCACb,SAAS,CAAC,IAAI;gCACd,WAAW,CAAC,IAAI;6BACjB,CAAC,CAAC;wBACL,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,kBAAkB;IAClB,WAAW,CAAC,MAAa;QACvB,IAAI,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAC7B,MAAM,KAAK,GAAG,IAAI,GAAG,EAAE,CAAC;QAExB,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;YACjC,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;oBACtC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;wBACvC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;4BAC/B,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;gCAC/B,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;oCACvD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC;gCAChD,CAAC;gCACD,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;oCACnD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC;gCAC9C,CAAC;gCACD,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;oCACvD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC;gCAChD,CAAC;gCACD,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;oCACnD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC;gCAC9C,CAAC;4BACH,CAAC;wBACH,CAAC;wBACD,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;4BACb,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;gCACzB,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC;4BACvC,CAAC;wBACH,CAAC;wBACD,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;4BAClB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gCAC9B,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC;4BAC5C,CAAC;wBACH,CAAC;oBACH,CAAC;gBACH,CAAC;gBACD,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;wBAC/B,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC;oBAC7C,CAAC;gBACH,CAAC;gBACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAClC,UAAU,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC;QACH,CAAC;QAED,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAEzB,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;YACjC,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC9B,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBAC7C,CAAC;gBAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;oBACtC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;wBACvC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;4BAC/B,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;gCAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gCACrB,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;oCACZ,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;gCAC7B,CAAC;gCACD,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;oCACjC,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gCACnD,CAAC;gCACD,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;oCAC/B,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;gCAC/C,CAAC;gCACD,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;oCACjC,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gCACnD,CAAC;gCACD,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;oCAC/B,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;gCAC/C,CAAC;4BACH,CAAC;wBACH,CAAC;wBAED,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;4BACxB,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC;4BACxE,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;4BAC/B,IAAI,MAAM,EAAE,CAAC;gCACX,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;4BAC7B,CAAC;wBACH,CAAC;wBAED,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;4BAC7B,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;wBAC3C,CAAC;oBACH,CAAC;gBACH,CAAC;gBAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAClC,UAAU,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,kCAAkC;IAClC,YAAY,CAAC,KAAkB;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,EAAE,CAAC;QAC3B,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAkB,CAAC;QAC5D,OAAO,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,EAA6B,CAAC;YAC9D,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBACrC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC1B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;wBAC3B,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC;wBACjC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;wBACxB,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;4BAC/B,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;4BACzC,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;4BAC5B,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC;4BACrC,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,OAAO,CAAC;wBAC5B,CAAC;oBACH,CAAC;gBACH,CAAC;gBACD,SAAS,CAAC,IAAI,CAAC,GAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAmB,CAAC,CAAC;YACpE,CAAC;QACH,CAAC;IACH,CAAC;IAKD,KAAK;IACL,MAAM,CAAC,IAAgB;QACrB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC;QAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5D,KAAK;QACL,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACjB,QAAQ,CAAC,IAAI,EAAE,OAAO;YACtB,SAAS,CAAC,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;IACL,CAAC;IAED,OAAO;IACP,cAAc;QACZ,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;QACrD,KAAK;QACL,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACjB,QAAQ,CAAC,IAAI,EAAE,OAAO;YACtB,SAAS,CAAC,IAAI;SACf,CAAC,CAAC;IACL,CAAC;CACF"}

package/lib/draw-canvas-edit/components/render/tools/position-tool.d.ts

@@ -0,0 +1,10 @@
+import { Render } from '../index';
+export declare class PositionTool {
+    private render;
+    constructor(render: Render);
+    positionFit(): void;
+    positionZoomReset(): void;
+    positionReset(): void;
+    updateCenter(x?: number, y?: number): void;
+}
+//# sourceMappingURL=position-tool.d.ts.map

package/lib/draw-canvas-edit/components/render/tools/position-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-tool.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/tools/position-tool.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,qBAAa,YAAY;IAEvB,OAAO,CAAC,MAAM,CAAS;gBACX,MAAM,EAAE,MAAM;IAK1B,WAAW;IA8GX,iBAAiB;IASjB,aAAa;IAiBb,YAAY,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI;CA2C1B"}

package/lib/draw-canvas-edit/components/render/tools/position-tool.js

@@ -0,0 +1,181 @@
+import Konva from 'konva';
+import { GraphDraw, LinkDraw, RulerDraw, PreviewDraw, RefLineDraw, BgDraw } from '../draws';
+export class PositionTool {
+    constructor(render) {
+        this.render = render;
+    }
+    // 自适应大小
+    positionFit() {
+        const { pageWidth, pageHeight } = this.render.getPageSettings();
+        const children = [
+            ...this.render.layer.getChildren(),
+            ...this.render.layerCover.find('.link-line')
+        ];
+        let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
+        const stageState = this.render.getStageState();
+        for (const node of children) {
+            if (node instanceof Konva.Group) {
+                const { x, y, width, height } = ((rect) => ({
+                    x: this.render.toStageValue(rect.x - stageState.x),
+                    y: this.render.toStageValue(rect.y - stageState.y),
+                    width: this.render.toStageValue(rect.width),
+                    height: this.render.toStageValue(rect.height)
+                }))(node.getClientRect());
+                if (x < minX)
+                    minX = x;
+                if (x + width > maxX)
+                    maxX = x + width;
+                if (y < minY)
+                    minY = y;
+                if (y + height > maxY)
+                    maxY = y + height;
+            }
+            else if (node instanceof Konva.Line && node.name() === 'link-line') {
+                // 连线占用空间
+                const points = node.points();
+                for (let i = 0; i < points.length; i += 2) {
+                    const [px, py] = [points[i], points[i + 1]];
+                    if (px < minX)
+                        minX = px - 1;
+                    if (px > maxX)
+                        maxX = px + 1;
+                    if (py < minY)
+                        minY = py - 1;
+                    if (py > maxY)
+                        maxY = py + 1;
+                }
+            }
+        }
+        // 把画布区域也纳入计算范围（画布从 (0,0) 到 (pageWidth, pageHeight)）
+        if (0 < minX)
+            minX = 0;
+        if (pageWidth > maxX)
+            maxX = pageWidth;
+        if (0 < minY)
+            minY = 0;
+        if (pageHeight > maxY)
+            maxY = pageHeight;
+        // 没有素材时，以画布自身为准
+        if (minX === Infinity)
+            minX = 0;
+        if (maxX === -Infinity)
+            maxX = pageWidth;
+        if (minY === Infinity)
+            minY = 0;
+        if (maxY === -Infinity)
+            maxY = pageHeight;
+        const contentSize = {
+            width: maxX - minX,
+            height: maxY - minY
+        };
+        const contentRate = contentSize.width / contentSize.height;
+        const viewSize = {
+            width: this.render.stage.width() - (this.render.config.readonly ? 0 : this.render.rulerSize),
+            height: this.render.stage.height() - (this.render.config.readonly ? 0 : this.render.rulerSize)
+        };
+        const viewRate = viewSize.width / viewSize.height;
+        let scale = 1;
+        // 设置padding，避免边缘紧贴
+        const padding = 20;
+        const effectiveWidth = viewSize.width - padding * 2;
+        const effectiveHeight = viewSize.height - padding * 2;
+        if (viewRate > contentRate) { // 视口比内容更"扁"，以高度为基准
+            scale = effectiveHeight / contentSize.height;
+        }
+        else { // 视口比内容更"长"，以宽度为基准
+            scale = effectiveWidth / contentSize.width;
+        }
+        scale = Math.max(0.2, scale);
+        scale = Math.floor(scale * 100) / 100;
+        // 设置缩放比例最大为1（暂时隐藏）
+        // if (contentSize.width * scale <= viewSize.width && contentSize.height * scale <= viewSize.height) {
+        //   scale = Math.min(1, scale);
+        // }
+        this.render.stage.setAttrs({
+            scale: { x: scale, y: scale },
+            position: {
+                x: (this.render.config.readonly ? 0 : this.render.rulerSize) -
+                    minX * scale +
+                    (viewSize.width - contentSize.width * scale) / 2,
+                y: (this.render.config.readonly ? 0 : this.render.rulerSize) -
+                    minY * scale +
+                    (viewSize.height - contentSize.height * scale) / 2
+            }
+        });
+        this.render.emit('scale-change', scale);
+        // 重绘
+        this.render.redraw([
+            BgDraw.name,
+            GraphDraw.name,
+            LinkDraw.name,
+            RulerDraw.name,
+            RefLineDraw.name,
+            PreviewDraw.name
+        ]);
+    }
+    // 恢复位置大小
+    positionZoomReset() {
+        this.render.stage.setAttrs({
+            scale: { x: 1, y: 1 }
+        });
+        this.render.emit('scale-change', 1);
+        this.positionReset();
+    }
+    // 恢复位置
+    positionReset() {
+        this.render.stage.setAttrs({
+            x: this.render.rulerSize,
+            y: this.render.rulerSize
+        });
+        // 重绘
+        this.render.redraw([
+            BgDraw.name,
+            GraphDraw.name,
+            LinkDraw.name,
+            RulerDraw.name,
+            RefLineDraw.name,
+            PreviewDraw.name
+        ]);
+    }
+    // 更新中心位置
+    updateCenter(x = 0, y = 0) {
+        // stage 状态
+        const stageState = this.render.getStageState();
+        // 提取节点
+        const nodes = this.render.layer.getChildren((node) => !this.render.ignore(node));
+        // 计算节点占用的区域（计算起点即可）
+        let minX = 0;
+        let minY = 0;
+        for (const node of nodes) {
+            const x = node.x();
+            const y = node.y();
+            if (x < minX) {
+                minX = x;
+            }
+            if (y < minY) {
+                minY = y;
+            }
+        }
+        // 居中画布
+        this.render.stage.setAttrs({
+            x: stageState.width / 2 -
+                this.render.toBoardValue(minX) -
+                this.render.toBoardValue(x) +
+                this.render.rulerSize,
+            y: stageState.height / 2 -
+                this.render.toBoardValue(minY) -
+                this.render.toBoardValue(y) +
+                this.render.rulerSize
+        });
+        // 重绘
+        this.render.redraw([
+            BgDraw.name,
+            GraphDraw.name,
+            LinkDraw.name,
+            RulerDraw.name,
+            RefLineDraw.name,
+            PreviewDraw.name
+        ]);
+    }
+}
+//# sourceMappingURL=position-tool.js.map

package/lib/draw-canvas-edit/components/render/tools/position-tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-tool.js","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/tools/position-tool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAE5F,MAAM,OAAO,YAAY;IAGvB,YAAY,MAAc;QACxB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,QAAQ;IACR,WAAW;QACT,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;QAChE,MAAM,QAAQ,GAAG;YACf,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE;YAClC,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;SAC7C,CAAC;QAEF,IAAI,IAAI,GAAG,QAAQ,EACjB,IAAI,GAAG,CAAC,QAAQ,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,CAAC,QAAQ,CAAC;QAEnB,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC/C,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;YAC5B,IAAI,IAAI,YAAY,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBAC1C,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;oBAClD,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;oBAClD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;oBAC3C,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;iBAC9C,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;gBAC1B,IAAI,CAAC,GAAG,IAAI;oBAAE,IAAI,GAAG,CAAC,CAAC;gBACvB,IAAI,CAAC,GAAG,KAAK,GAAG,IAAI;oBAAE,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC;gBACvC,IAAI,CAAC,GAAG,IAAI;oBAAE,IAAI,GAAG,CAAC,CAAC;gBACvB,IAAI,CAAC,GAAG,MAAM,GAAG,IAAI;oBAAE,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC;YAC3C,CAAC;iBAAM,IAAI,IAAI,YAAY,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE,CAAC;gBACrE,SAAS;gBACT,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;gBAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC1C,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBAC5C,IAAI,EAAE,GAAG,IAAI;wBAAE,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC;oBAC7B,IAAI,EAAE,GAAG,IAAI;wBAAE,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC;oBAC7B,IAAI,EAAE,GAAG,IAAI;wBAAE,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC;oBAC7B,IAAI,EAAE,GAAG,IAAI;wBAAE,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC;gBAC/B,CAAC;YACH,CAAC;QACH,CAAC;QAED,oDAAoD;QACpD,IAAI,CAAC,GAAG,IAAI;YAAE,IAAI,GAAG,CAAC,CAAC;QACvB,IAAI,SAAS,GAAG,IAAI;YAAE,IAAI,GAAG,SAAS,CAAC;QACvC,IAAI,CAAC,GAAG,IAAI;YAAE,IAAI,GAAG,CAAC,CAAC;QACvB,IAAI,UAAU,GAAG,IAAI;YAAE,IAAI,GAAG,UAAU,CAAC;QAEzC,gBAAgB;QAChB,IAAI,IAAI,KAAK,QAAQ;YAAE,IAAI,GAAG,CAAC,CAAC;QAChC,IAAI,IAAI,KAAK,CAAC,QAAQ;YAAE,IAAI,GAAG,SAAS,CAAC;QACzC,IAAI,IAAI,KAAK,QAAQ;YAAE,IAAI,GAAG,CAAC,CAAC;QAChC,IAAI,IAAI,KAAK,CAAC,QAAQ;YAAE,IAAI,GAAG,UAAU,CAAC;QAE1C,MAAM,WAAW,GAAG;YAClB,KAAK,EAAE,IAAI,GAAG,IAAI;YAClB,MAAM,EAAE,IAAI,GAAG,IAAI;SACpB,CAAC;QACF,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC;QAE3D,MAAM,QAAQ,GAAG;YACf,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;YAC5F,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;SAC/F,CAAC;QACF,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;QAClD,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,mBAAmB;QACnB,MAAM,OAAO,GAAG,EAAE,CAAC;QACnB,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC;QACpD,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC;QAEtD,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAE,mBAAmB;YAChD,KAAK,GAAG,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC;QAC/C,CAAC;aAAM,CAAC,CAAE,mBAAmB;YAC3B,KAAK,GAAG,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC;QAC7C,CAAC;QAED,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC7B,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAEtC,mBAAmB;QACnB,sGAAsG;QACtG,gCAAgC;QAChC,IAAI;QAEJ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YACzB,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;YAC7B,QAAQ,EAAE;gBACR,CAAC,EACC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;oBACzD,IAAI,GAAG,KAAK;oBACZ,CAAC,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC;gBAClD,CAAC,EACC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;oBACzD,IAAI,GAAG,KAAK;oBACZ,CAAC,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC;aACrD;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QAExC,KAAK;QACL,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACjB,MAAM,CAAC,IAAI;YACX,SAAS,CAAC,IAAI;YACd,QAAQ,CAAC,IAAI;YACb,SAAS,CAAC,IAAI;YACd,WAAW,CAAC,IAAI;YAChB,WAAW,CAAC,IAAI;SACjB,CAAC,CAAC;IACL,CAAC;IAED,SAAS;IACT,iBAAiB;QACf,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YACzB,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;SACtB,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;QACpC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,OAAO;IACP,aAAa;QACX,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YACzB,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS;YACxB,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS;SACzB,CAAC,CAAC;QACH,KAAK;QACL,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACjB,MAAM,CAAC,IAAI;YACX,SAAS,CAAC,IAAI;YACd,QAAQ,CAAC,IAAI;YACb,SAAS,CAAC,IAAI;YACd,WAAW,CAAC,IAAI;YAChB,WAAW,CAAC,IAAI;SACjB,CAAC,CAAC;IACL,CAAC;IAED,SAAS;IACT,YAAY,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC;QACvB,WAAW;QACX,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC/C,OAAO;QACP,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAEjF,oBAAoB;QACpB,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC;YACnB,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC;YACnB,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;gBACb,IAAI,GAAG,CAAC,CAAC;YACX,CAAC;YACD,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;gBACb,IAAI,GAAG,CAAC,CAAC;YACX,CAAC;QACH,CAAC;QAED,OAAO;QACP,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YACzB,CAAC,EACC,UAAU,CAAC,KAAK,GAAG,CAAC;gBACpB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC;gBAC9B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;gBAC3B,IAAI,CAAC,MAAM,CAAC,SAAS;YACvB,CAAC,EACC,UAAU,CAAC,MAAM,GAAG,CAAC;gBACrB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC;gBAC9B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;gBAC3B,IAAI,CAAC,MAAM,CAAC,SAAS;SACxB,CAAC,CAAC;QACH,KAAK;QACL,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACjB,MAAM,CAAC,IAAI;YACX,SAAS,CAAC,IAAI;YACd,QAAQ,CAAC,IAAI;YACb,SAAS,CAAC,IAAI;YACd,WAAW,CAAC,IAAI;YAChB,WAAW,CAAC,IAAI;SACjB,CAAC,CAAC;IACL,CAAC;CACF"}

package/lib/draw-canvas-edit/components/render/tools/selection-tool.d.ts

@@ -0,0 +1,12 @@
+import Konva from 'konva';
+import { Render } from '../index';
+export declare class SelectionTool {
+    private render;
+    constructor(render: Render);
+    selectingNodes: Konva.Node[];
+    selectingClear(slient?: boolean): void;
+    select(nodes: Konva.Node[]): void;
+    selectingNodesMove(offset: Konva.Vector2d): void;
+    selectAll(): void;
+}
+//# sourceMappingURL=selection-tool.d.ts.map

package/lib/draw-canvas-edit/components/render/tools/selection-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-tool.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/tools/selection-tool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,qBAAa,aAAa;IAExB,OAAO,CAAC,MAAM,CAAS;gBACX,MAAM,EAAE,MAAM;IAI1B,cAAc,EAAE,KAAK,CAAC,IAAI,EAAE,CAAM;IAElC,cAAc,CAAC,MAAM,UAAQ;IAoC7B,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;IAkE1B,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ;IASzC,SAAS;CAIV"}

package/lib/draw-canvas-edit/components/render/tools/selection-tool.js

@@ -0,0 +1,114 @@
+import { GraphDraw, LinkDraw } from '../draws';
+import { AssetType } from '../types';
+export class SelectionTool {
+    constructor(render) {
+        // 【被选中的】
+        this.selectingNodes = [];
+        this.render = render;
+    }
+    // 清空已选
+    selectingClear(slient = false) {
+        var _a;
+        // 选择变化了
+        if (this.selectingNodes.length > 0) {
+            !slient && this.render.emit('selection-change', []);
+        }
+        // 清空选择
+        this.render.transformer.nodes([]);
+        // 恢复透明度、层次、可交互
+        for (const node of [...this.selectingNodes].sort((a, b) => a.attrs.lastZIndex - b.attrs.lastZIndex)) {
+            node.setAttrs({
+                listening: true,
+                opacity: (_a = node.attrs.lastOpacity) !== null && _a !== void 0 ? _a : 1,
+                zIndex: node.attrs.lastZIndex
+            });
+        }
+        // 清空状态
+        for (const node of this.selectingNodes) {
+            node.setAttrs({
+                nodeMousedownPos: undefined,
+                lastOpacity: undefined,
+                lastZIndex: undefined,
+                selectingZIndex: undefined,
+                selected: false
+            });
+        }
+        // 清空选择节点
+        this.selectingNodes = [];
+        // 隐藏 连接点
+        this.render.linkTool.pointsVisible(false);
+        // 重绘
+        this.render.redraw([GraphDraw.name, LinkDraw.name]);
+    }
+    // 选择节点
+    select(nodes) {
+        if (nodes.length > 1) {
+            // 多选 不能改变大小/旋转
+            this.render.transformer.resizeEnabled(false);
+            this.render.transformer.rotateEnabled(false);
+        }
+        else {
+            if (nodes.length === 1) {
+                const target = nodes[0];
+                // 图形 不能改变大小
+                this.render.transformer.resizeEnabled(target.attrs.assetType === AssetType.Graph ? false : true);
+                this.render.transformer.rotateEnabled(target.attrs.assetType === AssetType.Graph &&
+                    ["Line", "Curve", "Bezier"].includes(target.attrs.graphType)
+                    ? false
+                    : true);
+            }
+            else {
+                this.render.transformer.resizeEnabled(true);
+            }
+        }
+        // 清除连接线选中
+        this.render.linkTool.selectingClear();
+        // 选择变化了
+        this.render.emit('selection-change', nodes);
+        this.selectingClear(true);
+        if (nodes.length > 0) {
+            // 最大zIndex
+            const maxZIndex = Math.max(...this.render.layer
+                .getChildren((node) => !this.render.ignore(node))
+                .map((o) => o.zIndex()));
+            // 记录状态
+            for (const node of nodes) {
+                node.setAttrs({
+                    nodeMousedownPos: node.position(), // 后面用于移动所选
+                    lastOpacity: node.opacity(), // 选中时，下面会使其变透明，记录原有的透明度
+                    lastZIndex: node.zIndex(), // 记录原有的层次，后面暂时提升所选节点的层次
+                    selectingZIndex: undefined,
+                    selected: true, // 选择中
+                    listening: false, // 不可交互
+                    opacity: node.opacity() * 0.8 // 设置透明度
+                });
+            }
+            // 提升层次
+            for (const node of nodes.sort((a, b) => a.zIndex() - b.zIndex())) {
+                node.setAttrs({
+                    zIndex: maxZIndex // 提升层次
+                });
+            }
+            // 选中的节点
+            this.selectingNodes = nodes;
+            // 选中的节点，放进 transformer
+            this.render.transformer.nodes(this.selectingNodes);
+        }
+        // 重绘
+        this.render.redraw([GraphDraw.name, LinkDraw.name]);
+    }
+    // 更新节点位置
+    selectingNodesMove(offset) {
+        for (const node of this.render.selectionTool.selectingNodes) {
+            node.x(node.x() + offset.x);
+            node.y(node.y() + offset.y);
+        }
+        this.render.emit('asset-position-change', this.render.selectionTool.selectingNodes);
+    }
+    // 选择所有节点
+    selectAll() {
+        const nodes = this.render.layer.find('.asset');
+        this.select(nodes);
+    }
+}
+//# sourceMappingURL=selection-tool.js.map

package/lib/draw-canvas-edit/components/render/tools/selection-tool.js.map

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

package/lib/draw-canvas-edit/components/render/tools/z-index-tool.d.ts

@@ -0,0 +1,17 @@
+import Konva from 'konva';
+import { Render } from '../index';
+export declare class ZIndexTool {
+    private render;
+    constructor(render: Render);
+    getNodes(nodes: Konva.Node[]): import("konva/lib/Node").Node<import("konva/lib/Node").NodeConfig>[];
+    getMaxZIndex(): number;
+    getMinZIndex(): number;
+    updateSelectingZIndex(nodes: Konva.Node[]): void;
+    resetSelectingZIndex(nodes: Konva.Node[]): void;
+    updateLastZindex(nodes: Konva.Node[]): void;
+    up(nodes: Konva.Node[]): void;
+    down(nodes: Konva.Node[]): void;
+    top(nodes: Konva.Node[]): void;
+    bottom(nodes: Konva.Node[]): void;
+}
+//# sourceMappingURL=z-index-tool.d.ts.map

package/lib/draw-canvas-edit/components/render/tools/z-index-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-index-tool.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas-edit/components/render/tools/z-index-tool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAKlC,qBAAa,UAAU;IAErB,OAAO,CAAC,MAAM,CAAS;gBACX,MAAM,EAAE,MAAM;IAK1B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;IAe5B,YAAY;IASZ,YAAY;IASZ,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;IASzC,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;IAQxC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;IAOpC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;IA8CtB,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;IA6CxB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;IA+BvB,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;CA+B3B"}