@meta2d/core 1.0.46 → 1.0.47

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@meta2d/core",
-    "version": "1.0.46",
+    "version": "1.0.47",
     "description": "@meta2d/core: Powerful, Beautiful, Simple, Open - Web-Based 2D At Its Best .",
     "main": "index.js",
     "types": "index.d.ts",

package/src/canvas/canvas.d.ts

@@ -195,6 +195,8 @@ export declare class Canvas {
         button?: number;
     }) => void;
     private addRuleLine;
+    clearRuleLines(): void;
+    get ruleLines(): Pen[];
     /**
      * @description 调整pen的坐标，让pen按照网格自动对齐
      * @author Joseph Ho
@@ -428,6 +430,7 @@ export declare class Canvas {
     };
     toPng(padding?: Padding, callback?: BlobCallback, containBkImg?: boolean, maxWidth?: number): string;
     activeToPng(padding?: Padding): string;
+    pensToPng(pens?: Pen[], padding?: Padding): string;
     toggleAnchorMode(): void;
     addAnchorHand(): void;
     removeAnchorHand(): void;

package/src/canvas/canvas.js

@@ -100,6 +100,7 @@ import { Dialog } from '../dialog';
 import { setter } from '../utils/object';
 import { Title } from '../title';
 import { CanvasTemplate } from './canvasTemplate';
+import { getLinePoints } from '../diagrams/line';
 export var movingSuffix = '-moving';
 var Canvas = /** @class */ (function () {
     function Canvas(parent, parentElement, store) {
@@ -639,9 +640,16 @@ var Canvas = /** @class */ (function () {
                         _this.store.active.forEach(function (pen) {
                             if (pen.type) {
                                 pen.close = !pen.close;
+                                if (pen.close) {
+                                    getLinePoints(pen);
+                                }
                                 _this.store.path2dMap.set(pen, globalStore.path2dDraws.line(pen));
                                 getLineLength(pen);
                             }
+                            else {
+                                //图元进入编辑模式
+                                pen.calculative.focus = !pen.calculative.focus;
+                            }
                         });
                         _this.render();
                     }
@@ -1343,9 +1351,13 @@ var Canvas = /** @class */ (function () {
                         }
                         if (_this.store.active.length === 1) {
                             var activePen = _this.store.active[0];
-                            if (activePen.locked < LockState.DisableMove) {
+                            if (activePen.locked === undefined || activePen.locked < LockState.DisableMove) {
                                 (_e = activePen === null || activePen === void 0 ? void 0 : activePen.onMouseMove) === null || _e === void 0 ? void 0 : _e.call(activePen, activePen, _this.mousePos);
                             }
+                            if (activePen.calculative.focus) {
+                                //执行图元的操作
+                                return;
+                            }
                         }
                         _this.movePens(e);
                         return;
@@ -1446,11 +1458,17 @@ var Canvas = /** @class */ (function () {
                 return;
             }
             if (_this.mouseRight === MouseRight.Down) {
-                _this.store.emitter.emit('contextmenu', {
-                    e: e,
-                    clientRect: _this.clientRect,
-                    pen: _this.store.hover,
-                });
+                if (_this.store.hover && _this.store.hover.calculative.focus) {
+                    _this.store.hover.onContextmenu &&
+                        _this.store.hover.onContextmenu(_this.store.hover, e);
+                }
+                else {
+                    _this.store.emitter.emit('contextmenu', {
+                        e: e,
+                        clientRect: _this.clientRect,
+                        pen: _this.store.hover,
+                    });
+                }
             }
             _this.mouseRight = MouseRight.None;
             _this.calibrateMouse(e);
@@ -2489,7 +2507,7 @@ var Canvas = /** @class */ (function () {
             }
             var textRect = rect || pen.calculative.worldTextRect;
             //value和innerText问题
-            var preInputText = pen.calculative.tempText || pen.text + '' || '';
+            var preInputText = pen.calculative.tempText === undefined ? (pen.text + '' || '') : pen.calculative.tempText;
             var textArr = preInputText.replace(/\x20/g, '&nbsp;').split(/[\s\n]/);
             var finalText = (textArr.join('</div><div>') + "</div>")
                 .replace('</div>', '')
@@ -3471,6 +3489,16 @@ var Canvas = /** @class */ (function () {
             ],
         });
     };
+    Canvas.prototype.clearRuleLines = function () {
+        this.delete(this.ruleLines);
+    };
+    Object.defineProperty(Canvas.prototype, "ruleLines", {
+        get: function () {
+            return this.store.data.pens.filter(function (p) { return p.isRuleLine; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * @description 调整pen的坐标，让pen按照网格自动对齐
      * @author Joseph Ho
@@ -4078,7 +4106,7 @@ var Canvas = /** @class */ (function () {
             this.doEditAction(action_1, true);
             step--;
         }
-        if (action.type == EditType.Add || action.type == EditType.Delete) {
+        if (action.type == EditType.Add || action.type == EditType.Delete || action.type == EditType.Update) {
             this.activeHistory();
         }
     };
@@ -4096,19 +4124,27 @@ var Canvas = /** @class */ (function () {
             this.doEditAction(action_2, false);
             step--;
         }
-        if (action.type == EditType.Add || action.type == EditType.Delete) {
+        if (action.type == EditType.Add || action.type == EditType.Delete || action.type == EditType.Update) {
             this.activeHistory();
         }
     };
     Canvas.prototype.activeHistory = function () {
         var _this = this;
+        var now = this.store.histories[this.store.historyIndex + 1];
+        var pens = [];
+        if (now && (now.type === EditType.Update)) {
+            now.pens.forEach(function (pen) {
+                pens.push(_this.store.pens[pen.id]);
+            });
+            this.active(pens);
+            return;
+        }
         var before = this.store.histories[this.store.historyIndex];
-        if (before && before.type === EditType.Add) {
-            var pens_8 = [];
+        if (before && (before.type === EditType.Add || before.type === EditType.Delete)) {
             before.pens.forEach(function (pen) {
-                pens_8.push(_this.store.pens[pen.id]);
+                pens.push(_this.store.pens[pen.id]);
             });
-            this.active(pens_8);
+            this.active(pens);
         }
     };
     Canvas.prototype.doEditAction = function (action, undo) {
@@ -4206,7 +4242,7 @@ var Canvas = /** @class */ (function () {
                 break;
             case EditType.Replace: {
                 // undo pens则为新的pen
-                var pens_9 = undo ? action.initPens : action.pens;
+                var pens_8 = undo ? action.initPens : action.pens;
                 var unPens_2 = undo ? action.pens : action.initPens;
                 // 删除旧的
                 unPens_2.forEach(function (aPen) {
@@ -4227,7 +4263,7 @@ var Canvas = /** @class */ (function () {
                     }
                 });
                 // 放置新的
-                pens_9.reverse().forEach(function (aPen) {
+                pens_8.reverse().forEach(function (aPen) {
                     var _a, _b;
                     var pen = deepClone(aPen, true);
                     if (!pen.calculative) {
@@ -4245,7 +4281,7 @@ var Canvas = /** @class */ (function () {
                     }
                     pen.calculative.canvas = _this;
                 });
-                pens_9.reverse().forEach(function (aPen) {
+                pens_8.reverse().forEach(function (aPen) {
                     var pen = _this.store.data.pens.find(function (i) { return i.id === aPen.id; });
                     var rect = _this.getPenRect(pen, action.origin, action.scale);
                     _this.setPenRect(pen, rect, false);
@@ -5397,8 +5433,18 @@ var Canvas = /** @class */ (function () {
                 }
             }
             else {
-                offsetX = pt.x - this.store.activeAnchor.x;
-                offsetY = pt.y - this.store.activeAnchor.y;
+                if (!keyOptions.ctrlKey && keyOptions.shiftKey) {
+                    offsetX = pt.x - this.store.activeAnchor.x;
+                    offsetY = 0;
+                }
+                else if (keyOptions.ctrlKey && !keyOptions.shiftKey) {
+                    offsetX = 0;
+                    offsetY = pt.y - this.store.activeAnchor.y;
+                }
+                else {
+                    offsetX = pt.x - this.store.activeAnchor.x;
+                    offsetY = pt.y - this.store.activeAnchor.y;
+                }
             }
             translatePoint(this.store.activeAnchor, offsetX, offsetY);
             if (this.store.hover &&
@@ -6369,15 +6415,15 @@ var Canvas = /** @class */ (function () {
         var e_21, _a;
         var retPens = [];
         try {
-            for (var pens_10 = __values(pens), pens_10_1 = pens_10.next(); !pens_10_1.done; pens_10_1 = pens_10.next()) {
-                var pen = pens_10_1.value;
+            for (var pens_9 = __values(pens), pens_9_1 = pens_9.next(); !pens_9_1.done; pens_9_1 = pens_9.next()) {
+                var pen = pens_9_1.value;
                 retPens.push.apply(retPens, __spreadArray([], __read(deepClone(getAllChildren(pen, this.store), true)), false));
             }
         }
         catch (e_21_1) { e_21 = { error: e_21_1 }; }
         finally {
             try {
-                if (pens_10_1 && !pens_10_1.done && (_a = pens_10.return)) _a.call(pens_10);
+                if (pens_9_1 && !pens_9_1.done && (_a = pens_9.return)) _a.call(pens_9);
             }
             finally { if (e_21) throw e_21.error; }
         }
@@ -7217,9 +7263,17 @@ var Canvas = /** @class */ (function () {
         return canvas.toDataURL();
     };
     Canvas.prototype.activeToPng = function (padding) {
+        if (padding === void 0) { padding = 2; }
+        return this.pensToPng(this.store.active, padding);
+    };
+    Canvas.prototype.pensToPng = function (pens, padding) {
         var e_24, _a;
+        if (pens === void 0) { pens = this.store.active; }
         if (padding === void 0) { padding = 2; }
-        var allPens = this.getAllByPens(this.store.active);
+        if (pens.length === 0) {
+            return;
+        }
+        var allPens = this.getAllByPens(pens);
         var ids = allPens.map(function (pen) { return pen.id; });
         var rect = getRect(allPens);
         if (!isFinite(rect.width)) {