@meta2d/core 1.0.27 → 1.0.29

package/src/core.js

@@ -752,7 +752,8 @@ var Meta2d = /** @class */ (function () {
         });
     };
     Meta2d.prototype.render = function (patchFlags) {
-        this.canvas.render(patchFlags);
+        var _a;
+        (_a = this.canvas) === null || _a === void 0 ? void 0 : _a.render(patchFlags);
     };
     Meta2d.prototype.setBackgroundImage = function (url) {
         return __awaiter(this, void 0, void 0, function () {
@@ -786,6 +787,7 @@ var Meta2d = /** @class */ (function () {
                         height = this.store.data.height || this.store.options.height;
                         if (width && height) {
                             this.canvas.canvasImageBottom.canvas.style.backgroundImage = null;
+                            this.canvas && (this.canvas.canvasTemplate.bgPatchFlags = true);
                         }
                         else {
                             this.canvas.canvasImageBottom.canvas.style.backgroundImage = url
@@ -810,7 +812,8 @@ var Meta2d = /** @class */ (function () {
     Meta2d.prototype.setBackgroundColor = function (color) {
         if (color === void 0) { color = this.store.data.background; }
         this.store.data.background = color;
-        this.store.patchFlagsBackground = true;
+        // this.store.patchFlagsBackground = true;
+        this.canvas && (this.canvas.canvasTemplate.bgPatchFlags = true);
     };
     Meta2d.prototype.setGrid = function (_a) {
         var _b = _a === void 0 ? {} : _a, _c = _b.grid, grid = _c === void 0 ? this.store.data.grid : _c, _e = _b.gridColor, gridColor = _e === void 0 ? this.store.data.gridColor : _e, _f = _b.gridSize, gridSize = _f === void 0 ? this.store.data.gridSize : _f, _g = _b.gridRotate, gridRotate = _g === void 0 ? this.store.data.gridRotate : _g;
@@ -818,7 +821,8 @@ var Meta2d = /** @class */ (function () {
         this.store.data.gridColor = gridColor;
         this.store.data.gridSize = gridSize;
         this.store.data.gridRotate = gridRotate;
-        this.store.patchFlagsBackground = true;
+        // this.store.patchFlagsBackground = true;
+        this.canvas && (this.canvas.canvasTemplate.bgPatchFlags = true);
     };
     Meta2d.prototype.setRule = function (_a) {
         var _b = _a === void 0 ? {} : _a, _c = _b.rule, rule = _c === void 0 ? this.store.data.rule : _c, _e = _b.ruleColor, ruleColor = _e === void 0 ? this.store.data.ruleColor : _e;
@@ -830,7 +834,7 @@ var Meta2d = /** @class */ (function () {
         var e_1, _a, e_2, _b, e_3, _c, e_4, _e;
         var _this = this;
         if (render === void 0) { render = true; }
-        this.clear(false);
+        this.clear(false, data.template);
         this.canvas.autoPolylineFlag = true;
         if (data) {
             this.setBackgroundImage(data.bkImage);
@@ -886,6 +890,9 @@ var Meta2d = /** @class */ (function () {
                 _this.canvas.initLineRect(pen);
             }
         });
+        if (!this.store.data.template) {
+            this.store.data.template = s8();
+        }
         if (!render) {
             this.canvas.opening = true;
         }
@@ -1150,7 +1157,7 @@ var Meta2d = /** @class */ (function () {
      * 擦除画布，释放 store 上的 pens
      * @param render 是否重绘
      */
-    Meta2d.prototype.clear = function (render) {
+    Meta2d.prototype.clear = function (render, template) {
         var e_5, _a;
         var _b;
         if (render === void 0) { render = true; }
@@ -1167,7 +1174,7 @@ var Meta2d = /** @class */ (function () {
             }
             finally { if (e_5) throw e_5.error; }
         }
-        clearStore(this.store);
+        clearStore(this.store, template);
         this.hideInput();
         this.canvas.tooltip.hide();
         if (this.map && this.map.isShow) {
@@ -1178,7 +1185,10 @@ var Meta2d = /** @class */ (function () {
         sessionStorage.removeItem('page');
         this.store.clipboard = undefined;
         // 非必要，为的是 open 时重绘 背景与网格
-        this.store.patchFlagsBackground = true;
+        // this.store.patchFlagsBackground = true;
+        if (!this.store.sameTemplate) {
+            this.canvas.canvasTemplate.bgPatchFlags = true;
+        }
         this.store.patchFlagsTop = true;
         this.setBackgroundImage(undefined);
         render && this.render();
@@ -2480,7 +2490,7 @@ var Meta2d = /** @class */ (function () {
         try {
             for (var _c = __values(this.store.data.pens), _e = _c.next(); !_e.done; _e = _c.next()) {
                 var pen = _e.value;
-                if (pen.calculative.img) {
+                if (pen.calculative.img || ['iframe'].includes(pen.name)) {
                     //重新生成绘制图片
                     (_b = pen.onRenderPenRaw) === null || _b === void 0 ? void 0 : _b.call(pen, pen);
                 }
@@ -2500,7 +2510,7 @@ var Meta2d = /** @class */ (function () {
             var evt = document.createEvent('MouseEvents');
             evt.initEvent('click', true, true);
             a.dispatchEvent(evt);
-        });
+        }, 1000);
     };
     Meta2d.prototype.downloadSvg = function () {
         var e_7, _a;
@@ -2553,6 +2563,20 @@ var Meta2d = /** @class */ (function () {
         if (pens === void 0) { pens = this.store.data.pens; }
         return getRect(pens);
     };
+    Meta2d.prototype.hiddenTemplate = function () {
+        this.canvas.canvasTemplate.hidden();
+    };
+    Meta2d.prototype.showTemplate = function () {
+        this.canvas.canvasTemplate.show();
+    };
+    Meta2d.prototype.lockTemplate = function (lock) {
+        //锁定
+        this.store.data.pens.forEach(function (pen) {
+            if (pen.template) {
+                pen.locked = lock;
+            }
+        });
+    };
     /**
      * 放大到屏幕尺寸，并居中
      * @param fit true，填满但完整展示；false，填满，但长边可能截取（即显示不完整）
@@ -2587,6 +2611,56 @@ var Meta2d = /** @class */ (function () {
         // 5. 居中
         this.centerView();
     };
+    Meta2d.prototype.trimPens = function () {
+        //去除空连线
+        var pens = this.store.data.pens.filter(function (pen) { return pen.name === 'line' && pen.anchors.length < 2; });
+        this.delete(pens);
+    };
+    /**
+     * 放大到屏幕尺寸，并居中
+     * @param fit true，填满但完整展示；false，填满，但长边可能截取（即显示不完整）
+     */
+    Meta2d.prototype.fitTemplateView = function (fit, viewPadding) {
+        var _this = this;
+        if (fit === void 0) { fit = true; }
+        if (viewPadding === void 0) { viewPadding = 10; }
+        //  默认垂直填充，两边留白
+        if (!this.hasView())
+            return;
+        // 1. 重置画布尺寸为容器尺寸
+        var canvas = this.canvas.canvas;
+        var width = canvas.offsetWidth, height = canvas.offsetHeight;
+        // 2. 获取设置的留白值
+        var padding = formatPadding(viewPadding);
+        // 3. 获取图形尺寸
+        var rect = this.getRect();
+        // 4. 计算缩放比例
+        var w = (width - padding[1] - padding[3]) / rect.width;
+        var h = (height - padding[0] - padding[2]) / rect.height;
+        var ratio = w;
+        if (fit) {
+            // 完整显示取小的
+            ratio = w > h ? h : w;
+        }
+        else {
+            ratio = w > h ? w : h;
+        }
+        // 该方法直接更改画布的 scale 属性，所以比率应该乘以当前 scale
+        this.canvas.templateScale(ratio * this.store.data.scale);
+        var _rect = this.getRect();
+        var pens = this.store.data.pens.filter(function (pen) { return !pen.parentId; });
+        this.canvas.templateTranslatePens(pens, -_rect.x, -_rect.y);
+        // 5. 居中
+        this.store.data.pens.forEach(function (pen) {
+            if (!pen.type) {
+                _this.canvas.updateLines(pen);
+            }
+            else {
+                _this.canvas.initLineRect(pen);
+            }
+        });
+        this.centerView();
+    };
     Meta2d.prototype.fitSizeView = function (fit, viewPadding) {
         if (fit === void 0) { fit = true; }
         if (viewPadding === void 0) { viewPadding = 10; }
@@ -3339,7 +3413,7 @@ var Meta2d = /** @class */ (function () {
             }
             else if (type === 'up') {
                 zIndex =
-                    pen.calculative.zIndex === undefined ? 5 : pen.calculative.zIndex + 1;
+                    pen.calculative.zIndex === undefined ? 6 : pen.calculative.zIndex + 1;
             }
             else if (type === 'down') {
                 zIndex =