@leafer-editor/worker 1.12.4 → 2.0.1

package/dist/worker.module.js

@@ -216,59 +216,6 @@ class LeafData {
     }
 }
 
-const {floor: floor$2, 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$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;
-            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$3, pow: pow$1, max: max$5, floor: floor$1, PI: PI$3} = Math;
+const {round: round$3, pow: pow$1, max: max$6, floor: floor$2, PI: PI$3} = Math;
 
 const MathHelper = {
     within(value, min, max) {
@@ -416,7 +363,7 @@ const MathHelper = {
         }
     },
     getFloorScale(num, min = 1) {
-        return max$5(floor$1(num), min) / num;
+        return max$6(floor$2(num), min) / num;
     },
     randInt: randInt,
     randColor(opacity) {
@@ -1261,7 +1208,7 @@ const {toOuterPoint: toOuterPoint$2} = MatrixHelper;
 
 const {float: float$1, fourNumber: fourNumber} = MathHelper;
 
-const {floor: floor, ceil: ceil$1} = Math;
+const {floor: floor$1, ceil: ceil$1} = Math;
 
 let right$4, bottom$3, boundsRight, boundsBottom;
 
@@ -1418,8 +1365,8 @@ const BoundsHelper = {
     },
     ceil(t) {
         const {x: x, y: y} = t;
-        t.x = floor(t.x);
-        t.y = floor(t.y);
+        t.x = floor$1(t.x);
+        t.y = floor$1(t.y);
         t.width = x > t.x ? ceil$1(t.width + x - t.x) : ceil$1(t.width);
         t.height = y > t.y ? ceil$1(t.height + y - t.y) : ceil$1(t.height);
     },
@@ -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);
     }
@@ -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, 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(width + (xGap || 0)), 1), realHeight = max$5(floor(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 {
@@ -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$7(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$7(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$4) {
                     secondX = data[i + 1];
                     secondY = data[i + 2];
-                    smooth.push(M$4, getCenterX(startX, secondX), getCenterY(startY, secondY));
+                    three ? smooth.push(M$4, startX, startY) : smooth.push(M$4, getCenterX(startX, secondX), getCenterY(startY, secondY));
                 } else {
                     smooth.push(M$4, startX, startY);
                 }
@@ -3669,11 +3688,11 @@ const PathCorner = {
                 i += 3;
                 switch (data[i]) {
                   case L$4:
-                    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$2:
-                    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$2:
                 if (lastCommand !== Z$2) {
-                    arcTo(smooth, startX, startY, secondX, secondY, cornerRadius, lastX, lastY);
+                    arcTo(smooth, startX, startY, secondX, secondY, cornerRadius, lastX, lastY, three);
                     smooth.push(Z$2);
                 }
                 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() {
@@ -7387,6 +7406,7 @@ class Renderer {
         this.times = 0;
         this.config = {
             usePartRender: true,
+            ceilPartPixel: true,
             maxFPS: 120
         };
         this.frames = [];
@@ -7495,8 +7515,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);
@@ -7895,11 +7916,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 = {};
 
@@ -7976,16 +7993,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;
@@ -9269,9 +9286,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) {
@@ -9288,7 +9306,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);
     }
 };
@@ -11153,6 +11171,7 @@ ui$2.__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
         });
@@ -11726,7 +11745,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
@@ -11792,6 +11811,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;
 }
 
@@ -11925,7 +11948,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;
@@ -11947,8 +11970,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) {
@@ -12622,7 +12645,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");
@@ -12635,8 +12658,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);
@@ -12705,7 +12728,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) {
@@ -12762,10 +12785,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;
@@ -13084,8 +13107,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;
@@ -15176,7 +15204,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 = [];
@@ -15367,7 +15398,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) {
@@ -15984,13 +16015,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.set(moveX, moveY);
     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);
+            if (scrollSpread) bounds.spread(scrollSpread);
             DragBoundsHelper.getValidMove(bounds, this.canvas.bounds, "auto", move, true);
             if (scrollType.includes("x")) move.y = 0; else if (scrollType.includes("y")) move.x = 0;
         }
@@ -17068,7 +17100,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)
@@ -17622,4 +17660,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$3 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, 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, 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 };