leafer-ui 1.9.3 → 1.9.5

package/dist/web.module.js

@@ -54,7 +54,7 @@ function isUndefined(value) {
 }
 
 function isNull(value) {
-    return value === undefined || value === null;
+    return value == null;
 }
 
 function isString(value) {
@@ -136,6 +136,9 @@ class LeafData {
         const {path: path} = this;
         return path && path.length === 6 && path[0] === 1;
     }
+    get __usePathBox() {
+        return this.__pathInputed;
+    }
     get __blendMode() {
         if (this.eraser && this.eraser !== "path") return "destination-out";
         const {blendMode: blendMode} = this;
@@ -304,6 +307,9 @@ const MathHelper = {
         num = round$3(num * a) / a;
         return num === -0 ? 0 : num;
     },
+    sign(num) {
+        return num < 0 ? -1 : 1;
+    },
     getScaleData(scale, size, originSize, scaleData) {
         if (!scaleData) scaleData = {};
         if (size) {
@@ -1131,13 +1137,13 @@ const AlignHelper = {
     }
 };
 
-const {tempPointBounds: tempPointBounds$1, setPoint: setPoint$2, addPoint: addPoint$2, toBounds: toBounds$3} = TwoPointBoundsHelper;
+const {tempPointBounds: tempPointBounds$1, setPoint: setPoint$2, addPoint: addPoint$2, toBounds: toBounds$2} = TwoPointBoundsHelper;
 
 const {toOuterPoint: toOuterPoint$2} = MatrixHelper;
 
 const {float: float, fourNumber: fourNumber} = MathHelper;
 
-const {floor: floor$2, ceil: ceil$1} = Math;
+const {floor: floor$2, ceil: ceil$2} = Math;
 
 let right$1, bottom$1, boundsRight, boundsBottom;
 
@@ -1266,7 +1272,7 @@ const BoundsHelper = {
             point.x = t.x;
             toOuterPoint$2(matrix, point, toPoint$4);
             addPoint$2(tempPointBounds$1, toPoint$4.x, toPoint$4.y);
-            toBounds$3(tempPointBounds$1, to);
+            toBounds$2(tempPointBounds$1, to);
         }
     },
     toInnerOf(t, matrix, to) {
@@ -1304,8 +1310,8 @@ const BoundsHelper = {
         const {x: x, y: y} = t;
         t.x = floor$2(t.x);
         t.y = floor$2(t.y);
-        t.width = x > t.x ? ceil$1(t.width + x - t.x) : ceil$1(t.width);
-        t.height = y > t.y ? ceil$1(t.height + y - t.y) : ceil$1(t.height);
+        t.width = x > t.x ? ceil$2(t.width + x - t.x) : ceil$2(t.width);
+        t.height = y > t.y ? ceil$2(t.height + y - t.y) : ceil$2(t.height);
     },
     unsign(t) {
         if (t.width < 0) {
@@ -1365,7 +1371,7 @@ const BoundsHelper = {
     },
     setPoints(t, points) {
         points.forEach((point, index) => index === 0 ? setPoint$2(tempPointBounds$1, point.x, point.y) : addPoint$2(tempPointBounds$1, point.x, point.y));
-        toBounds$3(tempPointBounds$1, t);
+        toBounds$2(tempPointBounds$1, t);
     },
     setPoint(t, point) {
         B.set(t, point.x, point.y);
@@ -2218,15 +2224,15 @@ class LeaferCanvasBase extends Canvas$1 {
         DataHelper.copyAttrs(s, size, canvasSizeAttrs);
         canvasSizeAttrs.forEach(key => s[key] || (s[key] = 1));
         this.bounds = new Bounds(0, 0, this.width, this.height);
-        if (this.context && !this.unreal) {
-            this.updateViewSize();
-            this.smooth = this.config.smooth;
-        }
+        this.updateViewSize();
         this.updateClientBounds();
-        if (this.context && !this.unreal && takeCanvas) {
-            this.clearWorld(takeCanvas.bounds);
-            this.copyWorld(takeCanvas);
-            takeCanvas.recycle();
+        if (this.context) {
+            this.smooth = this.config.smooth;
+            if (!this.unreal && takeCanvas) {
+                this.clearWorld(takeCanvas.bounds);
+                this.copyWorld(takeCanvas);
+                takeCanvas.recycle();
+            }
         }
     }
     updateViewSize() {}
@@ -2540,7 +2546,7 @@ const RectHelper = {
     }
 };
 
-const {sin: sin$3, cos: cos$3, atan2: atan2$1, ceil: ceil, abs: abs$2, PI: PI$2, sqrt: sqrt$1, pow: pow} = Math;
+const {sin: sin$3, cos: cos$3, hypot: hypot, atan2: atan2$1, ceil: ceil$1, abs: abs$2, PI: PI$2, sqrt: sqrt$1, pow: pow} = Math;
 
 const {setPoint: setPoint$1, addPoint: addPoint$1} = TwoPointBoundsHelper;
 
@@ -2611,9 +2617,11 @@ const BezierHelper = {
         const CBy = toY - y1;
         let startRadian = atan2$1(BAy, BAx);
         let endRadian = atan2$1(CBy, CBx);
+        const lenBA = hypot(BAx, BAy);
+        const lenCB = hypot(CBx, CBy);
         let totalRadian = endRadian - startRadian;
         if (totalRadian < 0) totalRadian += PI2;
-        if (totalRadian === PI$2 || abs$2(BAx + BAy) < 1e-12 || abs$2(CBx + CBy) < 1e-12) {
+        if (lenBA < 1e-12 || lenCB < 1e-12 || totalRadian < 1e-12 || abs$2(totalRadian - PI$2) < 1e-12) {
             if (data) data.push(L$6, x1, y1);
             if (setPointBounds) {
                 setPoint$1(setPointBounds, fromX, fromY);
@@ -2646,7 +2654,7 @@ const BezierHelper = {
         let totalRadian = endRadian - startRadian;
         if (totalRadian < 0) totalRadian += PI2; else if (totalRadian > PI2) totalRadian -= PI2;
         if (anticlockwise) totalRadian -= PI2;
-        const parts = ceil(abs$2(totalRadian / PI_2));
+        const parts = ceil$1(abs$2(totalRadian / PI_2));
         const partRadian = totalRadian / parts;
         const partRadian4Sin = sin$3(partRadian / 4);
         const control = 8 / 3 * partRadian4Sin * partRadian4Sin / sin$3(partRadian / 2);
@@ -3205,11 +3213,7 @@ class PathCreator {
         this.set(path);
     }
     set(path) {
-        if (path) {
-            this.__path = isString(path) ? PathHelper.parse(path) : path;
-        } else {
-            this.__path = [];
-        }
+        this.__path = path ? isString(path) ? PathHelper.parse(path) : path : [];
         return this;
     }
     beginPath() {
@@ -3377,7 +3381,7 @@ const {M: M$1, L: L$2, C: C, Q: Q, Z: Z$1, N: N, D: D$1, X: X, G: G, F: F$1, O:
 
 const {toTwoPointBounds: toTwoPointBounds, toTwoPointBoundsByQuadraticCurve: toTwoPointBoundsByQuadraticCurve, arcTo: arcTo$1, arc: arc, ellipse: ellipse$1} = BezierHelper;
 
-const {addPointBounds: addPointBounds, copy: copy$7, addPoint: addPoint, setPoint: setPoint, addBounds: addBounds, toBounds: toBounds$2} = TwoPointBoundsHelper;
+const {addPointBounds: addPointBounds, copy: copy$7, addPoint: addPoint, setPoint: setPoint, addBounds: addBounds, toBounds: toBounds$1} = TwoPointBoundsHelper;
 
 const debug$b = Debug.get("PathBounds");
 
@@ -3392,7 +3396,7 @@ const setEndPoint = {};
 const PathBounds = {
     toBounds(data, setBounds) {
         PathBounds.toTwoPointBounds(data, setPointBounds);
-        toBounds$2(setPointBounds, setBounds);
+        toBounds$1(setPointBounds, setBounds);
     },
     toTwoPointBounds(data, setPointBounds) {
         if (!data || !data.length) return setPoint(setPointBounds, 0, 0);
@@ -3579,14 +3583,18 @@ const PathCorner = {
     }
 };
 
-PathHelper.creator = new PathCreator;
+function path(path) {
+    return new PathCreator(path);
+}
+
+const pen = path();
+
+PathHelper.creator = path();
 
 PathHelper.parse = PathConvert.parse;
 
 PathHelper.convertToCanvasData = PathConvert.toCanvasData;
 
-const pen = new PathCreator;
-
 const {drawRoundRect: drawRoundRect} = RectHelper;
 
 function roundRect(drawer) {
@@ -3951,7 +3959,7 @@ const ImageManager = {
         return FileHelper.alphaPixelTypes.some(item => I$1.isFormat(item, config));
     },
     isFormat(format, config) {
-        if (config.format === format) return true;
+        if (config.format) return config.format === format;
         const {url: url} = config;
         if (url.startsWith("data:")) {
             if (url.startsWith("data:" + FileHelper.mineType(format))) return true;
@@ -4045,7 +4053,7 @@ class LeaferImage {
     getFull(_filters) {
         return this.view;
     }
-    getCanvas(width, height, opacity, _filters, xGap, yGap) {
+    getCanvas(width, height, opacity, _filters, xGap, yGap, smooth) {
         width || (width = this.width);
         height || (height = this.height);
         if (this.cache) {
@@ -4061,6 +4069,7 @@ class LeaferImage {
         const canvas = Platform.origin.createCanvas(max$1(floor$1(width + (xGap || 0)), 1), max$1(floor$1(height + (yGap || 0)), 1));
         const ctx = canvas.getContext("2d");
         if (opacity) ctx.globalAlpha = opacity;
+        ctx.imageSmoothingEnabled = smooth === false ? false : true;
         ctx.drawImage(this.view, 0, 0, width, height);
         this.cache = this.use > 1 ? {
             data: canvas,
@@ -4102,7 +4111,7 @@ function createDescriptor(key, defaultValue) {
     return {
         get() {
             const v = this[privateKey];
-            return isUndefined(v) ? defaultValue : v;
+            return v == null ? defaultValue : v;
         },
         set(value) {
             this[privateKey] = value;
@@ -4388,21 +4397,21 @@ function defineDataProcessor(target, key, defaultValue) {
         };
     } else if (typeof defaultValue === "function") {
         property.get = function() {
-            let v = this[computedKey];
-            return v === undefined ? defaultValue(this.__leaf) : v;
+            const v = this[computedKey];
+            return v == null ? defaultValue(this.__leaf) : v;
         };
     } else if (isObject(defaultValue)) {
         const isEmpty = isEmptyData(defaultValue);
         property.get = function() {
-            let v = this[computedKey];
-            return v === undefined ? this[computedKey] = isEmpty ? {} : DataHelper.clone(defaultValue) : v;
+            const v = this[computedKey];
+            return v == null ? this[computedKey] = isEmpty ? {} : DataHelper.clone(defaultValue) : v;
         };
     }
     const isBox = target.isBranchLeaf;
     if (key === "width") {
         property.get = function() {
             const v = this[computedKey];
-            if (v === undefined) {
+            if (v == null) {
                 const t = this, naturalWidth = t.__naturalWidth, leaf = t.__leaf;
                 if (!defaultValue || leaf.pathInputed) return leaf.boxBounds.width;
                 if (naturalWidth) return t._height && t.__useNaturalRatio ? t._height * naturalWidth / t.__naturalHeight : naturalWidth;
@@ -4412,7 +4421,7 @@ function defineDataProcessor(target, key, defaultValue) {
     } else if (key === "height") {
         property.get = function() {
             const v = this[computedKey];
-            if (v === undefined) {
+            if (v == null) {
                 const t = this, naturalHeight = t.__naturalHeight, leaf = t.__leaf;
                 if (!defaultValue || leaf.pathInputed) return leaf.boxBounds.height;
                 if (naturalHeight) return t._width && t.__useNaturalRatio ? t._width * naturalHeight / t.__naturalWidth : naturalHeight;
@@ -4712,8 +4721,9 @@ const L = LeafHelper;
 
 const {updateAllMatrix: updateAllMatrix$3, updateMatrix: updateMatrix$2, updateAllWorldOpacity: updateAllWorldOpacity, updateAllChange: updateAllChange$1, updateChange: updateChange$1} = L;
 
-function getTempLocal(t, world) {
-    return t.parent ? PointHelper.tempToInnerOf(world, t.parent.scrollWorldTransform) : world;
+function getTempLocal(t, worldPoint) {
+    t.updateLayout();
+    return t.parent ? PointHelper.tempToInnerOf(worldPoint, t.parent.scrollWorldTransform) : worldPoint;
 }
 
 const LeafBoundsHelper = {
@@ -5172,7 +5182,7 @@ class LeafLayout {
     }
     boxChange() {
         this.boxChanged = true;
-        this.localBoxChanged || this.localBoxChange();
+        this.localBoxChanged ? this.boundsChanged || (this.boundsChanged = true) : this.localBoxChange();
         this.hitCanvasChanged = true;
     }
     localBoxChange() {
@@ -5206,7 +5216,7 @@ class LeafLayout {
     }
     matrixChange() {
         this.matrixChanged = true;
-        this.localBoxChanged || this.localBoxChange();
+        this.localBoxChanged ? this.boundsChanged || (this.boundsChanged = true) : this.localBoxChange();
     }
     surfaceChange() {
         this.surfaceChanged = true;
@@ -5731,7 +5741,7 @@ const {updateBounds: updateBounds$1} = BranchHelper;
 
 const {toOuterOf: toOuterOf$1, copyAndSpread: copyAndSpread$1, copy: copy$4} = BoundsHelper;
 
-const {toBounds: toBounds$1} = PathBounds;
+const {toBounds: toBounds} = PathBounds;
 
 const LeafBounds = {
     __updateWorldBounds() {
@@ -5803,8 +5813,8 @@ const LeafBounds = {
     __updateBoxBounds(_secondLayout, _bounds) {
         const b = this.__layout.boxBounds;
         const data = this.__;
-        if (data.__pathInputed) {
-            toBounds$1(data.path, b);
+        if (data.__usePathBox) {
+            toBounds(data.path, b);
         } else {
             b.x = 0;
             b.y = 0;
@@ -6272,10 +6282,10 @@ let Leaf = class Leaf {
             relative.innerToWorld(world, to, distance);
             world = to ? to : world;
         }
-        toInnerPoint(this.worldTransform, world, to, distance);
+        toInnerPoint(this.scrollWorldTransform, world, to, distance);
     }
     innerToWorld(inner, to, distance, relative) {
-        toOuterPoint(this.worldTransform, inner, to, distance);
+        toOuterPoint(this.scrollWorldTransform, inner, to, distance);
         if (relative) relative.worldToInner(to ? to : inner, null, distance);
     }
     getBoxPoint(world, relative, distance, change) {
@@ -6739,7 +6749,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.9.3";
+const version = "1.9.5";
 
 const debug$5 = Debug.get("LeaferCanvas");
 
@@ -6830,10 +6840,22 @@ class LeaferCanvas extends LeaferCanvasBase {
     updateViewSize() {
         const {width: width, height: height, pixelRatio: pixelRatio} = this;
         const {style: style} = this.view;
-        style.width = width + "px";
-        style.height = height + "px";
-        this.view.width = Math.ceil(width * pixelRatio);
-        this.view.height = Math.ceil(height * pixelRatio);
+        if (this.unreal) {
+            const {config: config, autoWidthStr: autoWidthStr, autoHeightStr: autoHeightStr} = this;
+            if (config.width) {
+                if (isUndefined(autoWidthStr)) this.autoWidthStr = style.width || "";
+                style.width = config.width + "px";
+            } else if (!isUndefined(autoWidthStr)) style.width = autoWidthStr;
+            if (config.height) {
+                if (isUndefined(autoHeightStr)) this.autoHeightStr = style.height || "";
+                style.height = config.height + "px";
+            } else if (!isUndefined(autoHeightStr)) style.height = autoHeightStr;
+        } else {
+            style.width = width + "px";
+            style.height = height + "px";
+            this.view.width = Math.ceil(width * pixelRatio);
+            this.view.height = Math.ceil(height * pixelRatio);
+        }
     }
     updateClientBounds() {
         if (this.view.parentElement) this.clientBounds = this.view.getBoundingClientRect();
@@ -6842,6 +6864,7 @@ class LeaferCanvas extends LeaferCanvasBase {
         this.resizeListener = listener;
         if (autoBounds) {
             this.autoBounds = autoBounds;
+            if (this.resizeObserver) return;
             try {
                 this.resizeObserver = new ResizeObserver(entries => {
                     this.updateClientBounds();
@@ -6858,18 +6881,10 @@ class LeaferCanvas extends LeaferCanvasBase {
             } catch (_a) {
                 this.imitateResizeObserver();
             }
+            this.stopListenPixelRatio();
         } else {
-            window.addEventListener("resize", this.windowListener = () => {
-                const pixelRatio = Platform.devicePixelRatio;
-                if (!this.config.pixelRatio && this.pixelRatio !== pixelRatio) {
-                    const {width: width, height: height} = this;
-                    this.emitResize({
-                        width: width,
-                        height: height,
-                        pixelRatio: pixelRatio
-                    });
-                }
-            });
+            this.listenPixelRatio();
+            if (this.unreal) this.updateViewSize();
         }
     }
     imitateResizeObserver() {
@@ -6878,6 +6893,25 @@ class LeaferCanvas extends LeaferCanvasBase {
             Platform.requestRender(this.imitateResizeObserver.bind(this));
         }
     }
+    listenPixelRatio() {
+        if (!this.windowListener) window.addEventListener("resize", this.windowListener = () => {
+            const pixelRatio = Platform.devicePixelRatio;
+            if (!this.config.pixelRatio && this.pixelRatio !== pixelRatio) {
+                const {width: width, height: height} = this;
+                this.emitResize({
+                    width: width,
+                    height: height,
+                    pixelRatio: pixelRatio
+                });
+            }
+        });
+    }
+    stopListenPixelRatio() {
+        if (this.windowListener) {
+            window.removeEventListener("resize", this.windowListener);
+            this.windowListener = null;
+        }
+    }
     checkAutoBounds(parentSize) {
         const view = this.view;
         const {x: x, y: y, width: width, height: height} = this.autoBounds.getBoundsFrom(parentSize);
@@ -6915,10 +6949,7 @@ class LeaferCanvas extends LeaferCanvasBase {
     destroy() {
         if (this.view) {
             this.stopAutoLayout();
-            if (this.windowListener) {
-                window.removeEventListener("resize", this.windowListener);
-                this.windowListener = null;
-            }
+            this.stopListenPixelRatio();
             if (!this.unreal) {
                 const view = this.view;
                 if (view.parentElement) view.remove();
@@ -7347,7 +7378,7 @@ class Renderer {
         this.times = 0;
         this.config = {
             usePartRender: true,
-            maxFPS: 60
+            maxFPS: 120
         };
         this.target = target;
         this.canvas = canvas;
@@ -7502,11 +7533,15 @@ class Renderer {
         if (this.requestTime || !target) return;
         if (target.parentApp) return target.parentApp.requestRender(false);
         const requestTime = this.requestTime = Date.now();
-        Platform.requestRender(() => {
-            this.FPS = Math.min(60, Math.ceil(1e3 / (Date.now() - requestTime)));
+        const render = () => {
+            const nowFPS = 1e3 / (Date.now() - requestTime);
+            const {maxFPS: maxFPS} = this.config;
+            if (maxFPS && nowFPS > maxFPS - .5) return Platform.requestRender(render);
+            this.FPS = Math.min(120, Math.ceil(nowFPS));
             this.requestTime = 0;
             this.checkRender();
-        });
+        };
+        Platform.requestRender(render);
     }
     __onResize(e) {
         if (this.canvas.unreal) return;
@@ -7549,7 +7584,8 @@ class Renderer {
         if (this.target) {
             this.stop();
             this.__removeListenEvents();
-            this.target = this.canvas = this.config = null;
+            this.config = {};
+            this.target = this.canvas = null;
         }
     }
 }
@@ -8040,7 +8076,11 @@ class LeaferData extends GroupData {
 
 class FrameData extends BoxData {}
 
-class LineData extends UIData {}
+class LineData extends UIData {
+    get __usePathBox() {
+        return this.points || this.__pathInputed;
+    }
+}
 
 class RectData extends UIData {
     get __boxStroke() {
@@ -8054,7 +8094,7 @@ class EllipseData extends UIData {
     }
 }
 
-class PolygonData extends UIData {}
+class PolygonData extends LineData {}
 
 class StarData extends UIData {}
 
@@ -8364,20 +8404,9 @@ let UI = UI_1 = class UI extends Leaf {
         if (!path) this.__drawPathByBox(pen);
         return pen;
     }
-    constructor(data) {
-        super(data);
-    }
     reset(_data) {}
-    set(data, transition) {
-        if (data) {
-            if (transition) {
-                if (transition === "temp") {
-                    this.lockNormalStyle = true;
-                    Object.assign(this, data);
-                    this.lockNormalStyle = false;
-                } else this.animate(data, transition);
-            } else Object.assign(this, data);
-        }
+    set(data, _transition) {
+        if (data) Object.assign(this, data);
     }
     get(name) {
         return isString(name) ? this.__.__getInput(name) : this.__.__getInputData(name);
@@ -8423,7 +8452,7 @@ let UI = UI_1 = class UI extends Leaf {
         const data = this.__;
         if (data.path) {
             data.__pathForRender = data.cornerRadius ? PathCorner.smooth(data.path, data.cornerRadius, data.cornerSmoothing) : data.path;
-            if (data.__useArrow) PathArrow.addArrows(this, !data.cornerRadius);
+            if (data.__useArrow) PathArrow.addArrows(this);
         } else data.__pathForRender && (data.__pathForRender = undefined);
     }
     __drawRenderPath(canvas) {
@@ -8447,7 +8476,8 @@ let UI = UI_1 = class UI extends Leaf {
     drawImagePlaceholder(canvas, _image) {
         Paint.fill(this.__.placeholderColor, this, canvas);
     }
-    animate(_keyframe, _options, _type, _isTemp) {
+    animate(keyframe, _options, _type, _isTemp) {
+        this.set(keyframe);
         return Plugin.need("animate");
     }
     killAnimate(_type, _nextStyle) {}
@@ -8636,9 +8666,6 @@ let Group = class Group extends UI {
     get isBranch() {
         return true;
     }
-    constructor(data) {
-        super(data);
-    }
     reset(data) {
         this.__setBranch();
         super.reset(data);
@@ -8763,7 +8790,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         const canvas = this.canvas = Creator.canvas(config);
         this.__controllers.push(this.renderer = Creator.renderer(this, canvas, config), this.watcher = Creator.watcher(this, config), this.layouter = Creator.layouter(this, config));
         if (this.isApp) this.__setApp();
-        this.__checkAutoLayout(config, parentApp);
+        this.__checkAutoLayout();
         this.view = canvas.view;
         if (!parentApp) {
             this.selector = Creator.selector(this);
@@ -8862,7 +8889,8 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         this.leafer = leafer;
         this.__level = 1;
     }
-    __checkAutoLayout(config, parentApp) {
+    __checkAutoLayout() {
+        const {config: config, parentApp: parentApp} = this;
         if (!parentApp) {
             if (!config.width || !config.height) this.autoLayout = new AutoBounds(config);
             this.canvas.startAutoLayout(this.autoLayout, this.__onResize.bind(this));
@@ -8888,9 +8916,10 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         return super.__getAttr(attrName);
     }
     __changeCanvasSize(attrName, newValue) {
-        const data = DataHelper.copyAttrs({}, this.canvas, canvasSizeAttrs);
-        data[attrName] = this.config[attrName] = newValue;
-        if (newValue) this.canvas.stopAutoLayout();
+        const {config: config, canvas: canvas} = this;
+        const data = DataHelper.copyAttrs({}, canvas, canvasSizeAttrs);
+        data[attrName] = config[attrName] = newValue;
+        config.width && config.height ? canvas.stopAutoLayout() : this.__checkAutoLayout();
         this.__doResize(data);
     }
     __changeFill(newValue) {
@@ -9037,9 +9066,9 @@ let Leafer = Leafer_1 = class Leafer extends Group {
                     if (!this.parent) {
                         if (this.selector) this.selector.destroy();
                         if (this.hitCanvasManager) this.hitCanvasManager.destroy();
-                        this.canvasManager.destroy();
+                        if (this.canvasManager) this.canvasManager.destroy();
                     }
-                    this.canvas.destroy();
+                    if (this.canvas) this.canvas.destroy();
                     this.config.view = this.view = this.parentApp = null;
                     if (this.userConfig) this.userConfig.view = null;
                     super.destroy();
@@ -9067,9 +9096,6 @@ let Rect = class Rect extends UI {
     get __tag() {
         return "Rect";
     }
-    constructor(data) {
-        super(data);
-    }
 };
 
 __decorate([ dataProcessor(RectData) ], Rect.prototype, "__", void 0);
@@ -9123,29 +9149,24 @@ let Box = class Box extends Group {
     }
     __updateStrokeBounds() {}
     __updateRenderBounds() {
-        let isOverflow;
+        let isOverflow, isScrollMode;
         if (this.children.length) {
-            const data = this.__, layout = this.__layout, {renderBounds: renderBounds, boxBounds: boxBounds} = layout;
+            const data = this.__, layout = this.__layout, {renderBounds: renderBounds, boxBounds: boxBounds} = layout, {overflow: overflow} = data;
             const childrenRenderBounds = layout.childrenRenderBounds || (layout.childrenRenderBounds = getBoundsData());
             super.__updateRenderBounds(childrenRenderBounds);
-            if (data.overflow.includes("scroll")) {
+            if (isScrollMode = overflow.includes("scroll")) {
                 add(childrenRenderBounds, boxBounds);
                 scroll(childrenRenderBounds, data);
             }
             this.__updateRectRenderBounds();
             isOverflow = !includes$1(boxBounds, childrenRenderBounds);
-            if (isOverflow && data.overflow === "show") add(renderBounds, childrenRenderBounds);
+            if (isOverflow && overflow === "show") add(renderBounds, childrenRenderBounds);
         } else this.__updateRectRenderBounds();
         DataHelper.stintSet(this, "isOverflow", isOverflow);
-        this.__checkScroll();
+        this.__checkScroll(isScrollMode);
     }
     __updateRectRenderBounds() {}
-    __updateWorldBounds() {
-        if (this.hasScroller) this.__updateScroll();
-        super.__updateWorldBounds();
-    }
-    __checkScroll() {}
-    __updateScroll() {}
+    __checkScroll(_isScrollMode) {}
     __updateRectChange() {}
     __updateChange() {
         super.__updateChange();
@@ -9206,9 +9227,6 @@ let Frame = class Frame extends Box {
     get isFrame() {
         return true;
     }
-    constructor(data) {
-        super(data);
-    }
 };
 
 __decorate([ dataProcessor(FrameData) ], Frame.prototype, "__", void 0);
@@ -9225,9 +9243,6 @@ let Ellipse = class Ellipse extends UI {
     get __tag() {
         return "Ellipse";
     }
-    constructor(data) {
-        super(data);
-    }
     __updatePath() {
         const {width: width, height: height, innerRadius: innerRadius, startAngle: startAngle, endAngle: endAngle} = this.__;
         const rx = width / 2, ry = height / 2;
@@ -9271,8 +9286,6 @@ const {moveTo: moveTo$2, lineTo: lineTo$2, drawPoints: drawPoints$1} = PathComma
 
 const {rotate: rotate$1, getAngle: getAngle$1, getDistance: getDistance$2, defaultPoint: defaultPoint} = PointHelper;
 
-const {toBounds: toBounds} = PathBounds;
-
 let Line = class Line extends UI {
     get __tag() {
         return "Line";
@@ -9289,31 +9302,16 @@ let Line = class Line extends UI {
         this.rotation = getAngle$1(defaultPoint, value);
         if (this.height) this.height = 0;
     }
-    constructor(data) {
-        super(data);
-    }
     __updatePath() {
         const data = this.__;
         const path = data.path = [];
         if (data.points) {
-            drawPoints$1(path, data.points, false, data.closed);
+            drawPoints$1(path, data.points, data.curve, data.closed);
         } else {
             moveTo$2(path, 0, 0);
             lineTo$2(path, this.width, 0);
         }
     }
-    __updateRenderPath() {
-        const data = this.__;
-        if (!this.pathInputed && data.points && data.curve) {
-            drawPoints$1(data.__pathForRender = [], data.points, data.curve, data.closed);
-            if (data.__useArrow) PathArrow.addArrows(this, false);
-        } else super.__updateRenderPath();
-    }
-    __updateBoxBounds() {
-        if (this.points) {
-            toBounds(this.__.__pathForRender, this.__layout.boxBounds);
-        } else super.__updateBoxBounds();
-    }
 };
 
 __decorate([ dataProcessor(LineData) ], Line.prototype, "__", void 0);
@@ -9340,15 +9338,13 @@ let Polygon = class Polygon extends UI {
     get __tag() {
         return "Polygon";
     }
-    constructor(data) {
-        super(data);
-    }
     __updatePath() {
-        const path = this.__.path = [];
-        if (this.__.points) {
-            drawPoints(path, this.__.points, false, true);
+        const data = this.__;
+        const path = data.path = [];
+        if (data.points) {
+            drawPoints(path, data.points, data.curve, true);
         } else {
-            const {width: width, height: height, sides: sides} = this.__;
+            const {width: width, height: height, sides: sides} = data;
             const rx = width / 2, ry = height / 2;
             moveTo$1(path, rx, 0);
             for (let i = 1; i < sides; i++) {
@@ -9383,9 +9379,6 @@ let Star = class Star extends UI {
     get __tag() {
         return "Star";
     }
-    constructor(data) {
-        super(data);
-    }
     __updatePath() {
         const {width: width, height: height, corners: corners, innerRadius: innerRadius} = this.__;
         const rx = width / 2, ry = height / 2;
@@ -9418,9 +9411,6 @@ let Image$1 = class Image extends Rect {
         const {fill: fill} = this.__;
         return isArray(fill) && fill[0].image;
     }
-    constructor(data) {
-        super(data);
-    }
 };
 
 __decorate([ dataProcessor(ImageData) ], Image$1.prototype, "__", void 0);
@@ -9520,9 +9510,6 @@ let Text = class Text extends UI {
         this.updateLayout();
         return this.__.__textDrawData;
     }
-    constructor(data) {
-        super(data);
-    }
     __updateTextDrawData() {
         const data = this.__;
         const {lineHeight: lineHeight, letterSpacing: letterSpacing, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight, italic: italic, textCase: textCase, textOverflow: textOverflow, padding: padding} = data;
@@ -9655,9 +9642,6 @@ let Path = class Path extends UI {
     get __tag() {
         return "Path";
     }
-    constructor(data) {
-        super(data);
-    }
 };
 
 __decorate([ dataProcessor(PathData) ], Path.prototype, "__", void 0);
@@ -9670,9 +9654,6 @@ let Pen = class Pen extends Group {
     get __tag() {
         return "Pen";
     }
-    constructor(data) {
-        super(data);
-    }
     setStyle(data) {
         const path = this.pathElement = new Path(data);
         this.pathStyle = data;
@@ -12085,7 +12066,7 @@ function ignoreRender(ui, value) {
 
 const {get: get$1, scale: scale, copy: copy$1} = MatrixHelper;
 
-const {floor: floor, max: max, abs: abs} = Math;
+const {floor: floor, ceil: ceil, max: max, abs: abs} = Math;
 
 function createPattern(ui, paint, pixelRatio) {
     let {scaleX: scaleX, scaleY: scaleY} = ui.getRenderScaleData(true, paint.scaleFixed);
@@ -12095,8 +12076,6 @@ function createPattern(ui, paint, pixelRatio) {
         let imageScale, imageMatrix, {width: width, height: height, scaleX: sx, scaleY: sy, transform: transform, repeat: repeat, gap: gap} = data;
         scaleX *= pixelRatio;
         scaleY *= pixelRatio;
-        const xGap = gap && gap.x * scaleX;
-        const yGap = gap && gap.y * scaleY;
         if (sx) {
             sx = abs(sx);
             sy = abs(sy);
@@ -12113,7 +12092,10 @@ function createPattern(ui, paint, pixelRatio) {
             if (size > Platform.image.maxCacheSize) return false;
         }
         let maxSize = Platform.image.maxPatternSize;
-        if (!image.isSVG) {
+        if (image.isSVG) {
+            const ws = width / image.width;
+            if (ws > 1) imageScale = ws / ceil(ws);
+        } else {
             const imageSize = image.width * image.height;
             if (maxSize > imageSize) maxSize = imageSize;
         }
@@ -12128,18 +12110,20 @@ function createPattern(ui, paint, pixelRatio) {
             scaleX /= sx;
             scaleY /= sy;
         }
+        const xGap = gap && gap.x * scaleX;
+        const yGap = gap && gap.y * scaleY;
         if (transform || scaleX !== 1 || scaleY !== 1) {
+            const canvasWidth = width + (xGap || 0);
+            const canvasHeight = height + (yGap || 0);
+            scaleX /= canvasWidth / max(floor(canvasWidth), 1);
+            scaleY /= canvasHeight / max(floor(canvasHeight), 1);
             if (!imageMatrix) {
                 imageMatrix = get$1();
                 if (transform) copy$1(imageMatrix, transform);
             }
             scale(imageMatrix, 1 / scaleX, 1 / scaleY);
         }
-        if (imageMatrix) {
-            const canvasWidth = width + (xGap || 0), canvasHeight = height + (yGap || 0);
-            scale(imageMatrix, canvasWidth / max(floor(canvasWidth), 1), canvasHeight / max(floor(canvasHeight), 1));
-        }
-        const canvas = image.getCanvas(width, height, data.opacity, data.filters, xGap, yGap);
+        const canvas = image.getCanvas(width, height, data.opacity, data.filters, xGap, yGap, ui.leafer && ui.leafer.config.smooth);
         const pattern = image.getPattern(canvas, repeat || (Platform.origin.noRepeat || "no-repeat"), imageMatrix, paint);
         paint.style = pattern;
         paint.patternId = id;
@@ -13093,4 +13077,4 @@ Object.assign(Creator, {
 
 useCanvas();
 
-export { AlignHelper, Answer, App, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent$1 as DragEvent, Dragger, DropEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Frame, FrameData, Group, GroupData, HitCanvasManager, Image$1 as Image, ImageData, ImageEvent, ImageManager, IncrementId, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, Line, LineData, MathHelper, Matrix, MatrixHelper, MoveEvent, MyDragEvent, MyImage, MyPointerEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent$1 as PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, RotateEvent, Run, Selector, Star, StarData, State, StringNumberMap, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, ZoomEvent, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, doBoundsType, doStrokeType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, naturalBoundsType, opacityType, pathInputType, pathType, pen, positionType, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds$1 as tempBounds, tempMatrix$1 as tempMatrix, tempPoint$2 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+export { AlignHelper, Answer, App, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent$1 as DragEvent, Dragger, DropEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Frame, FrameData, Group, GroupData, HitCanvasManager, Image$1 as Image, ImageData, ImageEvent, ImageManager, IncrementId, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, Line, LineData, MathHelper, Matrix, MatrixHelper, MoveEvent, MyDragEvent, MyImage, MyPointerEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent$1 as PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, RotateEvent, Run, Selector, Star, StarData, State, StringNumberMap, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, ZoomEvent, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, doBoundsType, doStrokeType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds$1 as tempBounds, tempMatrix$1 as tempMatrix, tempPoint$2 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };