@meta2d/core 1.1.1 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meta2d/core",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "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

@@ -245,6 +245,7 @@ export declare class Canvas {
     resize(w?: number, h?: number): void;
     clearCanvas(): void;
     addPen(pen: Pen, history?: boolean, emit?: boolean, abs?: boolean): Promise<Pen>;
+    addPenSync(pen: Pen, history?: boolean, emit?: boolean, abs?: boolean): Pen;
     pushHistory(action: EditAction): void;
     undo(): void;
     redo(): void;
@@ -410,6 +411,7 @@ export declare class Canvas {
      */
     changeNodeConnectedLine(oldId: string, line: Pen, pastePens: Pen[]): void;
     delete(pens?: Pen[], canDelLocked?: boolean, history?: boolean): Promise<void>;
+    deleteSync(pens?: Pen[], canDelLocked?: boolean, history?: boolean): void;
     private _del;
     getDelPens(pen: Pen, delPens: Pen[]): void;
     private getLockedParent;

package/src/canvas/canvas.js

@@ -394,6 +394,9 @@ export class Canvas {
                     data: this.dialog.data
                 }), '*');
             }
+            if (data.name === 'closeDialog') {
+                this.dialog.hide();
+            }
             this.parent.doMessageEvent(data.name, JSON.stringify(data.data));
         }
         else {
@@ -1206,6 +1209,15 @@ export class Canvas {
                     if (num % 2 === 0) {
                         lastH += pen.height + 10 * this.store.data.scale;
                     }
+                    delete pen.dataset;
+                }
+                if (pen.temOffsetX) {
+                    pen.x += pen.temOffsetX * this.store.data.scale;
+                    delete pen.temOffsetX;
+                }
+                if (pen.temOffsetY) {
+                    pen.y += pen.temOffsetY * this.store.data.scale;
+                    delete pen.temOffsetY;
                 }
             }
         }
@@ -1420,7 +1432,7 @@ export class Canvas {
         if (len === 1) {
             if (this.store.options.scroll && this.scroll && !this.store.options.scrollButScale) {
                 let diff = this.lastTouchY - event.touches[0].clientY;
-                this.scroll.wheel(diff < 0);
+                this.scroll.wheel(diff);
                 this.lastTouchY = event.touches[0].clientY;
                 return;
             }
@@ -3359,6 +3371,25 @@ export class Canvas {
         }
         return pen;
     }
+    addPenSync(pen, history, emit, abs) {
+        if (this.beforeAddPen && this.beforeAddPen(pen) != true) {
+            return;
+        }
+        if (abs) {
+            pen.x = pen.x * this.store.data.scale + this.store.data.origin.x;
+            pen.y = pen.y * this.store.data.scale + this.store.data.origin.y;
+            pen.width = pen.width * this.store.data.scale;
+            pen.height = pen.height * this.store.data.scale;
+        }
+        this.makePen(pen);
+        this.active([pen]);
+        this.render();
+        emit && this.store.emitter.emit('add', [pen]);
+        if (history) {
+            this.pushHistory({ type: EditType.Add, pens: [pen] });
+        }
+        return pen;
+    }
     pushHistory(action) {
         if (this.store.data.locked) {
             return;
@@ -4975,7 +5006,7 @@ export class Canvas {
             calcRightBottom(pen.calculative.worldRect);
             calcCenter(pen.calculative.worldRect);
             this.updatePenRect(pen, { worldRectIsReady: true });
-            this.execPenResize(pen);
+            this.execPenResize(pen, true);
             this.updateLines(pen);
         });
         this.getSizeCPs();
@@ -6321,6 +6352,31 @@ export class Canvas {
         }
         this.store.emitter.emit('delete', pens);
     }
+    deleteSync(pens = this.store.active, canDelLocked = false, history = true) {
+        if (!pens || !pens.length) {
+            return;
+        }
+        if (!canDelLocked) {
+            pens = pens.filter((pen) => !pen.locked);
+        }
+        if (!pens || !pens.length) {
+            return;
+        }
+        const deletePens = [];
+        this._del(pens, deletePens, canDelLocked);
+        this.initImageCanvas(deletePens);
+        this.initTemplateCanvas(deletePens);
+        this.inactive();
+        this.clearHover();
+        this.render();
+        // TODO: 连线的删除 ，连接的 node 的 connectLines 会变化（删除 node ，line 的 anchors 类似），未记历史记录
+        if (history) {
+            if (deletePens.length === 0)
+                return;
+            this.pushHistory({ type: EditType.Delete, pens: deletePens });
+        }
+        this.store.emitter.emit('delete', pens);
+    }
     _del(pens, delPens, canDelLocked) {
         if (!pens) {
             return;
@@ -7301,11 +7357,11 @@ export class Canvas {
     /**
      * 执行 pen ，以及 pen 的子孙节点的 onResize 生命周期函数
      */
-    execPenResize(pen) {
-        pen.onResize?.(pen);
+    execPenResize(pen, raw) {
+        pen.onResize?.(pen, raw);
         pen.children?.forEach((chlidId) => {
             const child = this.store.pens[chlidId];
-            child && this.execPenResize(child);
+            child && this.execPenResize(child, raw);
         });
     }
     setPenRect(pen, rect, render = true) {
@@ -7321,7 +7377,7 @@ export class Canvas {
             pen.height = rect.height * scale;
         }
         this.updatePenRect(pen);
-        this.execPenResize(pen);
+        this.execPenResize(pen, true);
         render && this.render();
     }
     getPenRect(pen, origin = this.store.data.origin, scale = this.store.data.scale) {
@@ -7798,45 +7854,49 @@ export class Canvas {
         if (rect.width > 0.5) {
             rect.left = true;
             rect.right = true;
-            rect.leftValue = (rect.x - 0) * scale * width;
-            rect.rightValue = (1 - (rect.x + rect.width)) * scale * width;
+            rect.leftValue = rect.x;
+            rect.rightValue = 1 - (rect.x + rect.width);
         }
         else {
             if (rect.x < 0.5) {
                 rect.left = true;
-                rect.leftValue = (rect.x - 0) * scale * width;
+                rect.leftValue = rect.x;
+                if (rect.x > 0.2 && (rect.x + rect.width) > 0.5) {
+                    rect.right = true;
+                    rect.rightValue = 1 - (rect.x + rect.width);
+                }
             }
             else {
                 rect.right = true;
-                rect.rightValue = (1 - (rect.x + rect.width)) * scale * width;
+                rect.rightValue = 1 - (rect.x + rect.width);
             }
         }
-        if (rect.leftValue < 1) {
+        if (rect.leftValue < 0.05) {
             rect.leftValue = 0;
         }
-        if (rect.rightValue < 1) {
+        if (rect.rightValue < 0.05) {
             rect.rightValue = 0;
         }
         if (rect.height > 0.5) {
             rect.top = true;
             rect.bottom = true;
-            rect.topValue = (rect.y - 0) * scale * height;
-            rect.bottomValue = (1 - (rect.y + rect.height)) * scale * height;
+            rect.topValue = rect.y;
+            rect.bottomValue = 1 - (rect.y + rect.height);
         }
         else {
             if (rect.y < 0.5) {
                 rect.top = true;
-                rect.topValue = (rect.y - 0) * scale * height;
+                rect.topValue = rect.y;
             }
             else {
                 rect.bottom = true;
-                rect.bottomValue = (1 - (rect.y + rect.height)) * scale * height;
+                rect.bottomValue = 1 - (rect.y + rect.height);
             }
         }
-        if (rect.topValue < 1) {
+        if (rect.topValue < 0.05) {
             rect.topValue = 0;
         }
-        if (rect.bottomValue < 1) {
+        if (rect.bottomValue < 0.05) {
             rect.bottomValue = 0;
         }
         if (!this.store.data.fits) {
@@ -7930,45 +7990,49 @@ export class Canvas {
             if (fit.width > 0.5) {
                 fit.left = true;
                 fit.right = true;
-                fit.leftValue = (fit.x - 0) * scale * width;
-                fit.rightValue = ((1 - (fit.x + fit.width)) * scale * width);
+                fit.leftValue = fit.x;
+                fit.rightValue = 1 - (fit.x + fit.width);
             }
             else {
                 if (fit.x < 0.5) {
                     fit.left = true;
-                    fit.leftValue = (fit.x - 0) * scale * width;
+                    fit.leftValue = fit.x;
+                    if (fit.x > 0.2 && (fit.x + fit.width) > 0.5) {
+                        fit.right = true;
+                        fit.rightValue = 1 - (fit.x + fit.width);
+                    }
                 }
                 else {
                     fit.right = true;
-                    fit.rightValue = ((1 - (fit.x + fit.width)) * scale * width);
+                    fit.rightValue = 1 - (fit.x + fit.width);
                 }
             }
-            if (Math.abs(fit.leftValue) < 1) {
+            if (Math.abs(fit.leftValue) < 0.05) {
                 fit.leftValue = 0;
             }
-            if (Math.abs(fit.rightValue) < 1) {
+            if (Math.abs(fit.rightValue) < 0.05) {
                 fit.rightValue = 0;
             }
             if (fit.height > 0.5) {
                 fit.top = true;
                 fit.bottom = true;
-                fit.topValue = (fit.y - 0) * scale * height;
-                fit.bottomValue = (1 - (fit.y + fit.height)) * scale * height;
+                fit.topValue = fit.y;
+                fit.bottomValue = 1 - (fit.y + fit.height);
             }
             else {
                 if (fit.y < 0.5) {
                     fit.top = true;
-                    fit.topValue = (fit.y - 0) * scale * height;
+                    fit.topValue = fit.y - 0;
                 }
                 else {
                     fit.bottom = true;
-                    fit.bottomValue = (1 - (fit.y + fit.height)) * scale * height;
+                    fit.bottomValue = 1 - (fit.y + fit.height);
                 }
             }
-            if (Math.abs(fit.topValue) < 1) {
+            if (Math.abs(fit.topValue) < 0.05) {
                 fit.topValue = 0;
             }
-            if (Math.abs(fit.bottomValue) < 1) {
+            if (Math.abs(fit.bottomValue) < 0.05) {
                 fit.bottomValue = 0;
             }
             fit.children = pens.map(pen => pen.id);