@meta2d/core 1.0.53 → 1.0.55

package/src/core.d.ts

@@ -92,6 +92,7 @@ export declare class Meta2d {
      * open 后执行初始化 Js ，每个图纸可配置一个初始化 js
      */
     private doInitJS;
+    doInitFn(): void;
     drawLine(lineName?: string): void;
     alignPenToGrid(pen: Pen): void;
     drawingPencil(): void;
@@ -185,8 +186,10 @@ export declare class Meta2d {
     undo(): void;
     redo(): void;
     listenSocket(): boolean;
+    websocketTimes: number;
     connectWebsocket(websocket?: string): void;
     closeWebsocket(): void;
+    mqttTimes: number;
     connectMqtt(params?: {
         mqtt: string;
         mqttTopics: string;
@@ -207,6 +210,7 @@ export declare class Meta2d {
     updateTimer: any;
     updateTimerList: any[];
     connectNetwork(): void;
+    connectNetWebSocket(net: Network): void;
     randomString(e: number): string;
     mockValue(data: any): any;
     dataMock(): void;
@@ -248,6 +252,7 @@ export declare class Meta2d {
     clearRuleLines(): void;
     private onEvent;
     private doEvent;
+    doMessageEvent(eventName: string): void;
     doDataEvent: (datas: {
         dataId?: string;
         id?: string;

package/src/core.js

@@ -83,7 +83,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { commonAnchors, commonPens, cube } from './diagrams';
 import { Canvas } from './canvas';
-import { calcInView, calcTextDrawRect, calcTextLines, calcTextRect, facePen, formatAttrs, getAllChildren, getFromAnchor, getParent, getToAnchor, getWords, LockState, PenType, renderPenRaw, setElemPosition, connectLine, nearestAnchor, setChildValue, isAncestor, isShowChild, CanvasLayer, validationPlugin, setLifeCycleFunc, getAllFollowers } from './pen';
+import { calcInView, calcTextDrawRect, calcTextLines, calcTextRect, facePen, formatAttrs, getAllChildren, getFromAnchor, getParent, getToAnchor, getWords, LockState, PenType, renderPenRaw, setElemPosition, connectLine, nearestAnchor, setChildValue, isAncestor, isShowChild, CanvasLayer, validationPlugin, setLifeCycleFunc, getAllFollowers, isInteraction } from './pen';
 import { rotatePoint } from './point';
 import { clearStore, EditType, globalStore, register, registerAnchors, registerCanvasDraw, useStore, } from './store';
 import { formatPadding, loadCss, s8, valueInArray, valueInRange, } from './utils';
@@ -112,6 +112,8 @@ var Meta2d = /** @class */ (function () {
         this.register = register;
         this.registerCanvasDraw = registerCanvasDraw;
         this.registerAnchors = registerAnchors;
+        this.websocketTimes = 0;
+        this.mqttTimes = 0;
         this.httpTimerList = [];
         this.updateTimerList = [];
         this.onEvent = function (eventName, e) {
@@ -184,32 +186,14 @@ var Meta2d = /** @class */ (function () {
                     }
                     _this.navigatorTo(e.params);
                     break;
+                case 'input':
+                    _this.store.data.locked && e && (!e.disabled) && _this.doEvent(e, eventName);
+                    break;
+                case 'change':
+                    _this.store.data.locked && e && (!e.disabled) && _this.doEvent(e, eventName);
+                    break;
             }
-            if (_this.store.messageEvents[eventName]) {
-                _this.store.messageEvents[eventName].forEach(function (item) {
-                    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);
-                        });
-                    }
-                });
-            }
+            _this.doMessageEvent(eventName);
         };
         this.doEvent = function (pen, eventName) {
             var e_1, _a, e_2, _b;
@@ -425,7 +409,7 @@ var Meta2d = /** @class */ (function () {
                                                     return _this.judgeCondition(pen, condition.key, condition);
                                                 });
                                             }
-                                            else if (trigger.conditionType === 'or') {
+                                            else if (state.conditionType === 'or') {
                                                 flag = state.conditions.some(function (condition) {
                                                     return _this.judgeCondition(pen, condition.key, condition);
                                                 });
@@ -848,10 +832,17 @@ var Meta2d = /** @class */ (function () {
         };
         this.events[EventAction.Dialog] = function (pen, e) {
             if (e.params &&
-                typeof e.params === 'string' &&
-                e.value &&
-                typeof e.value === 'string') {
-                _this.canvas.dialog.show(e.value, e.params);
+                typeof e.params === 'string') {
+                var url_1 = e.params;
+                if (e.params.includes('${')) {
+                    var keys = e.params.match(/(?<=\$\{).*?(?=\})/g);
+                    if (keys) {
+                        keys === null || keys === void 0 ? void 0 : keys.forEach(function (key) {
+                            url_1 = url_1.replace("${" + key + "}", pen[key]);
+                        });
+                    }
+                }
+                _this.canvas.dialog.show(e.value, url_1, e.extend);
             }
         };
         this.events[EventAction.SendData] = function (pen, e) {
@@ -942,7 +933,7 @@ var Meta2d = /** @class */ (function () {
     Meta2d.prototype.sendDataToNetWork = function (value, pen, e) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var network, i, keys, params, url_1, keys, res, data, fnJs, clients_1, mqttClient_1, websockets, websocket_1;
+            var network, i, keys, params, url_2, keys, res, data, fnJs, clients_1, mqttClient_1, websockets, websocket_1;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -967,7 +958,7 @@ var Meta2d = /** @class */ (function () {
                             }
                         }
                         params = undefined;
-                        url_1 = network.url;
+                        url_2 = network.url;
                         if (network.method === 'GET') {
                             params =
                                 '?' +
@@ -976,16 +967,16 @@ var Meta2d = /** @class */ (function () {
                                         .join('&');
                         }
                         if (network.method === 'POST') {
-                            if (url_1.indexOf('${') > -1) {
-                                keys = url_1.match(/(?<=\$\{).*?(?=\})/g);
+                            if (url_2.indexOf('${') > -1) {
+                                keys = url_2.match(/(?<=\$\{).*?(?=\})/g);
                                 if (keys) {
                                     keys.forEach(function (key) {
-                                        url_1 = url_1.replace("${" + key + "}", getter(pen, key) || _this.getDynamicParam(key));
+                                        url_2 = url_2.replace("${" + key + "}", getter(pen, key) || _this.getDynamicParam(key));
                                     });
                                 }
                             }
                         }
-                        return [4 /*yield*/, fetch(url_1 + (params ? params : ''), {
+                        return [4 /*yield*/, fetch(url_2 + (params ? params : ''), {
                                 headers: network.headers || {},
                                 method: network.method,
                                 body: network.method === 'POST' ? JSON.stringify(value) : undefined,
@@ -1248,6 +1239,7 @@ var Meta2d = /** @class */ (function () {
         this.startAnimate();
         this.startVideo();
         this.doInitJS();
+        this.doInitFn();
         if (this.store.data.iconUrls) {
             try {
                 for (var _j = __values(this.store.data.iconUrls), _k = _j.next(); !_k.done; _k = _j.next()) {
@@ -1386,6 +1378,24 @@ var Meta2d = /** @class */ (function () {
             }
         }
     };
+    Meta2d.prototype.doInitFn = function () {
+        var params = queryURLParams();
+        var binds = [];
+        for (var key in params) {
+            if (params.hasOwnProperty(key)) {
+                if (key.startsWith('bind-')) {
+                    binds.push({
+                        id: key.replace('bind-', ''),
+                        dataId: key.replace('bind-', ''),
+                        value: params[key]
+                    });
+                }
+            }
+        }
+        if (binds.length) {
+            this.setDatas(binds, { history: false });
+        }
+    };
     Meta2d.prototype.drawLine = function (lineName) {
         lineName && lockedError(this.store);
         this.canvas.drawingLineName = lineName;
@@ -1406,8 +1416,10 @@ var Meta2d = /** @class */ (function () {
         this.stopPencil();
         //恢复可选状态
         this.store.data.pens.forEach(function (pen) {
+            var _a;
             if (pen.externElement === true) {
-                pen.onMove && pen.onMove(pen);
+                // pen.onMove && pen.onMove(pen);
+                ((_a = pen.calculative.singleton) === null || _a === void 0 ? void 0 : _a.div) && setElemPosition(pen, pen.calculative.singleton.div);
             }
         });
         if (lock > 0) {
@@ -1832,6 +1844,7 @@ var Meta2d = /** @class */ (function () {
             var childRect = calcRelativeRect(pen.calculative.worldRect, rect);
             Object.assign(pen, childRect);
             pen.locked = (_a = pen.lockedOnCombine) !== null && _a !== void 0 ? _a : LockState.DisableMove;
+            pen.locked = (pen.interaction || isInteraction.includes(pen.name)) ? 0 : pen.locked;
         });
         //将组合后的父节点置底
         this.store.data.pens.splice(minIndex, 0, parent);
@@ -2057,7 +2070,18 @@ var Meta2d = /** @class */ (function () {
                     url: _this.store.data.websocket,
                 });
             };
+            this.websocket.onerror = function (error) {
+                _this.store.emitter.emit('error', { type: 'websocket', error: error });
+            };
             this.websocket.onclose = function () {
+                if (_this.store.options.reconnetTimes) {
+                    _this.websocketTimes++;
+                    if (_this.websocketTimes >= _this.store.options.reconnetTimes) {
+                        _this.websocketTimes = 0;
+                        _this.closeWebsocket();
+                        return;
+                    }
+                }
                 console.info('Canvas websocket closed and reconneting...');
                 _this.connectWebsocket();
             };
@@ -2102,6 +2126,18 @@ var Meta2d = /** @class */ (function () {
                         url: _this.store.data.mqtt,
                     });
                 });
+                this.mqttClient.on('error', function (error) {
+                    _this.store.emitter.emit('error', { type: 'mqtt', error: error });
+                });
+                this.mqttClient.on('close', function () {
+                    if (_this.store.options.reconnetTimes) {
+                        _this.mqttTimes++;
+                        if (_this.mqttTimes >= _this.store.options.reconnetTimes) {
+                            _this.mqttTimes = 0;
+                            _this.closeMqtt();
+                        }
+                    }
+                });
                 if (this.store.data.mqttTopics) {
                     this.mqttClient.subscribe(this.store.data.mqttTopics.split(','));
                 }
@@ -2130,10 +2166,19 @@ var Meta2d = /** @class */ (function () {
             }
             https.forEach(function (item, index) {
                 if (item.http) {
+                    item.times = 0;
                     _this.httpTimerList[index] = setInterval(function () { return __awaiter(_this, void 0, void 0, function () {
                         return __generator(this, function (_a) {
                             // 默认每一秒请求一次
                             this.oldRequestHttp(item);
+                            if (this.store.options.reconnetTimes) {
+                                item.times++;
+                                if (item.times >= this.store.options.reconnetTimes) {
+                                    item.times = 0;
+                                    clearInterval(this.httpTimerList[index]);
+                                    this.httpTimerList[index] = undefined;
+                                }
+                            }
                             return [2 /*return*/];
                         });
                     }); }, item.httpTimeInterval || 1000);
@@ -2172,7 +2217,7 @@ var Meta2d = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         req = deepClone(_req);
-                        if (!req.http) return [3 /*break*/, 3];
+                        if (!req.http) return [3 /*break*/, 4];
                         return [4 /*yield*/, fetch(req.http, {
                                 headers: req.httpHeaders,
                                 method: req.method || 'GET',
@@ -2185,8 +2230,11 @@ var Meta2d = /** @class */ (function () {
                     case 2:
                         data = _a.sent();
                         this.socketCallback(data, { type: 'http', url: req.http });
-                        _a.label = 3;
-                    case 3: return [2 /*return*/];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        this.store.emitter.emit('error', { type: 'http', error: res });
+                        _a.label = 4;
+                    case 4: return [2 /*return*/];
                 }
             });
         });
@@ -2263,9 +2311,11 @@ var Meta2d = /** @class */ (function () {
             networks.forEach(function (net) {
                 if (net.type === 'subscribe') {
                     if (net.protocol === 'mqtt') {
+                        net.index = mqttIndex_1;
                         if (net.options.clientId && !net.options.customClientId) {
                             net.options.clientId = s8();
                         }
+                        net.times = 0;
                         _this.mqttClients[mqttIndex_1] = mqtt.connect(net.url, net.options);
                         _this.mqttClients[mqttIndex_1].on('message', function (topic, message) {
                             _this.socketCallback(message.toString(), {
@@ -2274,16 +2324,48 @@ var Meta2d = /** @class */ (function () {
                                 url: net.url,
                             });
                         });
+                        _this.mqttClients[mqttIndex_1].on('error', function (error) {
+                            _this.store.emitter.emit('error', { type: 'mqtt', error: error });
+                        });
+                        _this.mqttClients[mqttIndex_1].on('close', function () {
+                            var _a;
+                            if (_this.store.options.reconnetTimes) {
+                                net.times++;
+                                if (net.times >= _this.store.options.reconnetTimes) {
+                                    net.times = 0;
+                                    _this.mqttClients && ((_a = _this.mqttClients[net.index]) === null || _a === void 0 ? void 0 : _a.end());
+                                }
+                            }
+                        });
                         if (net.topics) {
                             _this.mqttClients[mqttIndex_1].subscribe(net.topics.split(','));
                         }
                         mqttIndex_1 += 1;
                     }
                     else if (net.protocol === 'websocket') {
-                        _this.websockets[websocketIndex_1] = new WebSocket(net.url, net.protocols || undefined);
-                        _this.websockets[websocketIndex_1].onmessage = function (e) {
-                            _this.socketCallback(e.data, { type: 'websocket', url: net.url });
-                        };
+                        net.index = websocketIndex_1;
+                        _this.connectNetWebSocket(net);
+                        // this.websockets[websocketIndex] = new WebSocket(
+                        //   net.url,
+                        //   net.protocols || undefined
+                        // );
+                        // this.websockets[websocketIndex].onmessage = (e) => {
+                        //   this.socketCallback(e.data, { type: 'websocket', url: net.url });
+                        // };
+                        // this.websockets[websocketIndex].onerror = (error) => {
+                        //   this.store.emitter.emit('error', { type: 'websocket', error });
+                        // };
+                        // this.websockets[websocketIndex].onclose = () => {
+                        //   if (this.store.options.reconnetTimes) {
+                        //     net.times++;
+                        //     if (net.times >= this.store.options.reconnetTimes) {
+                        //       net.times = 0;
+                        //       this.websockets[net.index]?.close();
+                        //       return;
+                        //     }
+                        //   }
+                        // console.info('Canvas websocket closed and reconneting...');
+                        // };
                         websocketIndex_1 += 1;
                     }
                     else if (net.protocol === 'http') {
@@ -2300,6 +2382,39 @@ var Meta2d = /** @class */ (function () {
         }
         this.onNetworkConnect(https);
     };
+    Meta2d.prototype.connectNetWebSocket = function (net) {
+        var _this = this;
+        var _a;
+        if (this.websockets[net.index]) {
+            this.websockets[net.index].onclose = undefined;
+            (_a = this.websockets[net.index]) === null || _a === void 0 ? void 0 : _a.close();
+            this.websockets[net.index] = undefined;
+        }
+        this.websockets[net.index] = new WebSocket(net.url, net.protocols || undefined);
+        this.websockets[net.index].onmessage = function (e) {
+            _this.socketCallback(e.data, { type: 'websocket', url: net.url });
+        };
+        this.websockets[net.index].onerror = function (error) {
+            _this.store.emitter.emit('error', { type: 'websocket', error: error });
+        };
+        this.websockets[net.index].onclose = function () {
+            var _a;
+            if (_this.store.options.reconnetTimes) {
+                net.times++;
+                if (net.times >= _this.store.options.reconnetTimes) {
+                    net.times = 0;
+                    _this.websockets[net.index].onclose = undefined;
+                    (_a = _this.websockets[net.index]) === null || _a === void 0 ? void 0 : _a.close();
+                    _this.websockets[net.index] = undefined;
+                    return;
+                }
+            }
+            setTimeout(function () {
+                console.info('Canvas websocket closed and reconneting...');
+                _this.connectNetWebSocket(net);
+            }, 2000);
+        };
+    };
     Meta2d.prototype.randomString = function (e) {
         e = e || 32;
         var t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678', a = t.length, n = '';
@@ -2479,8 +2594,9 @@ var Meta2d = /** @class */ (function () {
             if (Object.keys(_d_1).length) {
                 var data = pen.onBeforeValue ? pen.onBeforeValue(pen, _d_1) : _d_1;
                 this.canvas.updateValue(pen, data);
-                this.store.emitter.emit('valueUpdate', pen);
+                // this.store.emitter.emit('valueUpdate', pen);
                 (_a = pen.onValue) === null || _a === void 0 ? void 0 : _a.call(pen, pen);
+                this.store.emitter.emit('valueUpdate', pen);
             }
         }
     };
@@ -2551,9 +2667,18 @@ var Meta2d = /** @class */ (function () {
         //   }, this.store.data.networkInterval || 1000);
         // }
         https.forEach(function (_item, index) {
+            _item.times = 0;
             _this.updateTimerList[index] = setInterval(function () { return __awaiter(_this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     this.requestHttp(_item);
+                    if (this.store.options.reconnetTimes) {
+                        _item.times++;
+                        if (_item.times >= this.store.options.reconnetTimes) {
+                            _item.times = 0;
+                            clearInterval(this.updateTimerList[index]);
+                            this.updateTimerList[index] = undefined;
+                        }
+                    }
                     return [2 /*return*/];
                 });
             }); }, _item.interval || 1000);
@@ -2566,7 +2691,7 @@ var Meta2d = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         req = deepClone(_req);
-                        if (!req.url) return [3 /*break*/, 3];
+                        if (!req.url) return [3 /*break*/, 4];
                         if (typeof req.headers === 'object') {
                             for (i in req.headers) {
                                 if (typeof req.headers[i] === 'string') {
@@ -2599,8 +2724,11 @@ var Meta2d = /** @class */ (function () {
                     case 2:
                         data = _a.sent();
                         this.socketCallback(data, { type: 'http', url: req.url });
-                        _a.label = 3;
-                    case 3: return [2 /*return*/];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        this.store.emitter.emit('error', { type: 'http', error: res });
+                        _a.label = 4;
+                    case 4: return [2 /*return*/];
                 }
             });
         });
@@ -2612,7 +2740,11 @@ var Meta2d = /** @class */ (function () {
             });
         this.websockets &&
             this.websockets.forEach(function (websocket) {
-                websocket.close();
+                if (websocket) {
+                    websocket.onclose = undefined;
+                    websocket.close();
+                    websocket = undefined;
+                }
             });
         this.mqttClients = undefined;
         this.websockets = undefined;
@@ -2893,6 +3025,34 @@ var Meta2d = /** @class */ (function () {
     Meta2d.prototype.clearRuleLines = function () {
         this.canvas.clearRuleLines();
     };
+    Meta2d.prototype.doMessageEvent = function (eventName) {
+        var _this = this;
+        if (this.store.messageEvents[eventName]) {
+            this.store.messageEvents[eventName].forEach(function (item) {
+                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);
+                    });
+                }
+            });
+        }
+    };
     Meta2d.prototype.initGlobalTriggers = function () {
         var _this = this;
         var _a;
@@ -3085,6 +3245,7 @@ var Meta2d = /** @class */ (function () {
             var childRect = calcRelativeRect(pen.calculative.worldRect, parent.calculative.worldRect);
             Object.assign(pen, childRect);
             pen.locked = (_a = pen.lockedOnCombine) !== null && _a !== void 0 ? _a : LockState.DisableMove;
+            pen.locked = (pen.interaction || isInteraction.includes(pen.name)) ? 0 : pen.locked;
             if (!oldPen) {
                 addPens.push(deepClone(pen, true));
             }