@meta2d/core 1.0.26 → 1.0.28

package/src/core.js

@@ -786,6 +786,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 +811,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 +820,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 +833,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 +889,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 +1156,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 +1173,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 +1184,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();
@@ -1234,7 +1243,8 @@ var Meta2d = /** @class */ (function () {
         // 没有参数 则播放有自动播放属性的动画
         if (!idOrTagOrPens) {
             pens = this.store.data.pens.filter(function (pen) {
-                return ((pen.type || pen.frames) && pen.autoPlay) || (pen.animations && pen.autoPlay);
+                return (((pen.type || pen.frames) && pen.autoPlay) ||
+                    (pen.animations && pen.autoPlay));
             });
         }
         else if (typeof idOrTagOrPens === 'string') {
@@ -1341,7 +1351,8 @@ var Meta2d = /** @class */ (function () {
         });
         this.initImageCanvas(pens);
         setTimeout(function () {
-            _this.canvas.calcActiveRect();
+            var _a;
+            (_a = _this.canvas) === null || _a === void 0 ? void 0 : _a.calcActiveRect();
             _this.render();
         }, 20);
     };
@@ -2478,7 +2489,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);
                 }
@@ -2498,7 +2509,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;
@@ -2551,6 +2562,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，填满，但长边可能截取（即显示不完整）
@@ -2585,6 +2610,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; }
@@ -2896,6 +2971,38 @@ var Meta2d = /** @class */ (function () {
             pens: pens,
         });
     };
+    //对齐大屏
+    Meta2d.prototype.alignNodesV = function (align, pens) {
+        var e_9, _a;
+        if (pens === void 0) { pens = this.store.data.pens; }
+        var width = this.store.data.width || this.store.options.width;
+        var height = this.store.data.height || this.store.options.height;
+        var rect = {
+            x: 0,
+            y: 0,
+            width: width,
+            height: height,
+        };
+        var initPens = deepClone(pens); // 原 pens ，深拷贝一下
+        try {
+            for (var pens_2 = __values(pens), pens_2_1 = pens_2.next(); !pens_2_1.done; pens_2_1 = pens_2.next()) {
+                var item = pens_2_1.value;
+                this.alignPen(align, item, rect);
+            }
+        }
+        catch (e_9_1) { e_9 = { error: e_9_1 }; }
+        finally {
+            try {
+                if (pens_2_1 && !pens_2_1.done && (_a = pens_2.return)) _a.call(pens_2);
+            }
+            finally { if (e_9) throw e_9.error; }
+        }
+        this.pushHistory({
+            type: EditType.Update,
+            initPens: initPens,
+            pens: pens,
+        });
+    };
     /**
      * 对齐画笔，基于第一个画笔
      * @param align 左对齐，右对齐，上对齐，下对齐，居中对齐
@@ -2976,7 +3083,7 @@ var Meta2d = /** @class */ (function () {
      * @param distance 总的宽 or 高
      */
     Meta2d.prototype.spaceBetweenByDirection = function (direction, pens, distance) {
-        var e_9, _a;
+        var e_10, _a;
         var _this = this;
         if (pens === void 0) { pens = this.store.data.pens; }
         !distance && (distance = this.getPenRect(this.getRect(pens))[direction]);
@@ -3002,20 +3109,20 @@ var Meta2d = /** @class */ (function () {
         var pen0Rect = this.getPenRect(pens[0]);
         var left = direction === 'width' ? pen0Rect.x : pen0Rect.y;
         try {
-            for (var pens_2 = __values(pens), pens_2_1 = pens_2.next(); !pens_2_1.done; pens_2_1 = pens_2.next()) {
-                var pen = pens_2_1.value;
+            for (var pens_3 = __values(pens), pens_3_1 = pens_3.next(); !pens_3_1.done; pens_3_1 = pens_3.next()) {
+                var pen = pens_3_1.value;
                 var penRect = this.getPenRect(pen);
                 direction === 'width' ? (penRect.x = left) : (penRect.y = left);
                 left += penRect[direction] + space;
                 this.setValue(__assign({ id: pen.id }, penRect), { render: false, doEvent: false });
             }
         }
-        catch (e_9_1) { e_9 = { error: e_9_1 }; }
+        catch (e_10_1) { e_10 = { error: e_10_1 }; }
         finally {
             try {
-                if (pens_2_1 && !pens_2_1.done && (_a = pens_2.return)) _a.call(pens_2);
+                if (pens_3_1 && !pens_3_1.done && (_a = pens_3.return)) _a.call(pens_3);
             }
-            finally { if (e_9) throw e_9.error; }
+            finally { if (e_10) throw e_10.error; }
         }
         this.render();
         this.pushHistory({
@@ -3132,7 +3239,7 @@ var Meta2d = /** @class */ (function () {
      * @param pens pen 置顶的画笔
      */
     Meta2d.prototype.top = function (pens) {
-        var e_10, _a;
+        var e_11, _a;
         var _this = this;
         if (!pens)
             pens = this.store.active;
@@ -3160,12 +3267,12 @@ var Meta2d = /** @class */ (function () {
                 _loop_3(pen);
             }
         }
-        catch (e_10_1) { e_10 = { error: e_10_1 }; }
+        catch (e_11_1) { e_11 = { error: e_11_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_10) throw e_10.error; }
+            finally { if (e_11) throw e_11.error; }
         }
     };
     /**
@@ -3181,7 +3288,7 @@ var Meta2d = /** @class */ (function () {
      * @param pens 画笔们，注意 pen 必须在该数组内才有效
      */
     Meta2d.prototype.bottom = function (pens) {
-        var e_11, _a;
+        var e_12, _a;
         if (!pens)
             pens = this.store.active;
         if (!Array.isArray(pens))
@@ -3212,12 +3319,12 @@ var Meta2d = /** @class */ (function () {
                 _loop_4(pen);
             }
         }
-        catch (e_11_1) { e_11 = { error: e_11_1 }; }
+        catch (e_12_1) { e_12 = { error: e_12_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_11) throw e_11.error; }
+            finally { if (e_12) throw e_12.error; }
         }
     };
     /**
@@ -3226,7 +3333,7 @@ var Meta2d = /** @class */ (function () {
      * @param pen 画笔
      */
     Meta2d.prototype.upByArea = function (pen) {
-        var _a, e_12, _b;
+        var _a, e_13, _b;
         var _this = this;
         var index = this.store.data.pens.findIndex(function (p) { return p.id === pen.id; });
         if (index === -1) {
@@ -3276,12 +3383,12 @@ var Meta2d = /** @class */ (function () {
                 _loop_6(pen_2);
             }
         }
-        catch (e_12_1) { e_12 = { error: e_12_1 }; }
+        catch (e_13_1) { e_13 = { error: e_13_1 }; }
         finally {
             try {
                 if (allPens_1_1 && !allPens_1_1.done && (_b = allPens_1.return)) _b.call(allPens_1);
             }
-            finally { if (e_12) throw e_12.error; }
+            finally { if (e_13) throw e_13.error; }
         }
         this.initImageCanvas([pen]);
     };
@@ -3305,7 +3412,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 =
@@ -3322,7 +3429,7 @@ var Meta2d = /** @class */ (function () {
      * @param pens 画笔
      */
     Meta2d.prototype.up = function (pens) {
-        var e_13, _a;
+        var e_14, _a;
         var _this = this;
         if (!pens)
             pens = this.store.active;
@@ -3375,12 +3482,12 @@ var Meta2d = /** @class */ (function () {
                 _loop_7(pen);
             }
         }
-        catch (e_13_1) { e_13 = { error: e_13_1 }; }
+        catch (e_14_1) { e_14 = { error: e_14_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_13) throw e_13.error; }
+            finally { if (e_14) throw e_14.error; }
         }
     };
     /**
@@ -3388,7 +3495,7 @@ var Meta2d = /** @class */ (function () {
      * @param pen 画笔
      */
     Meta2d.prototype.down = function (pens) {
-        var e_14, _a;
+        var e_15, _a;
         var _this = this;
         if (!pens)
             pens = this.store.active;
@@ -3443,12 +3550,12 @@ var Meta2d = /** @class */ (function () {
                 _loop_9(pen);
             }
         }
-        catch (e_14_1) { e_14 = { error: e_14_1 }; }
+        catch (e_15_1) { e_15 = { error: e_15_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_14) throw e_14.error; }
+            finally { if (e_15) throw e_15.error; }
         }
     };
     Meta2d.prototype.setLayer = function (pen, toIndex, pens) {
@@ -3490,6 +3597,10 @@ var Meta2d = /** @class */ (function () {
                 console.warn(node, 'node contain a error connectedLine');
                 return;
             }
+            if (lines.find(function (_line) { return _line.id === line.id; })) {
+                //去重
+                return;
+            }
             switch (type) {
                 case 'all':
                     lines.push(line);
@@ -3523,7 +3634,7 @@ var Meta2d = /** @class */ (function () {
             var nextNodes_1 = [];
             // 2. 遍历出线的 nextNode
             lines.forEach(function (line) {
-                var e_15, _a;
+                var e_16, _a;
                 var lineNextNode = _this.nextNode(line);
                 var _loop_11 = function (node) {
                     var have = nextNodes_1.find(function (next) { return next.id === node.id; });
@@ -3536,12 +3647,12 @@ var Meta2d = /** @class */ (function () {
                         _loop_11(node);
                     }
                 }
-                catch (e_15_1) { e_15 = { error: e_15_1 }; }
+                catch (e_16_1) { e_16 = { error: e_16_1 }; }
                 finally {
                     try {
                         if (lineNextNode_1_1 && !lineNextNode_1_1.done && (_a = lineNextNode_1.return)) _a.call(lineNextNode_1);
                     }
-                    finally { if (e_15) throw e_15.error; }
+                    finally { if (e_16) throw e_16.error; }
                 }
             });
             return nextNodes_1;
@@ -3564,7 +3675,7 @@ var Meta2d = /** @class */ (function () {
             var preNodes_1 = [];
             // 2. 遍历入线的 preNode
             lines.forEach(function (line) {
-                var e_16, _a;
+                var e_17, _a;
                 var linePreNode = _this.previousNode(line);
                 var _loop_12 = function (node) {
                     var have = preNodes_1.find(function (pre) { return pre.id === node.id; });
@@ -3577,12 +3688,12 @@ var Meta2d = /** @class */ (function () {
                         _loop_12(node);
                     }
                 }
-                catch (e_16_1) { e_16 = { error: e_16_1 }; }
+                catch (e_17_1) { e_17 = { error: e_17_1 }; }
                 finally {
                     try {
                         if (linePreNode_1_1 && !linePreNode_1_1.done && (_a = linePreNode_1.return)) _a.call(linePreNode_1);
                     }
-                    finally { if (e_16) throw e_16.error; }
+                    finally { if (e_17) throw e_17.error; }
                 }
             });
             return preNodes_1;
@@ -3858,7 +3969,7 @@ var Meta2d = /** @class */ (function () {
             : deepClone(__spreadArray([parent], __read(components), false));
     };
     Meta2d.prototype.setVisible = function (pen, visible, render) {
-        var e_17, _a;
+        var e_18, _a;
         if (render === void 0) { render = true; }
         this.onSizeUpdate();
         this.setValue({ id: pen.id, visible: visible }, { render: false, doEvent: false });
@@ -3870,12 +3981,12 @@ var Meta2d = /** @class */ (function () {
                     child && this.setVisible(child, visible, false);
                 }
             }
-            catch (e_17_1) { e_17 = { error: e_17_1 }; }
+            catch (e_18_1) { e_18 = { error: e_18_1 }; }
             finally {
                 try {
                     if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                 }
-                finally { if (e_17) throw e_17.error; }
+                finally { if (e_18) throw e_18.error; }
             }
         }
         render && this.render();