@leafer/miniapp 2.1.6 → 2.1.8

package/dist/miniapp.module.js

@@ -253,7 +253,7 @@ const FourNumberHelper = {
         return to;
     },
     setTemp(top, right, bottom, left) {
-        return set$2(tempFour, top, right, bottom, left);
+        return set$3(tempFour, top, right, bottom, left);
     },
     toTempAB(a, b, change) {
         tempTo = change ? isNumber(a) ? b : a : [];
@@ -293,22 +293,22 @@ const FourNumberHelper = {
     max(t, other, change) {
         if (isNumber(t) && isNumber(other)) return max$7(t, other);
         toTempAB(t, other, change);
-        return set$2(tempTo, max$7(tempA[0], tempB[0]), max$7(tempA[1], tempB[1]), max$7(tempA[2], tempB[2]), max$7(tempA[3], tempB[3]));
+        return set$3(tempTo, max$7(tempA[0], tempB[0]), max$7(tempA[1], tempB[1]), max$7(tempA[2], tempB[2]), max$7(tempA[3], tempB[3]));
     },
     add(t, other, change) {
         if (isNumber(t) && isNumber(other)) return t + other;
         toTempAB(t, other, change);
-        return set$2(tempTo, tempA[0] + tempB[0], tempA[1] + tempB[1], tempA[2] + tempB[2], tempA[3] + tempB[3]);
+        return set$3(tempTo, tempA[0] + tempB[0], tempA[1] + tempB[1], tempA[2] + tempB[2], tempA[3] + tempB[3]);
     },
     swapAndScale(t, scaleX, scaleY, change) {
         if (isNumber(t)) return scaleX === scaleY ? t * scaleX : [ t * scaleY, t * scaleX ];
         const to = change ? t : [];
         const [top, right, bottom, left] = t.length === 4 ? t : get$5(t);
-        return set$2(to, bottom * scaleY, left * scaleX, top * scaleY, right * scaleX);
+        return set$3(to, bottom * scaleY, left * scaleX, top * scaleY, right * scaleX);
     }
 };
 
-const {set: set$2, get: get$5, setTemp: setTemp, toTempAB: toTempAB} = FourNumberHelper;
+const {set: set$3, get: get$5, setTemp: setTemp, toTempAB: toTempAB} = FourNumberHelper;
 
 const {round: round$6, pow: pow$2, max: max$6, floor: floor$3, PI: PI$4} = Math;
 
@@ -433,7 +433,7 @@ const {sin: sin$6, cos: cos$6, acos: acos, sqrt: sqrt$5} = Math;
 
 const {float: float$6} = MathHelper;
 
-const tempPoint$6 = {};
+const tempPoint$7 = {};
 
 function getWorld() {
     return Object.assign(Object.assign(Object.assign({}, getMatrixData()), getBoundsData()), {
@@ -492,8 +492,8 @@ const MatrixHelper = {
         to.f = t.f * pixelRatio;
     },
     scaleOfOuter(t, origin, scaleX, scaleY) {
-        M$c.toInnerPoint(t, origin, tempPoint$6);
-        M$c.scaleOfInner(t, tempPoint$6, scaleX, scaleY);
+        M$c.toInnerPoint(t, origin, tempPoint$7);
+        M$c.scaleOfInner(t, tempPoint$7, scaleX, scaleY);
     },
     scaleOfInner(t, origin, scaleX, scaleY = scaleX) {
         M$c.translateInner(t, origin.x, origin.y);
@@ -511,8 +511,8 @@ const MatrixHelper = {
         t.d = c * sinR + d * cosR;
     },
     rotateOfOuter(t, origin, rotation) {
-        M$c.toInnerPoint(t, origin, tempPoint$6);
-        M$c.rotateOfInner(t, tempPoint$6, rotation);
+        M$c.toInnerPoint(t, origin, tempPoint$7);
+        M$c.rotateOfInner(t, tempPoint$7, rotation);
     },
     rotateOfInner(t, origin, rotation) {
         M$c.translateInner(t, origin.x, origin.y);
@@ -533,8 +533,8 @@ const MatrixHelper = {
         }
     },
     skewOfOuter(t, origin, skewX, skewY) {
-        M$c.toInnerPoint(t, origin, tempPoint$6);
-        M$c.skewOfInner(t, tempPoint$6, skewX, skewY);
+        M$c.toInnerPoint(t, origin, tempPoint$7);
+        M$c.skewOfInner(t, tempPoint$7, skewX, skewY);
     },
     skewOfInner(t, origin, skewX, skewY = 0) {
         M$c.translateInner(t, origin.x, origin.y);
@@ -735,7 +735,7 @@ const {float: float$5} = MathHelper;
 
 const {toInnerPoint: toInnerPoint$2, toOuterPoint: toOuterPoint$4} = MatrixHelper;
 
-const {sin: sin$5, cos: cos$5, abs: abs$b, sqrt: sqrt$4, atan2: atan2$2, min: min$3, round: round$5} = Math;
+const {sin: sin$5, cos: cos$5, abs: abs$c, sqrt: sqrt$4, atan2: atan2$2, min: min$3, round: round$5} = Math;
 
 const PointHelper = {
     defaultPoint: getPointData(),
@@ -772,15 +772,15 @@ const PointHelper = {
         t.x += (t.x - origin.x) * (scaleX - 1);
         t.y += (t.y - origin.y) * (scaleY - 1);
     },
-    rotate(t, rotation, origin) {
+    rotate(t, rotation, origin, radiusX = 1, radiusY = 1) {
         if (!origin) origin = P$7.defaultPoint;
         rotation *= OneRadian;
         const cosR = cos$5(rotation);
         const sinR = sin$5(rotation);
-        const rx = t.x - origin.x;
-        const ry = t.y - origin.y;
-        t.x = origin.x + rx * cosR - ry * sinR;
-        t.y = origin.y + rx * sinR + ry * cosR;
+        const rx = (t.x - origin.x) / radiusX;
+        const ry = (t.y - origin.y) / radiusY;
+        t.x = origin.x + (rx * cosR - ry * sinR) * radiusX;
+        t.y = origin.y + (rx * sinR + ry * cosR) * radiusY;
     },
     tempToInnerOf(t, matrix) {
         const {tempPoint: temp} = P$7;
@@ -833,15 +833,15 @@ const PointHelper = {
         return getDistanceFrom(t.x, t.y, point.x, point.y);
     },
     getDistanceFrom(x1, y1, x2, y2) {
-        const x = abs$b(x2 - x1);
-        const y = abs$b(y2 - y1);
+        const x = abs$c(x2 - x1);
+        const y = abs$c(y2 - y1);
         return sqrt$4(x * x + y * y);
     },
     getMinDistanceFrom(x1, y1, x2, y2, x3, y3) {
         return min$3(getDistanceFrom(x1, y1, x2, y2), getDistanceFrom(x2, y2, x3, y3));
     },
-    getAngle(t, to) {
-        return getAtan2(t, to) / OneRadian;
+    getAngle(t, to, radiusX, radiusY) {
+        return getAtan2(t, to, radiusX, radiusY) / OneRadian;
     },
     getRotation(t, origin, to, toOrigin) {
         if (!toOrigin) toOrigin = origin;
@@ -855,8 +855,8 @@ const PointHelper = {
         const d = toY - toOriginY;
         return Math.atan2(a * d - b * c, a * c + b * d);
     },
-    getAtan2(t, to) {
-        return atan2$2(to.y - t.y, to.x - t.x);
+    getAtan2(t, to, radiusX = 1, radiusY = 1) {
+        return atan2$2((to.y - t.y) / radiusY, (to.x - t.x) / radiusX);
     },
     getDistancePoint(t, to, distance, changeTo, fromTo) {
         const r = getAtan2(t, to);
@@ -913,12 +913,12 @@ class Point {
         PointHelper.scaleOf(this, origin, scaleX, scaleY);
         return this;
     }
-    rotate(rotation, origin) {
-        PointHelper.rotate(this, rotation, origin);
+    rotate(rotation, origin, radiusX, radiusY) {
+        PointHelper.rotate(this, rotation, origin, radiusX, radiusY);
         return this;
     }
-    rotateOf(origin, rotation) {
-        PointHelper.rotate(this, rotation, origin);
+    rotateOf(origin, rotation, radiusX, radiusY) {
+        PointHelper.rotate(this, rotation, origin, radiusX, radiusY);
         return this;
     }
     getRotation(origin, to, toOrigin) {
@@ -941,11 +941,11 @@ class Point {
     getDistancePoint(to, distance, changeTo, fromTo) {
         return new Point(PointHelper.getDistancePoint(this, to, distance, changeTo, fromTo));
     }
-    getAngle(to) {
-        return PointHelper.getAngle(this, to);
+    getAngle(to, radiusX, radiusY) {
+        return PointHelper.getAngle(this, to, radiusX, radiusY);
     }
-    getAtan2(to) {
-        return PointHelper.getAtan2(this, to);
+    getAtan2(to, radiusX, radiusY) {
+        return PointHelper.getAtan2(this, to, radiusX, radiusY);
     }
     isSame(point, quick) {
         return PointHelper.isSame(this, point, quick);
@@ -956,7 +956,7 @@ class Point {
     }
 }
 
-const tempPoint$5 = new Point;
+const tempPoint$6 = new Point;
 
 class Matrix {
     constructor(a, b, c, d, e, f) {
@@ -2702,15 +2702,15 @@ const RectHelper = {
     }
 };
 
-const {sin: sin$4, cos: cos$4, hypot: hypot$1, atan2: atan2$1, ceil: ceil$1, abs: abs$a, PI: PI$3, sqrt: sqrt$3, pow: pow$1} = Math;
+const {sin: sin$4, cos: cos$4, hypot: hypot$1, atan2: atan2$1, ceil: ceil$1, abs: abs$b, PI: PI$3, sqrt: sqrt$3, pow: pow$1} = Math;
 
 const {setPoint: setPoint$4, addPoint: addPoint$2} = TwoPointBoundsHelper;
 
-const {set: set$1, toNumberPoints: toNumberPoints$1} = PointHelper;
+const {set: set$2, toNumberPoints: toNumberPoints$1} = PointHelper;
 
 const {M: M$b, L: L$b, C: C$9, Q: Q$7, Z: Z$9} = PathCommandMap;
 
-const tempPoint$4 = {};
+const tempPoint$5 = {};
 
 const BezierHelper = {
     points(data, originPoints, curve, close) {
@@ -2779,14 +2779,14 @@ const BezierHelper = {
         const lenCB = hypot$1(CBx, CBy);
         let totalRadian = endRadian - startRadian;
         if (totalRadian < 0) totalRadian += PI2;
-        if (lenBA < 1e-12 || lenCB < 1e-12 || totalRadian < 1e-12 || abs$a(totalRadian - PI$3) < 1e-12) {
+        if (lenBA < 1e-12 || lenCB < 1e-12 || totalRadian < 1e-12 || abs$b(totalRadian - PI$3) < 1e-12) {
             if (data) data.push(L$b, x1, y1);
             if (setPointBounds) {
                 setPoint$4(setPointBounds, fromX, fromY);
                 addPoint$2(setPointBounds, x1, y1);
             }
-            if (setStartPoint) set$1(setStartPoint, fromX, fromY);
-            if (setEndPoint) set$1(setEndPoint, x1, y1);
+            if (setStartPoint) set$2(setStartPoint, fromX, fromY);
+            if (setEndPoint) set$2(setEndPoint, x1, y1);
             return;
         }
         const anticlockwise = BAx * CBy - CBx * BAy < 0;
@@ -2812,7 +2812,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$a(totalRadian / PI_2));
+        const parts = ceil$1(abs$b(totalRadian / PI_2));
         const partRadian = totalRadian / parts;
         const partRadian4Sin = sin$4(partRadian / 4);
         const control = 8 / 3 * partRadian4Sin * partRadian4Sin / sin$4(partRadian / 2);
@@ -2826,7 +2826,7 @@ const BezierHelper = {
         let fromX = cx + x, fromY = cy + y;
         if (data) data.push(data.length ? L$b : M$b, fromX, fromY);
         if (setPointBounds) setPoint$4(setPointBounds, fromX, fromY);
-        if (setStartPoint) set$1(setStartPoint, fromX, fromY);
+        if (setStartPoint) set$2(setStartPoint, fromX, fromY);
         for (let i = 0; i < parts; i++) {
             endCos = cos$4(endRadian);
             endSin = sin$4(endRadian);
@@ -2845,7 +2845,7 @@ const BezierHelper = {
             startRadian = endRadian;
             endRadian += partRadian;
         }
-        if (setEndPoint) set$1(setEndPoint, cx + x, cy + y);
+        if (setEndPoint) set$2(setEndPoint, cx + x, cy + y);
     },
     quadraticCurveTo(data, fromX, fromY, x1, y1, toX, toY) {
         data.push(C$9, (fromX + 2 * x1) / 3, (fromY + 2 * y1) / 3, (toX + 2 * x1) / 3, (toY + 2 * y1) / 3, toX, toY);
@@ -2881,8 +2881,8 @@ const BezierHelper = {
         addMode ? addPoint$2(pointBounds, fromX, fromY) : setPoint$4(pointBounds, fromX, fromY);
         addPoint$2(pointBounds, toX, toY);
         for (let i = 0, len = tList.length; i < len; i++) {
-            getPointAndSet(tList[i], fromX, fromY, x1, y1, x2, y2, toX, toY, tempPoint$4);
-            addPoint$2(pointBounds, tempPoint$4.x, tempPoint$4.y);
+            getPointAndSet(tList[i], fromX, fromY, x1, y1, x2, y2, toX, toY, tempPoint$5);
+            addPoint$2(pointBounds, tempPoint$5.x, tempPoint$5.y);
         }
     },
     getPointAndSet(t, fromX, fromY, x1, y1, x2, y2, toX, toY, setPoint) {
@@ -3321,7 +3321,7 @@ const {M: M$9, L: L$9, C: C$7, Q: Q$5, Z: Z$7, N: N$4, D: D$5, X: X$4, G: G$4, F
 
 const {getMinDistanceFrom: getMinDistanceFrom, getRadianFrom: getRadianFrom} = PointHelper;
 
-const {tan: tan, min: min$2, abs: abs$9} = Math;
+const {tan: tan, min: min$2, abs: abs$a} = Math;
 
 const startPoint = {};
 
@@ -3381,7 +3381,7 @@ const PathCommandDataHelper = {
     arcTo(data, x1, y1, x2, y2, radius, lastX, lastY, fullRadius) {
         if (!isUndefined(lastX)) {
             const r = getMinDistanceFrom(lastX, lastY, x1, y1, x2, y2) / (fullRadius ? 1 : 2);
-            radius = min$2(radius, min$2(r, r * abs$9(tan(getRadianFrom(lastX, lastY, x1, y1, x2, y2) / 2))));
+            radius = min$2(radius, min$2(r, r * abs$a(tan(getRadianFrom(lastX, lastY, x1, y1, x2, y2) / 2))));
         }
         data.push(U$4, x1, y1, x2, y2, radius);
     },
@@ -4586,7 +4586,9 @@ function sortType(defaultValue) {
         set(value) {
             if (this.__setAttr(key, value)) {
                 this.waitParent(() => {
-                    this.parent.__layout.childrenSortChange();
+                    const {parent: parent} = this;
+                    parent.__layout.childrenSortChange();
+                    if (parent.__.flow) parent.__layout.boxChange();
                 });
             }
         }
@@ -4988,7 +4990,7 @@ const LeafHelper = {
             p = p.parent;
         }
     },
-    animateMove(t, move, speed = .3) {
+    animateMove(t, move, speed = .3, onAnimate) {
         if (!move.x && !move.y) return;
         if (Math.abs(move.x) < 1 && Math.abs(move.y) < 1) {
             t.move(move);
@@ -4996,8 +4998,9 @@ const LeafHelper = {
             const x = move.x * speed, y = move.y * speed;
             move.x -= x, move.y -= y;
             t.move(x, y);
-            Platform.requestRender(() => L$5.animateMove(t, move, speed));
+            Platform.requestRender(() => L$5.animateMove(t, move, speed, onAnimate));
         }
+        onAnimate && onAnimate();
     }
 };
 
@@ -6038,7 +6041,7 @@ const LeafDataProxy = {
 
 const {setLayout: setLayout, multiplyParent: multiplyParent$2, translateInner: translateInner, defaultWorld: defaultWorld} = MatrixHelper;
 
-const {toPoint: toPoint$4, tempPoint: tempPoint$3} = AroundHelper;
+const {toPoint: toPoint$4, tempPoint: tempPoint$4} = AroundHelper;
 
 const LeafMatrix = {
     __updateWorldMatrix() {
@@ -6059,8 +6062,8 @@ const LeafMatrix = {
             local.e = data.x + data.offsetX;
             local.f = data.y + data.offsetY;
             if (data.around || data.origin) {
-                toPoint$4(data.around || data.origin, layout.boxBounds, tempPoint$3);
-                translateInner(local, -tempPoint$3.x, -tempPoint$3.y, !data.around);
+                toPoint$4(data.around || data.origin, layout.boxBounds, tempPoint$4);
+                translateInner(local, -tempPoint$4.x, -tempPoint$4.y, !data.around);
             }
         }
         this.__layout.matrixChanged = undefined;
@@ -6169,6 +6172,7 @@ const LeafBounds = {
         if (this.isBranch) {
             this.__extraUpdate();
             if (this.__.flow) {
+                if (this.__layout.childrenSortChanged) this.__updateSortChildren();
                 if (this.__layout.boxChanged) this.__updateFlowLayout();
                 updateAllMatrix$3(this);
                 updateBounds$2(this, this);
@@ -6240,11 +6244,7 @@ const {excludeRenderBounds: excludeRenderBounds$1} = LeafBoundsHelper, {hasSize:
 
 const BranchRender = {
     __updateChange() {
-        const {__layout: layout} = this;
-        if (layout.childrenSortChanged) {
-            this.__updateSortChildren();
-            layout.childrenSortChanged = false;
-        }
+        if (this.__layout.childrenSortChanged) this.__updateSortChildren();
         this.__.__checkSingle();
     },
     __render(canvas, options) {
@@ -6748,6 +6748,7 @@ let Branch = class Branch extends Leaf {
             children.sort(sort);
             this.__layout.affectChildrenSort = affectSort;
         }
+        this.__layout.childrenSortChanged = false;
     }
     add(child, index) {
         if (child === this || child.destroyed) return debug$8.warn("add self or destroyed");
@@ -6983,7 +6984,7 @@ class LeafLevelList {
     }
 }
 
-const version = "2.1.6";
+const version = "2.1.8";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -7799,7 +7800,7 @@ class Renderer {
 
 Renderer.clipSpread = 10;
 
-const tempPoint$2 = {};
+const tempPoint$3 = {};
 
 const {copyRadiusPoint: copyRadiusPoint$1} = PointHelper;
 
@@ -7934,7 +7935,7 @@ class Picker {
         for (let i = len - 1; i > -1; i--) {
             child = children[i], data = child.__;
             if (!data.visible || hitMask && !data.mask) continue;
-            hit = hitRadiusPoint$1(child.__world, data.hitRadius ? copyRadiusPoint$1(tempPoint$2, point, data.hitRadius) : point);
+            hit = hitRadiusPoint$1(child.__world, data.hitRadius ? copyRadiusPoint$1(tempPoint$3, point, data.hitRadius) : point);
             if (child.isBranch) {
                 if (hit || child.__ignoreHitWorld) {
                     if (child.isBranchLeaf && data.__clipAfterFill && !child.__hitWorld(point, true)) continue;
@@ -8708,6 +8709,7 @@ let UI = UI_1 = class UI extends Leaf {
         this.set(keyframe);
         return Plugin.need("animate");
     }
+    killAnimate(_type, _nextStyle) {}
     export(_filename, _options) {
         return Plugin.need("export");
     }
@@ -9467,32 +9469,56 @@ __decorate([ affectRenderBoundsType("hide") ], Frame.prototype, "overflow", void
 
 Frame = __decorate([ registerUI() ], Frame);
 
-const {moveTo: moveTo$3, closePath: closePath$2, ellipse: ellipse$1} = PathCommandDataHelper;
+const {moveTo: moveTo$3, closePath: closePath$2, ellipse: ellipse$1} = PathCommandDataHelper, {tempPoint: tempPoint$2, set: set$1, rotate: rotate$4} = PointHelper, {abs: abs$9} = Math, tempCenter = {};
 
 let Ellipse = class Ellipse extends UI {
     get __tag() {
         return "Ellipse";
     }
     __updatePath() {
-        const data = this.__, {width: width, height: height, innerRadius: innerRadius, startAngle: startAngle, endAngle: endAngle} = data;
+        const data = this.__, {width: width, height: height, innerRadius: innerRadius, startAngle: startAngle, endAngle: endAngle, closed: closed} = data;
         const rx = width / 2, ry = height / 2;
         const path = data.path = [];
-        let open;
+        let open, hasAngle, closedAngle;
+        if (startAngle || endAngle) hasAngle = true;
+        if (hasAngle) closedAngle = abs$9(endAngle - startAngle) === 360;
         if (innerRadius) {
-            if (startAngle || endAngle) {
-                if (innerRadius < 1) ellipse$1(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle, false); else open = true;
-                ellipse$1(path, rx, ry, rx, ry, 0, endAngle, startAngle, true);
+            const drawInnerEllipse = innerRadius < 1 || closed;
+            let outerStartAngle = startAngle, outerEndAngle = endAngle, outerAnticlockwise;
+            if (hasAngle) {
+                if (drawInnerEllipse) {
+                    ellipse$1(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle);
+                    if (closedAngle) {
+                        set$1(tempPoint$2, width, ry);
+                        set$1(tempCenter, rx, ry);
+                        rotate$4(tempPoint$2, endAngle, tempCenter, rx, ry);
+                        moveTo$3(path, tempPoint$2.x, tempPoint$2.y);
+                    }
+                    outerStartAngle = endAngle;
+                    outerEndAngle = startAngle;
+                    outerAnticlockwise = true;
+                } else {
+                    if (!closedAngle) open = true;
+                }
             } else {
-                if (innerRadius < 1) {
+                if (drawInnerEllipse) {
                     ellipse$1(path, rx, ry, rx * innerRadius, ry * innerRadius);
+                    closePath$2(path);
                     moveTo$3(path, width, ry);
+                    outerStartAngle = 360;
+                    outerAnticlockwise = true;
+                } else {
+                    outerEndAngle = 360;
                 }
-                ellipse$1(path, rx, ry, rx, ry, 0, 360, 0, true);
             }
+            ellipse$1(path, rx, ry, rx, ry, 0, outerStartAngle, outerEndAngle, outerAnticlockwise);
         } else {
-            if (startAngle || endAngle) {
-                moveTo$3(path, rx, ry);
-                ellipse$1(path, rx, ry, rx, ry, 0, startAngle, endAngle, false);
+            if (hasAngle) {
+                if (!closedAngle) {
+                    if (!closed) open = true;
+                    if (!open) moveTo$3(path, rx, ry);
+                }
+                ellipse$1(path, rx, ry, rx, ry, 0, startAngle, endAngle);
             } else {
                 ellipse$1(path, rx, ry, rx, ry);
             }
@@ -10169,8 +10195,8 @@ const DragBoundsHelper = {
         if (!change) scale = Object.assign({}, scale);
         tempDragBounds.set(dragBounds);
         tempContent.set(content).scaleOf(origin, scale.x, scale.y);
-        const originLeftScale = (origin.x - content.x) / content.width, originRightScale = 1 - originLeftScale;
-        const originTopScale = (origin.y - content.y) / content.height, originBottomScale = 1 - originTopScale;
+        const originLeftScale = float$3((origin.x - content.x) / content.width), originRightScale = float$3(1 - originLeftScale);
+        const originTopScale = float$3((origin.y - content.y) / content.height), originBottomScale = float$3(1 - originTopScale);
         let correctScaleX = 1, correctScaleY = 1, aScale, bScale, aSize, bSize;
         if (D$2.isInnerMode(content, dragBounds, dragBoundsType, "width")) {
             if (scale.x < 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
@@ -10181,7 +10207,13 @@ const DragBoundsHelper = {
             correctScaleX *= max$3(aScale, bScale);
         } else {
             if (scale.x < 0) {
-                if (float$3(minX(content) - minX(dragBounds)) <= 0 || float$3(maxX(dragBounds) - maxX(content)) <= 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
+                if (float$3(minX(content) - minX(dragBounds), 2) <= 0 || float$3(maxX(dragBounds) - maxX(content), 2) <= 0) {
+                    tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
+                    if (tempContent.width > 1) {
+                        correctScaleX *= 1 / tempContent.width;
+                        tempContent.width = 1;
+                    }
+                }
                 tempContent.unsign();
             }
             aSize = float$3(tempDragBounds.minX - tempContent.minX);
@@ -10204,7 +10236,13 @@ const DragBoundsHelper = {
             }
         } else {
             if (scale.y < 0) {
-                if (float$3(minY(content) - minY(dragBounds)) <= 0 || float$3(maxY(dragBounds) - maxY(content)) <= 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
+                if (float$3(minY(content) - minY(dragBounds), 2) <= 0 || float$3(maxY(dragBounds) - maxY(content), 2) <= 0) {
+                    tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
+                    if (tempContent.height > 1) {
+                        correctScaleY *= 1 / tempContent.height;
+                        tempContent.height = 1;
+                    }
+                }
                 tempContent.unsign();
             }
             aSize = float$3(tempDragBounds.minY - tempContent.minY);
@@ -10335,6 +10373,8 @@ DragEvent.ENTER = "drag.enter";
 
 DragEvent.LEAVE = "drag.leave";
 
+DragEvent.ANIMATE = "drag.animate";
+
 DragEvent = __decorate([ registerUIEvent() ], DragEvent);
 
 const MyDragEvent = DragEvent;
@@ -10589,7 +10629,7 @@ class Dragger {
                         x: totalX,
                         y: totalY
                     }, checkLimitMove || axisDrag);
-                    if (dragLimitAnimate && !axisDrag && isDragEnd) LeafHelper.animateMove(leaf, move, isNumber(dragLimitAnimate) ? dragLimitAnimate : .3); else leaf.move(move);
+                    if (dragLimitAnimate && !axisDrag && isDragEnd) LeafHelper.animateMove(leaf, move, isNumber(dragLimitAnimate) ? dragLimitAnimate : .3, () => leaf.emit(DragEvent.ANIMATE)); else leaf.move(move);
                 }
             });
         }
@@ -11987,6 +12027,7 @@ function checkSizeAndCreateData(ui, attrName, paint, image, leafPaint, boxBounds
         if (data.__autoSide) {
             ui.forceUpdate("width");
             LeafHelper.updateBounds(ui);
+            ui.__layout.boundsChanged = true;
             if (ui.__proxyData) {
                 ui.setProxyAttr("width", data.width);
                 ui.setProxyAttr("height", data.height);
@@ -11994,7 +12035,7 @@ function checkSizeAndCreateData(ui, attrName, paint, image, leafPaint, boxBounds
             needUpdate = false;
         }
     }
-    if (paint.mode === "brush") PaintImage.brush(leafPaint, ui, attrName);
+    if (paint.mode === "brush") PaintImage.brush(ui, attrName, leafPaint);
     if (!leafPaint.data) {
         PaintImage.createData(leafPaint, image, paint, boxBounds);
         const {transform: transform} = leafPaint.data, {opacity: opacity} = paint;
@@ -14810,10 +14851,11 @@ const registerInnerEditor = registerEditTool;
 
 const EditToolCreator = {
     list: {},
-    register(EditTool) {
+    register(EditTool, name) {
         const {tag: tag} = EditTool.prototype;
-        list$1[tag] && debug$2.repeat(tag);
-        list$1[tag] = EditTool;
+        name || (name = tag);
+        list$1[name] && debug$2.repeat(name);
+        list$1[name] = EditTool;
     },
     get(tag, editor) {
         return new list$1[tag](editor);
@@ -15628,8 +15670,8 @@ class InnerEditor {
 }
 
 let EditTool = class EditTool extends InnerEditor {
-    static registerEditTool() {
-        EditToolCreator.register(this);
+    static registerEditTool(name) {
+        EditToolCreator.register(this, name);
     }
     get tag() {
         return "EditTool";
@@ -15995,14 +16037,14 @@ leaf.__scaleResize = function(scaleX, scaleY) {
     scaleResize(this, scaleX, scaleY);
 };
 
-leaf.resizeWidth = function(width) {
-    const scale = width / this.getBounds("box", "local").width || 1;
-    this.scaleOf(this.__layout.boxBounds, scale, this.__.lockRatio ? scale : 1, true);
+leaf.resizeWidth = function(width, relative = "inner") {
+    const scale = width / this.getBounds("box", relative).width || 1;
+    this.scaleOf("top-left", scale, this.__.lockRatio ? scale : 1, true);
 };
 
-leaf.resizeHeight = function(height) {
-    const scale = height / this.getBounds("box", "local").height || 1;
-    this.scaleOf(this.__layout.boxBounds, this.__.lockRatio ? scale : 1, scale, true);
+leaf.resizeHeight = function(height, relative = "inner") {
+    const scale = height / this.getBounds("box", relative).height || 1;
+    this.scaleOf("top-left", this.__.lockRatio ? scale : 1, scale, true);
 };
 
 Text.prototype.__scaleResize = function(scaleX, scaleY) {
@@ -16067,7 +16109,7 @@ UI.addAttr("editConfig", undefined, dataType);
 
 UI.addAttr("editOuter", ui => {
     ui.updateLayout();
-    const name = (ui.tag === "Line" ? "" : ui.tag) + "EditTool";
+    const name = (ui.tag === "Line" || ui.pathInputed ? "" : ui.points ? "Points" : ui.tag) + "EditTool";
     return ui.__.__isLinePath ? "LineEditTool" : EditToolCreator.list[name] ? name : "EditTool";
 }, dataType);
 
@@ -21023,4 +21065,4 @@ function isSame(a, b) {
 
 Plugin.add("corner");
 
-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, EllipseBox, EllipseBoxData, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, Flow, FourNumberHelper, Frame, FrameData, Group, GroupData, HighBezierHelper, HighCurveHelper, HitCanvasManager, Image, ImageBox, ImageBoxData, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferFilm, LeaferImage, LeaferTypeCreator, LeaferVideo, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, MyTouchEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathBox, PathBoxData, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonBox, PolygonBoxData, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, ScrollBar, Scroller, SelectArea, Selector, Star, StarBox, StarBoxData, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TouchEvent, TransformTool, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite$1 as 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$3 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$5 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, EllipseBox, EllipseBoxData, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, Flow, FourNumberHelper, Frame, FrameData, Group, GroupData, HighBezierHelper, HighCurveHelper, HitCanvasManager, Image, ImageBox, ImageBoxData, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferFilm, LeaferImage, LeaferTypeCreator, LeaferVideo, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, MyTouchEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathBox, PathBoxData, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonBox, PolygonBoxData, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, ScrollBar, Scroller, SelectArea, Selector, Star, StarBox, StarBoxData, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TouchEvent, TransformTool, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite$1 as 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$3 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$6 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };