@leafer-game/miniapp 1.12.0 → 1.12.2

package/dist/miniapp.module.js

@@ -461,9 +461,9 @@ function getMatrixData() {
 
 const {sin: sin$6, cos: cos$6, acos: acos, sqrt: sqrt$5} = Math;
 
-const {float: float$3} = MathHelper;
+const {float: float$5} = MathHelper;
 
-const tempPoint$4 = {};
+const tempPoint$5 = {};
 
 function getWorld() {
     return Object.assign(Object.assign(Object.assign({}, getMatrixData()), getBoundsData()), {
@@ -522,8 +522,8 @@ const MatrixHelper = {
         to.f = t.f * pixelRatio;
     },
     scaleOfOuter(t, origin, scaleX, scaleY) {
-        M$7.toInnerPoint(t, origin, tempPoint$4);
-        M$7.scaleOfInner(t, tempPoint$4, scaleX, scaleY);
+        M$7.toInnerPoint(t, origin, tempPoint$5);
+        M$7.scaleOfInner(t, tempPoint$5, scaleX, scaleY);
     },
     scaleOfInner(t, origin, scaleX, scaleY = scaleX) {
         M$7.translateInner(t, origin.x, origin.y);
@@ -541,8 +541,8 @@ const MatrixHelper = {
         t.d = c * sinR + d * cosR;
     },
     rotateOfOuter(t, origin, rotation) {
-        M$7.toInnerPoint(t, origin, tempPoint$4);
-        M$7.rotateOfInner(t, tempPoint$4, rotation);
+        M$7.toInnerPoint(t, origin, tempPoint$5);
+        M$7.rotateOfInner(t, tempPoint$5, rotation);
     },
     rotateOfInner(t, origin, rotation) {
         M$7.translateInner(t, origin.x, origin.y);
@@ -563,8 +563,8 @@ const MatrixHelper = {
         }
     },
     skewOfOuter(t, origin, skewX, skewY) {
-        M$7.toInnerPoint(t, origin, tempPoint$4);
-        M$7.skewOfInner(t, tempPoint$4, skewX, skewY);
+        M$7.toInnerPoint(t, origin, tempPoint$5);
+        M$7.skewOfInner(t, tempPoint$5, skewX, skewY);
     },
     skewOfInner(t, origin, skewX, skewY = 0) {
         M$7.translateInner(t, origin.x, origin.y);
@@ -712,12 +712,12 @@ const MatrixHelper = {
                 const cosR = c / scaleY;
                 rotation = PI_2 - (d > 0 ? acos(-cosR) : -acos(cosR));
             }
-            const cosR = float$3(cos$6(rotation));
+            const cosR = float$5(cos$6(rotation));
             const sinR = sin$6(rotation);
-            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);
+            scaleX = float$5(scaleX), scaleY = float$5(scaleY);
+            skewX = cosR ? float$5((c / scaleY + sinR) / cosR / OneRadian, 9) : 0;
+            skewY = cosR ? float$5((b / scaleX - sinR) / cosR / OneRadian, 9) : 0;
+            rotation = float$5(rotation / OneRadian);
         } else {
             scaleX = a;
             scaleY = d;
@@ -761,6 +761,8 @@ const MatrixHelper = {
 
 const M$7 = MatrixHelper;
 
+const {float: float$4} = MathHelper;
+
 const {toInnerPoint: toInnerPoint$2, toOuterPoint: toOuterPoint$3} = MatrixHelper;
 
 const {sin: sin$5, cos: cos$5, abs: abs$6, sqrt: sqrt$4, atan2: atan2$2, min: min$2, round: round$5} = Math;
@@ -812,22 +814,27 @@ const PointHelper = {
     },
     tempToInnerOf(t, matrix) {
         const {tempPoint: temp} = P$5;
-        copy$a(temp, t);
+        copy$9(temp, t);
         toInnerPoint$2(matrix, temp, temp);
         return temp;
     },
     tempToOuterOf(t, matrix) {
         const {tempPoint: temp} = P$5;
-        copy$a(temp, t);
+        copy$9(temp, t);
         toOuterPoint$3(matrix, temp, temp);
         return temp;
     },
     tempToInnerRadiusPointOf(t, matrix) {
         const {tempRadiusPoint: temp} = P$5;
-        copy$a(temp, t);
+        copy$9(temp, t);
         P$5.toInnerRadiusPointOf(t, matrix, temp);
         return temp;
     },
+    copyRadiusPoint(t, point, x, y) {
+        copy$9(t, point);
+        setRadius(t, x, y);
+        return t;
+    },
     toInnerRadiusPointOf(t, matrix, to) {
         to || (to = t);
         toInnerPoint$2(matrix, t, to);
@@ -895,7 +902,7 @@ const PointHelper = {
         return points;
     },
     isSame(t, point) {
-        return t.x === point.x && t.y === point.y;
+        return float$4(t.x) === float$4(point.x) && float$4(t.y) === float$4(point.y);
     },
     reset(t) {
         P$5.reset(t);
@@ -904,7 +911,7 @@ const PointHelper = {
 
 const P$5 = PointHelper;
 
-const {getDistanceFrom: getDistanceFrom, copy: copy$a, getAtan2: getAtan2} = P$5;
+const {getDistanceFrom: getDistanceFrom, copy: copy$9, setRadius: setRadius, getAtan2: getAtan2} = P$5;
 
 class Point {
     constructor(x, y) {
@@ -979,7 +986,7 @@ class Point {
     }
 }
 
-const tempPoint$3 = new Point;
+const tempPoint$4 = new Point;
 
 class Matrix {
     constructor(a, b, c, d, e, f) {
@@ -1250,7 +1257,7 @@ const {tempPointBounds: tempPointBounds$1, setPoint: setPoint$2, addPoint: addPo
 
 const {toOuterPoint: toOuterPoint$2} = MatrixHelper;
 
-const {float: float$2, fourNumber: fourNumber$1} = MathHelper;
+const {float: float$3, fourNumber: fourNumber$1} = MathHelper;
 
 const {floor: floor$1, ceil: ceil$2} = Math;
 
@@ -1315,7 +1322,7 @@ const BoundsHelper = {
         return t;
     },
     toOffsetOutBounds(t, to, offsetBounds) {
-        if (!to) to = t; else copy$9(to, t);
+        if (!to) to = t; else copy$8(to, t);
         if (!offsetBounds) offsetBounds = t;
         to.offsetX = B.maxX(offsetBounds);
         to.offsetY = B.maxY(offsetBounds);
@@ -1425,10 +1432,10 @@ const BoundsHelper = {
         }
     },
     float(t, 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);
+        t.x = float$3(t.x, maxLength);
+        t.y = float$3(t.y, maxLength);
+        t.width = float$3(t.width, maxLength);
+        t.height = float$3(t.height, maxLength);
     },
     add(t, bounds, isPoint) {
         right$1 = t.x + t.width;
@@ -1462,7 +1469,7 @@ const BoundsHelper = {
             if (bounds && (bounds.width || bounds.height)) {
                 if (first) {
                     first = false;
-                    if (!addMode) copy$9(t, bounds);
+                    if (!addMode) copy$8(t, bounds);
                 } else {
                     add$2(t, bounds);
                 }
@@ -1549,7 +1556,7 @@ const BoundsHelper = {
 
 const B = BoundsHelper;
 
-const {add: add$2, copy: copy$9} = B;
+const {add: add$2, copy: copy$8} = B;
 
 class Bounds {
     get minX() {
@@ -2247,7 +2254,7 @@ __decorate([ contextMethod() ], Canvas$1.prototype, "measureText", null);
 
 __decorate([ contextMethod() ], Canvas$1.prototype, "strokeText", null);
 
-const {copy: copy$8, multiplyParent: multiplyParent$4, pixelScale: pixelScale} = MatrixHelper, {round: round$4} = Math, tempPixelBounds = new Bounds, tempPixelBounds2 = new Bounds;
+const {copy: copy$7, multiplyParent: multiplyParent$4, pixelScale: pixelScale} = MatrixHelper, {round: round$4} = Math, tempPixelBounds = new Bounds, tempPixelBounds2 = new Bounds;
 
 const minSize = {
     width: 1,
@@ -2407,7 +2414,7 @@ class LeaferCanvasBase extends Canvas$1 {
         const {pixelRatio: pixelRatio} = this;
         this.filter = `blur(${blur * pixelRatio}px)`;
     }
-    copyWorld(canvas, from, to, blendMode, ceilPixel = true) {
+    copyWorld(canvas, from, to, blendMode, ceilPixel) {
         if (blendMode) this.blendMode = blendMode;
         if (from) {
             this.setTempPixelBounds(from, ceilPixel);
@@ -2418,7 +2425,7 @@ class LeaferCanvasBase extends Canvas$1 {
         }
         if (blendMode) this.blendMode = "source-over";
     }
-    copyWorldToInner(canvas, fromWorld, toInnerBounds, blendMode, ceilPixel = true) {
+    copyWorldToInner(canvas, fromWorld, toInnerBounds, blendMode, ceilPixel) {
         if (fromWorld.b || fromWorld.c) {
             this.save();
             this.resetTransform();
@@ -2431,7 +2438,7 @@ class LeaferCanvasBase extends Canvas$1 {
             if (blendMode) this.blendMode = "source-over";
         }
     }
-    copyWorldByReset(canvas, from, to, blendMode, onlyResetTransform, ceilPixel = true) {
+    copyWorldByReset(canvas, from, to, blendMode, onlyResetTransform, ceilPixel) {
         this.resetTransform();
         this.copyWorld(canvas, from, to, blendMode, ceilPixel);
         if (!onlyResetTransform) this.useWorldTransform();
@@ -2501,7 +2508,7 @@ class LeaferCanvasBase extends Canvas$1 {
     getSameCanvas(useSameWorldTransform, useSameSmooth) {
         const {size: size, pixelSnap: pixelSnap} = this, canvas = this.manager ? this.manager.get(size) : Creator.canvas(Object.assign({}, size));
         canvas.save();
-        if (useSameWorldTransform) copy$8(canvas.worldTransform, this.worldTransform), canvas.useWorldTransform();
+        if (useSameWorldTransform) copy$7(canvas.worldTransform, this.worldTransform), canvas.useWorldTransform();
         if (useSameSmooth) canvas.smooth = this.smooth;
         canvas.pixelSnap !== pixelSnap && (canvas.pixelSnap = pixelSnap);
         return canvas;
@@ -2650,7 +2657,7 @@ const {set: set$1, toNumberPoints: toNumberPoints} = PointHelper;
 
 const {M: M$6, L: L$7, C: C$5, Q: Q$4, Z: Z$6} = PathCommandMap;
 
-const tempPoint$2 = {};
+const tempPoint$3 = {};
 
 const BezierHelper = {
     points(data, originPoints, curve, close) {
@@ -2658,7 +2665,7 @@ const BezierHelper = {
         data.push(M$6, points[0], points[1]);
         if (curve && points.length > 5) {
             let aX, aY, bX, bY, cX, cY, c1X, c1Y, c2X, c2Y;
-            let ba, cb, d, len = points.length;
+            let baX, baY, ba, cb, d, len = points.length;
             const t = curve === true ? .5 : curve;
             if (close) {
                 points = [ points[len - 2], points[len - 1], ...points, points[0], points[1], points[2], points[3] ];
@@ -2671,7 +2678,9 @@ const BezierHelper = {
                 bY = points[i + 1];
                 cX = points[i + 2];
                 cY = points[i + 3];
-                ba = sqrt$3(pow$1(bX - aX, 2) + pow$1(bY - aY, 2));
+                baX = bX - aX;
+                baY = bY - aY;
+                ba = sqrt$3(pow$1(baX, 2) + pow$1(baY, 2));
                 cb = sqrt$3(pow$1(cX - bX, 2) + pow$1(cY - bY, 2));
                 if (!ba && !cb) continue;
                 d = ba + cb;
@@ -2684,7 +2693,7 @@ const BezierHelper = {
                 if (i === 2) {
                     if (!close) data.push(Q$4, c1X, c1Y, bX, bY);
                 } else {
-                    data.push(C$5, c2X, c2Y, c1X, c1Y, bX, bY);
+                    if (baX || baY) data.push(C$5, c2X, c2Y, c1X, c1Y, bX, bY);
                 }
                 c2X = bX + cb * cX;
                 c2Y = bY + cb * cY;
@@ -2819,8 +2828,8 @@ const BezierHelper = {
         addMode ? addPoint$1(pointBounds, fromX, fromY) : setPoint$1(pointBounds, fromX, fromY);
         addPoint$1(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$2);
-            addPoint$1(pointBounds, tempPoint$2.x, tempPoint$2.y);
+            getPointAndSet(tList[i], fromX, fromY, x1, y1, x2, y2, toX, toY, tempPoint$3);
+            addPoint$1(pointBounds, tempPoint$3.x, tempPoint$3.y);
         }
     },
     getPointAndSet(t, fromX, fromY, x1, y1, x2, y2, toX, toY, setPoint) {
@@ -3269,6 +3278,7 @@ const PathCommandDataHelper = {
         }
     },
     ellipse(data, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise) {
+        if (radiusX === radiusY) return arc$2(data, x, y, radiusX, startAngle, endAngle, anticlockwise);
         if (isNull(rotation)) {
             data.push(F$3, x, y, radiusX, radiusY);
         } else {
@@ -3281,6 +3291,7 @@ const PathCommandDataHelper = {
         if (isNull(startAngle)) {
             data.push(P$2, x, y, radius);
         } else {
+            if (isNull(startAngle)) startAngle = 0;
             if (isNull(endAngle)) endAngle = 360;
             data.push(O$2, x, y, radius, startAngle, endAngle, anticlockwise ? 1 : 0);
         }
@@ -3490,7 +3501,7 @@ const {M: M$2, L: L$3, C: C$1, Q: Q, Z: Z$2, 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$1} = TwoPointBoundsHelper;
+const {addPointBounds: addPointBounds, copy: copy$6, addPoint: addPoint, setPoint: setPoint, addBounds: addBounds, toBounds: toBounds$1} = TwoPointBoundsHelper;
 
 const debug$a = Debug.get("PathBounds");
 
@@ -3572,7 +3583,7 @@ const PathBounds = {
 
               case G:
                 ellipse$1(null, data[i + 1], data[i + 2], data[i + 3], data[i + 4], data[i + 5], data[i + 6], data[i + 7], data[i + 8], tempPointBounds, setEndPoint);
-                i === 0 ? copy$7(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
+                i === 0 ? copy$6(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
                 x = setEndPoint.x;
                 y = setEndPoint.y;
                 i += 9;
@@ -3590,7 +3601,7 @@ const PathBounds = {
 
               case O:
                 arc(null, data[i + 1], data[i + 2], data[i + 3], data[i + 4], data[i + 5], data[i + 6], tempPointBounds, setEndPoint);
-                i === 0 ? copy$7(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
+                i === 0 ? copy$6(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
                 x = setEndPoint.x;
                 y = setEndPoint.y;
                 i += 7;
@@ -3607,7 +3618,7 @@ const PathBounds = {
 
               case U:
                 arcTo$1(null, x, y, data[i + 1], data[i + 2], data[i + 3], data[i + 4], data[i + 5], tempPointBounds, setEndPoint);
-                i === 0 ? copy$7(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
+                i === 0 ? copy$6(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
                 x = setEndPoint.x;
                 y = setEndPoint.y;
                 i += 6;
@@ -3631,6 +3642,7 @@ const PathCorner = {
     smooth(data, cornerRadius, _cornerSmoothing) {
         let command, lastCommand, commandLen;
         let i = 0, x = 0, y = 0, startX = 0, startY = 0, secondX = 0, secondY = 0, lastX = 0, lastY = 0;
+        if (isArray(cornerRadius)) cornerRadius = cornerRadius[0] || 0;
         const len = data.length;
         const smooth = [];
         while (i < len) {
@@ -4046,7 +4058,9 @@ const R = Resource;
 const ImageManager = {
     maxRecycled: 10,
     recycledList: [],
-    patternTasker: new TaskProcessor,
+    patternTasker: new TaskProcessor({
+        parallel: 1
+    }),
     get(config) {
         let image = Resource.get(config.url);
         if (!image) Resource.set(config.url, image = Creator.image(config));
@@ -4627,7 +4641,7 @@ function registerUIEvent() {
     };
 }
 
-const {copy: copy$6, toInnerPoint: toInnerPoint$1, toOuterPoint: toOuterPoint$1, scaleOfOuter: scaleOfOuter$2, rotateOfOuter: rotateOfOuter$2, skewOfOuter: skewOfOuter, multiplyParent: multiplyParent$3, divideParent: divideParent, getLayout: getLayout} = MatrixHelper;
+const {copy: copy$5, toInnerPoint: toInnerPoint$1, toOuterPoint: toOuterPoint$1, scaleOfOuter: scaleOfOuter$2, rotateOfOuter: rotateOfOuter$2, skewOfOuter: skewOfOuter, multiplyParent: multiplyParent$3, divideParent: divideParent, getLayout: getLayout} = MatrixHelper;
 
 const matrix$1 = {}, {round: round$3} = Math;
 
@@ -4725,7 +4739,7 @@ const LeafHelper = {
             if (scaleY) transition = scaleY;
             scaleY = scaleX;
         }
-        copy$6(matrix$1, o);
+        copy$5(matrix$1, o);
         scaleOfOuter$2(matrix$1, origin, scaleX, scaleY);
         if (L$1.hasHighPosition(t)) {
             L$1.setTransform(t, matrix$1, resize, transition);
@@ -4744,7 +4758,7 @@ const LeafHelper = {
     },
     rotateOfLocal(t, origin, angle, transition) {
         const o = t.__localMatrix;
-        copy$6(matrix$1, o);
+        copy$5(matrix$1, o);
         rotateOfOuter$2(matrix$1, origin, angle);
         if (L$1.hasHighPosition(t)) L$1.setTransform(t, matrix$1, false, transition); else t.set({
             x: t.x + matrix$1.e - o.e,
@@ -4756,18 +4770,18 @@ const LeafHelper = {
         L$1.skewOfLocal(t, getTempLocal(t, origin), skewX, skewY, resize, transition);
     },
     skewOfLocal(t, origin, skewX, skewY = 0, resize, transition) {
-        copy$6(matrix$1, t.__localMatrix);
+        copy$5(matrix$1, t.__localMatrix);
         skewOfOuter(matrix$1, origin, skewX, skewY);
         L$1.setTransform(t, matrix$1, resize, transition);
     },
     transformWorld(t, transform, resize, transition) {
-        copy$6(matrix$1, t.worldTransform);
+        copy$5(matrix$1, t.worldTransform);
         multiplyParent$3(matrix$1, transform);
         if (t.parent) divideParent(matrix$1, t.parent.scrollWorldTransform);
         L$1.setTransform(t, matrix$1, resize, transition);
     },
     transform(t, transform, resize, transition) {
-        copy$6(matrix$1, t.localTransform);
+        copy$5(matrix$1, t.localTransform);
         multiplyParent$3(matrix$1, transform);
         L$1.setTransform(t, matrix$1, resize, transition);
     },
@@ -4805,7 +4819,7 @@ const LeafHelper = {
         return innerOrigin;
     },
     getRelativeWorld(t, relative, temp) {
-        copy$6(matrix$1, t.worldTransform);
+        copy$5(matrix$1, t.worldTransform);
         divideParent(matrix$1, relative.scrollWorldTransform);
         return temp ? matrix$1 : Object.assign({}, matrix$1);
     },
@@ -4951,10 +4965,53 @@ const BranchHelper = {
             if (exclude && exclude === branch) continue;
             updateBounds$4(branch);
         }
+    },
+    move(branch, x, y) {
+        let w;
+        const {children: children} = branch;
+        for (let i = 0, len = children.length; i < len; i++) {
+            branch = children[i];
+            w = branch.__world;
+            w.e += x;
+            w.f += y;
+            w.x += x;
+            w.y += y;
+            if (branch.isBranch) move$3(branch, x, y);
+        }
+    },
+    scale(branch, x, y, scaleX, scaleY, a, b) {
+        let w;
+        const {children: children} = branch;
+        const changeScaleX = scaleX - 1;
+        const changeScaleY = scaleY - 1;
+        for (let i = 0, len = children.length; i < len; i++) {
+            branch = children[i];
+            w = branch.__world;
+            w.a *= scaleX;
+            w.d *= scaleY;
+            if (w.b || w.c) {
+                w.b *= scaleX;
+                w.c *= scaleY;
+            }
+            if (w.e === w.x && w.f === w.y) {
+                w.x = w.e += (w.e - a) * changeScaleX + x;
+                w.y = w.f += (w.f - b) * changeScaleY + y;
+            } else {
+                w.e += (w.e - a) * changeScaleX + x;
+                w.f += (w.f - b) * changeScaleY + y;
+                w.x += (w.x - a) * changeScaleX + x;
+                w.y += (w.y - b) * changeScaleY + y;
+            }
+            w.width *= scaleX;
+            w.height *= scaleY;
+            w.scaleX *= scaleX;
+            w.scaleY *= scaleY;
+            if (branch.isBranch) scale$1(branch, x, y, scaleX, scaleY, a, b);
+        }
     }
 };
 
-const {pushAllChildBranch: pushAllChildBranch$1, pushAllBranchStack: pushAllBranchStack, updateBoundsByBranchStack: updateBoundsByBranchStack} = BranchHelper;
+const {pushAllChildBranch: pushAllChildBranch$1, pushAllBranchStack: pushAllBranchStack, updateBoundsByBranchStack: updateBoundsByBranchStack, move: move$3, scale: scale$1} = BranchHelper;
 
 const WaitHelper = {
     run(wait) {
@@ -4970,7 +5027,7 @@ const WaitHelper = {
 
 const {getRelativeWorld: getRelativeWorld$1, updateBounds: updateBounds$3} = LeafHelper;
 
-const {toOuterOf: toOuterOf$3, getPoints: getPoints, copy: copy$5} = BoundsHelper;
+const {toOuterOf: toOuterOf$3, getPoints: getPoints, copy: copy$4} = BoundsHelper;
 
 const localContent = "_localContentBounds";
 
@@ -5209,7 +5266,7 @@ class LeafLayout {
             matrix = getRelativeWorld$1(leaf, relative, true);
         }
         if (!layoutBounds) layoutBounds = MatrixHelper.getLayout(matrix);
-        copy$5(layoutBounds, bounds);
+        copy$4(layoutBounds, bounds);
         PointHelper.copy(layoutBounds, point);
         if (unscale) {
             const {scaleX: scaleX, scaleY: scaleY} = layoutBounds;
@@ -5831,7 +5888,7 @@ const LeafDataProxy = {
 
 const {setLayout: setLayout, multiplyParent: multiplyParent$2, translateInner: translateInner, defaultWorld: defaultWorld} = MatrixHelper;
 
-const {toPoint: toPoint$3, tempPoint: tempPoint$1} = AroundHelper;
+const {toPoint: toPoint$3, tempPoint: tempPoint$2} = AroundHelper;
 
 const LeafMatrix = {
     __updateWorldMatrix() {
@@ -5851,8 +5908,8 @@ const LeafMatrix = {
             local.e = data.x + data.offsetX;
             local.f = data.y + data.offsetY;
             if (data.around || data.origin) {
-                toPoint$3(data.around || data.origin, layout.boxBounds, tempPoint$1);
-                translateInner(local, -tempPoint$1.x, -tempPoint$1.y, !data.around);
+                toPoint$3(data.around || data.origin, layout.boxBounds, tempPoint$2);
+                translateInner(local, -tempPoint$2.x, -tempPoint$2.y, !data.around);
             }
         }
         this.__layout.matrixChanged = undefined;
@@ -5863,7 +5920,7 @@ const {updateMatrix: updateMatrix$2, updateAllMatrix: updateAllMatrix$3} = LeafH
 
 const {updateBounds: updateBounds$2} = BranchHelper;
 
-const {toOuterOf: toOuterOf$2, copyAndSpread: copyAndSpread$2, copy: copy$4} = BoundsHelper;
+const {toOuterOf: toOuterOf$2, copyAndSpread: copyAndSpread$2, copy: copy$3} = BoundsHelper;
 
 const {toBounds: toBounds} = PathBounds;
 
@@ -5974,7 +6031,7 @@ const LeafBounds = {
     },
     __updateRenderBounds(_bounds) {
         const layout = this.__layout, {renderSpread: renderSpread} = layout;
-        isNumber(renderSpread) && renderSpread <= 0 ? copy$4(layout.renderBounds, layout.strokeBounds) : copyAndSpread$2(layout.renderBounds, layout.boxBounds, renderSpread);
+        isNumber(renderSpread) && renderSpread <= 0 ? copy$3(layout.renderBounds, layout.strokeBounds) : copyAndSpread$2(layout.renderBounds, layout.boxBounds, renderSpread);
     }
 };
 
@@ -6079,7 +6136,7 @@ const {toInnerPoint: toInnerPoint, toOuterPoint: toOuterPoint, multiplyParent: m
 
 const {toOuterOf: toOuterOf$1} = BoundsHelper;
 
-const {copy: copy$3, move: move$2} = PointHelper;
+const {copy: copy$2, move: move$2} = PointHelper;
 
 const {moveLocal: moveLocal, zoomOfLocal: zoomOfLocal, rotateOfLocal: rotateOfLocal, skewOfLocal: skewOfLocal, moveWorld: moveWorld, zoomOfWorld: zoomOfWorld, rotateOfWorld: rotateOfWorld, skewOfWorld: skewOfWorld, transform: transform, transformWorld: transformWorld, setTransform: setTransform, getFlipTransform: getFlipTransform, getLocalOrigin: getLocalOrigin, getRelativeWorld: getRelativeWorld, drop: drop} = LeafHelper;
 
@@ -6398,14 +6455,14 @@ let Leaf = class Leaf {
         if (this.parent) {
             this.parent.worldToInner(world, to, distance, relative);
         } else {
-            if (to) copy$3(to, world);
+            if (to) copy$2(to, world);
         }
     }
     localToWorld(local, to, distance, relative) {
         if (this.parent) {
             this.parent.innerToWorld(local, to, distance, relative);
         } else {
-            if (to) copy$3(to, local);
+            if (to) copy$2(to, local);
         }
     }
     worldToInner(world, to, distance, relative) {
@@ -6518,10 +6575,10 @@ let Leaf = class Leaf {
     hit(_world, _hitRadius) {
         return true;
     }
-    __hitWorld(_point) {
+    __hitWorld(_point, _forceHitFill) {
         return true;
     }
-    __hit(_local) {
+    __hit(_local, _forceHitFill) {
         return true;
     }
     __hitFill(_inner) {
@@ -6880,7 +6937,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.12.0";
+const version = "1.12.2";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -7682,6 +7739,10 @@ class Renderer {
 
 Renderer.clipSpread = 10;
 
+const tempPoint$1 = {};
+
+const {copyRadiusPoint: copyRadiusPoint$1} = PointHelper;
+
 const {hitRadiusPoint: hitRadiusPoint$1} = BoundsHelper;
 
 class Picker {
@@ -7808,15 +7869,15 @@ class Picker {
         this.eachFind(branch.children, branch.__onlyHitMask);
     }
     eachFind(children, hitMask) {
-        let child, hit;
+        let child, hit, data;
         const {point: point} = this, len = children.length;
         for (let i = len - 1; i > -1; i--) {
-            child = children[i];
-            if (!child.__.visible || hitMask && !child.__.mask) continue;
-            hit = child.__.hitRadius ? true : hitRadiusPoint$1(child.__world, point);
+            child = children[i], data = child.__;
+            if (!data.visible || hitMask && !data.mask) continue;
+            hit = hitRadiusPoint$1(child.__world, data.hitRadius ? copyRadiusPoint$1(tempPoint$1, point, data.hitRadius) : point);
             if (child.isBranch) {
                 if (hit || child.__ignoreHitWorld) {
-                    if (child.isBranchLeaf && child.__.__clipAfterFill && !child.__hitWorld(point)) continue;
+                    if (child.isBranchLeaf && data.__clipAfterFill && !child.__hitWorld(point, true)) continue;
                     if (child.topChildren) this.eachFind(child.topChildren, false);
                     this.eachFind(child.children, child.__onlyHitMask);
                     if (child.isBranchLeaf) this.hitChild(child, point);
@@ -8393,7 +8454,7 @@ const UIRender = {
                 if (stroke && !__fillAfterStroke) data.__isStrokes ? Paint.strokes(stroke, this, canvas, options) : Paint.stroke(stroke, this, canvas, options);
             }
         } else {
-            if (data.__pathInputed) drawFast(this, canvas, options); else this.__drawFast(canvas, options);
+            if (data.__pathForRender) drawFast(this, canvas, options); else this.__drawFast(canvas, options);
         }
     },
     __drawShape(canvas, options) {
@@ -8517,7 +8578,7 @@ let UI = UI_1 = class UI extends Leaf {
     getPath(curve, pathForRender) {
         this.__layout.update();
         let path = pathForRender ? this.__.__pathForRender : this.__.path;
-        if (!path) pen.set(path = []), this.__drawPathByBox(pen);
+        if (!path) pen.set(path = []), this.__drawPathByBox(pen, !pathForRender);
         return curve ? PathConvert.toCanvasData(path, true) : path;
     }
     getPathString(curve, pathForRender, floatLength) {
@@ -8545,17 +8606,18 @@ let UI = UI_1 = class UI extends Leaf {
     }
     __drawPath(canvas) {
         canvas.beginPath();
-        this.__drawPathByData(canvas, this.__.path);
+        this.__drawPathByData(canvas, this.__.path, true);
     }
-    __drawPathByData(drawer, data) {
-        data ? PathDrawer.drawPathByData(drawer, data) : this.__drawPathByBox(drawer);
+    __drawPathByData(drawer, data, ignoreCornerRadius) {
+        data ? PathDrawer.drawPathByData(drawer, data) : this.__drawPathByBox(drawer, ignoreCornerRadius);
     }
-    __drawPathByBox(drawer) {
+    __drawPathByBox(drawer, ignoreCornerRadius) {
         const {x: x, y: y, width: width, height: height} = this.__layout.boxBounds;
-        if (this.__.cornerRadius) {
+        if (this.__.cornerRadius && !ignoreCornerRadius) {
             const {cornerRadius: cornerRadius} = this.__;
             drawer.roundRect(x, y, width, height, isNumber(cornerRadius) ? [ cornerRadius ] : cornerRadius);
         } else drawer.rect(x, y, width, height);
+        drawer.closePath();
     }
     drawImagePlaceholder(_paint, canvas, renderOptions) {
         Paint.fill(this.__.placeholderColor, this, canvas, renderOptions);
@@ -8824,6 +8886,9 @@ let Leafer = Leafer_1 = class Leafer extends Group {
     get layoutLocked() {
         return !this.layouter.running;
     }
+    get view() {
+        return this.canvas && this.canvas.view;
+    }
     get FPS() {
         return this.renderer ? this.renderer.FPS : 60;
     }
@@ -8875,7 +8940,6 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         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();
-        this.view = canvas.view;
         if (!parentApp) {
             this.selector = Creator.selector(this);
             this.interaction = Creator.interaction(this, canvas, this.selector, config);
@@ -9155,7 +9219,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
                         if (this.canvasManager) this.canvasManager.destroy();
                     }
                     if (this.canvas) this.canvas.destroy();
-                    this.config.view = this.view = this.parentApp = null;
+                    this.config.view = this.parentApp = null;
                     if (this.userConfig) this.userConfig.view = null;
                     super.destroy();
                     setTimeout(() => {
@@ -9339,7 +9403,6 @@ let Ellipse = class Ellipse extends UI {
             if (startAngle || endAngle) {
                 if (innerRadius < 1) ellipse(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle, false);
                 ellipse(path, rx, ry, rx, ry, 0, endAngle, startAngle, true);
-                if (innerRadius < 1) closePath$2(path);
             } else {
                 if (innerRadius < 1) {
                     ellipse(path, rx, ry, rx * innerRadius, ry * innerRadius);
@@ -9347,16 +9410,16 @@ let Ellipse = class Ellipse extends UI {
                 }
                 ellipse(path, rx, ry, rx, ry, 0, 360, 0, true);
             }
-            if (Platform.ellipseToCurve) this.__.path = this.getPath(true);
         } else {
             if (startAngle || endAngle) {
                 moveTo$3(path, rx, ry);
                 ellipse(path, rx, ry, rx, ry, 0, startAngle, endAngle, false);
-                closePath$2(path);
             } else {
                 ellipse(path, rx, ry, rx, ry);
             }
         }
+        closePath$2(path);
+        if (Platform.ellipseToCurve) this.__.path = this.getPath(true);
     }
 };
 
@@ -10007,7 +10070,7 @@ class UIEvent extends Event {
     }
 }
 
-const {min: min, max: max$1, abs: abs$3} = Math, {float: float$1, sign: sign} = MathHelper, {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = BoundsHelper;
+const {min: min, max: max$1, abs: abs$3} = Math, {float: float$2, sign: sign} = MathHelper, {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = BoundsHelper;
 
 const tempContent = new Bounds, tempDragBounds = new Bounds;
 
@@ -10047,8 +10110,8 @@ const DragBoundsHelper = {
         } else {
             if (y < dragBounds.y) move.y += dragBounds.y - y; else if (bottom > boundsBottom) move.y += boundsBottom - bottom;
         }
-        move.x = float$1(move.x);
-        move.y = float$1(move.y);
+        move.x = float$2(move.x);
+        move.y = float$2(move.y);
         return move;
     },
     getValidScaleOf(content, dragBounds, dragBoundsType, origin, scale, lockRatio, change) {
@@ -10060,26 +10123,26 @@ const DragBoundsHelper = {
         let correctScaleX = 1, correctScaleY = 1, aScale, bScale, aSize, bSize;
         if (D.isInnerMode(content, dragBounds, dragBoundsType, "width")) {
             if (scale.x < 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
-            aSize = float$1(tempContent.minX - tempDragBounds.minX);
-            bSize = float$1(tempDragBounds.maxX - tempContent.maxX);
+            aSize = float$2(tempContent.minX - tempDragBounds.minX);
+            bSize = float$2(tempDragBounds.maxX - tempContent.maxX);
             aScale = originLeftScale && aSize > 0 ? 1 + aSize / (originLeftScale * tempContent.width) : 1;
             bScale = originRightScale && bSize > 0 ? 1 + bSize / (originRightScale * tempContent.width) : 1;
             correctScaleX *= max$1(aScale, bScale);
         } else {
             if (scale.x < 0) {
-                if (float$1(minX(content) - minX(dragBounds)) <= 0 || float$1(maxX(dragBounds) - maxX(content)) <= 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
+                if (float$2(minX(content) - minX(dragBounds)) <= 0 || float$2(maxX(dragBounds) - maxX(content)) <= 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
                 tempContent.unsign();
             }
-            aSize = float$1(tempDragBounds.minX - tempContent.minX);
-            bSize = float$1(tempContent.maxX - tempDragBounds.maxX);
+            aSize = float$2(tempDragBounds.minX - tempContent.minX);
+            bSize = float$2(tempContent.maxX - tempDragBounds.maxX);
             aScale = originLeftScale && aSize > 0 ? 1 - aSize / (originLeftScale * tempContent.width) : 1;
             bScale = originRightScale && bSize > 0 ? 1 - bSize / (originRightScale * tempContent.width) : 1;
             correctScaleX *= min(aScale, bScale);
         }
         if (D.isInnerMode(content, dragBounds, dragBoundsType, "height")) {
             if (scale.y < 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
-            aSize = float$1(tempContent.minY - tempDragBounds.minY);
-            bSize = float$1(tempDragBounds.maxY - tempContent.maxY);
+            aSize = float$2(tempContent.minY - tempDragBounds.minY);
+            bSize = float$2(tempDragBounds.maxY - tempContent.maxY);
             aScale = originTopScale && aSize > 0 ? 1 + aSize / (originTopScale * tempContent.height) : 1;
             bScale = originBottomScale && bSize > 0 ? 1 + bSize / (originBottomScale * tempContent.height) : 1;
             correctScaleY *= max$1(aScale, bScale);
@@ -10090,11 +10153,11 @@ const DragBoundsHelper = {
             }
         } else {
             if (scale.y < 0) {
-                if (float$1(minY(content) - minY(dragBounds)) <= 0 || float$1(maxY(dragBounds) - maxY(content)) <= 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
+                if (float$2(minY(content) - minY(dragBounds)) <= 0 || float$2(maxY(dragBounds) - maxY(content)) <= 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
                 tempContent.unsign();
             }
-            aSize = float$1(tempDragBounds.minY - tempContent.minY);
-            bSize = float$1(tempContent.maxY - tempDragBounds.maxY);
+            aSize = float$2(tempDragBounds.minY - tempContent.minY);
+            bSize = float$2(tempContent.maxY - tempDragBounds.maxY);
             aScale = originTopScale && aSize > 0 ? 1 - aSize / (originTopScale * tempContent.height) : 1;
             bScale = originBottomScale && bSize > 0 ? 1 - bSize / (originBottomScale * tempContent.height) : 1;
             correctScaleY *= min(aScale, bScale);
@@ -10246,6 +10309,8 @@ MoveEvent.START = "move.start";
 
 MoveEvent.MOVE = "move";
 
+MoveEvent.DRAG_ANIMATE = "move.drag_animate";
+
 MoveEvent.END = "move.end";
 
 MoveEvent = __decorate([ registerUIEvent() ], MoveEvent);
@@ -10344,6 +10409,7 @@ const InteractionHelper = {
             ctrlKey: e.ctrlKey,
             shiftKey: e.shiftKey,
             metaKey: e.metaKey,
+            time: Date.now(),
             buttons: isUndefined(e.buttons) ? 1 : e.buttons === 0 ? pointerUpButtons : e.buttons,
             origin: e
         };
@@ -10379,6 +10445,7 @@ const {getDragEventData: getDragEventData, getDropEventData: getDropEventData, g
 
 class Dragger {
     constructor(interaction) {
+        this.dragDataList = [];
         this.interaction = interaction;
     }
     setDragData(data) {
@@ -10441,6 +10508,7 @@ class Dragger {
         this.dragData = getDragEventData(downData, dragData, data);
         if (throughPath) this.dragData.throughPath = throughPath;
         this.dragData.path = path;
+        this.dragDataList.push(this.dragData);
         if (this.moving) {
             data.moving = true;
             this.dragData.moveType = "drag";
@@ -10491,9 +10559,9 @@ class Dragger {
         interaction.emit(DragEvent.ENTER, data, path, dragEnterPath);
         this.dragEnterPath = path;
     }
-    dragEnd(data, speed) {
+    dragEnd(data) {
         if (!this.dragging && !this.moving) return;
-        if (this.checkDragEndAnimate(data, speed)) return;
+        if (this.checkDragEndAnimate(data)) return;
         this.dragEndReal(data);
     }
     dragEndReal(data) {
@@ -10535,11 +10603,13 @@ class Dragger {
     }
     dragReset() {
         DragEvent.list = DragEvent.data = this.draggableList = this.dragData = this.downData = this.dragOverPath = this.dragEnterPath = null;
+        this.dragDataList = [];
     }
     checkDragEndAnimate(_data, _speed) {
         return false;
     }
     animate(_func, _off) {}
+    stopAnimate() {}
     checkDragOut(_data) {}
     autoMoveOnDragOut(_data) {}
     autoMoveCancel() {}
@@ -10933,6 +11003,9 @@ class InteractionBase {
             this.pointerHover(hoverData);
         }
     }
+    stopDragAnimate() {
+        this.dragger.stopAnimate();
+    }
     updateDownData(data, options, merge) {
         const {downData: downData} = this;
         if (!data && downData) data = downData;
@@ -11116,7 +11189,7 @@ Platform.getSelector = function(leaf) {
     return leaf.leafer ? leaf.leafer.selector : Platform.selector || (Platform.selector = Creator.selector());
 };
 
-const {toInnerRadiusPointOf: toInnerRadiusPointOf, copy: copy$2, setRadius: setRadius} = PointHelper;
+const {toInnerRadiusPointOf: toInnerRadiusPointOf, copyRadiusPoint: copyRadiusPoint} = PointHelper;
 
 const {hitRadiusPoint: hitRadiusPoint, hitPoint: hitPoint} = BoundsHelper;
 
@@ -11126,8 +11199,7 @@ const leaf = Leaf.prototype;
 
 leaf.hit = function(worldPoint, hitRadius = 0) {
     this.updateLayout();
-    copy$2(worldRadiusPoint, worldPoint);
-    setRadius(worldRadiusPoint, hitRadius);
+    copyRadiusPoint(worldRadiusPoint, worldPoint, hitRadius);
     const world = this.__world;
     if (hitRadius ? !hitRadiusPoint(world, worldRadiusPoint) : !hitPoint(world, worldRadiusPoint)) return false;
     return this.isBranch ? Platform.getSelector(this).hitPoint(Object.assign({}, worldRadiusPoint), hitRadius, {
@@ -11135,14 +11207,14 @@ leaf.hit = function(worldPoint, hitRadius = 0) {
     }) : this.__hitWorld(worldRadiusPoint);
 };
 
-leaf.__hitWorld = function(point) {
+leaf.__hitWorld = function(point, forceHitFill) {
     const data = this.__;
     if (!data.hitSelf) return false;
     const world = this.__world, layout = this.__layout;
     const isSmall = world.width < 10 && world.height < 10;
     if (data.hitRadius) {
-        copy$2(inner, point), point = inner;
-        setRadius(point, data.hitRadius);
+        copyRadiusPoint(inner, point, data.hitRadius);
+        point = inner;
     }
     toInnerRadiusPointOf(point, world, inner);
     if (data.hitBox || isSmall) {
@@ -11153,7 +11225,7 @@ leaf.__hitWorld = function(point) {
         this.__updateHitCanvas();
         if (!layout.boundsChanged) layout.hitCanvasChanged = false;
     }
-    return this.__hit(inner);
+    return this.__hit(inner, forceHitFill);
 };
 
 leaf.__hitFill = function(inner) {
@@ -11220,12 +11292,12 @@ ui$5.__updateHitCanvas = function() {
     h.setStrokeOptions(data);
 };
 
-ui$5.__hit = function(inner) {
+ui$5.__hit = function(inner, forceHitFill) {
     if (this.__box && this.__box.__hit(inner)) return true;
     const data = this.__;
     if (data.__isHitPixel && this.__hitPixel(inner)) return true;
     const {hitFill: hitFill} = data;
-    const needHitFillPath = (data.fill || data.__isCanvas) && (hitFill === "path" || hitFill === "pixel" && !(data.__isAlphaPixelFill || data.__isCanvas)) || hitFill === "all";
+    const needHitFillPath = (data.fill || data.__isCanvas) && (hitFill === "path" || hitFill === "pixel" && !(data.__isAlphaPixelFill || data.__isCanvas)) || hitFill === "all" || forceHitFill;
     if (needHitFillPath && this.__hitFill(inner)) return true;
     const {hitStroke: hitStroke, __maxStrokeWidth: strokeWidth} = data;
     const needHitStrokePath = data.stroke && (hitStroke === "path" || hitStroke === "pixel" && !data.__isAlphaPixelStroke) || hitStroke === "all";
@@ -12062,10 +12134,12 @@ const {getFloorScale: getFloorScale} = MathHelper, {abs: abs$2} = Math;
 function createPatternTask(paint, ui, canvas, renderOptions) {
     if (!paint.patternTask) {
         paint.patternTask = ImageManager.patternTasker.add(() => __awaiter(this, void 0, void 0, function*() {
-            paint.patternTask = null;
-            if (canvas.bounds.hit(ui.__nowWorld)) PaintImage.createPattern(paint, ui, canvas, renderOptions);
+            PaintImage.createPattern(paint, ui, canvas, renderOptions);
             ui.forceUpdate("surface");
-        }), 300);
+        }), 0, () => {
+            paint.patternTask = null;
+            return canvas.bounds.hit(ui.__nowWorld);
+        });
     }
 }
 
@@ -13800,6 +13874,8 @@ let Animate = class Animate extends Eventer {
     }
     constructor(target, keyframe, options, isTemp) {
         super();
+        this.nowIndex = 0;
+        this.playedTotalTime = 0;
         if (keyframe) {
             if (keyframe.keyframes) options = keyframe, keyframe = keyframe.keyframes; else if (keyframe.style) options = keyframe, 
             keyframe = keyframe.style;
@@ -13846,7 +13922,7 @@ let Animate = class Animate extends Eventer {
     play() {
         if (this.destroyed) return;
         this.running = true;
-        if (!this.started) this.clearTimer(), this.start(); else if (!this.timer) this.requestAnimate();
+        if (!this.started) this.clearTimer(), this.start(); else if (!this.timer) this.startRequestAnimate();
         this.emitType(AnimateEvent.PLAY);
     }
     pause() {
@@ -13860,14 +13936,28 @@ let Animate = class Animate extends Eventer {
         this.complete();
         this.emitType(AnimateEvent.STOP);
     }
-    seek(time) {
+    seek(time, includeDelay) {
         if (this.destroyed) return;
-        if (isObject(time)) time = UnitConvert.number(time, this.duration);
+        const {delay: delay} = this;
+        if (isObject(time)) time = UnitConvert.number(time, this.duration + (includeDelay ? delay : 0));
+        if (includeDelay) time -= delay;
         if (time) time /= this.speed;
-        if (!this.started || time < this.time) this.start(true);
+        let waitBeginTime;
+        if (time < 0) {
+            waitBeginTime = -time;
+            time = 0;
+        }
+        if (!this.started || time < this.time || !time) this.start(true);
         this.time = time;
-        this.animate(0, true);
-        this.clearTimer(() => this.requestAnimate());
+        if (!waitBeginTime) this.animate(0, true);
+        this.clearTimer(() => {
+            if (waitBeginTime) {
+                this.timer = setTimeout(() => {
+                    this.timer = 0;
+                    this.begin();
+                }, waitBeginTime * 1e3);
+            } else this.startRequestAnimate();
+        });
         this.emitType(AnimateEvent.SEEK);
     }
     kill(complete = true, killStyle) {
@@ -13950,14 +14040,24 @@ let Animate = class Animate extends Eventer {
             }
         }
     }
-    requestAnimate() {
+    startRequestAnimate() {
         this.requestAnimateTime = Date.now();
+        this.requestAnimatePageTime = 0;
+        if (!this.waitRequestRender) this.requestAnimate();
+    }
+    requestAnimate() {
+        this.waitRequestRender = true;
         Platform.requestRender(this.animate.bind(this));
     }
-    animate(_runtime, seek) {
+    animate(pageTime, seek) {
         if (!seek) {
+            this.waitRequestRender = false;
             if (!this.running) return;
-            this.time += (Date.now() - this.requestAnimateTime) / 1e3;
+            let frameTime;
+            if (pageTime && this.requestAnimatePageTime) frameTime = pageTime - this.requestAnimatePageTime; else frameTime = Date.now() - this.requestAnimateTime;
+            this.time += frameTime / 1e3;
+            this.requestAnimatePageTime = pageTime;
+            this.requestAnimateTime = Date.now();
         }
         const {duration: duration} = this, realTime = this.time * this.speed;
         if (realTime < duration) {
@@ -13998,21 +14098,24 @@ let Animate = class Animate extends Eventer {
     }
     start(seek) {
         this.requestAnimateTime = 1;
-        const {reverse: reverse} = this;
+        const {reverse: reverse, jump: jump} = this;
         if (reverse || this.mainReverse) this.mainReverse = reverse;
         if (this.looped) this.looped = 0;
         if (seek) this.begin(true); else {
             const {delay: delay} = this;
-            if (delay) this.timer = setTimeout(() => {
-                this.timer = 0;
-                this.begin();
-            }, delay / this.speed * 1e3); else this.begin();
+            if (delay) {
+                if (jump) this.begin(true);
+                this.timer = setTimeout(() => {
+                    this.timer = 0;
+                    this.begin();
+                }, delay / this.speed * 1e3);
+            } else this.begin();
         }
     }
     begin(seek) {
         this.playedTotalTime = this.time = 0;
         this.mainReverse ? this.setTo() : this.setFrom();
-        if (!seek) this.requestAnimate();
+        if (!seek) this.startRequestAnimate();
     }
     end() {
         this.mainReverse ? this.setFrom() : this.setTo();
@@ -14128,6 +14231,8 @@ __decorate([ animateAttr(true) ], Animate.prototype, "autoplay", void 0);
 
 __decorate([ animateAttr() ], Animate.prototype, "join", void 0);
 
+__decorate([ animateAttr() ], Animate.prototype, "jump", void 0);
+
 __decorate([ animateAttr() ], Animate.prototype, "attrs", void 0);
 
 Animate = __decorate([ useModule(LeafEventer) ], Animate);
@@ -14366,7 +14471,7 @@ const hslMatch = /^hsl\((\d+),\s*(\d+)%\s*,\s*(\d+)%/i;
 
 const hslaMatch = /^hsla\((\d+),\s*(\d+)%\s*,\s*(\d+)%\s*,\s*(\d*\.?\d+)/i;
 
-const int = parseInt, float = parseFloat, {round: round$1} = Math;
+const int = parseInt, float$1 = parseFloat, {round: round$1} = Math;
 
 let cache = {}, totalCache = 0;
 
@@ -14479,18 +14584,18 @@ function rgbaToRGBA(color) {
         r: int(match[1]),
         g: int(match[2]),
         b: int(match[3]),
-        a: float(match[4])
+        a: float$1(match[4])
     };
 }
 
 function hslToRGBA(color) {
     const match = hslMatch.exec(color);
-    return hsla(float(match[1]), float(match[2]), float(match[3]), 1);
+    return hsla(float$1(match[1]), float$1(match[2]), float$1(match[3]), 1);
 }
 
 function hslaToRGBA(color) {
     const match = hslaMatch.exec(color);
-    return hsla(float(match[1]), float(match[2]), float(match[3]), float(match[4]));
+    return hsla(float$1(match[1]), float$1(match[2]), float$1(match[3]), float$1(match[4]));
 }
 
 const n1 = 1 / 6, n2 = .5, n3 = 2 / 3, n4 = 1 / 3;
@@ -14729,7 +14834,7 @@ const HighBezierHelper = {
 
 const {getDistance: getDistance} = HighBezierHelper;
 
-const {M: M, L: L, C: C, Z: Z} = PathCommandMap;
+const {M: M, L: L, C: C, Z: Z} = PathCommandMap, {float: float} = MathHelper;
 
 const tempPoint = {}, tempFrom = {};
 
@@ -14866,7 +14971,7 @@ const HighCurveHelper = {
     getDistancePath(distanceData, motionDistance, motionPrecision) {
         const {segments: segments, data: data} = distanceData, path = [];
         motionDistance = UnitConvert.number(motionDistance, distanceData.total);
-        let total = 0, distance, to = {};
+        let total = 0, distance, cutDistance, to = {};
         let i = 0, index = 0, x = 0, y = 0, toX, toY, command;
         let x1, y1, x2, y2, t;
         const len = data.length;
@@ -14878,14 +14983,17 @@ const HighCurveHelper = {
                 toX = data[i + 1];
                 toY = data[i + 2];
                 distance = segments[index];
-                if (total + distance >= motionDistance || !distanceData.total) {
+                if (total + distance > motionDistance || !distanceData.total) {
                     if (!i) x = toX, y = toY;
                     tempFrom.x = x;
                     tempFrom.y = y;
                     to.x = toX;
                     to.y = toY;
-                    PointHelper.getDistancePoint(tempFrom, to, motionDistance - total, true);
-                    path.push(command, to.x, to.y);
+                    cutDistance = float(motionDistance - total);
+                    if (cutDistance) {
+                        PointHelper.getDistancePoint(tempFrom, to, cutDistance, true);
+                        path.push(command, to.x, to.y);
+                    }
                     return path;
                 }
                 x = toX;
@@ -14899,9 +15007,12 @@ const HighCurveHelper = {
                 toX = data[i + 5];
                 toY = data[i + 6];
                 distance = segments[index];
-                if (total + distance >= motionDistance) {
-                    t = HighBezierHelper.getT(motionDistance - total, distance, x, y, x1, y1, x2, y2, toX, toY, motionPrecision);
-                    HighBezierHelper.cut(path, t, x, y, x1, y1, x2, y2, toX, toY);
+                if (total + distance > motionDistance) {
+                    cutDistance = float(motionDistance - total);
+                    if (cutDistance) {
+                        t = HighBezierHelper.getT(cutDistance, distance, x, y, x1, y1, x2, y2, toX, toY, motionPrecision);
+                        HighBezierHelper.cut(path, t, x, y, x1, y1, x2, y2, toX, toY);
+                    }
                     return path;
                 }
                 x = toX;
@@ -15110,6 +15221,7 @@ class Finder {
         for (let i = 0, len = children.length; i < len; i++) {
             child = children[i];
             result = method(child, options);
+            if (typeof result === "boolean") result = result ? 1 : 0;
             if (result === Yes || result === YesAndSkip) {
                 if (list) {
                     list.push(child);
@@ -15174,4 +15286,4 @@ Creator.finder = function(target) {
     return new Finder(target);
 };
 
-export { AlignHelper, Animate, AnimateEasing, AnimateEvent, AnimateList, 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, Dragger, DropEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, FourNumberHelper, Frame, FrameData, Group, GroupData, HighBezierHelper, HighCurveHelper, HitCanvasManager, 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, MyTouchEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, Selector, Star, StarData, State, StringNumberMap, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TouchEvent, 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, dimType, 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, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, stateStyleType, stateType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$3 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+export { AlignHelper, Animate, AnimateEasing, AnimateEvent, AnimateList, 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, Dragger, DropEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, FourNumberHelper, Frame, FrameData, Group, GroupData, HighBezierHelper, HighCurveHelper, HitCanvasManager, 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, MyTouchEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, Selector, Star, StarData, State, StringNumberMap, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TouchEvent, 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, dimType, 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, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, stateStyleType, stateType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$4 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };