@leafer-editor/worker 1.12.1 → 1.12.3

package/dist/worker.module.js

@@ -216,7 +216,7 @@ class LeafData {
     }
 }
 
-const {floor: floor$2, max: max$6} = Math;
+const {floor: floor$2, max: max$7} = Math;
 
 const Platform = {
     toURL(text, fileType) {
@@ -242,7 +242,7 @@ const Platform = {
             return url;
         },
         resize(image, width, height, xGap, yGap, clip, smooth, opacity, _filters) {
-            const canvas = Platform.origin.createCanvas(max$6(floor$2(width + (xGap || 0)), 1), max$6(floor$2(height + (yGap || 0)), 1));
+            const canvas = Platform.origin.createCanvas(max$7(floor$2(width + (xGap || 0)), 1), max$7(floor$2(height + (yGap || 0)), 1));
             const ctx = canvas.getContext("2d");
             if (opacity) ctx.globalAlpha = opacity;
             ctx.imageSmoothingEnabled = smooth === false ? false : true;
@@ -289,7 +289,7 @@ const I$2 = IncrementId;
 
 let tempA, tempB, tempTo;
 
-const {max: max$5} = Math, tempFour = [ 0, 0, 0, 0 ];
+const {max: max$6} = Math, tempFour = [ 0, 0, 0, 0 ];
 
 const FourNumberHelper = {
     zero: [ ...tempFour ],
@@ -341,9 +341,9 @@ const FourNumberHelper = {
         return data;
     },
     max(t, other, change) {
-        if (isNumber(t) && isNumber(other)) return max$5(t, other);
+        if (isNumber(t) && isNumber(other)) return max$6(t, other);
         toTempAB(t, other, change);
-        return set$2(tempTo, max$5(tempA[0], tempB[0]), max$5(tempA[1], tempB[1]), max$5(tempA[2], tempB[2]), max$5(tempA[3], tempB[3]));
+        return set$2(tempTo, max$6(tempA[0], tempB[0]), max$6(tempA[1], tempB[1]), max$6(tempA[2], tempB[2]), max$6(tempA[3], tempB[3]));
     },
     add(t, other, change) {
         if (isNumber(t) && isNumber(other)) return t + other;
@@ -360,7 +360,7 @@ const FourNumberHelper = {
 
 const {set: set$2, get: get$5, setTemp: setTemp, toTempAB: toTempAB} = FourNumberHelper;
 
-const {round: round$3, pow: pow$1, max: max$4, floor: floor$1, PI: PI$3} = Math;
+const {round: round$3, pow: pow$1, max: max$5, floor: floor$1, PI: PI$3} = Math;
 
 const MathHelper = {
     within(value, min, max) {
@@ -414,7 +414,7 @@ const MathHelper = {
         }
     },
     getFloorScale(num, min = 1) {
-        return max$4(floor$1(num), min) / num;
+        return max$5(floor$1(num), min) / num;
     },
     randInt: randInt,
     randColor(opacity) {
@@ -461,9 +461,9 @@ function getMatrixData() {
 
 const {sin: sin$5, cos: cos$5, acos: acos, sqrt: sqrt$3} = Math;
 
-const {float: float$2} = MathHelper;
+const {float: float$3} = MathHelper;
 
-const tempPoint$3 = {};
+const tempPoint$4 = {};
 
 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$a.toInnerPoint(t, origin, tempPoint$3);
-        M$a.scaleOfInner(t, tempPoint$3, scaleX, scaleY);
+        M$a.toInnerPoint(t, origin, tempPoint$4);
+        M$a.scaleOfInner(t, tempPoint$4, scaleX, scaleY);
     },
     scaleOfInner(t, origin, scaleX, scaleY = scaleX) {
         M$a.translateInner(t, origin.x, origin.y);
@@ -541,8 +541,8 @@ const MatrixHelper = {
         t.d = c * sinR + d * cosR;
     },
     rotateOfOuter(t, origin, rotation) {
-        M$a.toInnerPoint(t, origin, tempPoint$3);
-        M$a.rotateOfInner(t, tempPoint$3, rotation);
+        M$a.toInnerPoint(t, origin, tempPoint$4);
+        M$a.rotateOfInner(t, tempPoint$4, rotation);
     },
     rotateOfInner(t, origin, rotation) {
         M$a.translateInner(t, origin.x, origin.y);
@@ -563,8 +563,8 @@ const MatrixHelper = {
         }
     },
     skewOfOuter(t, origin, skewX, skewY) {
-        M$a.toInnerPoint(t, origin, tempPoint$3);
-        M$a.skewOfInner(t, tempPoint$3, skewX, skewY);
+        M$a.toInnerPoint(t, origin, tempPoint$4);
+        M$a.skewOfInner(t, tempPoint$4, skewX, skewY);
     },
     skewOfInner(t, origin, skewX, skewY = 0) {
         M$a.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$2(cos$5(rotation));
+            const cosR = float$3(cos$5(rotation));
             const sinR = sin$5(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;
@@ -761,9 +761,11 @@ const MatrixHelper = {
 
 const M$a = MatrixHelper;
 
+const {float: float$2} = MathHelper;
+
 const {toInnerPoint: toInnerPoint$2, toOuterPoint: toOuterPoint$3} = MatrixHelper;
 
-const {sin: sin$4, cos: cos$4, abs: abs$9, sqrt: sqrt$2, atan2: atan2$2, min: min$2, round: round$2} = Math;
+const {sin: sin$4, cos: cos$4, abs: abs$9, sqrt: sqrt$2, atan2: atan2$2, min: min$3, round: round$2} = Math;
 
 const PointHelper = {
     defaultPoint: getPointData(),
@@ -812,22 +814,27 @@ const PointHelper = {
     },
     tempToInnerOf(t, matrix) {
         const {tempPoint: temp} = P$7;
-        copy$d(temp, t);
+        copy$c(temp, t);
         toInnerPoint$2(matrix, temp, temp);
         return temp;
     },
     tempToOuterOf(t, matrix) {
         const {tempPoint: temp} = P$7;
-        copy$d(temp, t);
+        copy$c(temp, t);
         toOuterPoint$3(matrix, temp, temp);
         return temp;
     },
     tempToInnerRadiusPointOf(t, matrix) {
         const {tempRadiusPoint: temp} = P$7;
-        copy$d(temp, t);
+        copy$c(temp, t);
         P$7.toInnerRadiusPointOf(t, matrix, temp);
         return temp;
     },
+    copyRadiusPoint(t, point, x, y) {
+        copy$c(t, point);
+        setRadius(t, x, y);
+        return t;
+    },
     toInnerRadiusPointOf(t, matrix, to) {
         to || (to = t);
         toInnerPoint$2(matrix, t, to);
@@ -861,7 +868,7 @@ const PointHelper = {
         return sqrt$2(x * x + y * y);
     },
     getMinDistanceFrom(x1, y1, x2, y2, x3, y3) {
-        return min$2(getDistanceFrom(x1, y1, x2, y2), getDistanceFrom(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;
@@ -895,7 +902,7 @@ const PointHelper = {
         return points;
     },
     isSame(t, point) {
-        return t.x === point.x && t.y === point.y;
+        return float$2(t.x) === float$2(point.x) && float$2(t.y) === float$2(point.y);
     },
     reset(t) {
         P$7.reset(t);
@@ -904,7 +911,7 @@ const PointHelper = {
 
 const P$7 = PointHelper;
 
-const {getDistanceFrom: getDistanceFrom, copy: copy$d, getAtan2: getAtan2} = P$7;
+const {getDistanceFrom: getDistanceFrom, copy: copy$c, setRadius: setRadius, getAtan2: getAtan2} = P$7;
 
 class Point {
     constructor(x, y) {
@@ -979,7 +986,7 @@ class Point {
     }
 }
 
-const tempPoint$2 = new Point;
+const tempPoint$3 = new Point;
 
 class Matrix {
     constructor(a, b, c, d, e, f) {
@@ -1315,7 +1322,7 @@ const BoundsHelper = {
         return t;
     },
     toOffsetOutBounds(t, to, offsetBounds) {
-        if (!to) to = t; else copy$c(to, t);
+        if (!to) to = t; else copy$b(to, t);
         if (!offsetBounds) offsetBounds = t;
         to.offsetX = B.maxX(offsetBounds);
         to.offsetY = B.maxY(offsetBounds);
@@ -1462,7 +1469,7 @@ const BoundsHelper = {
             if (bounds && (bounds.width || bounds.height)) {
                 if (first) {
                     first = false;
-                    if (!addMode) copy$c(t, bounds);
+                    if (!addMode) copy$b(t, bounds);
                 } else {
                     add$2(t, bounds);
                 }
@@ -1549,7 +1556,7 @@ const BoundsHelper = {
 
 const B = BoundsHelper;
 
-const {add: add$2, copy: copy$c} = B;
+const {add: add$2, copy: copy$b} = 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$b, multiplyParent: multiplyParent$4, pixelScale: pixelScale} = MatrixHelper, {round: round$1} = Math, tempPixelBounds = new Bounds, tempPixelBounds2 = new Bounds;
+const {copy: copy$a, multiplyParent: multiplyParent$4, pixelScale: pixelScale} = MatrixHelper, {round: round$1} = 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$b(canvas.worldTransform, this.worldTransform), canvas.useWorldTransform();
+        if (useSameWorldTransform) copy$a(canvas.worldTransform, this.worldTransform), canvas.useWorldTransform();
         if (useSameSmooth) canvas.smooth = this.smooth;
         canvas.pixelSnap !== pixelSnap && (canvas.pixelSnap = pixelSnap);
         return canvas;
@@ -2642,7 +2649,7 @@ const RectHelper = {
     }
 };
 
-const {sin: sin$3, cos: cos$3, hypot: hypot, atan2: atan2$1, ceil: ceil, abs: abs$8, PI: PI$2, sqrt: sqrt$1, pow: pow} = Math;
+const {sin: sin$3, cos: cos$3, hypot: hypot$1, atan2: atan2$1, ceil: ceil, abs: abs$8, PI: PI$2, sqrt: sqrt$1, pow: pow} = Math;
 
 const {setPoint: setPoint$4, addPoint: addPoint$2} = TwoPointBoundsHelper;
 
@@ -2650,7 +2657,7 @@ const {set: set$1, toNumberPoints: toNumberPoints$1} = PointHelper;
 
 const {M: M$9, L: L$9, C: C$7, Q: Q$7, Z: Z$7} = PathCommandMap;
 
-const tempPoint$1 = {};
+const tempPoint$2 = {};
 
 const BezierHelper = {
     points(data, originPoints, curve, close) {
@@ -2658,7 +2665,7 @@ const BezierHelper = {
         data.push(M$9, 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$1(pow(bX - aX, 2) + pow(bY - aY, 2));
+                baX = bX - aX;
+                baY = bY - aY;
+                ba = sqrt$1(pow(baX, 2) + pow(baY, 2));
                 cb = sqrt$1(pow(cX - bX, 2) + pow(cY - bY, 2));
                 if (!ba && !cb) continue;
                 d = ba + cb;
@@ -2684,7 +2693,7 @@ const BezierHelper = {
                 if (i === 2) {
                     if (!close) data.push(Q$7, c1X, c1Y, bX, bY);
                 } else {
-                    data.push(C$7, c2X, c2Y, c1X, c1Y, bX, bY);
+                    if (baX || baY) data.push(C$7, c2X, c2Y, c1X, c1Y, bX, bY);
                 }
                 c2X = bX + cb * cX;
                 c2Y = bY + cb * cY;
@@ -2713,8 +2722,8 @@ 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);
+        const lenBA = hypot$1(BAx, BAy);
+        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$8(totalRadian - PI$2) < 1e-12) {
@@ -2819,8 +2828,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$1);
-            addPoint$2(pointBounds, tempPoint$1.x, tempPoint$1.y);
+            getPointAndSet(tList[i], fromX, fromY, x1, y1, x2, y2, toX, toY, tempPoint$2);
+            addPoint$2(pointBounds, tempPoint$2.x, tempPoint$2.y);
         }
     },
     getPointAndSet(t, fromX, fromY, x1, y1, x2, y2, toX, toY, setPoint) {
@@ -3230,7 +3239,7 @@ const {M: M$7, L: L$7, C: C$5, Q: Q$5, Z: Z$5, N: N$4, D: D$5, X: X$4, G: G$4, F
 
 const {getMinDistanceFrom: getMinDistanceFrom, getRadianFrom: getRadianFrom} = PointHelper;
 
-const {tan: tan, min: min$1, abs: abs$7} = Math;
+const {tan: tan, min: min$2, abs: abs$7} = Math;
 
 const startPoint = {};
 
@@ -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$5, x, y, radiusX, radiusY);
         } else {
@@ -3281,6 +3291,7 @@ const PathCommandDataHelper = {
         if (isNull(startAngle)) {
             data.push(P$4, x, y, radius);
         } else {
+            if (isNull(startAngle)) startAngle = 0;
             if (isNull(endAngle)) endAngle = 360;
             data.push(O$5, x, y, radius, startAngle, endAngle, anticlockwise ? 1 : 0);
         }
@@ -3288,7 +3299,7 @@ const PathCommandDataHelper = {
     arcTo(data, x1, y1, x2, y2, radius, lastX, lastY) {
         if (!isUndefined(lastX)) {
             const d = getMinDistanceFrom(lastX, lastY, x1, y1, x2, y2);
-            radius = min$1(radius, min$1(d / 2, d / 2 * abs$7(tan(getRadianFrom(lastX, lastY, x1, y1, x2, y2) / 2))));
+            radius = min$2(radius, min$2(d / 2, d / 2 * abs$7(tan(getRadianFrom(lastX, lastY, x1, y1, x2, y2) / 2))));
         }
         data.push(U$4, x1, y1, x2, y2, radius);
     },
@@ -3490,7 +3501,7 @@ const {M: M$5, L: L$5, C: C$3, Q: Q$3, Z: Z$3, 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$2} = TwoPointBoundsHelper;
+const {addPointBounds: addPointBounds, copy: copy$9, addPoint: addPoint$1, setPoint: setPoint$3, addBounds: addBounds, toBounds: toBounds$2} = TwoPointBoundsHelper;
 
 const debug$d = Debug.get("PathBounds");
 
@@ -3572,7 +3583,7 @@ const PathBounds = {
 
               case G$2:
                 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$a(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
+                i === 0 ? copy$9(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
                 x = setEndPoint.x;
                 y = setEndPoint.y;
                 i += 9;
@@ -3590,7 +3601,7 @@ const PathBounds = {
 
               case O$3:
                 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$a(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
+                i === 0 ? copy$9(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
                 x = setEndPoint.x;
                 y = setEndPoint.y;
                 i += 7;
@@ -3607,7 +3618,7 @@ const PathBounds = {
 
               case U$2:
                 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$a(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
+                i === 0 ? copy$9(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));
@@ -4103,6 +4117,10 @@ class LeaferImage {
     get url() {
         return this.config.url;
     }
+    get crossOrigin() {
+        const {crossOrigin: crossOrigin} = this.config;
+        return isUndefined(crossOrigin) ? Platform.image.crossOrigin : crossOrigin;
+    }
     get completed() {
         return this.ready || !!this.error;
     }
@@ -4120,12 +4138,14 @@ class LeaferImage {
         ImageManager.isFormat("svg", config) && (this.isSVG = true);
         ImageManager.hasAlphaPixel(config) && (this.hasAlphaPixel = true);
     }
-    load(onSuccess, onError) {
+    load(onSuccess, onError, thumbSize) {
         if (!this.loading) {
             this.loading = true;
-            const {crossOrigin: crossOrigin} = this.config;
             Resource.tasker.add(() => __awaiter(this, void 0, void 0, function*() {
-                return yield Platform.origin.loadImage(this.url, isUndefined(crossOrigin) ? Platform.image.crossOrigin : crossOrigin, this).then(img => this.setView(img)).catch(e => {
+                return yield Platform.origin.loadImage(this.getLoadUrl(thumbSize), this.crossOrigin, this).then(img => {
+                    if (thumbSize) this.setThumbView(img);
+                    this.setView(img);
+                }).catch(e => {
                     this.error = e;
                     this.onComplete(false);
                 });
@@ -4146,9 +4166,11 @@ class LeaferImage {
     }
     setView(img) {
         this.ready = true;
-        this.width = img.naturalWidth || img.width;
-        this.height = img.naturalHeight || img.height;
-        this.view = img;
+        if (!this.width) {
+            this.width = img.width;
+            this.height = img.height;
+            this.view = img;
+        }
         this.onComplete(true);
     }
     onComplete(isSuccess) {
@@ -4194,6 +4216,19 @@ class LeaferImage {
         Platform.image.setPatternTransform(pattern, transform, paint);
         return pattern;
     }
+    getLoadUrl(_thumbSize) {
+        return this.url;
+    }
+    setThumbView(_view) {}
+    getThumbSize() {
+        return undefined;
+    }
+    getMinLevel() {
+        return undefined;
+    }
+    getLevelData(_level) {
+        return undefined;
+    }
     clearLevels(_checkUse) {}
     destroy() {
         this.clearLevels();
@@ -4627,7 +4662,7 @@ function registerUIEvent() {
     };
 }
 
-const {copy: copy$9, 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$8, toInnerPoint: toInnerPoint$1, toOuterPoint: toOuterPoint$1, scaleOfOuter: scaleOfOuter$2, rotateOfOuter: rotateOfOuter$2, skewOfOuter: skewOfOuter, multiplyParent: multiplyParent$3, divideParent: divideParent, getLayout: getLayout} = MatrixHelper;
 
 const matrix$3 = {}, {round: round} = Math;
 
@@ -4725,7 +4760,7 @@ const LeafHelper = {
             if (scaleY) transition = scaleY;
             scaleY = scaleX;
         }
-        copy$9(matrix$3, o);
+        copy$8(matrix$3, o);
         scaleOfOuter$2(matrix$3, origin, scaleX, scaleY);
         if (L$3.hasHighPosition(t)) {
             L$3.setTransform(t, matrix$3, resize, transition);
@@ -4744,7 +4779,7 @@ const LeafHelper = {
     },
     rotateOfLocal(t, origin, angle, transition) {
         const o = t.__localMatrix;
-        copy$9(matrix$3, o);
+        copy$8(matrix$3, o);
         rotateOfOuter$2(matrix$3, origin, angle);
         if (L$3.hasHighPosition(t)) L$3.setTransform(t, matrix$3, false, transition); else t.set({
             x: t.x + matrix$3.e - o.e,
@@ -4756,18 +4791,18 @@ const LeafHelper = {
         L$3.skewOfLocal(t, getTempLocal(t, origin), skewX, skewY, resize, transition);
     },
     skewOfLocal(t, origin, skewX, skewY = 0, resize, transition) {
-        copy$9(matrix$3, t.__localMatrix);
+        copy$8(matrix$3, t.__localMatrix);
         skewOfOuter(matrix$3, origin, skewX, skewY);
         L$3.setTransform(t, matrix$3, resize, transition);
     },
     transformWorld(t, transform, resize, transition) {
-        copy$9(matrix$3, t.worldTransform);
+        copy$8(matrix$3, t.worldTransform);
         multiplyParent$3(matrix$3, transform);
         if (t.parent) divideParent(matrix$3, t.parent.scrollWorldTransform);
         L$3.setTransform(t, matrix$3, resize, transition);
     },
     transform(t, transform, resize, transition) {
-        copy$9(matrix$3, t.localTransform);
+        copy$8(matrix$3, t.localTransform);
         multiplyParent$3(matrix$3, transform);
         L$3.setTransform(t, matrix$3, resize, transition);
     },
@@ -4805,7 +4840,7 @@ const LeafHelper = {
         return innerOrigin;
     },
     getRelativeWorld(t, relative, temp) {
-        copy$9(matrix$3, t.worldTransform);
+        copy$8(matrix$3, t.worldTransform);
         divideParent(matrix$3, relative.scrollWorldTransform);
         return temp ? matrix$3 : Object.assign({}, matrix$3);
     },
@@ -5013,7 +5048,7 @@ const WaitHelper = {
 
 const {getRelativeWorld: getRelativeWorld$1, updateBounds: updateBounds$2} = LeafHelper;
 
-const {toOuterOf: toOuterOf$3, getPoints: getPoints, copy: copy$8} = BoundsHelper;
+const {toOuterOf: toOuterOf$3, getPoints: getPoints, copy: copy$7} = BoundsHelper;
 
 const localContent = "_localContentBounds";
 
@@ -5252,7 +5287,7 @@ class LeafLayout {
             matrix = getRelativeWorld$1(leaf, relative, true);
         }
         if (!layoutBounds) layoutBounds = MatrixHelper.getLayout(matrix);
-        copy$8(layoutBounds, bounds);
+        copy$7(layoutBounds, bounds);
         PointHelper.copy(layoutBounds, point);
         if (unscale) {
             const {scaleX: scaleX, scaleY: scaleY} = layoutBounds;
@@ -5874,7 +5909,7 @@ const LeafDataProxy = {
 
 const {setLayout: setLayout, multiplyParent: multiplyParent$2, translateInner: translateInner, defaultWorld: defaultWorld} = MatrixHelper;
 
-const {toPoint: toPoint$4, tempPoint: tempPoint} = AroundHelper;
+const {toPoint: toPoint$4, tempPoint: tempPoint$1} = AroundHelper;
 
 const LeafMatrix = {
     __updateWorldMatrix() {
@@ -5894,8 +5929,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);
-                translateInner(local, -tempPoint.x, -tempPoint.y, !data.around);
+                toPoint$4(data.around || data.origin, layout.boxBounds, tempPoint$1);
+                translateInner(local, -tempPoint$1.x, -tempPoint$1.y, !data.around);
             }
         }
         this.__layout.matrixChanged = undefined;
@@ -5906,7 +5941,7 @@ const {updateMatrix: updateMatrix$2, updateAllMatrix: updateAllMatrix$2} = LeafH
 
 const {updateBounds: updateBounds$1} = BranchHelper;
 
-const {toOuterOf: toOuterOf$2, copyAndSpread: copyAndSpread$2, copy: copy$7} = BoundsHelper;
+const {toOuterOf: toOuterOf$2, copyAndSpread: copyAndSpread$2, copy: copy$6} = BoundsHelper;
 
 const {toBounds: toBounds$1} = PathBounds;
 
@@ -6017,7 +6052,7 @@ const LeafBounds = {
     },
     __updateRenderBounds(_bounds) {
         const layout = this.__layout, {renderSpread: renderSpread} = layout;
-        isNumber(renderSpread) && renderSpread <= 0 ? copy$7(layout.renderBounds, layout.strokeBounds) : copyAndSpread$2(layout.renderBounds, layout.boxBounds, renderSpread);
+        isNumber(renderSpread) && renderSpread <= 0 ? copy$6(layout.renderBounds, layout.strokeBounds) : copyAndSpread$2(layout.renderBounds, layout.boxBounds, renderSpread);
     }
 };
 
@@ -6122,7 +6157,7 @@ const {toInnerPoint: toInnerPoint, toOuterPoint: toOuterPoint, multiplyParent: m
 
 const {toOuterOf: toOuterOf$1} = BoundsHelper;
 
-const {copy: copy$6, move: move$4} = PointHelper;
+const {copy: copy$5, move: move$4} = 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;
 
@@ -6441,14 +6476,14 @@ let Leaf = class Leaf {
         if (this.parent) {
             this.parent.worldToInner(world, to, distance, relative);
         } else {
-            if (to) copy$6(to, world);
+            if (to) copy$5(to, world);
         }
     }
     localToWorld(local, to, distance, relative) {
         if (this.parent) {
             this.parent.innerToWorld(local, to, distance, relative);
         } else {
-            if (to) copy$6(to, local);
+            if (to) copy$5(to, local);
         }
     }
     worldToInner(world, to, distance, relative) {
@@ -6923,7 +6958,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.12.1";
+const version = "1.12.3";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -7572,6 +7607,10 @@ class Renderer {
 
 Renderer.clipSpread = 10;
 
+const tempPoint = {};
+
+const {copyRadiusPoint: copyRadiusPoint$1} = PointHelper;
+
 const {hitRadiusPoint: hitRadiusPoint$1} = BoundsHelper;
 
 class Picker {
@@ -7698,15 +7737,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, point, data.hitRadius) : point);
             if (child.isBranch) {
                 if (hit || child.__ignoreHitWorld) {
-                    if (child.isBranchLeaf && child.__.__clipAfterFill && !child.__hitWorld(point, true)) 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);
@@ -8193,7 +8232,7 @@ class CanvasData extends RectData {
     }
 }
 
-const {max: max$3, add: add$1} = FourNumberHelper;
+const {max: max$4, add: add$1} = FourNumberHelper;
 
 const UIBounds = {
     __updateStrokeSpread() {
@@ -8209,7 +8248,7 @@ const UIBounds = {
         }
         if (data.__useArrow) spread += strokeWidth * 5;
         if (box) {
-            spread = max$3(spread, box.__layout.strokeSpread = box.__updateStrokeSpread());
+            spread = max$4(spread, box.__layout.strokeSpread = box.__updateStrokeSpread());
             boxSpread = Math.max(boxSpread, box.__layout.strokeBoxSpread);
         }
         this.__layout.strokeBoxSpread = boxSpread;
@@ -8219,15 +8258,15 @@ const UIBounds = {
         let spread = 0;
         const {shadow: shadow, innerShadow: innerShadow, blur: blur, backgroundBlur: backgroundBlur, filter: filter, renderSpread: renderSpread} = this.__, {strokeSpread: strokeSpread} = this.__layout, box = this.__box;
         if (shadow) spread = Effect.getShadowRenderSpread(this, shadow);
-        if (blur) spread = max$3(spread, blur);
+        if (blur) spread = max$4(spread, blur);
         if (filter) spread = add$1(spread, Filter.getSpread(filter));
         if (renderSpread) spread = add$1(spread, renderSpread);
         if (strokeSpread) spread = add$1(spread, strokeSpread);
         let shapeSpread = spread;
-        if (innerShadow) shapeSpread = max$3(shapeSpread, Effect.getInnerShadowSpread(this, innerShadow));
-        if (backgroundBlur) shapeSpread = max$3(shapeSpread, backgroundBlur);
+        if (innerShadow) shapeSpread = max$4(shapeSpread, Effect.getInnerShadowSpread(this, innerShadow));
+        if (backgroundBlur) shapeSpread = max$4(shapeSpread, backgroundBlur);
         this.__layout.renderShapeSpread = shapeSpread;
-        return box ? max$3(box.__updateRenderSpread(), spread) : spread;
+        return box ? max$4(box.__updateRenderSpread(), spread) : spread;
     }
 };
 
@@ -8283,7 +8322,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) {
@@ -8407,7 +8446,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) {
@@ -8435,17 +8474,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);
@@ -8714,6 +8754,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;
     }
@@ -8765,7 +8808,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);
@@ -9045,7 +9087,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(() => {
@@ -9229,7 +9271,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);
@@ -9237,16 +9278,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);
     }
 };
 
@@ -9897,7 +9938,7 @@ class UIEvent extends Event {
     }
 }
 
-const {min: min, max: max$2, abs: abs$6} = Math, {float: float, sign: sign$2} = MathHelper, {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = BoundsHelper;
+const {min: min$1, max: max$3, abs: abs$6} = Math, {float: float, sign: sign$2} = MathHelper, {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = BoundsHelper;
 
 const tempContent = new Bounds, tempDragBounds = new Bounds;
 
@@ -9954,7 +9995,7 @@ const DragBoundsHelper = {
             bSize = float(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$2(aScale, bScale);
+            correctScaleX *= max$3(aScale, bScale);
         } else {
             if (scale.x < 0) {
                 if (float(minX(content) - minX(dragBounds)) <= 0 || float(maxX(dragBounds) - maxX(content)) <= 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
@@ -9964,7 +10005,7 @@ const DragBoundsHelper = {
             bSize = float(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);
+            correctScaleX *= min$1(aScale, bScale);
         }
         if (D$2.isInnerMode(content, dragBounds, dragBoundsType, "height")) {
             if (scale.y < 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
@@ -9972,9 +10013,9 @@ const DragBoundsHelper = {
             bSize = float(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$2(aScale, bScale);
+            correctScaleY *= max$3(aScale, bScale);
             if (lockRatio) {
-                aScale = max$2(abs$6(correctScaleX), abs$6(correctScaleY));
+                aScale = max$3(abs$6(correctScaleX), abs$6(correctScaleY));
                 correctScaleX = sign$2(correctScaleX) * aScale;
                 correctScaleY = sign$2(correctScaleY) * aScale;
             }
@@ -9987,7 +10028,7 @@ const DragBoundsHelper = {
             bSize = float(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);
+            correctScaleY *= min$1(aScale, bScale);
         }
         scale.x *= isFinite$1(correctScaleX) ? correctScaleX : 1;
         scale.y *= isFinite$1(correctScaleY) ? correctScaleY : 1;
@@ -10136,8 +10177,14 @@ MoveEvent.START = "move.start";
 
 MoveEvent.MOVE = "move";
 
+MoveEvent.DRAG_ANIMATE = "move.drag_animate";
+
 MoveEvent.END = "move.end";
 
+MoveEvent.PULL_DOWN = "move.pull_down";
+
+MoveEvent.REACH_BOTTOM = "move.reach_bottom";
+
 MoveEvent = __decorate([ registerUIEvent() ], MoveEvent);
 
 let TouchEvent = class TouchEvent extends UIEvent {};
@@ -10234,6 +10281,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
         };
@@ -10269,6 +10317,7 @@ const {getDragEventData: getDragEventData, getDropEventData: getDropEventData, g
 
 class Dragger {
     constructor(interaction) {
+        this.dragDataList = [];
         this.interaction = interaction;
     }
     setDragData(data) {
@@ -10331,6 +10380,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";
@@ -10381,9 +10431,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) {
@@ -10425,11 +10475,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() {}
@@ -10823,6 +10875,9 @@ class InteractionBase {
             this.pointerHover(hoverData);
         }
     }
+    stopDragAnimate() {
+        this.dragger.stopAnimate();
+    }
     updateDownData(data, options, merge) {
         const {downData: downData} = this;
         if (!data && downData) data = downData;
@@ -11006,7 +11061,7 @@ Platform.getSelector = function(leaf) {
     return leaf.leafer ? leaf.leafer.selector : Platform.selector || (Platform.selector = Creator.selector());
 };
 
-const {toInnerRadiusPointOf: toInnerRadiusPointOf, copy: copy$5, setRadius: setRadius} = PointHelper;
+const {toInnerRadiusPointOf: toInnerRadiusPointOf, copyRadiusPoint: copyRadiusPoint} = PointHelper;
 
 const {hitRadiusPoint: hitRadiusPoint, hitPoint: hitPoint} = BoundsHelper;
 
@@ -11016,8 +11071,7 @@ const leaf$1 = Leaf.prototype;
 
 leaf$1.hit = function(worldPoint, hitRadius = 0) {
     this.updateLayout();
-    copy$5(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, {
@@ -11031,8 +11085,8 @@ leaf$1.__hitWorld = function(point, forceHitFill) {
     const world = this.__world, layout = this.__layout;
     const isSmall = world.width < 10 && world.height < 10;
     if (data.hitRadius) {
-        copy$5(inner, point), point = inner;
-        setRadius(point, data.hitRadius);
+        copyRadiusPoint(inner, point, data.hitRadius);
+        point = inner;
     }
     toInnerRadiusPointOf(point, world, inner);
     if (data.hitBox || isSmall) {
@@ -11600,7 +11654,7 @@ function image(ui, attrName, paint, boxBounds, firstUse) {
             ignoreRender(ui, false);
             onLoadError(ui, event, error);
             leafPaint.loadId = undefined;
-        });
+        }, paint.lod && image.getThumbSize());
         if (ui.placeholderColor) {
             if (!ui.placeholderDelay) image.isPlacehold = true; else setTimeout(() => {
                 if (!image.ready) {
@@ -11840,10 +11894,12 @@ const {getFloorScale: getFloorScale} = MathHelper, {abs: abs$5} = 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);
+        });
     }
 }
 
@@ -12093,7 +12149,7 @@ const PaintGradientModule = {
     getTransform: getTransform
 };
 
-const {copy: copy$3, move: move$2, toOffsetOutBounds: toOffsetOutBounds$1} = BoundsHelper, {max: max$1, abs: abs$4} = Math;
+const {copy: copy$3, move: move$2, toOffsetOutBounds: toOffsetOutBounds$1} = BoundsHelper, {max: max$2, abs: abs$4} = Math;
 
 const tempBounds = {}, tempMatrix = new Matrix;
 
@@ -12138,10 +12194,10 @@ function getShadowRenderSpread(_ui, shadow) {
     let top = 0, right = 0, bottom = 0, left = 0, x, y, spread, blur;
     shadow.forEach(item => {
         x = item.x || 0, y = item.y || 0, blur = (item.blur || 0) * 1.5, spread = abs$4(item.spread || 0);
-        top = max$1(top, spread + blur - y);
-        right = max$1(right, spread + blur + x);
-        bottom = max$1(bottom, spread + blur + y);
-        left = max$1(left, spread + blur - x);
+        top = max$2(top, spread + blur - y);
+        right = max$2(right, spread + blur + x);
+        bottom = max$2(bottom, spread + blur + y);
+        left = max$2(left, spread + blur - x);
     });
     return top === right && right === bottom && bottom === left ? top : [ top, right, bottom, left ];
 }
@@ -13020,7 +13076,11 @@ class Stroker extends UI {
                     matrix$1.half = strokeWidth % 2;
                     canvas.setWorld(matrix$1, options.matrix);
                     canvas.beginPath();
-                    if (leaf.__.__useArrow) leaf.__drawPath(canvas); else leaf.__.__pathForRender ? leaf.__drawRenderPath(canvas) : leaf.__drawPathByBox(canvas);
+                    if (this.strokePathType === "path") {
+                        leaf.__drawPath(canvas);
+                    } else {
+                        if (leaf.__.__useArrow) leaf.__drawPath(canvas); else leaf.__.__pathForRender ? leaf.__drawRenderPath(canvas) : leaf.__drawPathByBox(canvas);
+                    }
                     data.strokeWidth = strokeWidth / Math.max(aScaleX, aScaleY);
                     if (stroke) isString(stroke) ? Paint.stroke(stroke, this, canvas, options) : Paint.strokes(stroke, this, canvas, options);
                     if (fill) isString(fill) ? Paint.fill(fill, this, canvas, options) : Paint.fills(fill, this, canvas, options);
@@ -13037,6 +13097,8 @@ class Stroker extends UI {
 
 __decorate([ targetAttr(onTarget$1) ], Stroker.prototype, "target", void 0);
 
+__decorate([ surfaceType("render-path") ], Stroker.prototype, "strokePathType", void 0);
+
 function onTarget$1(stroker) {
     const value = stroker.target;
     stroker.list = value ? isArray(value) ? value : [ value ] : [];
@@ -13151,10 +13213,11 @@ class EditSelect extends Group {
     }
     update() {
         this.hoverStroker.update();
-        const {stroke: stroke, strokeWidth: strokeWidth, selectedStyle: selectedStyle} = this.editor.mergedConfig;
+        const {stroke: stroke, strokeWidth: strokeWidth, selectedPathType: selectedPathType, selectedStyle: selectedStyle} = this.editor.mergedConfig;
         this.targetStroker.update(Object.assign({
             stroke: stroke,
-            strokeWidth: strokeWidth && Math.max(1, strokeWidth / 2)
+            strokeWidth: strokeWidth && Math.max(1, strokeWidth / 2),
+            strokePathType: selectedPathType
         }, selectedStyle || {}));
     }
     onPointerMove(e) {
@@ -14539,7 +14602,7 @@ class TransformTool {
         const {target: target, mergeConfig: mergeConfig, single: single, dragStartData: dragStartData} = this.editBox;
         let {around: around, lockRatio: lockRatio, flipable: flipable, editSize: editSize} = mergeConfig, totalMove;
         if (e instanceof ZoomEvent) {
-            around = target.getBoxPoint(e);
+            if (!around) around = target.getBoxPoint(e);
             totalMove = e.totalScale;
         } else {
             totalMove = e.getInnerTotal(target);
@@ -15592,11 +15655,28 @@ UI.setEditInner = function(editorName) {
     this.changeAttr("editInner", editorName);
 };
 
+function getScrollType(leafer) {
+    const {scroll: scroll, disabled: disabled} = leafer.app.config.move;
+    return !scroll || disabled ? "" : scroll === true ? "free" : scroll;
+}
+
 function addViewport(leafer, mergeConfig, custom) {
     addViewportConfig(leafer.parentApp ? leafer.parentApp : leafer, mergeConfig);
     if (leafer.isApp || custom) return;
     leafer.__eventIds.push(leafer.on_(MoveEvent.BEFORE_MOVE, e => {
-        leafer.zoomLayer.move(leafer.getValidMove(e.moveX, e.moveY, false));
+        const move = leafer.getValidMove(e.moveX, e.moveY, false);
+        if (getScrollType(leafer).includes("limit")) {
+            const testMove = leafer.getValidMove(0, 0);
+            if (testMove.x || testMove.y) {
+                const maxX = 100, maxY = 200, resistance = e.moveType === "drag" ? .3 : .05;
+                if (Math.abs(testMove.x) > maxX) move.x = 0; else move.x *= resistance;
+                if (Math.abs(testMove.y) > maxY) move.y = 0; else move.y *= resistance;
+            }
+        }
+        leafer.zoomLayer.move(move);
+    }), leafer.on_(MoveEvent.DRAG_ANIMATE, () => {
+        const testMove = leafer.getValidMove(0, 0);
+        if (testMove.x || testMove.y) leafer.interaction.stopDragAnimate();
     }), leafer.on_(MoveEvent.END, e => {
         LeafHelper.animateMove(leafer.zoomLayer, leafer.getValidMove(e.moveX, e.moveY));
     }), leafer.on_(ZoomEvent.BEFORE_ZOOM, e => {
@@ -15747,7 +15827,7 @@ const MultiTouchHelper = {
 
 const M$2 = MultiTouchHelper;
 
-const {abs: abs$1, max: max} = Math, {sign: sign, within: within} = MathHelper;
+const {abs: abs$1, max: max$1} = Math, {sign: sign, within: within} = MathHelper;
 
 const WheelEventHelper = {
     getMove(event, config) {
@@ -15758,8 +15838,8 @@ const WheelEventHelper = {
             deltaY = 0;
         }
         const absX = abs$1(deltaX), absY = abs$1(deltaY);
-        if (absX > 50) deltaX = max(50, absX / 3) * sign(deltaX);
-        if (absY > 50) deltaY = max(50, absY / 3) * sign(deltaY);
+        if (absX > 50) deltaX = max$1(50, absX / 3) * sign(deltaX);
+        if (absY > 50) deltaY = max$1(50, absY / 3) * sign(deltaY);
         return {
             x: -deltaX * moveSpeed * 2,
             y: -deltaY * moveSpeed * 2
@@ -15902,15 +15982,15 @@ leafer.initType = function(type) {
 };
 
 leafer.getValidMove = function(moveX, moveY, checkLimit = true) {
-    const {scroll: scroll, disabled: disabled} = this.app.config.move;
+    const {disabled: disabled} = this.app.config.move;
     move.set(moveX, moveY);
-    if (scroll) {
-        const type = scroll === true ? "" : scroll;
-        if (type.includes("x")) move.y = 0; else if (type.includes("y")) move.x = 0; else Math.abs(move.x) > Math.abs(move.y) ? move.y = 0 : move.x = 0;
-        if (checkLimit && type.includes("limit")) {
+    const scrollType = getScrollType(this);
+    if (scrollType) {
+        if (scrollType.includes("x")) move.y = 0; else if (scrollType.includes("y")) move.x = 0; else Math.abs(move.x) > Math.abs(move.y) ? move.y = 0 : move.x = 0;
+        if (checkLimit && scrollType.includes("limit")) {
             bounds.set(this.__world).addPoint(this.zoomLayer);
-            DragBoundsHelper.getValidMove(bounds, this.canvas.bounds, "inner", move, true);
-            if (type.includes("x")) move.y = 0; else if (type.includes("y")) move.x = 0;
+            DragBoundsHelper.getValidMove(bounds, this.canvas.bounds, "auto", move, true);
+            if (scrollType.includes("x")) move.y = 0; else if (scrollType.includes("y")) move.x = 0;
         }
     }
     return {
@@ -16017,22 +16097,52 @@ interaction.multiTouch = function(data, list) {
 
 const dragger = Dragger.prototype;
 
-const {abs: abs} = Math;
+const {abs: abs, min: min, max: max, hypot: hypot} = Math;
 
-dragger.checkDragEndAnimate = function(data, speed) {
-    const {moveX: moveX, moveY: moveY} = this.dragData;
-    const absMoveX = abs(moveX), absMoveY = abs(moveY), minMove = speed ? 1 : .1;
-    const dragAnimate = this.canAnimate && this.moving && (absMoveX > minMove || absMoveY > minMove) && this.interaction.m.dragAnimate;
+dragger.checkDragEndAnimate = function(data) {
+    const {interaction: interaction} = this;
+    const dragAnimate = this.canAnimate && this.moving && interaction.m.dragAnimate;
     if (dragAnimate) {
-        const inertia = data.pointerType === "touch" ? 3 : 1, maxMove = 70;
-        speed = speed ? isNumber(dragAnimate) ? dragAnimate : .95 : inertia;
-        if (absMoveX * speed > maxMove) speed = maxMove / absMoveX; else if (absMoveY * speed > maxMove) speed = maxMove / absMoveY;
-        data = Object.assign({}, data);
-        PointHelper.move(data, moveX * speed, moveY * speed);
-        this.drag(data);
-        this.animate(() => {
-            this.dragEnd(data, 1);
-        });
+        const inertia = isNumber(dragAnimate) ? dragAnimate : .95;
+        const stopMove = .15;
+        const maxMove = 150;
+        let moveX = 0, moveY = 0, flickSpeed = 0;
+        let totalWeight = 0, weight, w = 3, s, frame;
+        const {dragDataList: dragDataList} = this, len = dragDataList.length;
+        for (let i = len - 1; i >= max(len - 3, 0); i--) {
+            frame = dragDataList[i];
+            if (frame.time && Date.now() - frame.time > 100) break;
+            weight = w--;
+            moveX += frame.moveX * weight;
+            moveY += frame.moveY * weight;
+            totalWeight += weight;
+            s = hypot(frame.moveX, frame.moveY);
+            if (s > flickSpeed) flickSpeed = s;
+        }
+        if (totalWeight) moveX /= totalWeight, moveY /= totalWeight;
+        if (flickSpeed > 8) {
+            const t = min((flickSpeed - 8) / 17, 1);
+            const boost = 1.15 + t * (1.6 - 1.15);
+            moveX *= boost;
+            moveY *= boost;
+        }
+        const maxAbs = max(abs(moveX), abs(moveY));
+        if (maxAbs > maxMove) {
+            s = maxMove / maxAbs;
+            moveX *= s;
+            moveY *= s;
+        }
+        const step = () => {
+            moveX *= inertia;
+            moveY *= inertia;
+            data = Object.assign({}, data);
+            if (abs(moveX) < stopMove && abs(moveY) < stopMove) return this.dragEndReal(data);
+            PointHelper.move(data, moveX, moveY);
+            this.drag(data);
+            this.animate(step);
+            interaction.emit(MoveEvent.DRAG_ANIMATE, data);
+        };
+        this.animate(step);
     }
     return dragAnimate;
 };
@@ -16043,6 +16153,13 @@ dragger.animate = function(func, off) {
     this.animateWait = func;
 };
 
+dragger.stopAnimate = function() {
+    this.animate(null, "off");
+    this.interaction.target.nextRender(() => {
+        if (this.dragData) this.dragEndReal(this.dragData);
+    });
+};
+
 dragger.checkDragOut = function(data) {
     const {interaction: interaction} = this;
     this.autoMoveCancel();
@@ -16114,7 +16231,6 @@ function getFixBounds(bounds, scaleBounds) {
 Plugin.add("view");
 
 Leafer.prototype.zoom = function(zoomType, optionsOrPadding, scroll, transition) {
-    this.killAnimate();
     let padding;
     if (isData(optionsOrPadding)) {
         padding = optionsOrPadding.padding;
@@ -16127,8 +16243,9 @@ Leafer.prototype.zoom = function(zoomType, optionsOrPadding, scroll, transition)
         x: limitBounds.x + limitBounds.width / 2,
         y: limitBounds.y + limitBounds.height / 2
     };
+    zoomLayer.killAnimate();
     let changeScale;
-    const {x: x, y: y, scaleX: scaleX, scaleY: scaleY} = zoomLayer.__;
+    const {x: x, y: y, scaleX: scaleX, scaleY: scaleY} = zoomLayer.__, {boxBounds: boxBounds} = zoomLayer;
     if (isString(zoomType)) {
         switch (zoomType) {
           case "in":
@@ -16140,16 +16257,16 @@ Leafer.prototype.zoom = function(zoomType, optionsOrPadding, scroll, transition)
             break;
 
           case "fit":
-            zoomType = this.boxBounds;
+            zoomType = boxBounds;
             break;
 
           case "fit-width":
-            zoomType = new Bounds(this.boxBounds);
+            zoomType = new Bounds(boxBounds);
             zoomType.height = 0;
             break;
 
           case "fit-height":
-            zoomType = new Bounds(this.boxBounds);
+            zoomType = new Bounds(boxBounds);
             zoomType.width = 0;
             break;
         }
@@ -16794,6 +16911,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);
@@ -17502,4 +17620,4 @@ HTMLText = __decorate([ registerUI() ], HTMLText);
 
 Plugin.add("html");
 
-export { AlignHelper, 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, FourNumberHelper, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, 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, MyTouchEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, TouchEvent, 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, 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, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$2 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+export { AlignHelper, 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, FourNumberHelper, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, 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, MyTouchEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, TouchEvent, 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, 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, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$3 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };