@leafer/worker 1.9.4 → 1.9.6

package/dist/worker.module.js

@@ -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;
@@ -369,7 +372,7 @@ function getMatrixData() {
 
 const {sin: sin$6, cos: cos$6, acos: acos, sqrt: sqrt$5} = Math;
 
-const {float: float$2} = MathHelper;
+const {float: float$3} = MathHelper;
 
 const tempPoint$4 = {};
 
@@ -611,12 +614,12 @@ const MatrixHelper = {
                 const cosR = c / scaleY;
                 rotation = PI_2 - (d > 0 ? acos(-cosR) : -acos(cosR));
             }
-            const cosR = float$2(cos$6(rotation));
+            const cosR = float$3(cos$6(rotation));
             const sinR = sin$6(rotation);
-            scaleX = float$2(scaleX), scaleY = float$2(scaleY);
-            skewX = cosR ? float$2((c / scaleY + sinR) / cosR / OneRadian, 9) : 0;
-            skewY = cosR ? float$2((b / scaleX - sinR) / cosR / OneRadian, 9) : 0;
-            rotation = float$2(rotation / OneRadian);
+            scaleX = float$3(scaleX), scaleY = float$3(scaleY);
+            skewX = cosR ? float$3((c / scaleY + sinR) / cosR / OneRadian, 9) : 0;
+            skewY = cosR ? float$3((b / scaleX - sinR) / cosR / OneRadian, 9) : 0;
+            rotation = float$3(rotation / OneRadian);
         } else {
             scaleX = a;
             scaleY = d;
@@ -1134,13 +1137,13 @@ const AlignHelper = {
     }
 };
 
-const {tempPointBounds: tempPointBounds$1, setPoint: setPoint$5, addPoint: addPoint$3, toBounds: toBounds$4} = TwoPointBoundsHelper;
+const {tempPointBounds: tempPointBounds$1, setPoint: setPoint$5, addPoint: addPoint$3, toBounds: toBounds$3} = TwoPointBoundsHelper;
 
 const {toOuterPoint: toOuterPoint$2} = MatrixHelper;
 
-const {float: float$1, fourNumber: fourNumber$1} = MathHelper;
+const {float: float$2, fourNumber: fourNumber$1} = MathHelper;
 
-const {floor: floor$3, ceil: ceil$2} = Math;
+const {floor: floor$3, ceil: ceil$3} = Math;
 
 let right$4, bottom$3, boundsRight, boundsBottom;
 
@@ -1269,7 +1272,7 @@ const BoundsHelper = {
             point$2.x = t.x;
             toOuterPoint$2(matrix, point$2, toPoint$5);
             addPoint$3(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
-            toBounds$4(tempPointBounds$1, to);
+            toBounds$3(tempPointBounds$1, to);
         }
     },
     toInnerOf(t, matrix, to) {
@@ -1307,8 +1310,8 @@ const BoundsHelper = {
         const {x: x, y: y} = t;
         t.x = floor$3(t.x);
         t.y = floor$3(t.y);
-        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);
+        t.width = x > t.x ? ceil$3(t.width + x - t.x) : ceil$3(t.width);
+        t.height = y > t.y ? ceil$3(t.height + y - t.y) : ceil$3(t.height);
     },
     unsign(t) {
         if (t.width < 0) {
@@ -1321,10 +1324,10 @@ const BoundsHelper = {
         }
     },
     float(t, maxLength) {
-        t.x = float$1(t.x, maxLength);
-        t.y = float$1(t.y, maxLength);
-        t.width = float$1(t.width, maxLength);
-        t.height = float$1(t.height, maxLength);
+        t.x = float$2(t.x, maxLength);
+        t.y = float$2(t.y, maxLength);
+        t.width = float$2(t.width, maxLength);
+        t.height = float$2(t.height, maxLength);
     },
     add(t, bounds, isPoint) {
         right$4 = t.x + t.width;
@@ -1368,7 +1371,7 @@ const BoundsHelper = {
     },
     setPoints(t, points) {
         points.forEach((point, index) => index === 0 ? setPoint$5(tempPointBounds$1, point.x, point.y) : addPoint$3(tempPointBounds$1, point.x, point.y));
-        toBounds$4(tempPointBounds$1, t);
+        toBounds$3(tempPointBounds$1, t);
     },
     setPoint(t, point) {
         B.set(t, point.x, point.y);
@@ -2221,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() {}
@@ -2543,7 +2546,7 @@ const RectHelper = {
     }
 };
 
-const {sin: sin$4, cos: cos$4, atan2: atan2$1, ceil: ceil$1, abs: abs$6, PI: PI$3, sqrt: sqrt$3, pow: pow$1} = Math;
+const {sin: sin$4, cos: cos$4, hypot: hypot, atan2: atan2$1, ceil: ceil$2, abs: abs$6, PI: PI$3, sqrt: sqrt$3, pow: pow$1} = Math;
 
 const {setPoint: setPoint$4, addPoint: addPoint$2} = TwoPointBoundsHelper;
 
@@ -2614,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$3 || abs$6(BAx + BAy) < 1e-12 || abs$6(CBx + CBy) < 1e-12) {
+        if (lenBA < 1e-12 || lenCB < 1e-12 || totalRadian < 1e-12 || abs$6(totalRadian - PI$3) < 1e-12) {
             if (data) data.push(L$a, x1, y1);
             if (setPointBounds) {
                 setPoint$4(setPointBounds, fromX, fromY);
@@ -2649,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$1(abs$6(totalRadian / PI_2));
+        const parts = ceil$2(abs$6(totalRadian / PI_2));
         const partRadian = totalRadian / parts;
         const partRadian4Sin = sin$4(partRadian / 4);
         const control = 8 / 3 * partRadian4Sin * partRadian4Sin / sin$4(partRadian / 2);
@@ -3208,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() {
@@ -3380,7 +3381,7 @@ const {M: M$5, L: L$6, C: C$4, Q: Q$3, Z: Z$4, N: N$2, D: D$3, X: X$2, G: G$2, F
 
 const {toTwoPointBounds: toTwoPointBounds, toTwoPointBoundsByQuadraticCurve: toTwoPointBoundsByQuadraticCurve, arcTo: arcTo$1, arc: arc, ellipse: ellipse$1} = BezierHelper;
 
-const {addPointBounds: addPointBounds, copy: copy$a, addPoint: addPoint$1, setPoint: setPoint$3, addBounds: addBounds, toBounds: toBounds$3} = TwoPointBoundsHelper;
+const {addPointBounds: addPointBounds, copy: copy$a, addPoint: addPoint$1, setPoint: setPoint$3, addBounds: addBounds, toBounds: toBounds$2} = TwoPointBoundsHelper;
 
 const debug$d = Debug.get("PathBounds");
 
@@ -3395,7 +3396,7 @@ const setEndPoint = {};
 const PathBounds = {
     toBounds(data, setBounds) {
         PathBounds.toTwoPointBounds(data, setPointBounds);
-        toBounds$3(setPointBounds, setBounds);
+        toBounds$2(setPointBounds, setBounds);
     },
     toTwoPointBounds(data, setPointBounds) {
         if (!data || !data.length) return setPoint$3(setPointBounds, 0, 0);
@@ -3582,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) {
@@ -3954,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;
@@ -4048,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) {
@@ -4064,6 +4069,7 @@ class LeaferImage {
         const canvas = Platform.origin.createCanvas(max$2(floor$2(width + (xGap || 0)), 1), max$2(floor$2(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,
@@ -4715,8 +4721,9 @@ const L$4 = LeafHelper;
 
 const {updateAllMatrix: updateAllMatrix$4, updateMatrix: updateMatrix$4, updateAllWorldOpacity: updateAllWorldOpacity, updateAllChange: updateAllChange$1, updateChange: updateChange$1} = L$4;
 
-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 = {
@@ -5456,6 +5463,8 @@ LeaferEvent.RESTART = "leafer.restart";
 
 LeaferEvent.END = "leafer.end";
 
+LeaferEvent.UPDATE_MODE = "leafer.update_mode";
+
 LeaferEvent.TRANSFORM = "leafer.transform";
 
 LeaferEvent.MOVE = "leafer.move";
@@ -5734,7 +5743,7 @@ const {updateBounds: updateBounds$2} = BranchHelper;
 
 const {toOuterOf: toOuterOf$1, copyAndSpread: copyAndSpread$2, copy: copy$7} = BoundsHelper;
 
-const {toBounds: toBounds$2} = PathBounds;
+const {toBounds: toBounds$1} = PathBounds;
 
 const LeafBounds = {
     __updateWorldBounds() {
@@ -5806,8 +5815,8 @@ const LeafBounds = {
     __updateBoxBounds(_secondLayout, _bounds) {
         const b = this.__layout.boxBounds;
         const data = this.__;
-        if (data.__pathInputed) {
-            toBounds$2(data.path, b);
+        if (data.__usePathBox) {
+            toBounds$1(data.path, b);
         } else {
             b.x = 0;
             b.y = 0;
@@ -6742,7 +6751,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.9.4";
+const version = "1.9.6";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -7165,7 +7174,7 @@ class Renderer {
         this.times = 0;
         this.config = {
             usePartRender: true,
-            maxFPS: 60
+            maxFPS: 120
         };
         this.target = target;
         this.canvas = canvas;
@@ -7320,11 +7329,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;
@@ -7367,7 +7380,8 @@ class Renderer {
         if (this.target) {
             this.stop();
             this.__removeListenEvents();
-            this.target = this.canvas = this.config = null;
+            this.config = {};
+            this.target = this.canvas = null;
         }
     }
 }
@@ -7463,7 +7477,7 @@ class Picker {
             item = path.list[i];
             if (!item.__.hittable) break;
             hittablePath.addAt(item, 0);
-            if (!item.__.hitChildren) break;
+            if (!item.__.hitChildren || item.isLeafer && item.mode === "draw") break;
         }
         return hittablePath;
     }
@@ -7858,7 +7872,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() {
@@ -7872,7 +7890,7 @@ class EllipseData extends UIData {
     }
 }
 
-class PolygonData extends UIData {}
+class PolygonData extends LineData {}
 
 class StarData extends UIData {}
 
@@ -7916,8 +7934,6 @@ class TextData extends UIData {
             if (!boxStyle) box.parent = t, box.__world = t.__world, boxLayout.boxBounds = layout.boxBounds;
             box.set(value);
             if (boxLayout.strokeChanged) layout.strokeChange();
-            if (boxLayout.renderChanged) layout.renderChange();
-            box.__updateChange();
         } else if (box) {
             t.__box = box.parent = null;
             box.destroy();
@@ -7987,7 +8003,7 @@ const UIBounds = {
     __updateRenderSpread() {
         let width = 0;
         const {shadow: shadow, innerShadow: innerShadow, blur: blur, backgroundBlur: backgroundBlur, filter: filter, renderSpread: renderSpread} = this.__;
-        if (shadow) shadow.forEach(item => width = Math.max(width, Math.max(Math.abs(item.y), Math.abs(item.x)) + (item.spread > 0 ? item.spread : 0) + item.blur * 1.5));
+        if (shadow) width = Effect.getShadowSpread(this, shadow);
         if (blur) width = Math.max(width, blur);
         if (filter) width += Filter.getSpread(filter);
         if (renderSpread) width += renderSpread;
@@ -8000,36 +8016,69 @@ const UIBounds = {
     }
 };
 
+const {float: float$1} = MathHelper;
+
+const tempContent = new Bounds, tempMerge = new Bounds, tempIntersect = new Bounds;
+
 const DragBoundsHelper = {
+    limitMove(leaf, move) {
+        const {dragBounds: dragBounds, dragBoundsType: dragBoundsType} = leaf;
+        if (dragBounds) D$2.getValidMove(leaf.__localBoxBounds, D$2.getDragBounds(leaf), dragBoundsType, move, true);
+        D$2.axisMove(leaf, move);
+    },
+    limitScaleOf(leaf, origin, scale) {
+        const {dragBounds: dragBounds, dragBoundsType: dragBoundsType} = leaf;
+        if (dragBounds) D$2.getValidScaleOf(leaf.__localBoxBounds, D$2.getDragBounds(leaf), dragBoundsType, leaf.getLocalPointByInner(leaf.getInnerPointByBox(origin)), scale, true);
+    },
+    axisMove(leaf, move) {
+        const {draggable: draggable} = leaf;
+        if (draggable === "x") move.y = 0;
+        if (draggable === "y") move.x = 0;
+    },
+    getDragBounds(leaf) {
+        const {dragBounds: dragBounds} = leaf;
+        return dragBounds === "parent" ? leaf.parent.boxBounds : dragBounds;
+    },
+    isInnerMode(content, dragBounds, dragBoundsType, sideType) {
+        return dragBoundsType === "inner" || dragBoundsType === "auto" && content[sideType] > dragBounds[sideType];
+    },
     getValidMove(content, dragBounds, dragBoundsType, move, change) {
         const x = content.x + move.x, y = content.y + move.y, right = x + content.width, bottom = y + content.height;
         const boundsRight = dragBounds.x + dragBounds.width, boundsBottom = dragBounds.y + dragBounds.height;
         if (!change) move = Object.assign({}, move);
-        const isBiggerWidth = content.width > dragBounds.width;
-        const isBiggerHeight = content.height > dragBounds.height;
-        if (isBiggerWidth && dragBoundsType !== "outer") {
+        if (D$2.isInnerMode(content, dragBounds, dragBoundsType, "width")) {
             if (x > dragBounds.x) move.x += dragBounds.x - x; else if (right < boundsRight) move.x += boundsRight - right;
         } else {
             if (x < dragBounds.x) move.x += dragBounds.x - x; else if (right > boundsRight) move.x += boundsRight - right;
         }
-        if (isBiggerHeight && dragBoundsType !== "outer") {
+        if (D$2.isInnerMode(content, dragBounds, dragBoundsType, "height")) {
             if (y > dragBounds.y) move.y += dragBounds.y - y; else if (bottom < boundsBottom) move.y += boundsBottom - bottom;
         } else {
             if (y < dragBounds.y) move.y += dragBounds.y - y; else if (bottom > boundsBottom) move.y += boundsBottom - bottom;
         }
-        move.x = MathHelper.float(move.x);
-        move.y = MathHelper.float(move.y);
+        move.x = float$1(move.x);
+        move.y = float$1(move.y);
         return move;
     },
-    axisMove(leaf, move) {
-        const {draggable: draggable} = leaf;
-        if (draggable === "x") move.y = 0;
-        if (draggable === "y") move.x = 0;
-    },
-    limitMove(leaf, move) {
-        const {dragBounds: dragBounds, dragBoundsType: dragBoundsType} = leaf;
-        if (dragBounds) D$2.getValidMove(leaf.__localBoxBounds, dragBounds === "parent" ? leaf.parent.boxBounds : dragBounds, dragBoundsType, move, true);
-        D$2.axisMove(leaf, move);
+    getValidScaleOf(content, dragBounds, dragBoundsType, origin, scale, change) {
+        if (!change) scale = Object.assign({}, scale);
+        let fitScaleX, fitScaleY;
+        tempContent.set(content).scaleOf(origin, scale.x, scale.y).unsign();
+        tempMerge.set(tempContent).add(dragBounds);
+        tempIntersect.set(tempContent).intersect(dragBounds);
+        if (D$2.isInnerMode(content, dragBounds, dragBoundsType, "width")) {
+            fitScaleX = tempMerge.width / tempContent.width;
+        } else {
+            fitScaleX = tempIntersect.width / tempContent.width;
+        }
+        if (D$2.isInnerMode(content, dragBounds, dragBoundsType, "height")) {
+            fitScaleY = tempMerge.height / tempContent.height;
+        } else {
+            fitScaleY = tempIntersect.height / tempContent.height;
+        }
+        scale.x = float$1(tempIntersect.width) ? scale.x * fitScaleX : 1;
+        scale.y = float$1(tempIntersect.height) ? scale.y * fitScaleY : 1;
+        return scale;
     }
 };
 
@@ -8047,7 +8096,7 @@ const UIRender = {
         }
         if (data.__useEffect) {
             const {shadow: shadow, fill: fill, stroke: stroke} = data, otherEffect = data.innerShadow || data.blur || data.backgroundBlur || data.filter;
-            stintSet$1(data, "__isFastShadow", shadow && !otherEffect && shadow.length < 2 && !shadow[0].spread && fill && !data.__isTransparentFill && !(isArray(fill) && fill.length > 1) && (this.useFastShadow || !stroke || stroke && data.strokeAlign === "inside"));
+            stintSet$1(data, "__isFastShadow", shadow && !otherEffect && shadow.length < 2 && !shadow[0].spread && !Effect.isTransformShadow(shadow[0]) && fill && !data.__isTransparentFill && !(isArray(fill) && fill.length > 1) && (this.useFastShadow || !stroke || stroke && data.strokeAlign === "inside"));
             data.__useEffect = !!(shadow || otherEffect);
         }
         data.__checkSingle();
@@ -8182,20 +8231,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);
@@ -8241,7 +8279,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) {
@@ -8265,7 +8303,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) {}
@@ -8454,9 +8493,6 @@ let Group = class Group extends UI {
     get isBranch() {
         return true;
     }
-    constructor(data) {
-        super(data);
-    }
     reset(data) {
         this.__setBranch();
         super.reset(data);
@@ -8581,7 +8617,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);
@@ -8680,7 +8716,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));
@@ -8697,7 +8734,9 @@ let Leafer = Leafer_1 = class Leafer extends Group {
             } else if (attrName === "zIndex") {
                 this.canvas.zIndex = newValue;
                 setTimeout(() => this.parent && this.parent.__updateSortChildren());
-            }
+            } else if (attrName === "mode") this.emit(LeaferEvent.UPDATE_MODE, {
+                mode: newValue
+            });
         }
         return super.__setAttr(attrName, newValue);
     }
@@ -8706,9 +8745,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) {
@@ -8855,9 +8895,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();
@@ -8879,15 +8919,14 @@ __decorate([ dataProcessor(LeaferData) ], Leafer.prototype, "__", void 0);
 
 __decorate([ boundsType() ], Leafer.prototype, "pixelRatio", void 0);
 
+__decorate([ dataType("normal") ], Leafer.prototype, "mode", void 0);
+
 Leafer = Leafer_1 = __decorate([ registerUI() ], Leafer);
 
 let Rect = class Rect extends UI {
     get __tag() {
         return "Rect";
     }
-    constructor(data) {
-        super(data);
-    }
 };
 
 __decorate([ dataProcessor(RectData) ], Rect.prototype, "__", void 0);
@@ -9019,9 +9058,6 @@ let Frame = class Frame extends Box {
     get isFrame() {
         return true;
     }
-    constructor(data) {
-        super(data);
-    }
 };
 
 __decorate([ dataProcessor(FrameData) ], Frame.prototype, "__", void 0);
@@ -9038,9 +9074,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;
@@ -9080,98 +9113,29 @@ __decorate([ pathType(0) ], Ellipse.prototype, "endAngle", void 0);
 
 Ellipse = __decorate([ registerUI() ], Ellipse);
 
-const {moveTo: moveTo$2, lineTo: lineTo$2, drawPoints: drawPoints$1} = PathCommandDataHelper;
-
-const {rotate: rotate$3, getAngle: getAngle$2, getDistance: getDistance$3, defaultPoint: defaultPoint} = PointHelper;
-
-const {toBounds: toBounds$1} = PathBounds;
-
-let Line = class Line extends UI {
-    get __tag() {
-        return "Line";
-    }
-    get toPoint() {
-        const {width: width, rotation: rotation} = this.__;
-        const to = getPointData();
-        if (width) to.x = width;
-        if (rotation) rotate$3(to, rotation);
-        return to;
-    }
-    set toPoint(value) {
-        this.width = getDistance$3(defaultPoint, value);
-        this.rotation = getAngle$2(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);
-        } 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$1(this.__.__pathForRender, this.__layout.boxBounds);
-        } else super.__updateBoxBounds();
-    }
-};
-
-__decorate([ dataProcessor(LineData) ], Line.prototype, "__", void 0);
-
-__decorate([ affectStrokeBoundsType("center") ], Line.prototype, "strokeAlign", void 0);
-
-__decorate([ boundsType(0) ], Line.prototype, "height", void 0);
-
-__decorate([ pathType() ], Line.prototype, "points", void 0);
-
-__decorate([ pathType(0) ], Line.prototype, "curve", void 0);
-
-__decorate([ pathType(false) ], Line.prototype, "closed", void 0);
-
-Line = __decorate([ registerUI() ], Line);
-
 const {sin: sin$2, cos: cos$2, PI: PI$2} = Math;
 
-const {moveTo: moveTo$1, lineTo: lineTo$1, closePath: closePath$1, drawPoints: drawPoints} = PathCommandDataHelper;
-
-const line = Line.prototype;
+const {moveTo: moveTo$2, lineTo: lineTo$2, closePath: closePath$1, drawPoints: drawPoints$1} = PathCommandDataHelper;
 
 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$1(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);
+            moveTo$2(path, rx, 0);
             for (let i = 1; i < sides; i++) {
-                lineTo$1(path, rx + rx * sin$2(i * 2 * PI$2 / sides), ry - ry * cos$2(i * 2 * PI$2 / sides));
+                lineTo$2(path, rx + rx * sin$2(i * 2 * PI$2 / sides), ry - ry * cos$2(i * 2 * PI$2 / sides));
             }
             closePath$1(path);
         }
     }
-    __updateRenderPath() {}
-    __updateBoxBounds() {}
 };
 
 __decorate([ dataProcessor(PolygonData) ], Polygon.prototype, "__", void 0);
@@ -9182,30 +9146,23 @@ __decorate([ pathType() ], Polygon.prototype, "points", void 0);
 
 __decorate([ pathType(0) ], Polygon.prototype, "curve", void 0);
 
-__decorate([ rewrite(line.__updateRenderPath) ], Polygon.prototype, "__updateRenderPath", null);
-
-__decorate([ rewrite(line.__updateBoxBounds) ], Polygon.prototype, "__updateBoxBounds", null);
-
 Polygon = __decorate([ rewriteAble(), registerUI() ], Polygon);
 
 const {sin: sin$1, cos: cos$1, PI: PI$1} = Math;
 
-const {moveTo: moveTo, lineTo: lineTo, closePath: closePath} = PathCommandDataHelper;
+const {moveTo: moveTo$1, lineTo: lineTo$1, closePath: closePath} = PathCommandDataHelper;
 
 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;
         const path = this.__.path = [];
-        moveTo(path, rx, 0);
+        moveTo$1(path, rx, 0);
         for (let i = 1; i < corners * 2; i++) {
-            lineTo(path, rx + (i % 2 === 0 ? rx : rx * innerRadius) * sin$1(i * PI$1 / corners), ry - (i % 2 === 0 ? ry : ry * innerRadius) * cos$1(i * PI$1 / corners));
+            lineTo$1(path, rx + (i % 2 === 0 ? rx : rx * innerRadius) * sin$1(i * PI$1 / corners), ry - (i % 2 === 0 ? ry : ry * innerRadius) * cos$1(i * PI$1 / corners));
         }
         closePath(path);
     }
@@ -9219,6 +9176,52 @@ __decorate([ pathType(.382) ], Star.prototype, "innerRadius", void 0);
 
 Star = __decorate([ registerUI() ], Star);
 
+const {moveTo: moveTo, lineTo: lineTo, drawPoints: drawPoints} = PathCommandDataHelper;
+
+const {rotate: rotate$3, getAngle: getAngle$2, getDistance: getDistance$3, defaultPoint: defaultPoint} = PointHelper;
+
+let Line = class Line extends UI {
+    get __tag() {
+        return "Line";
+    }
+    get toPoint() {
+        const {width: width, rotation: rotation} = this.__;
+        const to = getPointData();
+        if (width) to.x = width;
+        if (rotation) rotate$3(to, rotation);
+        return to;
+    }
+    set toPoint(value) {
+        this.width = getDistance$3(defaultPoint, value);
+        this.rotation = getAngle$2(defaultPoint, value);
+        if (this.height) this.height = 0;
+    }
+    __updatePath() {
+        const data = this.__;
+        const path = data.path = [];
+        if (data.points) {
+            drawPoints(path, data.points, data.curve, data.closed);
+        } else {
+            moveTo(path, 0, 0);
+            lineTo(path, this.width, 0);
+        }
+    }
+};
+
+__decorate([ dataProcessor(LineData) ], Line.prototype, "__", void 0);
+
+__decorate([ affectStrokeBoundsType("center") ], Line.prototype, "strokeAlign", void 0);
+
+__decorate([ boundsType(0) ], Line.prototype, "height", void 0);
+
+__decorate([ pathType() ], Line.prototype, "points", void 0);
+
+__decorate([ pathType(0) ], Line.prototype, "curve", void 0);
+
+__decorate([ pathType(false) ], Line.prototype, "closed", void 0);
+
+Line = __decorate([ registerUI() ], Line);
+
 let Image = class Image extends Rect {
     get __tag() {
         return "Image";
@@ -9231,9 +9234,6 @@ let Image = class Image extends Rect {
         const {fill: fill} = this.__;
         return isArray(fill) && fill[0].image;
     }
-    constructor(data) {
-        super(data);
-    }
 };
 
 __decorate([ dataProcessor(ImageData) ], Image.prototype, "__", void 0);
@@ -9333,9 +9333,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;
@@ -9372,10 +9369,6 @@ let Text = class Text extends UI {
         DataHelper.stintSet(this, "isOverflow", !includes(b, contentBounds));
         if (this.isOverflow) setList(data.__textBoxBounds = {}, [ b, contentBounds ]), layout.renderChanged = true; else data.__textBoxBounds = b;
     }
-    __onUpdateSize() {
-        if (this.__box) this.__box.__onUpdateSize();
-        super.__onUpdateSize();
-    }
     __updateRenderSpread() {
         let width = super.__updateRenderSpread();
         if (!width) width = this.isOverflow ? 1 : 0;
@@ -9386,6 +9379,11 @@ let Text = class Text extends UI {
         copyAndSpread$1(renderBounds, this.__.__textBoxBounds, renderSpread);
         if (this.__box) this.__box.__layout.renderBounds = renderBounds;
     }
+    __updateChange() {
+        super.__updateChange();
+        const box = this.__box;
+        if (box) box.__onUpdateSize(), box.__updateChange();
+    }
     __drawRenderPath(canvas) {
         canvas.font = this.__.__font;
     }
@@ -9468,9 +9466,6 @@ let Path = class Path extends UI {
     get __tag() {
         return "Path";
     }
-    constructor(data) {
-        super(data);
-    }
 };
 
 __decorate([ dataProcessor(PathData) ], Path.prototype, "__", void 0);
@@ -9483,9 +9478,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;
@@ -11570,7 +11562,7 @@ function ignoreRender(ui, value) {
 
 const {get: get$1, scale: scale$2, copy: copy$4} = MatrixHelper;
 
-const {floor: floor$1, max: max$1, abs: abs$4} = Math;
+const {floor: floor$1, ceil: ceil$1, max: max$1, abs: abs$4} = Math;
 
 function createPattern(ui, paint, pixelRatio) {
     let {scaleX: scaleX, scaleY: scaleY} = ui.getRenderScaleData(true, paint.scaleFixed);
@@ -11580,8 +11572,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$4(sx);
             sy = abs$4(sy);
@@ -11598,7 +11588,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$1(ws);
+        } else {
             const imageSize = image.width * image.height;
             if (maxSize > imageSize) maxSize = imageSize;
         }
@@ -11613,18 +11606,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$1(floor$1(canvasWidth), 1);
+            scaleY /= canvasHeight / max$1(floor$1(canvasHeight), 1);
             if (!imageMatrix) {
                 imageMatrix = get$1();
                 if (transform) copy$4(imageMatrix, transform);
             }
             scale$2(imageMatrix, 1 / scaleX, 1 / scaleY);
         }
-        if (imageMatrix) {
-            const canvasWidth = width + (xGap || 0), canvasHeight = height + (yGap || 0);
-            scale$2(imageMatrix, canvasWidth / max$1(floor$1(canvasWidth), 1), canvasHeight / max$1(floor$1(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;
@@ -11866,12 +11861,18 @@ function shadow$1(ui, current, shape) {
             }
             worldCanvas ? other.copyWorld(worldCanvas, nowWorld, nowWorld, "destination-out") : other.copyWorld(shape.canvas, shapeBounds, bounds, "destination-out");
         }
-        LeafHelper.copyCanvasByWorld(ui, current, other, copyBounds, item.blendMode);
+        if (Effect.isTransformShadow(item)) Effect.renderTransformShadow(ui, current, other, copyBounds, item); else LeafHelper.copyCanvasByWorld(ui, current, other, copyBounds, item.blendMode);
         if (end && index < end) other.clearWorld(copyBounds);
     });
     other.recycle(copyBounds);
 }
 
+function getShadowSpread(_ui, shadow) {
+    let width = 0;
+    shadow.forEach(item => width = Math.max(width, Math.max(Math.abs(item.y), Math.abs(item.x)) + (item.spread > 0 ? item.spread : 0) + item.blur * 1.5));
+    return width;
+}
+
 function drawWorldShadow(canvas, outBounds, spreadScale, shape) {
     const {bounds: bounds, shapeBounds: shapeBounds} = shape;
     if (Platform.fullImageShadow) {
@@ -11949,7 +11950,11 @@ const EffectModule = {
     shadow: shadow$1,
     innerShadow: innerShadow,
     blur: blur,
-    backgroundBlur: backgroundBlur
+    backgroundBlur: backgroundBlur,
+    getShadowSpread: getShadowSpread,
+    isTransformShadow(_shadow) {
+        return undefined;
+    }
 };
 
 const {excludeRenderBounds: excludeRenderBounds} = LeafBoundsHelper;
@@ -12457,16 +12462,17 @@ function toTextChar(row) {
 }
 
 function decorationText(drawData, style) {
-    let type;
+    let type, offset = 0;
     const {fontSize: fontSize, textDecoration: textDecoration} = style;
     drawData.decorationHeight = fontSize / 11;
     if (isObject(textDecoration)) {
         type = textDecoration.type;
         if (textDecoration.color) drawData.decorationColor = ColorConvert.string(textDecoration.color);
+        if (textDecoration.offset) offset = Math.min(fontSize * .3, Math.max(textDecoration.offset, -fontSize * .15));
     } else type = textDecoration;
     switch (type) {
       case "under":
-        drawData.decorationY = [ fontSize * .15 ];
+        drawData.decorationY = [ fontSize * .15 + offset ];
         break;
 
       case "delete":
@@ -12474,7 +12480,7 @@ function decorationText(drawData, style) {
         break;
 
       case "under-delete":
-        drawData.decorationY = [ fontSize * .15, -fontSize * .35 ];
+        drawData.decorationY = [ fontSize * .15 + offset, -fontSize * .35 ];
     }
 }
 
@@ -12813,7 +12819,7 @@ class EditSelect extends Group {
     }
     get running() {
         const {editor: editor} = this;
-        return this.hittable && editor.visible && editor.hittable && editor.mergeConfig.selector;
+        return this.hittable && editor.visible && editor.hittable && editor.mergeConfig.selector && this.app.mode === "normal";
     }
     get isMoveMode() {
         return this.app && this.app.interaction.moveMode;
@@ -13115,17 +13121,13 @@ const EditDataHelper = {
         }
         toPoint(around || align, boxBounds, origin, true);
         if (dragBounds) {
-            const allowBounds = dragBounds === "parent" ? target.parent.boxBounds : dragBounds;
-            const childBounds = new Bounds(target.__localBoxBounds);
-            if (BoundsHelper.includes(new Bounds(allowBounds).spread(.1), childBounds)) {
-                childBounds.scaleOf(target.getLocalPointByInner(origin), scaleX, scaleY);
-                if (!BoundsHelper.includes(allowBounds, childBounds)) {
-                    const realBounds = childBounds.getIntersect(allowBounds);
-                    const fitScaleX = realBounds.width / childBounds.width, fitScaleY = realBounds.height / childBounds.height;
-                    if (useScaleX) scaleX *= fitScaleX;
-                    if (useScaleY) scaleY *= fitScaleY;
-                }
-            }
+            const scaleData = {
+                x: scaleX,
+                y: scaleY
+            };
+            DragBoundsHelper.limitScaleOf(target, origin, scaleData);
+            scaleX = scaleData.x;
+            scaleY = scaleData.y;
         }
         if (useScaleX && widthRange) {
             const nowWidth = boxBounds.width * target.scaleX;
@@ -14686,7 +14688,9 @@ let Editor = class Editor extends Group {
     listenTargetEvents() {
         if (!this.targetEventIds.length) {
             const {app: app, leafer: leafer, targetLeafer: targetLeafer, editMask: editMask} = this;
-            this.targetEventIds = [ leafer.on_(RenderEvent.START, this.onRenderStart, this), targetLeafer && targetLeafer.on_(PropertyEvent.SCROLL, this.onChildScroll, this), app.on_(RenderEvent.CHILD_START, this.onAppRenderStart, this) ];
+            this.targetEventIds = [ leafer.on_(RenderEvent.START, this.onRenderStart, this), targetLeafer && targetLeafer.on_(PropertyEvent.SCROLL, this.onChildScroll, this), app.on_(RenderEvent.CHILD_START, this.onAppRenderStart, this), app.on_(LeaferEvent.UPDATE_MODE, data => {
+                if (data.mode && data.mode !== "normal") this.cancel();
+            }) ];
             if (editMask.visible) editMask.forceRender();
         }
     }
@@ -15600,7 +15604,8 @@ const WheelEventHelper = {
         if (zoom) {
             zoomSpeed = within$2(zoomSpeed, 0, 1);
             const min = event.deltaY ? config.delta.y : config.delta.x;
-            scale = within$2(1 - delta / (min * 4) * zoomSpeed, .5, 1.5);
+            const absScale = within$2(1 - abs$2(delta) / (min * 4) * zoomSpeed, .5, 2);
+            scale = delta > 0 ? absScale : 1 / absScale;
         }
         return scale;
     }
@@ -16155,6 +16160,9 @@ let Arrow = class Arrow extends Line {
         super(data);
         this.__.__useArrow = true;
     }
+    static registerArrow(name, data) {
+        PathArrow.register(name, data);
+    }
 };
 
 __decorate([ dataProcessor(ArrowData) ], Arrow.prototype, "__", void 0);
@@ -16336,9 +16344,18 @@ const arrows = {
     mark: mark
 };
 
-function getArrowPath(ui, arrow, from, to, scale, connectOffset, hasDashPattern) {
+function getArrowPath(ui, arrow, from, to, size, connectOffset, hasDashPattern) {
+    let pathData, scale;
     const {strokeCap: strokeCap, strokeJoin: strokeJoin} = ui.__;
-    const {offset: offset, connect: connect, path: path, dashPath: dashPath} = isObject(arrow) ? arrow : arrows[arrow];
+    if (isObject(arrow)) {
+        if (arrow.type) {
+            scale = arrow.scale;
+            pathData = arrows[arrow.type];
+        } else pathData = arrow;
+    } else {
+        pathData = arrows[arrow];
+    }
+    const {offset: offset, connect: connect, path: path, dashPath: dashPath} = pathData;
     let connectX = connect ? connect.x : 0;
     let offsetX = offset ? offset.x : 0;
     const data = [ ...path ];
@@ -16347,9 +16364,10 @@ function getArrowPath(ui, arrow, from, to, scale, connectOffset, hasDashPattern)
     if (offset) {
         if (strokeJoin === "round" && offset.roundJoin) offsetX += offset.roundJoin; else if (strokeJoin === "bevel" && offset.bevelJoin) offsetX += offset.bevelJoin;
     }
+    if (scale) layout$2(data, 0, 0, scale, scale);
     if (offsetX) layout$2(data, offsetX, 0);
-    layout$2(data, to.x, to.y, scale, scale, getAngle(from, to));
-    connectOffset.x = (connectX + offsetX) * scale;
+    layout$2(data, to.x, to.y, size, size, getAngle(from, to));
+    connectOffset.x = (connectX + offsetX) * size;
     return data;
 }
 
@@ -16365,8 +16383,9 @@ const last = {}, now = {};
 
 const PathArrowModule = {
     list: arrows,
-    addArrows(ui, changeRenderPath) {
-        const {startArrow: startArrow, endArrow: endArrow, strokeWidth: strokeWidth, dashPattern: dashPattern, __pathForRender: data} = ui.__;
+    addArrows(ui) {
+        const {startArrow: startArrow, endArrow: endArrow, strokeWidth: strokeWidth, dashPattern: dashPattern, __pathForRender: data, cornerRadius: cornerRadius} = ui.__;
+        const clonePathForArrow = !cornerRadius;
         let command, i = 0, len = data.length, count = 0, useStartArrow = startArrow && startArrow !== "none";
         while (i < len) {
             command = data[i];
@@ -16381,12 +16400,12 @@ const PathArrowModule = {
                 break;
 
               case C$1:
-                if (count === 1 || i + 7 === len) copyPoints(data, last, now, i + 3);
+                if (count === 1 || i + 7 >= len - 3) copyPoints(data, last, now, i + 3);
                 i += 7;
                 break;
 
               case Q:
-                if (count === 1 || i + 5 === len) copyPoints(data, last, now, i + 1);
+                if (count === 1 || i + 5 >= len - 3) copyPoints(data, last, now, i + 1);
                 i += 5;
                 break;
 
@@ -16422,7 +16441,13 @@ const PathArrowModule = {
                 break;
 
               case U:
-                if (count === 1 || i + 6 === len) copyPoints(data, last, now, i + 1);
+                if (count === 1 || i + 6 >= len - 3) {
+                    copyPoints(data, last, now, i + 1);
+                    if (i + 6 !== len) {
+                        now.x -= (now.x - last.x) / 10;
+                        now.y -= (now.y - last.y) / 10;
+                    }
+                }
                 i += 6;
                 break;
             }
@@ -16430,7 +16455,7 @@ const PathArrowModule = {
             if (count === 1 && command !== M$1) return;
             if (count === 2 && useStartArrow) copy(second, command === L$1 ? now : last);
             if (i === len) {
-                const path = ui.__.__pathForRender = changeRenderPath ? [ ...data ] : data;
+                const path = ui.__.__pathForRender = clonePathForArrow ? [ ...data ] : data;
                 const pathForArrow = ui.__.__pathForArrow = [];
                 if (useStartArrow) {
                     const startArrowPath = getArrowPath(ui, startArrow, second, first, strokeWidth, connectPoint, !!dashPattern);
@@ -16471,6 +16496,12 @@ const PathArrowModule = {
                 copy(last, now);
             }
         }
+    },
+    register(name, data) {
+        this.list[name] = data;
+    },
+    get(name) {
+        return this.list[name];
     }
 };
 
@@ -18036,6 +18067,18 @@ UI.addAttr("transition", true, dataType);
 
 UI.addAttr("transitionOut", undefined, dataType);
 
+ui$3.set = function(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);
+    }
+};
+
 ui$3.animate = function(keyframe, options, kill, isTemp) {
     if (isUndefined(keyframe)) return this.__animate;
     const isAnimationList = isArray(keyframe) && !options && kill;
@@ -19235,6 +19278,8 @@ const ExportModule = {
                     renderBounds: renderBounds,
                     trimBounds: trimBounds
                 };
+                const app = leafer && leafer.app;
+                if (app && app.canvasManager) app.canvasManager.clearRecycled();
             }
         } catch (error) {
             result = {
@@ -19352,4 +19397,4 @@ Object.assign(Filter, {
     }
 });
 
-export { AlignHelper, Animate, AnimateEasing, AnimateEvent, AnimateList, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, Flow, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, HighBezierHelper, HighCurveHelper, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, LeaferTypeCreator, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, TransformTool, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, 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, motionPathType, naturalBoundsType, opacityType, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints, scaleType, scrollType, sortType, stateStyleType, stateType, strokeType, surfaceType, tempBounds$1 as tempBounds, tempMatrix$1 as tempMatrix, tempPoint$3 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+export { AlignHelper, Animate, AnimateEasing, AnimateEvent, AnimateList, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, Flow, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, HighBezierHelper, HighCurveHelper, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, LeaferTypeCreator, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, TransformTool, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, 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, motionPathType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints, scaleType, scrollType, sortType, stateStyleType, stateType, strokeType, surfaceType, tempBounds$1 as tempBounds, tempMatrix$1 as tempMatrix, tempPoint$3 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };