@meta2d/core 1.0.45 → 1.0.47

package/src/core.d.ts

@@ -27,7 +27,7 @@ export declare class Meta2d {
         type?: string;
         topic?: string;
         url?: string;
-    }) => boolean;
+    }) => boolean | string;
     events: Record<number, (pen: Pen, e: Event) => void>;
     map: ViewMap;
     mapTimer: any;
@@ -158,6 +158,7 @@ export declare class Meta2d {
      */
     combine(pens?: Pen[], showChild?: number): void;
     uncombine(pen?: Pen): void;
+    appendChild(pens?: Pen[]): void;
     isCombine(pen: Pen): boolean;
     active(pens: Pen[], emit?: boolean): void;
     inactive(): void;
@@ -238,6 +239,7 @@ export declare class Meta2d {
     showInput(pen: Pen, rect?: Rect): void;
     hideInput(): void;
     clearDropdownList(): void;
+    clearRuleLines(): void;
     private onEvent;
     private doEvent;
     initGlobalTriggers(): void;
@@ -247,6 +249,7 @@ export declare class Meta2d {
     renderPenRaw: typeof renderPenRaw;
     toPng(padding?: Padding, callback?: BlobCallback, containBkImg?: boolean, maxWidth?: number): string;
     activeToPng(padding?: Padding): string;
+    pensToPng(pens?: Pen[], padding?: Padding): string;
     /**
      * 下载 png
      * @param name 传入参数自带文件后缀名 例如：'test.png'

package/src/core.js

@@ -187,9 +187,27 @@ var Meta2d = /** @class */ (function () {
             }
             if (_this.store.messageEvents[eventName]) {
                 _this.store.messageEvents[eventName].forEach(function (item) {
-                    item.event.actions.forEach(function (action) {
-                        _this.events[action.action](item.pen, action);
-                    });
+                    var flag = false;
+                    if (item.event.conditions && item.event.conditions.length) {
+                        if (item.event.conditionType === 'and') {
+                            flag = item.event.conditions.every(function (condition) {
+                                return _this.judgeCondition(item.pen, condition.key, condition);
+                            });
+                        }
+                        else if (item.event.conditionType === 'or') {
+                            flag = item.event.conditions.some(function (condition) {
+                                return _this.judgeCondition(item.pen, condition.key, condition);
+                            });
+                        }
+                    }
+                    else {
+                        flag = true;
+                    }
+                    if (flag) {
+                        item.event.actions.forEach(function (action) {
+                            _this.events[action.action](item.pen, action);
+                        });
+                    }
                 });
             }
         };
@@ -553,7 +571,9 @@ var Meta2d = /** @class */ (function () {
                 var pens = e.params ? _this.find(e.params) : _this.find(pen.id);
                 pens.forEach(function (pen) {
                     if (value.hasOwnProperty('visible')) {
-                        _this.setVisible(pen, value.visible);
+                        if (pen.visible !== value.visible) {
+                            _this.setVisible(pen, value.visible);
+                        }
                     }
                     _this.setValue(__assign({ id: pen.id }, value), { render: false, doEvent: false });
                 });
@@ -1436,6 +1456,9 @@ var Meta2d = /** @class */ (function () {
         else {
             pens = idOrTagOrPens;
         }
+        if (!pens.length) {
+            return;
+        }
         pens.forEach(function (pen) {
             var _a, _b;
             if (pen.calculative.pause) {
@@ -1488,8 +1511,9 @@ var Meta2d = /** @class */ (function () {
                 }
             }
         });
-        this.canvas.canvasImage.init();
-        this.canvas.canvasImageBottom.init();
+        // this.canvas.canvasImage.init();
+        // this.canvas.canvasImageBottom.init();
+        this.initImageCanvas(pens);
         this.canvas.animate();
     };
     Meta2d.prototype.pauseAnimate = function (idOrTagOrPens) {
@@ -1749,6 +1773,28 @@ var Meta2d = /** @class */ (function () {
         }
         this.inactive();
     };
+    Meta2d.prototype.appendChild = function (pens) {
+        if (pens === void 0) { pens = this.store.active; }
+        if (!pens) {
+            return;
+        }
+        if (pens.length < 2) {
+            return;
+        }
+        var pIdx = pens.findIndex(function (pen) { return pen.name === 'combine' && pen.showChild !== undefined; });
+        if (pIdx !== -1) {
+            var parent_1 = pens[pIdx];
+            this.pushChildren(parent_1, __spreadArray(__spreadArray([], __read(pens.slice(0, pIdx)), false), __read(pens.slice(pIdx + 1)), false));
+            pens.forEach(function (pen) {
+                calcInView(pen, true);
+            });
+            this.initImageCanvas(pens);
+            this.render();
+        }
+        else {
+            console.warn('Invalid operation!');
+        }
+    };
     Meta2d.prototype.isCombine = function (pen) {
         if (pen.name === 'combine') {
             return true;
@@ -2286,7 +2332,7 @@ var Meta2d = /** @class */ (function () {
                 // https.forEach(async (_item) => {
                 //   this.requestHttp(_item);
                 // });
-                // this.render();
+                _this.render();
             }, this.store.data.networkInterval || 1000);
         }
         https.forEach(function (_item, index) {
@@ -2366,22 +2412,28 @@ var Meta2d = /** @class */ (function () {
     Meta2d.prototype.socketCallback = function (message, context) {
         var _this = this;
         this.store.emitter.emit('socket', { message: message, context: context });
-        if (this.socketFn &&
-            !this.socketFn(message, {
+        var _message = message;
+        if (this.socketFn) {
+            _message = this.socketFn(message, {
                 meta2d: this,
                 type: context.type,
                 topic: context.topic,
                 url: context.url,
-            })) {
-            return;
+            });
+            if (!_message) {
+                return;
+            }
+        }
+        if (_message === true) {
+            _message = message;
         }
         var data;
-        if (message.constructor === Object || message.constructor === Array) {
-            data = message;
+        if (_message.constructor === Object || _message.constructor === Array) {
+            data = _message;
         }
-        else if (typeof message === 'string') {
+        else if (typeof _message === 'string') {
             try {
-                data = JSON.parse(message);
+                data = JSON.parse(_message);
             }
             catch (error) {
                 console.warn('Invalid socket data:', data, error);
@@ -2603,6 +2655,9 @@ var Meta2d = /** @class */ (function () {
     Meta2d.prototype.clearDropdownList = function () {
         this.canvas.clearDropdownList();
     };
+    Meta2d.prototype.clearRuleLines = function () {
+        this.canvas.clearRuleLines();
+    };
     Meta2d.prototype.initGlobalTriggers = function () {
         var _this = this;
         var _a;
@@ -2761,6 +2816,10 @@ var Meta2d = /** @class */ (function () {
     Meta2d.prototype.activeToPng = function (padding) {
         return this.canvas.activeToPng(padding);
     };
+    Meta2d.prototype.pensToPng = function (pens, padding) {
+        if (pens === void 0) { pens = this.store.active; }
+        return this.canvas.pensToPng(pens, padding);
+    };
     /**
      * 下载 png
      * @param name 传入参数自带文件后缀名 例如：'test.png'
@@ -3272,6 +3331,8 @@ var Meta2d = /** @class */ (function () {
             }
             finally { if (e_8) throw e_8.error; }
         }
+        this.initImageCanvas(pens);
+        this.initTemplateCanvas(pens);
         this.render();
         this.pushHistory({
             type: EditType.Update,
@@ -3305,6 +3366,9 @@ var Meta2d = /** @class */ (function () {
             }
             finally { if (e_9) throw e_9.error; }
         }
+        this.initImageCanvas(pens);
+        this.initTemplateCanvas(pens);
+        this.render();
         this.pushHistory({
             type: EditType.Update,
             initPens: initPens,
@@ -3325,6 +3389,8 @@ var Meta2d = /** @class */ (function () {
             var pen = pens[i];
             this.alignPen(align, pen, rect);
         }
+        this.initImageCanvas(pens);
+        this.initTemplateCanvas(pens);
         this.render();
         this.pushHistory({
             type: EditType.Update,
@@ -3346,6 +3412,8 @@ var Meta2d = /** @class */ (function () {
             var pen = pens[i];
             this.alignPen(align, pen, rect);
         }
+        this.initImageCanvas(pens);
+        this.initTemplateCanvas(pens);
         this.render();
         this.pushHistory({
             type: EditType.Update,
@@ -3432,6 +3500,8 @@ var Meta2d = /** @class */ (function () {
             }
             finally { if (e_10) throw e_10.error; }
         }
+        this.initImageCanvas(pens);
+        this.initTemplateCanvas(pens);
         this.render();
         this.pushHistory({
             type: EditType.Update,
@@ -3482,6 +3552,8 @@ var Meta2d = /** @class */ (function () {
                 currentY += maxHeight + space;
             }
         });
+        this.initImageCanvas(pens);
+        this.initTemplateCanvas(pens);
         this.render();
         this.pushHistory({
             type: EditType.Update,
@@ -4398,6 +4470,8 @@ var Meta2d = /** @class */ (function () {
                 finally { if (e_18) throw e_18.error; }
             }
         }
+        var allPens = getAllChildren(pen, this.store);
+        this.initImageCanvas(allPens);
         render && this.render();
     };
     Meta2d.prototype.clearHover = function () {