leafer-ui 1.2.0 → 1.2.2

package/dist/web.module.js

@@ -2047,11 +2047,11 @@ class LeaferCanvasBase extends Canvas$1 {
     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);
         }
@@ -4253,18 +4253,21 @@ const LeafHelper = {
         L.setTransform(t, matrix$1, resize);
     },
     setTransform(t, transform, resize) {
-        const layout = getLayout(transform, t.origin && L.getInnerOrigin(t, t.origin), t.around && L.getInnerOrigin(t, t.around));
+        const data = t.__, originPoint = data.origin && L.getInnerOrigin(t, data.origin);
+        const layout = getLayout(transform, originPoint, data.around && L.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.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();
@@ -4947,14 +4950,15 @@ class Eventer {
         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);
@@ -5431,7 +5435,7 @@ let Leaf = class Leaf {
         this.__[attrName] = value === undefined ? null : undefined;
         this[attrName] = value;
     }
-    forceRender(_bounds) {
+    forceRender(_bounds, _sync) {
         this.forceUpdate('surface');
     }
     __updateWorldMatrix() { }
@@ -6001,7 +6005,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.2.0";
+const version = "1.2.2";
 
 const debug$6 = Debug.get('LeaferCanvas');
 class LeaferCanvas extends LeaferCanvasBase {
@@ -6093,7 +6097,8 @@ class LeaferCanvas extends LeaferCanvasBase {
         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;
@@ -8073,10 +8078,13 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         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)
@@ -8193,6 +8201,8 @@ let Leafer = Leafer_1 = class Leafer extends Group {
                 this.requestRender();
             }
         }
+        else
+            this.requestRender();
     }
     __checkViewCompleted(emit = true) {
         this.nextRender(() => {
@@ -8758,10 +8768,10 @@ let Canvas = class Canvas extends Rect {
     __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() {
@@ -8787,6 +8797,9 @@ __decorate([
 __decorate([
     resizeType(true)
 ], Canvas.prototype, "smooth", void 0);
+__decorate([
+    dataType(false)
+], Canvas.prototype, "safeResize", void 0);
 __decorate([
     resizeType()
 ], Canvas.prototype, "contextSettings", void 0);
@@ -9065,8 +9078,8 @@ let App = class App extends Leafer {
         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 Leafer(merge);