@meta2d/core 1.0.19 → 1.0.20

package/src/core.d.ts

@@ -76,6 +76,7 @@ export declare class Meta2d {
         ruleColor?: string;
     }): void;
     open(data?: Meta2dData, render?: boolean): void;
+    cacheMeta2dData(data?: Meta2dData): void;
     initBindDatas(): void;
     initBinds(): void;
     connectSocket(): void;

package/src/core.js

@@ -774,58 +774,76 @@ var Meta2d = /** @class */ (function () {
         var _this = this;
         if (render === void 0) { render = true; }
         this.clear(false);
-        if (data) {
+        var index = this.store.meta2dDatas.findIndex(function (item) { return item._id === data._id; });
+        if (this.store.options.cacheLength && data._id && index !== -1) {
+            this.store.data = this.store.meta2dDatas[index];
             this.setBackgroundImage(data.bkImage);
-            Object.assign(this.store.data, data);
-            this.store.data.pens = [];
-            try {
-                // 第一遍赋初值
-                for (var _f = __values(data.pens), _g = _f.next(); !_g.done; _g = _f.next()) {
-                    var pen = _g.value;
-                    if (!pen.id) {
-                        pen.id = s8();
-                    }
-                    !pen.calculative && (pen.calculative = { canvas: this.canvas });
-                    this.store.pens[pen.id] = pen;
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
+            this.store.pens = {};
+            this.store.data.pens.forEach(function (pen) {
+                pen.calculative.canvas = _this.canvas;
+                _this.store.pens[pen.id] = pen;
+                globalStore.path2dDraws[pen.name] &&
+                    _this.store.path2dMap.set(pen, globalStore.path2dDraws[pen.name](pen));
+                pen.type &&
+                    _this.store.path2dMap.set(pen, globalStore.path2dDraws[pen.name](pen));
+                _this.canvas.loadImage(pen);
+            });
+        }
+        else {
+            if (data) {
+                this.setBackgroundImage(data.bkImage);
+                Object.assign(this.store.data, data);
+                this.store.data.pens = [];
                 try {
-                    if (_g && !_g.done && (_a = _f.return)) _a.call(_f);
+                    // 第一遍赋初值
+                    for (var _f = __values(data.pens), _g = _f.next(); !_g.done; _g = _f.next()) {
+                        var pen = _g.value;
+                        if (!pen.id) {
+                            pen.id = s8();
+                        }
+                        !pen.calculative && (pen.calculative = { canvas: this.canvas });
+                        this.store.pens[pen.id] = pen;
+                    }
                 }
-                finally { if (e_1) throw e_1.error; }
-            }
-            try {
-                for (var _h = __values(data.pens), _j = _h.next(); !_j.done; _j = _h.next()) {
-                    var pen = _j.value;
-                    this.canvas.makePen(pen);
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_g && !_g.done && (_a = _f.return)) _a.call(_f);
+                    }
+                    finally { if (e_1) throw e_1.error; }
                 }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
                 try {
-                    if (_j && !_j.done && (_b = _h.return)) _b.call(_h);
+                    for (var _h = __values(data.pens), _j = _h.next(); !_j.done; _j = _h.next()) {
+                        var pen = _j.value;
+                        this.canvas.makePen(pen);
+                    }
                 }
-                finally { if (e_2) throw e_2.error; }
-            }
-            try {
-                for (var _k = __values(data.pens), _l = _k.next(); !_l.done; _l = _k.next()) {
-                    var pen = _l.value;
-                    this.canvas.updateLines(pen);
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (_j && !_j.done && (_b = _h.return)) _b.call(_h);
+                    }
+                    finally { if (e_2) throw e_2.error; }
                 }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
                 try {
-                    if (_l && !_l.done && (_c = _k.return)) _c.call(_k);
+                    for (var _k = __values(data.pens), _l = _k.next(); !_l.done; _l = _k.next()) {
+                        var pen = _l.value;
+                        this.canvas.updateLines(pen);
+                    }
+                }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                finally {
+                    try {
+                        if (_l && !_l.done && (_c = _k.return)) _c.call(_k);
+                    }
+                    finally { if (e_3) throw e_3.error; }
                 }
-                finally { if (e_3) throw e_3.error; }
             }
         }
         if (!render) {
             this.canvas.opening = true;
         }
+        this.cacheMeta2dData(data);
         this.initBindDatas();
         this.initBinds();
         this.render();
@@ -856,6 +874,21 @@ var Meta2d = /** @class */ (function () {
             this.canvas.scroll.init();
         }
     };
+    Meta2d.prototype.cacheMeta2dData = function (data) {
+        if (data._id && this.store.options.cacheLength) {
+            var index = this.store.meta2dDatas.findIndex(function (item) { return item._id === data._id; });
+            if (index === -1) {
+                this.store.meta2dDatas.push(deepClone(this.store.data, true));
+                if (this.store.meta2dDatas.length > this.store.options.cacheLength) {
+                    this.store.meta2dDatas.shift();
+                }
+            }
+            else {
+                var meta2dData = this.store.meta2dDatas.splice(index, 1)[0];
+                this.store.meta2dDatas.push(meta2dData);
+            }
+        }
+    };
     Meta2d.prototype.initBindDatas = function () {
         var _this = this;
         this.store.bindDatas = {};