leafer-game 1.2.0 → 1.2.2

package/dist/web.js

@@ -2050,11 +2050,11 @@ var LeaferUI = (function (exports) {
         toBlob(_type, _quality) { return undefined; }
         toDataURL(_type, _quality) { return undefined; }
         saveAs(_filename, _quality) { return undefined; }
-        resize(size) {
+        resize(size, safeResize = true) {
             if (this.isSameSize(size))
                 return;
             let takeCanvas;
-            if (this.context && !this.unreal && this.width) {
+            if (this.context && !this.unreal && safeResize && this.width) {
                 takeCanvas = this.getSameCanvas();
                 takeCanvas.copyWorld(this);
             }
@@ -4256,18 +4256,21 @@ var LeaferUI = (function (exports) {
             L$1.setTransform(t, matrix$1, resize);
         },
         setTransform(t, transform, resize) {
-            const layout = getLayout(transform, t.origin && L$1.getInnerOrigin(t, t.origin), t.around && L$1.getInnerOrigin(t, t.around));
+            const data = t.__, originPoint = data.origin && L$1.getInnerOrigin(t, data.origin);
+            const layout = getLayout(transform, originPoint, data.around && L$1.getInnerOrigin(t, data.around));
             if (resize) {
-                const scaleX = layout.scaleX / t.scaleX;
-                const scaleY = layout.scaleY / t.scaleY;
-                delete layout.scaleX;
-                delete layout.scaleY;
+                const scaleX = layout.scaleX / t.scaleX, scaleY = layout.scaleY / t.scaleY;
+                delete layout.scaleX, delete layout.scaleY;
+                if (originPoint) {
+                    BoundsHelper.scale(t.boxBounds, Math.abs(scaleX), Math.abs(scaleY));
+                    const changedPoint = L$1.getInnerOrigin(t, data.origin);
+                    PointHelper.move(layout, originPoint.x - changedPoint.x, originPoint.y - changedPoint.y);
+                }
                 t.set(layout);
-                t.scaleResize(scaleX, scaleY, resize !== true);
+                t.scaleResize(scaleX, scaleY, false);
             }
-            else {
+            else
                 t.set(layout);
-            }
         },
         getFlipTransform(t, axis) {
             const m = getMatrixData();
@@ -4950,14 +4953,15 @@ var LeaferUI = (function (exports) {
             if (list) {
                 let item;
                 for (let i = 0, len = list.length; i < len; i++) {
-                    item = list[i];
-                    item.listener(event);
-                    if (item.once) {
-                        this.off(type, item.listener, capture);
-                        i--, len--;
+                    if (item = list[i]) {
+                        item.listener(event);
+                        if (item.once) {
+                            this.off(type, item.listener, capture);
+                            i--, len--;
+                        }
+                        if (event && event.isStopNow)
+                            break;
                     }
-                    if (event && event.isStopNow)
-                        break;
                 }
             }
             this.syncEventer && this.syncEventer.emitEvent(event, capture);
@@ -5434,7 +5438,7 @@ var LeaferUI = (function (exports) {
             this.__[attrName] = value === undefined ? null : undefined;
             this[attrName] = value;
         }
-        forceRender(_bounds) {
+        forceRender(_bounds, _sync) {
             this.forceUpdate('surface');
         }
         __updateWorldMatrix() { }
@@ -6004,7 +6008,7 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const version = "1.2.0";
+    const version = "1.2.2";
 
     const debug$6 = Debug.get('LeaferCanvas');
     class LeaferCanvas extends LeaferCanvasBase {
@@ -6096,7 +6100,8 @@ var LeaferUI = (function (exports) {
             this.view.height = Math.ceil(height * pixelRatio);
         }
         updateClientBounds() {
-            this.clientBounds = this.view.getBoundingClientRect();
+            if (this.view.parentElement)
+                this.clientBounds = this.view.getBoundingClientRect();
         }
         startAutoLayout(autoBounds, listener) {
             this.resizeListener = listener;
@@ -8076,10 +8081,13 @@ var LeaferUI = (function (exports) {
             const data = DataHelper.copyAttrs({}, size, canvasSizeAttrs);
             Object.keys(data).forEach(key => this[key] = data[key]);
         }
-        forceRender(bounds) {
-            this.renderer.addBlock(bounds ? new Bounds(bounds) : this.canvas.bounds);
-            if (this.viewReady)
-                this.renderer.render();
+        forceRender(bounds, sync) {
+            const { renderer } = this;
+            if (renderer) {
+                renderer.addBlock(bounds ? new Bounds(bounds) : this.canvas.bounds);
+                if (this.viewReady)
+                    sync ? renderer.render() : renderer.update();
+            }
         }
         requestRender(change = false) {
             if (this.renderer)
@@ -8196,6 +8204,8 @@ var LeaferUI = (function (exports) {
                     this.requestRender();
                 }
             }
+            else
+                this.requestRender();
         }
         __checkViewCompleted(emit = true) {
             this.nextRender(() => {
@@ -8761,10 +8771,10 @@ var LeaferUI = (function (exports) {
         __updateSize() {
             const { canvas } = this;
             if (canvas) {
-                const { smooth } = this.__;
+                const { smooth, safeResize } = this.__;
+                canvas.resize(this.__, safeResize);
                 if (canvas.smooth !== smooth)
                     canvas.smooth = smooth;
-                canvas.resize(this.__);
             }
         }
         destroy() {
@@ -8790,6 +8800,9 @@ var LeaferUI = (function (exports) {
     __decorate([
         resizeType(true)
     ], exports.Canvas.prototype, "smooth", void 0);
+    __decorate([
+        dataType(false)
+    ], exports.Canvas.prototype, "safeResize", void 0);
     __decorate([
         resizeType()
     ], exports.Canvas.prototype, "contextSettings", void 0);
@@ -9068,8 +9081,8 @@ var LeaferUI = (function (exports) {
             super.lockLayout();
             this.children.forEach(leafer => leafer.lockLayout());
         }
-        forceRender(bounds) {
-            this.children.forEach(leafer => leafer.forceRender(bounds));
+        forceRender(bounds, sync) {
+            this.children.forEach(leafer => leafer.forceRender(bounds, sync));
         }
         addLeafer(merge) {
             const leafer = new exports.Leafer(merge);