@leafer/miniapp 1.12.4 → 2.0.1

package/dist/miniapp.module.js

@@ -58,8 +58,8 @@ function isEmptyData(value) {
 
 const DataHelper = {
     default(t, defaultData) {
-        assign$1(defaultData, t);
-        assign$1(t, defaultData);
+        assign$2(defaultData, t);
+        assign$2(t, defaultData);
         return t;
     },
     assign(t, merge, exclude) {
@@ -67,9 +67,9 @@ const DataHelper = {
         Object.keys(merge).forEach(key => {
             var _a, _b;
             value = merge[key];
-            if ((value === null || value === void 0 ? void 0 : value.constructor) === Object && ((_a = t[key]) === null || _a === void 0 ? void 0 : _a.constructor) === Object) return assign$1(t[key], merge[key], exclude && exclude[key]);
+            if ((value === null || value === void 0 ? void 0 : value.constructor) === Object && ((_a = t[key]) === null || _a === void 0 ? void 0 : _a.constructor) === Object) return assign$2(t[key], merge[key], exclude && exclude[key]);
             if (exclude && key in exclude) {
-                if (((_b = exclude[key]) === null || _b === void 0 ? void 0 : _b.constructor) === Object) assign$1(t[key] = {}, merge[key], exclude[key]);
+                if (((_b = exclude[key]) === null || _b === void 0 ? void 0 : _b.constructor) === Object) assign$2(t[key] = {}, merge[key], exclude[key]);
                 return;
             }
             t[key] = merge[key];
@@ -95,7 +95,7 @@ const DataHelper = {
     }
 };
 
-const {assign: assign$1} = DataHelper;
+const {assign: assign$2} = DataHelper;
 
 class LeafData {
     get __useNaturalRatio() {
@@ -216,59 +216,6 @@ class LeafData {
     }
 }
 
-const {floor: floor$3, max: max$7} = Math;
-
-const Platform = {
-    toURL(text, fileType) {
-        let url = encodeURIComponent(text);
-        if (fileType === "text") url = "data:text/plain;charset=utf-8," + url; else if (fileType === "svg") url = "data:image/svg+xml," + url;
-        return url;
-    },
-    image: {
-        hitCanvasSize: 100,
-        maxCacheSize: 2560 * 1600,
-        maxPatternSize: 4096 * 2160,
-        crossOrigin: "anonymous",
-        isLarge(size, scaleX, scaleY, largeSize) {
-            return size.width * size.height * (scaleX ? scaleX * scaleY : 1) > (largeSize || image$1.maxCacheSize);
-        },
-        isSuperLarge(size, scaleX, scaleY) {
-            return image$1.isLarge(size, scaleX, scaleY, image$1.maxPatternSize);
-        },
-        getRealURL(url) {
-            const {prefix: prefix, suffix: suffix} = Platform.image;
-            if (suffix && !url.startsWith("data:") && !url.startsWith("blob:")) url += (url.includes("?") ? "&" : "?") + suffix;
-            if (prefix && url[0] === "/") url = prefix + url;
-            return url;
-        },
-        resize(image, width, height, xGap, yGap, clip, smooth, opacity, _filters) {
-            const canvas = Platform.origin.createCanvas(max$7(floor$3(width + (xGap || 0)), 1), max$7(floor$3(height + (yGap || 0)), 1));
-            const ctx = canvas.getContext("2d");
-            if (opacity) ctx.globalAlpha = opacity;
-            ctx.imageSmoothingEnabled = smooth === false ? false : true;
-            if (image) {
-                if (clip) {
-                    const scaleX = width / clip.width, scaleY = height / clip.height;
-                    ctx.setTransform(scaleX, 0, 0, scaleY, -clip.x * scaleX, -clip.y * scaleY);
-                    ctx.drawImage(image, 0, 0, image.width, image.height);
-                } else ctx.drawImage(image, 0, 0, width, height);
-            }
-            return canvas;
-        },
-        setPatternTransform(pattern, transform, paint) {
-            try {
-                if (transform && pattern.setTransform) {
-                    pattern.setTransform(transform);
-                    transform = undefined;
-                }
-            } catch (_a) {}
-            if (paint) DataHelper.stintSet(paint, "transform", transform);
-        }
-    }
-};
-
-const {image: image$1} = Platform;
-
 const IncrementId = {
     RUNTIME: "runtime",
     LEAF: "leaf",
@@ -291,7 +238,7 @@ const I$2 = IncrementId;
 
 let tempA, tempB, tempTo;
 
-const {max: max$6} = Math, tempFour = [ 0, 0, 0, 0 ];
+const {max: max$7} = Math, tempFour = [ 0, 0, 0, 0 ];
 
 const FourNumberHelper = {
     zero: [ ...tempFour ],
@@ -343,9 +290,9 @@ const FourNumberHelper = {
         return data;
     },
     max(t, other, change) {
-        if (isNumber(t) && isNumber(other)) return max$6(t, other);
+        if (isNumber(t) && isNumber(other)) return max$7(t, other);
         toTempAB(t, other, change);
-        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]));
+        return set$2(tempTo, max$7(tempA[0], tempB[0]), max$7(tempA[1], tempB[1]), max$7(tempA[2], tempB[2]), max$7(tempA[3], tempB[3]));
     },
     add(t, other, change) {
         if (isNumber(t) && isNumber(other)) return t + other;
@@ -362,7 +309,7 @@ const FourNumberHelper = {
 
 const {set: set$2, get: get$5, setTemp: setTemp, toTempAB: toTempAB} = FourNumberHelper;
 
-const {round: round$6, pow: pow$2, max: max$5, floor: floor$2, PI: PI$4} = Math;
+const {round: round$6, pow: pow$2, max: max$6, floor: floor$3, PI: PI$4} = Math;
 
 const MathHelper = {
     within(value, min, max) {
@@ -416,7 +363,7 @@ const MathHelper = {
         }
     },
     getFloorScale(num, min = 1) {
-        return max$5(floor$2(num), min) / num;
+        return max$6(floor$3(num), min) / num;
     },
     randInt: randInt,
     randColor(opacity) {
@@ -463,7 +410,7 @@ function getMatrixData() {
 
 const {sin: sin$6, cos: cos$6, acos: acos, sqrt: sqrt$5} = Math;
 
-const {float: float$5} = MathHelper;
+const {float: float$6} = MathHelper;
 
 const tempPoint$5 = {};
 
@@ -714,12 +661,12 @@ const MatrixHelper = {
                 const cosR = c / scaleY;
                 rotation = PI_2 - (d > 0 ? acos(-cosR) : -acos(cosR));
             }
-            const cosR = float$5(cos$6(rotation));
+            const cosR = float$6(cos$6(rotation));
             const sinR = sin$6(rotation);
-            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);
+            scaleX = float$6(scaleX), scaleY = float$6(scaleY);
+            skewX = cosR ? float$6((c / scaleY + sinR) / cosR / OneRadian, 9) : 0;
+            skewY = cosR ? float$6((b / scaleX - sinR) / cosR / OneRadian, 9) : 0;
+            rotation = float$6(rotation / OneRadian);
         } else {
             scaleX = a;
             scaleY = d;
@@ -763,7 +710,7 @@ const MatrixHelper = {
 
 const M$b = MatrixHelper;
 
-const {float: float$4} = MathHelper;
+const {float: float$5} = MathHelper;
 
 const {toInnerPoint: toInnerPoint$2, toOuterPoint: toOuterPoint$3} = MatrixHelper;
 
@@ -904,7 +851,7 @@ const PointHelper = {
         return points;
     },
     isSame(t, point) {
-        return float$4(t.x) === float$4(point.x) && float$4(t.y) === float$4(point.y);
+        return float$5(t.x) === float$5(point.x) && float$5(t.y) === float$5(point.y);
     },
     reset(t) {
         P$7.reset(t);
@@ -1259,9 +1206,9 @@ const {tempPointBounds: tempPointBounds$1, setPoint: setPoint$5, addPoint: addPo
 
 const {toOuterPoint: toOuterPoint$2} = MatrixHelper;
 
-const {float: float$3, fourNumber: fourNumber$1} = MathHelper;
+const {float: float$4, fourNumber: fourNumber$1} = MathHelper;
 
-const {floor: floor$1, ceil: ceil$2} = Math;
+const {floor: floor$2, ceil: ceil$2} = Math;
 
 let right$4, bottom$3, boundsRight, boundsBottom;
 
@@ -1269,10 +1216,10 @@ const point$2 = {};
 
 const toPoint$5 = {};
 
-const tempBounds$3 = {};
+const tempBounds$4 = {};
 
 const BoundsHelper = {
-    tempBounds: tempBounds$3,
+    tempBounds: tempBounds$4,
     set(t, x = 0, y = 0, width = 0, height = 0) {
         t.x = x;
         t.y = y;
@@ -1341,9 +1288,9 @@ const BoundsHelper = {
         t.height *= scaleY;
     },
     tempToOuterOf(t, matrix) {
-        B.copy(tempBounds$3, t);
-        B.toOuterOf(tempBounds$3, matrix);
-        return tempBounds$3;
+        B.copy(tempBounds$4, t);
+        B.toOuterOf(tempBounds$4, matrix);
+        return tempBounds$4;
     },
     getOuterOf(t, matrix) {
         t = Object.assign({}, t);
@@ -1401,9 +1348,9 @@ const BoundsHelper = {
     put(t, put, align = "center", putScale = 1, changeSize = true, to) {
         to || (to = put);
         if (isString(putScale)) putScale = B.getFitScale(t, put, putScale === "cover");
-        tempBounds$3.width = changeSize ? put.width *= putScale : put.width * putScale;
-        tempBounds$3.height = changeSize ? put.height *= putScale : put.height * putScale;
-        AlignHelper.toPoint(align, tempBounds$3, t, to, true, true);
+        tempBounds$4.width = changeSize ? put.width *= putScale : put.width * putScale;
+        tempBounds$4.height = changeSize ? put.height *= putScale : put.height * putScale;
+        AlignHelper.toPoint(align, tempBounds$4, t, to, true, true);
     },
     getSpread(t, spread, side) {
         const n = {};
@@ -1418,8 +1365,8 @@ const BoundsHelper = {
     },
     ceil(t) {
         const {x: x, y: y} = t;
-        t.x = floor$1(t.x);
-        t.y = floor$1(t.y);
+        t.x = floor$2(t.x);
+        t.y = floor$2(t.y);
         t.width = x > t.x ? ceil$2(t.width + x - t.x) : ceil$2(t.width);
         t.height = y > t.y ? ceil$2(t.height + y - t.y) : ceil$2(t.height);
     },
@@ -1434,10 +1381,10 @@ const BoundsHelper = {
         }
     },
     float(t, 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);
+        t.x = float$4(t.x, maxLength);
+        t.y = float$4(t.y, maxLength);
+        t.width = float$4(t.width, maxLength);
+        t.height = float$4(t.height, maxLength);
     },
     add(t, bounds, isPoint) {
         right$4 = t.x + t.width;
@@ -1551,6 +1498,9 @@ const BoundsHelper = {
     isEmpty(t) {
         return t.x === 0 && t.y === 0 && t.width === 0 && t.height === 0;
     },
+    hasSize(t) {
+        return t.width && t.height;
+    },
     reset(t) {
         B.set(t);
     }
@@ -1703,7 +1653,7 @@ class Bounds {
     }
 }
 
-const tempBounds$2 = new Bounds;
+const tempBounds$3 = new Bounds;
 
 class AutoBounds {
     constructor(top, right, bottom, left, width, height) {
@@ -1727,6 +1677,12 @@ class AutoBounds {
     }
 }
 
+const UnitConvertHelper = {
+    number(value, percentRefer) {
+        return isObject(value) ? value.type === "percent" ? value.value * percentRefer : value.value : value;
+    }
+};
+
 const StringNumberMap = {
     0: 1,
     1: 1,
@@ -1743,6 +1699,69 @@ const StringNumberMap = {
     E: 1
 };
 
+const {floor: floor$1, max: max$5} = Math;
+
+const Platform = {
+    toURL(text, fileType) {
+        let url = encodeURIComponent(text);
+        if (fileType === "text") url = "data:text/plain;charset=utf-8," + url; else if (fileType === "svg") url = "data:image/svg+xml," + url;
+        return url;
+    },
+    image: {
+        hitCanvasSize: 100,
+        maxCacheSize: 2560 * 1600,
+        maxPatternSize: 4096 * 2160,
+        crossOrigin: "anonymous",
+        isLarge(size, scaleX, scaleY, largeSize) {
+            return size.width * size.height * (scaleX ? scaleX * scaleY : 1) > (largeSize || image$1.maxCacheSize);
+        },
+        isSuperLarge(size, scaleX, scaleY) {
+            return image$1.isLarge(size, scaleX, scaleY, image$1.maxPatternSize);
+        },
+        getRealURL(url) {
+            const {prefix: prefix, suffix: suffix} = image$1;
+            if (suffix && !url.startsWith("data:") && !url.startsWith("blob:")) url += (url.includes("?") ? "&" : "?") + suffix;
+            if (prefix && url[0] === "/") url = prefix + url;
+            return url;
+        },
+        resize(view, width, height, xGap, yGap, clip, smooth, opacity, _filters, interlace) {
+            const realWidth = max$5(floor$1(width + (xGap || 0)), 1), realHeight = max$5(floor$1(height + (yGap || 0)), 1);
+            let interlaceX, interlaceY, interlaceOffset;
+            if (interlace && (interlaceOffset = UnitConvertHelper.number(interlace.offset, interlace.type === "x" ? width : height))) interlace.type === "x" ? interlaceX = true : interlaceY = true;
+            const canvas = Platform.origin.createCanvas(interlaceY ? realWidth * 2 : realWidth, interlaceX ? realHeight * 2 : realHeight);
+            const ctx = canvas.getContext("2d");
+            if (opacity) ctx.globalAlpha = opacity;
+            ctx.imageSmoothingEnabled = smooth === false ? false : true;
+            if (image$1.canUse(view)) {
+                if (clip) {
+                    const scaleX = width / clip.width, scaleY = height / clip.height;
+                    ctx.setTransform(scaleX, 0, 0, scaleY, -clip.x * scaleX, -clip.y * scaleY);
+                    ctx.drawImage(view, 0, 0, view.width, view.height);
+                } else ctx.drawImage(view, 0, 0, width, height);
+                if (interlaceOffset) {
+                    ctx.drawImage(canvas, 0, 0, realWidth, realHeight, interlaceX ? interlaceOffset - realWidth : realWidth, interlaceX ? realHeight : interlaceOffset - realHeight, realWidth, realHeight);
+                    ctx.drawImage(canvas, 0, 0, realWidth, realHeight, interlaceX ? interlaceOffset : realWidth, interlaceX ? realHeight : interlaceOffset, realWidth, realHeight);
+                }
+            }
+            return canvas;
+        },
+        canUse(view) {
+            return view && view.width && !view.__closed;
+        },
+        setPatternTransform(pattern, transform, paint) {
+            try {
+                if (transform && pattern.setTransform) {
+                    pattern.setTransform(transform);
+                    transform = undefined;
+                }
+            } catch (_a) {}
+            if (paint) DataHelper.stintSet(paint, "transform", transform);
+        }
+    }
+};
+
+const {image: image$1} = Platform;
+
 const {randColor: randColor} = MathHelper;
 
 class Debug {
@@ -2912,7 +2931,7 @@ const PathCommandNodeHelper = {
     }
 };
 
-const {M: M$9, m: m, L: L$9, l: l, H: H, h: h, V: V, v: v, C: C$7, c: c, S: S, s: s, Q: Q$6, q: q, T: T, t: t, A: A, a: a, Z: Z$7, z: z, N: N$5, D: D$6, X: X$5, G: G$5, F: F$6, O: O$6, P: P$5, U: U$5} = PathCommandMap;
+const {M: M$9, m: m, L: L$9, l: l, H: H, h: h, V: V, v: v, C: C$7, c: c, S: S$1, s: s, Q: Q$6, q: q, T: T, t: t, A: A, a: a, Z: Z$7, z: z, N: N$5, D: D$6, X: X$5, G: G$5, F: F$6, O: O$6, P: P$5, U: U$5} = PathCommandMap;
 
 const {rect: rect$3, roundRect: roundRect$2, arcTo: arcTo$3, arc: arc$3, ellipse: ellipse$4, quadraticCurveTo: quadraticCurveTo$1} = BezierHelper;
 
@@ -3045,10 +3064,10 @@ const PathConvert = {
                 old[i + 2] += y;
                 old[i + 3] += x;
                 old[i + 4] += y;
-                command = S;
+                command = S$1;
 
-              case S:
-                smooth = lastCommand === C$7 || lastCommand === S;
+              case S$1:
+                smooth = lastCommand === C$7 || lastCommand === S$1;
                 x1 = smooth ? x * 2 - controlX : old[i + 1];
                 y1 = smooth ? y * 2 - controlY : old[i + 2];
                 controlX = old[i + 1];
@@ -3298,10 +3317,10 @@ const PathCommandDataHelper = {
             data.push(O$5, x, y, radius, startAngle, endAngle, anticlockwise ? 1 : 0);
         }
     },
-    arcTo(data, x1, y1, x2, y2, radius, lastX, lastY) {
+    arcTo(data, x1, y1, x2, y2, radius, lastX, lastY, fullRadius) {
         if (!isUndefined(lastX)) {
-            const d = getMinDistanceFrom(lastX, lastY, x1, y1, x2, y2);
-            radius = min$2(radius, min$2(d / 2, d / 2 * abs$8(tan(getRadianFrom(lastX, lastY, x1, y1, x2, y2) / 2))));
+            const r = getMinDistanceFrom(lastX, lastY, x1, y1, x2, y2) / (fullRadius ? 1 : 2);
+            radius = min$2(radius, min$2(r, r * abs$8(tan(getRadianFrom(lastX, lastY, x1, y1, x2, y2) / 2))));
         }
         data.push(U$4, x1, y1, x2, y2, radius);
     },
@@ -3645,7 +3664,7 @@ const PathCorner = {
         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 len = data.length, three = len === 9;
         const smooth = [];
         while (i < len) {
             command = data[i];
@@ -3657,7 +3676,7 @@ const PathCorner = {
                 if (data[i] === L$5) {
                     secondX = data[i + 1];
                     secondY = data[i + 2];
-                    smooth.push(M$5, getCenterX(startX, secondX), getCenterY(startY, secondY));
+                    three ? smooth.push(M$5, startX, startY) : smooth.push(M$5, getCenterX(startX, secondX), getCenterY(startY, secondY));
                 } else {
                     smooth.push(M$5, startX, startY);
                 }
@@ -3669,11 +3688,11 @@ const PathCorner = {
                 i += 3;
                 switch (data[i]) {
                   case L$5:
-                    arcTo(smooth, x, y, data[i + 1], data[i + 2], cornerRadius, lastX, lastY);
+                    arcTo(smooth, x, y, data[i + 1], data[i + 2], cornerRadius, lastX, lastY, three);
                     break;
 
                   case Z$3:
-                    arcTo(smooth, x, y, startX, startY, cornerRadius, lastX, lastY);
+                    arcTo(smooth, x, y, startX, startY, cornerRadius, lastX, lastY, three);
                     break;
 
                   default:
@@ -3685,7 +3704,7 @@ const PathCorner = {
 
               case Z$3:
                 if (lastCommand !== Z$3) {
-                    arcTo(smooth, startX, startY, secondX, secondY, cornerRadius, lastX, lastY);
+                    arcTo(smooth, startX, startY, secondX, secondY, cornerRadius, lastX, lastY, three);
                     smooth.push(Z$3);
                 }
                 i += 1;
@@ -3785,9 +3804,10 @@ class TaskItem {
     run() {
         return __awaiter(this, void 0, void 0, function*() {
             try {
-                if (this.isComplete) return;
+                if (this.isComplete || this.runing) return;
+                this.runing = true;
                 if (this.canUse && !this.canUse()) return this.cancel();
-                if (this.task && this.parent.running) yield this.task();
+                if (this.task) yield this.task();
             } catch (error) {
                 debug$c.error(error);
             }
@@ -3903,7 +3923,7 @@ class TaskProcessor {
     stop() {
         this.isComplete = true;
         this.list.forEach(task => {
-            if (!task.isComplete) task.cancel();
+            if (!task.isComplete) task.run();
         });
         this.pause();
         this.empty();
@@ -4193,7 +4213,7 @@ class LeaferImage {
     getFull(_filters) {
         return this.view;
     }
-    getCanvas(width, height, opacity, filters, xGap, yGap, smooth) {
+    getCanvas(width, height, opacity, filters, xGap, yGap, smooth, interlace) {
         width || (width = this.width);
         height || (height = this.height);
         if (this.cache) {
@@ -4206,7 +4226,7 @@ class LeaferImage {
             }
             if (data) return data;
         }
-        const canvas = Platform.image.resize(this.view, width, height, xGap, yGap, undefined, smooth, opacity, filters);
+        const canvas = Platform.image.resize(this.view, width, height, xGap, yGap, undefined, smooth, opacity, filters, interlace);
         this.cache = this.use > 1 ? {
             data: canvas,
             params: arguments
@@ -6098,7 +6118,7 @@ const LeafRender = {
     }
 };
 
-const {excludeRenderBounds: excludeRenderBounds$1} = LeafBoundsHelper;
+const {excludeRenderBounds: excludeRenderBounds$1} = LeafBoundsHelper, {hasSize: hasSize} = BoundsHelper;
 
 const BranchRender = {
     __updateChange() {
@@ -6110,8 +6130,8 @@ const BranchRender = {
         this.__.__checkSingle();
     },
     __render(canvas, options) {
-        this.__nowWorld = this.__getNowWorld(options);
-        if (this.__worldOpacity) {
+        const nowWorld = this.__nowWorld = this.__getNowWorld(options);
+        if (this.__worldOpacity && hasSize(nowWorld)) {
             const data = this.__;
             if (data.__useDim) {
                 if (data.dim) options.dimOpacity = data.dim === true ? .2 : data.dim; else if (data.bright && !options.topRendering) return options.topList.add(this); else if (data.dimskip) options.dimOpacity && (options.dimOpacity = 0);
@@ -6120,7 +6140,6 @@ const BranchRender = {
                 if (data.eraser === "path") return this.__renderEraser(canvas, options);
                 const tempCanvas = canvas.getSameCanvas(false, true);
                 this.__renderBranch(tempCanvas, options);
-                const nowWorld = this.__nowWorld;
                 canvas.opacity = options.dimOpacity ? data.opacity * options.dimOpacity : data.opacity;
                 canvas.copyWorldByReset(tempCanvas, nowWorld, nowWorld, data.__blendMode, true);
                 tempCanvas.recycle(nowWorld);
@@ -6960,7 +6979,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.12.4";
+const version = "2.0.1";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -7540,6 +7559,7 @@ class Renderer {
         this.times = 0;
         this.config = {
             usePartRender: true,
+            ceilPartPixel: true,
             maxFPS: 120
         };
         this.frames = [];
@@ -7648,8 +7668,9 @@ class Renderer {
         const {canvas: canvas} = this, bounds = block.getIntersect(canvas.bounds), realBounds = new Bounds(bounds);
         canvas.save();
         bounds.spread(Renderer.clipSpread).ceil();
-        canvas.clearWorld(bounds);
-        canvas.clipWorld(bounds);
+        const {ceilPartPixel: ceilPartPixel} = this.config;
+        canvas.clipWorld(bounds, ceilPartPixel);
+        canvas.clearWorld(bounds, ceilPartPixel);
         this.__render(bounds, realBounds);
         canvas.restore();
         Run.end(t);
@@ -8048,11 +8069,7 @@ const ColorConvert = {
     hasTransparent: hasTransparent$3
 };
 
-const UnitConvert = {
-    number(value, percentRefer) {
-        return isObject(value) ? value.type === "percent" ? value.value * percentRefer : value.value : value;
-    }
-};
+const UnitConvert = UnitConvertHelper;
 
 const PathArrow = {};
 
@@ -8129,16 +8146,16 @@ class UIData extends LeafData {
         return t.fill || t.stroke;
     }
     get __autoWidth() {
-        return !this._width;
+        return this._width == null;
     }
     get __autoHeight() {
-        return !this._height;
+        return this._height == null;
     }
     get __autoSide() {
-        return !this._width || !this._height;
+        return this._width == null || this._height == null;
     }
     get __autoSize() {
-        return !this._width && !this._height;
+        return this._width == null && this._height == null;
     }
     setVisible(value) {
         this._visible = value;
@@ -9422,9 +9439,10 @@ let Ellipse = class Ellipse extends UI {
         const {width: width, height: height, innerRadius: innerRadius, startAngle: startAngle, endAngle: endAngle} = this.__;
         const rx = width / 2, ry = height / 2;
         const path = this.__.path = [];
+        let open;
         if (innerRadius) {
             if (startAngle || endAngle) {
-                if (innerRadius < 1) ellipse(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle, false);
+                if (innerRadius < 1) ellipse(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle, false); else open = true;
                 ellipse(path, rx, ry, rx, ry, 0, endAngle, startAngle, true);
             } else {
                 if (innerRadius < 1) {
@@ -9441,7 +9459,7 @@ let Ellipse = class Ellipse extends UI {
                 ellipse(path, rx, ry, rx, ry);
             }
         }
-        closePath$2(path);
+        if (!open) closePath$2(path);
         if (Platform.ellipseToCurve) this.__.path = this.getPath(true);
     }
 };
@@ -10093,7 +10111,7 @@ class UIEvent extends Event {
     }
 }
 
-const {min: min$1, max: max$3, abs: abs$7} = Math, {float: float$2, sign: sign$2} = MathHelper, {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = BoundsHelper;
+const {min: min$1, max: max$3, abs: abs$7} = Math, {float: float$3, sign: sign$2} = MathHelper, {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = BoundsHelper;
 
 const tempContent = new Bounds, tempDragBounds = new Bounds;
 
@@ -10133,8 +10151,8 @@ const DragBoundsHelper = {
         } else {
             if (y < dragBounds.y) move.y += dragBounds.y - y; else if (bottom > boundsBottom) move.y += boundsBottom - bottom;
         }
-        move.x = float$2(move.x);
-        move.y = float$2(move.y);
+        move.x = float$3(move.x);
+        move.y = float$3(move.y);
         return move;
     },
     getValidScaleOf(content, dragBounds, dragBoundsType, origin, scale, lockRatio, change) {
@@ -10146,26 +10164,26 @@ const DragBoundsHelper = {
         let correctScaleX = 1, correctScaleY = 1, aScale, bScale, aSize, bSize;
         if (D$2.isInnerMode(content, dragBounds, dragBoundsType, "width")) {
             if (scale.x < 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
-            aSize = float$2(tempContent.minX - tempDragBounds.minX);
-            bSize = float$2(tempDragBounds.maxX - tempContent.maxX);
+            aSize = float$3(tempContent.minX - tempDragBounds.minX);
+            bSize = float$3(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$3(aScale, bScale);
         } else {
             if (scale.x < 0) {
-                if (float$2(minX(content) - minX(dragBounds)) <= 0 || float$2(maxX(dragBounds) - maxX(content)) <= 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
+                if (float$3(minX(content) - minX(dragBounds)) <= 0 || float$3(maxX(dragBounds) - maxX(content)) <= 0) tempContent.scaleOf(origin, correctScaleX = 1 / scale.x, 1);
                 tempContent.unsign();
             }
-            aSize = float$2(tempDragBounds.minX - tempContent.minX);
-            bSize = float$2(tempContent.maxX - tempDragBounds.maxX);
+            aSize = float$3(tempDragBounds.minX - tempContent.minX);
+            bSize = float$3(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$1(aScale, bScale);
         }
         if (D$2.isInnerMode(content, dragBounds, dragBoundsType, "height")) {
             if (scale.y < 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
-            aSize = float$2(tempContent.minY - tempDragBounds.minY);
-            bSize = float$2(tempDragBounds.maxY - tempContent.maxY);
+            aSize = float$3(tempContent.minY - tempDragBounds.minY);
+            bSize = float$3(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$3(aScale, bScale);
@@ -10176,11 +10194,11 @@ const DragBoundsHelper = {
             }
         } else {
             if (scale.y < 0) {
-                if (float$2(minY(content) - minY(dragBounds)) <= 0 || float$2(maxY(dragBounds) - maxY(content)) <= 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
+                if (float$3(minY(content) - minY(dragBounds)) <= 0 || float$3(maxY(dragBounds) - maxY(content)) <= 0) tempContent.scaleOf(origin, 1, correctScaleY = 1 / scale.y);
                 tempContent.unsign();
             }
-            aSize = float$2(tempDragBounds.minY - tempContent.minY);
-            bSize = float$2(tempContent.maxY - tempDragBounds.maxY);
+            aSize = float$3(tempDragBounds.minY - tempContent.minY);
+            bSize = float$3(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$1(aScale, bScale);
@@ -10701,7 +10719,7 @@ function exclude(leaf, excludePath) {
     return excludePath && excludePath.has(leaf);
 }
 
-const config$1 = {
+const config$2 = {
     wheel: {
         zoomSpeed: .5,
         moveSpeed: .5,
@@ -10775,7 +10793,7 @@ class InteractionBase {
         return this.p.hitRadius;
     }
     constructor(target, canvas, selector, userConfig) {
-        this.config = DataHelper.clone(config$1);
+        this.config = DataHelper.clone(config$2);
         this.tapCount = 0;
         this.downKeyMap = {};
         this.target = target;
@@ -11295,8 +11313,8 @@ ui$5.__updateHitCanvas = function() {
     if (isHitPixel) {
         const {renderBounds: renderBounds} = this.__layout;
         const size = Platform.image.hitCanvasSize;
-        const scale = h.hitScale = tempBounds$2.set(0, 0, size, size).getFitMatrix(renderBounds).a;
-        const {x: x, y: y, width: width, height: height} = tempBounds$2.set(renderBounds).scale(scale);
+        const scale = h.hitScale = tempBounds$3.set(0, 0, size, size).getFitMatrix(renderBounds).a;
+        const {x: x, y: y, width: width, height: height} = tempBounds$3.set(renderBounds).scale(scale);
         h.resize({
             width: width,
             height: height,
@@ -11306,6 +11324,7 @@ ui$5.__updateHitCanvas = function() {
         ImageManager.patternLocked = true;
         this.__renderShape(h, {
             matrix: matrix$2.setWith(this.__world).scaleWith(1 / scale).invertWith().translate(-x, -y),
+            snapshot: true,
             ignoreFill: !isHitPixelFill,
             ignoreStroke: !isHitPixelStroke
         });
@@ -11355,13 +11374,13 @@ ui$5.__hit = function(inner, forceHitFill) {
     return hitWidth ? this.__hitStroke(inner, hitWidth) : false;
 };
 
-const ui$4 = UI.prototype, rect = Rect.prototype, box$2 = Box.prototype;
+const ui$4 = UI.prototype, rect = Rect.prototype, box$3 = Box.prototype;
 
-rect.__updateHitCanvas = box$2.__updateHitCanvas = function() {
+rect.__updateHitCanvas = box$3.__updateHitCanvas = function() {
     if (this.stroke || this.cornerRadius || (this.fill || this.__.__isCanvas) && this.hitFill === "pixel" || this.hitStroke === "all") ui$4.__updateHitCanvas.call(this); else if (this.__hitCanvas) this.__hitCanvas = null;
 };
 
-rect.__hitFill = box$2.__hitFill = function(inner) {
+rect.__hitFill = box$3.__hitFill = function(inner) {
     return this.__hitCanvas ? ui$4.__hitFill.call(this, inner) : BoundsHelper.hitRadiusPoint(this.__layout.boxBounds, inner);
 };
 
@@ -11393,8 +11412,8 @@ canvas$1.hitStroke = function(point, strokeWidth) {
 canvas$1.hitPixel = function(radiusPoint, offset, scale = 1) {
     let {x: x, y: y, radiusX: radiusX, radiusY: radiusY} = radiusPoint;
     if (offset) x -= offset.x, y -= offset.y;
-    tempBounds$2.set(x - radiusX, y - radiusY, radiusX * 2, radiusY * 2).scale(scale).ceil();
-    const {data: data} = this.context.getImageData(tempBounds$2.x, tempBounds$2.y, tempBounds$2.width || 1, tempBounds$2.height || 1);
+    tempBounds$3.set(x - radiusX, y - radiusY, radiusX * 2, radiusY * 2).scale(scale).ceil();
+    const {data: data} = this.context.getImageData(tempBounds$3.x, tempBounds$3.y, tempBounds$3.width || 1, tempBounds$3.height || 1);
     for (let i = 0, len = data.length; i < len; i += 4) {
         if (data[i + 3] > 0) return true;
     }
@@ -11709,14 +11728,14 @@ function drawStrokesStyle(strokes, strokeWidthScale, isText, ui, canvas, renderO
 
 const {getSpread: getSpread, copyAndSpread: copyAndSpread$1, toOuterOf: toOuterOf, getOuterOf: getOuterOf, getByMove: getByMove, move: move$7, getIntersectData: getIntersectData} = BoundsHelper;
 
-const tempBounds$1 = {};
+const tempBounds$2 = {};
 
 function shape(ui, current, options) {
     const canvas = current.getSameCanvas();
     const currentBounds = current.bounds, nowWorld = ui.__nowWorld, layout = ui.__layout;
     const nowWorldShapeBounds = ui.__nowWorldShapeBounds || (ui.__nowWorldShapeBounds = {});
-    toOuterOf(layout.strokeSpread ? (copyAndSpread$1(tempBounds$1, layout.boxBounds, layout.strokeSpread), 
-    tempBounds$1) : layout.boxBounds, nowWorld, nowWorldShapeBounds);
+    toOuterOf(layout.strokeSpread ? (copyAndSpread$1(tempBounds$2, layout.boxBounds, layout.strokeSpread), 
+    tempBounds$2) : layout.boxBounds, nowWorld, nowWorldShapeBounds);
     let bounds, renderBounds, matrix, fitMatrix, shapeBounds, worldCanvas;
     let {scaleX: scaleX, scaleY: scaleY} = ui.getRenderScaleData(true);
     if (currentBounds.includes(nowWorldShapeBounds)) {
@@ -11868,7 +11887,7 @@ const PaintModule = {
     shape: shape
 };
 
-let cache$1, box$1 = new Bounds;
+let cache$1, box$2 = new Bounds;
 
 const {isSame: isSame} = BoundsHelper;
 
@@ -11886,7 +11905,7 @@ function image(ui, attrName, paint, boxBounds, firstUse) {
         cache$1 = image.use > 1 ? {
             leafPaint: leafPaint,
             paint: paint,
-            boxBounds: box$1.set(boxBounds)
+            boxBounds: box$2.set(boxBounds)
         } : null;
     }
     if (firstUse || image.loading) event = {
@@ -11991,7 +12010,7 @@ function getPatternData(paint, box, image) {
     if (paint.padding) box = tempBox.set(box).shrink(paint.padding);
     if (paint.mode === "strench") paint.mode = "stretch";
     const {width: width, height: height} = image;
-    const {opacity: opacity, mode: mode, align: align, offset: offset, scale: scale, size: size, rotation: rotation, skew: skew, clipSize: clipSize, repeat: repeat, gap: gap, filters: filters} = paint;
+    const {opacity: opacity, mode: mode, align: align, offset: offset, scale: scale, size: size, rotation: rotation, skew: skew, clipSize: clipSize, repeat: repeat, gap: gap, filters: filters, interlace: interlace} = paint;
     const sameBox = box.width === width && box.height === height;
     const data = {
         mode: mode
@@ -12057,6 +12076,10 @@ function getPatternData(paint, box, image) {
     if (opacity && opacity < 1) data.opacity = opacity;
     if (filters) data.filters = filters;
     if (repeat) data.repeat = isString(repeat) ? repeat === "x" ? "repeat-x" : "repeat-y" : "repeat";
+    if (interlace) data.interlace = isNumber(interlace) || interlace.type === "percent" ? {
+        type: "x",
+        offset: interlace
+    } : interlace;
     return data;
 }
 
@@ -12190,7 +12213,7 @@ function createPattern(paint, ui, canvas, renderOptions) {
                 if (transform) copy$4(imageMatrix, transform);
                 scale$1(imageMatrix, 1 / scaleX, 1 / scaleY);
             }
-            const imageCanvas = image.getCanvas(width, height, data.opacity, data.filters, xGap, yGap, ui.leafer && ui.leafer.config.smooth);
+            const imageCanvas = image.getCanvas(width, height, data.opacity, data.filters, xGap, yGap, ui.leafer && ui.leafer.config.smooth, data.interlace);
             const pattern = image.getPattern(imageCanvas, data.repeat || (Platform.origin.noRepeat || "no-repeat"), imageMatrix, paint);
             paint.style = pattern;
             paint.patternId = id;
@@ -12212,8 +12235,8 @@ function getPatternFixScale(paint, imageScaleX, imageScaleY) {
 
 function checkImage(paint, drawImage, ui, canvas, renderOptions) {
     const {scaleX: scaleX, scaleY: scaleY} = PaintImage.getImageRenderScaleData(paint, ui, canvas, renderOptions);
-    const {image: image, data: data, originPaint: originPaint} = paint, {exporting: exporting} = renderOptions;
-    if (!data || paint.patternId === scaleX + "-" + scaleY && !exporting) {
+    const {image: image, data: data, originPaint: originPaint} = paint, {exporting: exporting, snapshot: snapshot} = renderOptions;
+    if (!data || paint.patternId === scaleX + "-" + scaleY && !exporting || snapshot) {
         return false;
     } else {
         if (drawImage) {
@@ -12418,7 +12441,7 @@ const PaintGradientModule = {
 
 const {copy: copy$3, move: move$6, toOffsetOutBounds: toOffsetOutBounds$1} = BoundsHelper, {max: max$2, abs: abs$5} = Math;
 
-const tempBounds = {}, tempMatrix = new Matrix;
+const tempBounds$1 = {}, tempMatrix = new Matrix;
 
 const offsetOutBounds$1 = {};
 
@@ -12485,9 +12508,9 @@ function drawWorldShadow(canvas, outBounds, shape) {
     const {shapeBounds: shapeBounds} = shape;
     let from, to;
     if (Platform.fullImageShadow) {
-        copy$3(tempBounds, canvas.bounds);
-        move$6(tempBounds, outBounds.x - shapeBounds.x, outBounds.y - shapeBounds.y);
-        from = canvas.bounds, to = tempBounds;
+        copy$3(tempBounds$1, canvas.bounds);
+        move$6(tempBounds$1, outBounds.x - shapeBounds.x, outBounds.y - shapeBounds.y);
+        from = canvas.bounds, to = tempBounds$1;
     } else {
         from = shapeBounds, to = outBounds;
     }
@@ -12887,7 +12910,7 @@ const TextMode = 2;
 
 function layoutChar(drawData, style, width, _height) {
     const {rows: rows} = drawData;
-    const {textAlign: textAlign, paraIndent: paraIndent, letterSpacing: letterSpacing} = style;
+    const {textAlign: textAlign, paraIndent: paraIndent, __letterSpacing: __letterSpacing} = style;
     const justifyLast = width && textAlign.includes("both");
     const justify = justifyLast || width && textAlign.includes("justify");
     const justifyLetter = justify && textAlign.includes("letter");
@@ -12900,8 +12923,8 @@ function layoutChar(drawData, style, width, _height) {
                 remainingWidth = width - row.width - indentWidth;
                 if (justifyLetter) addLetterWidth = remainingWidth / (row.words.reduce((total, item) => total + item.data.length, 0) - 1); else addWordWidth = wordsLength > 1 ? remainingWidth / (wordsLength - 1) : 0;
             }
-            mode = letterSpacing || row.isOverflow || justifyLetter ? CharMode : addWordWidth ? WordMode : TextMode;
-            if (row.isOverflow && !letterSpacing) row.textMode = true;
+            mode = __letterSpacing || row.isOverflow || justifyLetter ? CharMode : addWordWidth ? WordMode : TextMode;
+            if (row.isOverflow && !__letterSpacing) row.textMode = true;
             if (mode === TextMode) {
                 row.x += indentWidth;
                 toTextChar$1(row);
@@ -12970,7 +12993,7 @@ function layoutText(drawData, style) {
     let {x: x, y: y, width: width, height: height} = bounds, realHeight = __lineHeight * countRows + (paraSpacing ? paraSpacing * (drawData.paraNumber - 1) : 0);
     let starY = __baseLine;
     if (__clipText && realHeight > height) {
-        realHeight = Math.max(height, __lineHeight);
+        realHeight = Math.max(style.__autoHeight ? realHeight : height, __lineHeight);
         if (countRows > 1) drawData.overflow = countRows;
     } else if (height || autoSizeAlign) {
         switch (verticalAlign) {
@@ -13027,10 +13050,10 @@ function layoutText(drawData, style) {
 }
 
 function clipText(drawData, style, x, width) {
-    if (!width) return;
     const {rows: rows, overflow: overflow} = drawData;
     let {textOverflow: textOverflow} = style;
-    rows.splice(overflow);
+    if (overflow) rows.splice(overflow);
+    if (!width) return;
     if (textOverflow && textOverflow !== "show") {
         if (textOverflow === "hide") textOverflow = ""; else if (textOverflow === "ellipsis") textOverflow = "...";
         let char, charRight;
@@ -13355,8 +13378,13 @@ class Stroker extends UI {
                         if (leaf.__.__useArrow) leaf.__drawPath(canvas); else leaf.__.__pathForRender ? leaf.__drawRenderPath(canvas) : leaf.__drawPathByBox(canvas);
                     }
                     data.strokeWidth = strokeWidth / Math.max(aScaleX, aScaleY);
+                    if (data.shadow) {
+                        const shadow = data.shadow[0], {scaleX: scaleX, scaleY: scaleY} = this.getRenderScaleData(true, shadow.scaleFixed);
+                        canvas.save(), canvas.setWorldShadow(shadow.x * scaleX, shadow.y * scaleY, shadow.blur * scaleX, ColorConvert.string(shadow.color));
+                    }
                     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);
+                    if (data.shadow) canvas.restore();
                 }
             }
             data.strokeWidth = strokeWidth;
@@ -14520,7 +14548,7 @@ const rotateSVG = `\n<svg width="24" height="24" xmlns="http://www.w3.org/2000/s
 
 const skewSVG = `\n<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#f)">\n<g transform="rotate(90,12,12),rotate({{rotation}},12,12)">\n<path d="M21 10.4L21 11.4L23.8 11.4L21.6 9.6L21 10.4ZM17 10.4V11.4L17 11.4L17 10.4ZM15.5 6L16.1 5.2L14.5 3.9V6H15.5ZM15.5 8.4V9.4H16.5V8.4H15.5ZM6 8.4V7.4H5V8.4H6ZM6 10.4H5V11.4H6V10.4ZM7 14.4V13.4L7 13.4L7 14.4ZM3 14.4L3 13.4L0.1 13.4L2.3 15.2L3 14.4ZM8.5 18.9L7.8 19.7L9.5 21.0V18.9H8.5ZM8.5 16.4V15.4H7.5V16.4H8.5ZM19 16.4V17.4H20V16.4H19ZM19 14.4H20V13.4H19V14.4ZM21 9.4L17 9.4L17 11.4L21 11.4L21 9.4ZM14.8 6.7L20.3 11.2L21.6 9.6L16.1 5.2L14.8 6.7ZM16.5 8.4V6H14.5V8.4H16.5ZM6 9.4H15.5V7.4H6V9.4ZM7 10.4V8.4H5V10.4H7ZM15.5 9.4H6V11.4H15.5V9.4ZM17 9.4H15.5V11.4H17V9.4ZM7 15.4H8.5V13.4H7V15.4ZM3 15.4L7 15.4L7 13.4L3 13.4L3 15.4ZM9.1 18.1L3.6 13.6L2.3 15.2L7.8 19.7L9.1 18.1ZM7.5 16.4V18.9H9.5V16.4H7.5ZM19 15.4H8.5V17.4H19V15.4ZM18 14.4V16.4H20V14.4H18ZM8.5 15.4H19V13.4H8.5V15.4Z" fill="white"/>\n<path fill-rule="evenodd" d="M17 10.4L21 10.4L15.5 6V8.4H6V10.4H15.5H17ZM8.5 14.4H7L3 14.4L8.5 18.9V16.4H19V14.4H8.5Z" fill="black"/>\n</g>\n</g>\n<defs>\n<filter x="-2.8" y="1.9" width="29.6" height="23.1" filterUnits="userSpaceOnUse" >\n${filterStyle$1}\n</filter>\n</defs>\n</svg>\n`;
 
-const config = {
+const config$1 = {
     editSize: "size",
     keyEvent: true,
     stroke: "#836DFF",
@@ -15165,7 +15193,7 @@ let Editor = class Editor extends Group {
         this.selector = new EditSelect(this);
         this.editMask = new EditMask(this);
         this.targetEventIds = [];
-        let mergedConfig = DataHelper.clone(config);
+        let mergedConfig = DataHelper.clone(config$1);
         if (userConfig) mergedConfig = DataHelper.default(userConfig, mergedConfig);
         this.mergedConfig = this.config = mergedConfig;
         this.addMany(this.editMask, this.selector, this.editBox);
@@ -15447,7 +15475,10 @@ class InnerEditor {
         return "focus";
     }
     get editBox() {
-        return this.editor.editBox;
+        return this._editBox || this.editor.editBox;
+    }
+    set editBox(value) {
+        this._editBox = value;
     }
     constructor(editor) {
         this.eventIds = [];
@@ -15638,7 +15669,7 @@ let LineEditTool = class LineEditTool extends EditTool {
     onSkew(_e) {}
     onUpdate() {
         const {editBox: editBox} = this, {rotatePoints: rotatePoints, resizeLines: resizeLines, resizePoints: resizePoints, rect: rect} = editBox;
-        const line = this.editor.element;
+        const line = editBox.target;
         let fromTo, leftOrRight;
         if (line.pathInputed) fromTo = this.getFromToByPath(line.__.path); else if (line.points) fromTo = this.getFromToByPoints(line.__.points);
         if (fromTo) {
@@ -16255,13 +16286,14 @@ leafer.initType = function(type) {
 };
 
 leafer.getValidMove = function(moveX, moveY, checkLimit = true) {
-    const {disabled: disabled} = this.app.config.move;
+    const {disabled: disabled, scrollSpread: scrollSpread} = this.app.config.move;
     move$4.set(moveX, moveY);
     const scrollType = getScrollType(this);
     if (scrollType) {
         if (scrollType.includes("x")) move$4.y = 0; else if (scrollType.includes("y")) move$4.x = 0; else Math.abs(move$4.x) > Math.abs(move$4.y) ? move$4.y = 0 : move$4.x = 0;
         if (checkLimit && scrollType.includes("limit")) {
             bounds.set(this.__world).addPoint(this.zoomLayer);
+            if (scrollSpread) bounds.spread(scrollSpread);
             DragBoundsHelper.getValidMove(bounds, this.canvas.bounds, "auto", move$4, true);
             if (scrollType.includes("x")) move$4.y = 0; else if (scrollType.includes("y")) move$4.x = 0;
         }
@@ -17539,7 +17571,7 @@ function autoBoundsType(defaultValue) {
 
 Plugin.add("flow", "resize");
 
-const box = Box.prototype, {__updateBoxBounds: __updateBoxBounds} = Group.prototype;
+const box$1 = Box.prototype, {__updateBoxBounds: __updateBoxBounds} = Group.prototype;
 
 UI.addAttr("flow", false, autoLayoutType);
 
@@ -17561,7 +17593,7 @@ UI.addAttr("autoBox", undefined, boundsType);
 
 const {copyAndSpread: copyAndSpread} = BoundsHelper;
 
-box.__updateFlowLayout = function() {
+box$1.__updateFlowLayout = function() {
     const {leaferIsCreated: leaferIsCreated, flow: flow} = this;
     if (leaferIsCreated) this.leafer.created = false;
     switch (flow) {
@@ -17585,7 +17617,7 @@ box.__updateFlowLayout = function() {
     if (leaferIsCreated) this.leafer.created = true;
 };
 
-box.__updateContentBounds = function() {
+box$1.__updateContentBounds = function() {
     const {padding: padding} = this.__;
     const layout = this.__layout;
     const same = layout.contentBounds === layout.boxBounds;
@@ -17597,7 +17629,7 @@ box.__updateContentBounds = function() {
     }
 };
 
-box.__updateBoxBounds = function(secondLayout) {
+box$1.__updateBoxBounds = function(secondLayout) {
     if (this.children.length && !this.pathInputed) {
         const data = this.__, {flow: flow} = data;
         if (data.__autoSide) {
@@ -18399,7 +18431,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$1 = parseFloat, {round: round$1} = Math;
+const int = parseInt, float$2 = parseFloat, {round: round$1} = Math;
 
 let cache = {}, totalCache = 0;
 
@@ -18512,18 +18544,18 @@ function rgbaToRGBA(color) {
         r: int(match[1]),
         g: int(match[2]),
         b: int(match[3]),
-        a: float$1(match[4])
+        a: float$2(match[4])
     };
 }
 
 function hslToRGBA(color) {
     const match = hslMatch.exec(color);
-    return hsla(float$1(match[1]), float$1(match[2]), float$1(match[3]), 1);
+    return hsla(float$2(match[1]), float$2(match[2]), float$2(match[3]), 1);
 }
 
 function hslaToRGBA(color) {
     const match = hslaMatch.exec(color);
-    return hsla(float$1(match[1]), float$1(match[2]), float$1(match[3]), float$1(match[4]));
+    return hsla(float$2(match[1]), float$2(match[2]), float$2(match[3]), float$2(match[4]));
 }
 
 const n1 = 1 / 6, n2 = .5, n3 = 2 / 3, n4 = 1 / 3;
@@ -18762,7 +18794,7 @@ const HighBezierHelper = {
 
 const {getDistance: getDistance} = HighBezierHelper;
 
-const {M: M, L: L, C: C, Z: Z} = PathCommandMap, {float: float} = MathHelper;
+const {M: M, L: L, C: C, Z: Z} = PathCommandMap, {float: float$1} = MathHelper;
 
 const tempPoint = {}, tempFrom = {};
 
@@ -18917,7 +18949,7 @@ const HighCurveHelper = {
                     tempFrom.y = y;
                     to.x = toX;
                     to.y = toY;
-                    cutDistance = float(motionDistance - total);
+                    cutDistance = float$1(motionDistance - total);
                     if (cutDistance) {
                         PointHelper.getDistancePoint(tempFrom, to, cutDistance, true);
                         path.push(command, to.x, to.y);
@@ -18936,7 +18968,7 @@ const HighCurveHelper = {
                 toY = data[i + 6];
                 distance = segments[index];
                 if (total + distance > motionDistance) {
-                    cutDistance = float(motionDistance - total);
+                    cutDistance = float$1(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);
@@ -19155,21 +19187,21 @@ function getStyle(leaf) {
     const style = {}, button = findParentButton(leaf);
     const state = button ? leaf.state || button.state : leaf.state;
     const stateStyle = state && leaf.states[state];
-    if (stateStyle && State.isState(state, leaf, button)) exist = assign(style, stateStyle);
+    if (stateStyle && State.isState(state, leaf, button)) exist = assign$1(style, stateStyle);
     const selectedStyle = style.selectedStyle || leaf.selectedStyle;
-    if (selectedStyle && State.isSelected(leaf, button)) exist = assign(style, selectedStyle);
+    if (selectedStyle && State.isSelected(leaf, button)) exist = assign$1(style, selectedStyle);
     const placeholderStyle = style.placeholderStyle || leaf.placeholderStyle;
-    if (placeholderStyle && State.isPlacehold(leaf, button)) exist = assign(style, placeholderStyle);
+    if (placeholderStyle && State.isPlacehold(leaf, button)) exist = assign$1(style, placeholderStyle);
     if (State.isDisabled(leaf, button)) {
         const disabledStyle = style.disabledStyle || leaf.disabledStyle;
-        if (disabledStyle) exist = assign(style, disabledStyle);
+        if (disabledStyle) exist = assign$1(style, disabledStyle);
     } else {
         const focusStyle = style.focusStyle || leaf.focusStyle;
-        if (focusStyle && State.isFocus(leaf, button)) exist = assign(style, focusStyle);
+        if (focusStyle && State.isFocus(leaf, button)) exist = assign$1(style, focusStyle);
         const hoverStyle = style.hoverStyle || leaf.hoverStyle;
-        if (hoverStyle && State.isHover(leaf, button)) exist = assign(style, hoverStyle);
+        if (hoverStyle && State.isHover(leaf, button)) exist = assign$1(style, hoverStyle);
         const pressStyle = style.pressStyle || leaf.pressStyle;
-        if (pressStyle && State.isPress(leaf, button)) exist = assign(style, pressStyle);
+        if (pressStyle && State.isPress(leaf, button)) exist = assign$1(style, pressStyle);
     }
     return exist ? style : undefined;
 }
@@ -19200,7 +19232,7 @@ function getTransition(type, style, data) {
     return isNull(style[name]) ? data[name] : style[name];
 }
 
-function assign(style, stateStyle) {
+function assign$1(style, stateStyle) {
     Object.assign(style, stateStyle);
     return true;
 }
@@ -19826,7 +19858,13 @@ const ExportModule = {
                 MathHelper.getScaleData(options.scale, options.size, renderBounds, scaleData);
                 let pixelRatio = options.pixelRatio || 1;
                 let {x: x, y: y, width: width, height: height} = new Bounds(renderBounds).scale(scaleData.scaleX, scaleData.scaleY);
-                if (clip) x += clip.x, y += clip.y, width = clip.width, height = clip.height;
+                if (clip) {
+                    x += clip.x, y += clip.y, width = clip.width, height = clip.height;
+                    if (clip.rotation) matrix.rotateOfInner({
+                        x: x,
+                        y: y
+                    }, -clip.rotation);
+                }
                 const renderOptions = {
                     exporting: true,
                     matrix: matrix.scale(1 / scaleData.scaleX, 1 / scaleData.scaleY).invert().translate(-x, -y).withScale(1 / scaleX * scaleData.scaleX, 1 / scaleY * scaleData.scaleY)
@@ -20015,4 +20053,258 @@ Plugin.add("bright");
 
 UI.addAttr("bright", false, dimType);
 
-export { AlignHelper, Animate, AnimateEasing, AnimateEvent, AnimateList, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, Flow, FourNumberHelper, Frame, FrameData, Group, GroupData, HighBezierHelper, HighCurveHelper, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, 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, PathScaler, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, 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, motionPathType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints, scaleType, scrollType, sortType, stateStyleType, stateType, strokeType, surfaceType, tempBounds$2 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$4 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+const config = {
+    theme: "light",
+    style: {
+        dragBoundsType: "outer",
+        strokeAlign: "center",
+        strokeWidthFixed: "zoom-in",
+        width: 6,
+        height: 6,
+        opacity: .5,
+        cornerRadius: 3,
+        hoverStyle: {
+            opacity: .6
+        },
+        pressStyle: {
+            opacity: .66
+        }
+    },
+    size: 6,
+    endsMargin: 2,
+    sideMargin: 2,
+    minSize: 10,
+    scaleFixed: "zoom-in",
+    scrollType: "both",
+    hideOnActionEnd: "hover"
+};
+
+const tempBounds = new Bounds, {float: float} = MathHelper, {clone: clone, assign: assign} = DataHelper;
+
+class Scroller extends Group {
+    get canUse() {
+        return this.target.hasScroller;
+    }
+    constructor(target) {
+        super();
+        this.targetWorldBounds = new Bounds;
+        this.viewportBounds = new Bounds;
+        this.contentBounds = new Bounds;
+        this.scrollXBounds = new Bounds;
+        this.scrollYBounds = new Bounds;
+        this.target = target;
+        this.config = clone(config);
+        this.updateConfig();
+        this.__listenEvents();
+        target.waitLeafer(() => {
+            this.parent = target;
+            this.__bindLeafer(target.leafer);
+        });
+        if (this.mergedConfig.hideOnActionEnd) this.opacity = 0;
+    }
+    static registerTheme(theme, themeConfig) {
+        S.themeMap[theme] = themeConfig;
+    }
+    static getTheme(theme) {
+        return theme && S.themeMap[theme];
+    }
+    static hasTheme(theme) {
+        return theme && !!S.themeMap[theme];
+    }
+    updateConfig() {
+        const {scrollConfig: scrollConfig} = this.target;
+        const themeConfig = S.getTheme(scrollConfig && S.hasTheme(scrollConfig.theme) && scrollConfig.theme || this.config.theme);
+        const mergedConfig = this.mergedConfig = clone(this.config);
+        assign(mergedConfig, themeConfig);
+        if (scrollConfig) assign(mergedConfig, scrollConfig);
+        this.updateStyle(mergedConfig.style);
+    }
+    updateStyle(style) {
+        if (!this.scrollXBar) this.addMany(this.scrollXBar = new Box, this.scrollYBar = new Box);
+        const {scrollXBar: scrollXBar, scrollYBar: scrollYBar} = this;
+        scrollXBar.set(style);
+        scrollYBar.set(style);
+        scrollXBar.draggable = "x";
+        scrollYBar.draggable = "y";
+    }
+    update(check = true) {
+        if (this.dragScrolling) return;
+        const {target: target, targetOverflow: targetOverflow, targetWorldBounds: targetWorldBounds, viewportBounds: viewportBounds, contentBounds: contentBounds} = this, layout = target.__layout, {overflow: overflow} = target.__;
+        const {childrenRenderBounds: childrenRenderBounds} = layout;
+        const {boxBounds: boxBounds, worldBoxBounds: worldBoxBounds} = layout;
+        const isSameWorldBounds = check && targetOverflow === overflow && targetWorldBounds.isSame(worldBoxBounds);
+        const isSameConfig = layout.scrollConfigChanged ? (this.updateConfig(), layout.scrollConfigChanged = false) : true;
+        const nowContentBounds = tempBounds.set(viewportBounds).add(childrenRenderBounds);
+        if (isSameWorldBounds && isSameConfig && contentBounds.isSame(nowContentBounds)) return;
+        this.targetOverflow = overflow;
+        viewportBounds.set(boxBounds);
+        targetWorldBounds.set(worldBoxBounds);
+        contentBounds.set(nowContentBounds);
+        const {scrollXBar: scrollXBar, scrollYBar: scrollYBar} = this, {size: size, endsMargin: endsMargin, minSize: minSize} = this.mergedConfig, {width: width, height: height} = viewportBounds;
+        this.contentRealX = contentBounds.x - target.scrollX;
+        this.contentRealY = contentBounds.y - target.scrollY;
+        this.ratioX = viewportBounds.width / contentBounds.width;
+        this.ratioY = viewportBounds.height / contentBounds.height;
+        const min = size + endsMargin * 2 + minSize;
+        scrollXBar.visible = float(contentBounds.width) > float(width) && overflow !== "y-scroll" && width > min;
+        scrollYBar.visible = float(contentBounds.height) > float(height) && overflow !== "x-scroll" && height > min;
+        this.updateScrollBar();
+    }
+    updateScrollBar() {
+        const {target: target, viewportBounds: viewportBounds, contentBounds: contentBounds, ratioX: ratioX, ratioY: ratioY, scrollXBar: scrollXBar, scrollYBar: scrollYBar, scrollXBounds: scrollXBounds, scrollYBounds: scrollYBounds} = this;
+        let {size: size, cornerRadius: cornerRadius, endsMargin: endsMargin, sideMargin: sideMargin, minSize: minSize, scaleFixed: scaleFixed, scrollType: scrollType} = this.mergedConfig;
+        const scale = scaleFixed ? target.getClampRenderScale() : 1;
+        endsMargin /= scale;
+        sideMargin /= scale;
+        size /= scale;
+        if (isUndefined(cornerRadius)) cornerRadius = size / 2;
+        if (scrollXBar.visible) {
+            scrollXBounds.set(viewportBounds).shrink([ endsMargin, scrollYBar.visible ? size + sideMargin : endsMargin, sideMargin, endsMargin ]);
+            const scrollRatioX = this.scrollRatioX = scrollXBounds.width / contentBounds.width;
+            scrollXBar.set({
+                x: scrollXBounds.x - contentBounds.x * scrollRatioX,
+                y: scrollXBounds.maxY - size,
+                width: Math.max(scrollXBounds.width * ratioX, minSize),
+                height: size,
+                cornerRadius: cornerRadius,
+                dragBounds: scrollXBounds,
+                hittable: scrollType !== "move"
+            });
+        }
+        if (scrollYBar.visible) {
+            scrollYBounds.set(viewportBounds).shrink([ endsMargin, sideMargin, scrollXBar.visible ? size + sideMargin : endsMargin, endsMargin ]);
+            const scrollRatioY = this.scrollRatioY = scrollYBounds.height / contentBounds.height;
+            scrollYBar.set({
+                x: scrollYBounds.maxX - size,
+                y: scrollYBounds.y - contentBounds.y * scrollRatioY,
+                width: size,
+                height: Math.max(scrollYBounds.height * ratioY, minSize),
+                cornerRadius: cornerRadius,
+                dragBounds: scrollYBounds,
+                hittable: scrollType !== "move"
+            });
+        }
+        this.x = -this.target.scrollX;
+        this.y = -this.target.scrollY;
+        LeafHelper.updateAllMatrix(this);
+        BranchHelper.updateBounds(this);
+        LeafHelper.updateAllChange(this);
+    }
+    onDrag(e) {
+        if (this.mergedConfig.scrollType === "move") return;
+        this.dragScrolling = true;
+        const {scrollXBar: scrollXBar, scrollYBar: scrollYBar, target: target, scrollXBounds: scrollXBounds, scrollYBounds: scrollYBounds} = this;
+        const scrollX = e.current === scrollXBar;
+        if (scrollX) target.scrollX = -((scrollXBar.x - scrollXBounds.x) / this.scrollRatioX + this.contentRealX); else target.scrollY = -((scrollYBar.y - scrollYBounds.y) / this.scrollRatioY + this.contentRealY);
+    }
+    onDragEnd() {
+        if (this.mergedConfig.scrollType === "move") return;
+        this.dragScrolling = false;
+    }
+    onMove(e) {
+        if (!this.canUse) return;
+        this.onEnter();
+        const {scrollType: scrollType, stopDefault: stopDefault} = this.mergedConfig;
+        if (scrollType === "drag") return;
+        const {viewportBounds: viewportBounds, contentBounds: contentBounds, scrollXBar: scrollXBar, scrollYBar: scrollYBar} = this;
+        if (scrollXBar.visible || scrollYBar.visible) {
+            const move = e.getInnerMove(this.target);
+            DragBoundsHelper.getValidMove(contentBounds, viewportBounds, "inner", move, true);
+            let needStop;
+            if (move.x && scrollXBar.visible) this.target.scrollX += move.x, needStop = true;
+            if (move.y && scrollYBar.visible) this.target.scrollY += move.y, needStop = true;
+            if (needStop || stopDefault) e.stop();
+            if (stopDefault) e.stopDefault();
+        }
+    }
+    onMoveEnd(e) {
+        if (!this.canUse) return;
+        if (!this.target.hit(e)) this.onLeave();
+    }
+    onEnter() {
+        if (!this.canUse) return;
+        clearTimeout(this.hideTimer);
+        this.killAnimate();
+        this.opacity = 1;
+    }
+    onLeave() {
+        if (!this.canUse) return;
+        clearTimeout(this.hideTimer);
+        if (this.mergedConfig.hideOnActionEnd) this.hideTimer = setTimeout(() => {
+            this.set({
+                opacity: 0
+            }, Plugin.has("animate"));
+        }, 600);
+    }
+    onResize() {
+        if (this.canUse) this.update();
+    }
+    __listenEvents() {
+        const {scrollXBar: scrollXBar, scrollYBar: scrollYBar, target: target} = this;
+        this.__eventIds = [ scrollXBar.on_(DragEvent.DRAG, this.onDrag, this), scrollXBar.on_(DragEvent.END, this.onDragEnd, this), scrollYBar.on_(DragEvent.DRAG, this.onDrag, this), scrollYBar.on_(DragEvent.END, this.onDragEnd, this), target.on_(PointerEvent.ENTER, this.onEnter, this), target.on_(PointerEvent.LEAVE, this.onLeave, this), target.on_(MoveEvent.BEFORE_MOVE, this.onMove, this), target.on_(MoveEvent.END, this.onMoveEnd, this), target.on_(BoundsEvent.WORLD, this.onResize, this), target.on_(ChildEvent.DESTROY, this.destroy, this) ];
+    }
+    __removeListenEvents() {
+        this.off_(this.__eventIds);
+    }
+    destroy() {
+        if (!this.destroyed) {
+            this.__removeListenEvents();
+            const {target: target} = this;
+            target.scroller = target.topChildren = target.hasScroller = undefined;
+            this.target = this.config = null;
+            super.destroy();
+        }
+    }
+}
+
+Scroller.themeMap = {};
+
+const S = Scroller;
+
+function scrollConfigType(defaultValue) {
+    return decorateLeafAttr(defaultValue, key => attr({
+        set(value) {
+            if (this.__setAttr(key, value)) {
+                const layout = this.__layout;
+                layout.scrollConfigChanged = true;
+                doBoundsType(this);
+            }
+        }
+    }));
+}
+
+Plugin.add("scroller");
+
+const box = Box.prototype;
+
+Box.addAttr("scrollConfig", undefined, scrollConfigType);
+
+box.__checkScroll = function(isScrollMode) {
+    if (isScrollMode && this.isOverflow) {
+        if (!this.scroller) {
+            this.scroller = new Scroller(this);
+            if (!this.topChildren) this.topChildren = [];
+            this.topChildren.push(this.scroller);
+        }
+        this.hasScroller = true;
+    } else {
+        if (this.hasScroller && !this.scroller.dragScrolling) {
+            this.hasScroller = undefined;
+            this.scroller.update();
+        }
+    }
+};
+
+Scroller.registerTheme("light", {
+    style: {
+        fill: "black"
+    }
+});
+
+Scroller.registerTheme("dark", {
+    style: {
+        fill: "white"
+    }
+});
+
+export { AlignHelper, Animate, AnimateEasing, AnimateEvent, AnimateList, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, Flow, FourNumberHelper, Frame, FrameData, Group, GroupData, HighBezierHelper, HighCurveHelper, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, 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, PathScaler, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, ScrollBar, Scroller, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TouchEvent, TransformTool, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite$1 as isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, motionPathType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints, scaleType, scrollType, sortType, stateStyleType, stateType, strokeType, surfaceType, tempBounds$3 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$4 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };