leafer-draw 1.12.4 → 2.0.1

package/dist/web.js

@@ -199,56 +199,6 @@ var LeaferUI = function(exports) {
             this.__input = this.__middle = null;
         }
     }
-    const {floor: floor$2, max: max$4} = 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$4(floor$2(width + (xGap || 0)), 1), max$4(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",
@@ -268,7 +218,7 @@ var LeaferUI = function(exports) {
     };
     const I$1 = IncrementId;
     let tempA, tempB, tempTo;
-    const {max: max$3} = Math, tempFour = [ 0, 0, 0, 0 ];
+    const {max: max$4} = Math, tempFour = [ 0, 0, 0, 0 ];
     const FourNumberHelper = {
         zero: [ ...tempFour ],
         tempFour: tempFour,
@@ -319,9 +269,9 @@ var LeaferUI = function(exports) {
             return data;
         },
         max(t, other, change) {
-            if (isNumber(t) && isNumber(other)) return max$3(t, other);
+            if (isNumber(t) && isNumber(other)) return max$4(t, other);
             toTempAB(t, other, change);
-            return set$2(tempTo, max$3(tempA[0], tempB[0]), max$3(tempA[1], tempB[1]), max$3(tempA[2], tempB[2]), max$3(tempA[3], tempB[3]));
+            return set$2(tempTo, max$4(tempA[0], tempB[0]), max$4(tempA[1], tempB[1]), max$4(tempA[2], tempB[2]), max$4(tempA[3], tempB[3]));
         },
         add(t, other, change) {
             if (isNumber(t) && isNumber(other)) return t + other;
@@ -336,7 +286,7 @@ var LeaferUI = function(exports) {
         }
     };
     const {set: set$2, get: get$5, setTemp: setTemp, toTempAB: toTempAB} = FourNumberHelper;
-    const {round: round$3, pow: pow$1, max: max$2, floor: floor$1, PI: PI$3} = Math;
+    const {round: round$3, pow: pow$1, max: max$3, floor: floor$2, PI: PI$3} = Math;
     const MathHelper = {
         within(value, min, max) {
             if (isObject(min)) max = min.max, min = min.min;
@@ -389,7 +339,7 @@ var LeaferUI = function(exports) {
             }
         },
         getFloorScale(num, min = 1) {
-            return max$2(floor$1(num), min) / num;
+            return max$3(floor$2(num), min) / num;
         },
         randInt: randInt,
         randColor(opacity) {
@@ -1195,7 +1145,7 @@ var LeaferUI = function(exports) {
     const {tempPointBounds: tempPointBounds$1, setPoint: setPoint$2, addPoint: addPoint$2, toBounds: toBounds$2} = TwoPointBoundsHelper;
     const {toOuterPoint: toOuterPoint$2} = MatrixHelper;
     const {float: float, fourNumber: fourNumber} = MathHelper;
-    const {floor: floor, ceil: ceil$1} = Math;
+    const {floor: floor$1, ceil: ceil$1} = Math;
     let right$1, bottom$1, boundsRight, boundsBottom;
     const point = {};
     const toPoint$4 = {};
@@ -1347,8 +1297,8 @@ var LeaferUI = function(exports) {
         },
         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);
         },
@@ -1480,6 +1430,9 @@ var LeaferUI = function(exports) {
         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);
         }
@@ -1650,6 +1603,11 @@ var LeaferUI = function(exports) {
             return new Bounds(left, top, width ? width : parent.width - left - right, height ? height : parent.height - top - bottom);
         }
     }
+    const UnitConvertHelper = {
+        number(value, percentRefer) {
+            return isObject(value) ? value.type === "percent" ? value.value * percentRefer : value.value : value;
+        }
+    };
     const StringNumberMap = {
         0: 1,
         1: 1,
@@ -1665,6 +1623,66 @@ var LeaferUI = function(exports) {
         e: 1,
         E: 1
     };
+    const {floor: floor, max: max$2} = 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$2(floor(width + (xGap || 0)), 1), realHeight = max$2(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 {
         constructor(name) {
@@ -3096,10 +3114,10 @@ var LeaferUI = function(exports) {
                 data.push(O$2, 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(radius, min(d / 2, d / 2 * abs$2(tan(getRadianFrom(lastX, lastY, x1, y1, x2, y2) / 2))));
+                const r = getMinDistanceFrom(lastX, lastY, x1, y1, x2, y2) / (fullRadius ? 1 : 2);
+                radius = min(radius, min(r, r * abs$2(tan(getRadianFrom(lastX, lastY, x1, y1, x2, y2) / 2))));
             }
             data.push(U$2, x1, y1, x2, y2, radius);
         },
@@ -3424,7 +3442,7 @@ var LeaferUI = function(exports) {
             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];
@@ -3436,7 +3454,7 @@ var LeaferUI = function(exports) {
                     if (data[i] === L$1) {
                         secondX = data[i + 1];
                         secondY = data[i + 2];
-                        smooth.push(M, getCenterX(startX, secondX), getCenterY(startY, secondY));
+                        three ? smooth.push(M, startX, startY) : smooth.push(M, getCenterX(startX, secondX), getCenterY(startY, secondY));
                     } else {
                         smooth.push(M, startX, startY);
                     }
@@ -3448,11 +3466,11 @@ var LeaferUI = function(exports) {
                     i += 3;
                     switch (data[i]) {
                       case L$1:
-                        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:
-                        arcTo(smooth, x, y, startX, startY, cornerRadius, lastX, lastY);
+                        arcTo(smooth, x, y, startX, startY, cornerRadius, lastX, lastY, three);
                         break;
 
                       default:
@@ -3464,7 +3482,7 @@ var LeaferUI = function(exports) {
 
                   case Z:
                     if (lastCommand !== Z) {
-                        arcTo(smooth, startX, startY, secondX, secondY, cornerRadius, lastX, lastY);
+                        arcTo(smooth, startX, startY, secondX, secondY, cornerRadius, lastX, lastY, three);
                         smooth.push(Z);
                     }
                     i += 1;
@@ -3551,9 +3569,10 @@ var LeaferUI = function(exports) {
         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$9.error(error);
                 }
@@ -3668,7 +3687,7 @@ var LeaferUI = function(exports) {
         stop() {
             this.isComplete = true;
             this.list.forEach(task => {
-                if (!task.isComplete) task.cancel();
+                if (!task.isComplete) task.run();
             });
             this.pause();
             this.empty();
@@ -3951,7 +3970,7 @@ var LeaferUI = function(exports) {
         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) {
@@ -3964,7 +3983,7 @@ var LeaferUI = function(exports) {
                 }
                 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
@@ -5706,7 +5725,7 @@ var LeaferUI = function(exports) {
             if (this.__layout.opacityChanged) this.__layout.opacityChanged = false;
         }
     };
-    const {excludeRenderBounds: excludeRenderBounds$1} = LeafBoundsHelper;
+    const {excludeRenderBounds: excludeRenderBounds$1} = LeafBoundsHelper, {hasSize: hasSize} = BoundsHelper;
     const BranchRender = {
         __updateChange() {
             const {__layout: layout} = this;
@@ -5717,8 +5736,8 @@ var LeaferUI = function(exports) {
             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);
@@ -5727,7 +5746,6 @@ var LeaferUI = function(exports) {
                     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);
@@ -6549,7 +6567,7 @@ var LeaferUI = function(exports) {
             this.levelMap = null;
         }
     }
-    const version = "1.12.4";
+    const version = "2.0.1";
     const debug$4 = Debug.get("LeaferCanvas");
     class LeaferCanvas extends LeaferCanvasBase {
         set zIndex(zIndex) {
@@ -7146,6 +7164,7 @@ var LeaferUI = function(exports) {
             this.times = 0;
             this.config = {
                 usePartRender: true,
+                ceilPartPixel: true,
                 maxFPS: 120
             };
             this.frames = [];
@@ -7254,8 +7273,9 @@ var LeaferUI = function(exports) {
             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);
@@ -7442,11 +7462,7 @@ var LeaferUI = function(exports) {
     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 = {};
     const Paint = {};
     const PaintImage = {};
@@ -7509,16 +7525,16 @@ var LeaferUI = function(exports) {
             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;
@@ -8664,9 +8680,10 @@ var LeaferUI = function(exports) {
             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) {
@@ -8683,7 +8700,7 @@ var LeaferUI = function(exports) {
                     ellipse(path, rx, ry, rx, ry);
                 }
             }
-            closePath$2(path);
+            if (!open) closePath$2(path);
             if (Platform.ellipseToCurve) this.__.path = this.getPath(true);
         }
     };
@@ -9495,7 +9512,7 @@ var LeaferUI = function(exports) {
         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
@@ -9561,6 +9578,10 @@ var LeaferUI = function(exports) {
         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;
     }
     function getGapData(gap, repeat, width, height, box) {
@@ -9681,7 +9702,7 @@ var LeaferUI = function(exports) {
                     if (transform) copy$1(imageMatrix, transform);
                     scale(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;
@@ -9701,8 +9722,8 @@ var LeaferUI = function(exports) {
     }
     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) {
@@ -10295,7 +10316,7 @@ var LeaferUI = function(exports) {
     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");
@@ -10308,8 +10329,8 @@ var LeaferUI = function(exports) {
                     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);
@@ -10374,7 +10395,7 @@ var LeaferUI = function(exports) {
         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) {
@@ -10430,10 +10451,10 @@ var LeaferUI = function(exports) {
         bounds.height = realHeight;
     }
     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;
@@ -10680,6 +10701,7 @@ var LeaferUI = function(exports) {
     exports.UIData = UIData;
     exports.UIRender = UIRender;
     exports.UnitConvert = UnitConvert;
+    exports.UnitConvertHelper = UnitConvertHelper;
     exports.WaitHelper = WaitHelper;
     exports.WatchEvent = WatchEvent;
     exports.Watcher = Watcher;