@leafer/core 1.12.3 → 2.0.0

package/lib/core.cjs

@@ -209,57 +209,6 @@ class LeafData {
     }
 }
 
-const {floor: floor$2, 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.maxCacheSize);
-        },
-        isSuperLarge(size, scaleX, scaleY) {
-            return image.isLarge(size, scaleX, scaleY, image.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$2(floor$2(width + (xGap || 0)), 1), max$2(floor$2(height + (yGap || 0)), 1));
-            const ctx = canvas.getContext("2d");
-            if (opacity) ctx.globalAlpha = opacity;
-            ctx.imageSmoothingEnabled = smooth === false ? false : true;
-            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} = Platform;
-
 const IncrementId = {
     RUNTIME: "runtime",
     LEAF: "leaf",
@@ -282,7 +231,7 @@ const I$1 = IncrementId;
 
 let tempA, tempB, tempTo;
 
-const {max: max$1} = Math, tempFour = [ 0, 0, 0, 0 ];
+const {max: max$2} = Math, tempFour = [ 0, 0, 0, 0 ];
 
 const FourNumberHelper = {
     zero: [ ...tempFour ],
@@ -334,9 +283,9 @@ const FourNumberHelper = {
         return data;
     },
     max(t, other, change) {
-        if (isNumber(t) && isNumber(other)) return max$1(t, other);
+        if (isNumber(t) && isNumber(other)) return max$2(t, other);
         toTempAB(t, other, change);
-        return set$1(tempTo, max$1(tempA[0], tempB[0]), max$1(tempA[1], tempB[1]), max$1(tempA[2], tempB[2]), max$1(tempA[3], tempB[3]));
+        return set$1(tempTo, max$2(tempA[0], tempB[0]), max$2(tempA[1], tempB[1]), max$2(tempA[2], tempB[2]), max$2(tempA[3], tempB[3]));
     },
     add(t, other, change) {
         if (isNumber(t) && isNumber(other)) return t + other;
@@ -353,7 +302,7 @@ const FourNumberHelper = {
 
 const {set: set$1, get: get$1, setTemp: setTemp, toTempAB: toTempAB} = FourNumberHelper;
 
-const {round: round$3, pow: pow$1, max: max, floor: floor$1, PI: PI$1} = Math;
+const {round: round$3, pow: pow$1, max: max$1, floor: floor$2, PI: PI$1} = Math;
 
 const MathHelper = {
     within(value, min, max) {
@@ -407,7 +356,7 @@ const MathHelper = {
         }
     },
     getFloorScale(num, min = 1) {
-        return max(floor$1(num), min) / num;
+        return max$1(floor$2(num), min) / num;
     },
     randInt: randInt,
     randColor(opacity) {
@@ -1252,7 +1201,7 @@ 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, bottom, boundsRight, boundsBottom;
 
@@ -1409,8 +1358,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);
     },
@@ -1542,6 +1491,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);
     }
@@ -1718,6 +1670,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,
@@ -1734,6 +1692,69 @@ const StringNumberMap = {
     E: 1
 };
 
+const {floor: floor, max: max} = 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.maxCacheSize);
+        },
+        isSuperLarge(size, scaleX, scaleY) {
+            return image.isLarge(size, scaleX, scaleY, image.maxPatternSize);
+        },
+        getRealURL(url) {
+            const {prefix: prefix, suffix: suffix} = image;
+            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(floor(width + (xGap || 0)), 1), realHeight = max(floor(height + (yGap || 0)), 1);
+            let interlaceX, interlaceY, interlaceOffset;
+            if (interlace && (interlaceOffset = UnitConvertHelper.number(interlace.offset, (interlaceX = interlace.type === "x") ? width : height))) interlaceX || (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.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} = Platform;
+
 const {randColor: randColor} = MathHelper;
 
 class Debug {
@@ -3776,9 +3797,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$4.error(error);
             }
@@ -3894,7 +3916,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();
@@ -4184,7 +4206,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) {
@@ -4197,7 +4219,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
@@ -4213,13 +4235,13 @@ class LeaferImage {
         return this.url;
     }
     setThumbView(_view) {}
-    getThumbSize() {
+    getThumbSize(_lod) {
         return undefined;
     }
     getMinLevel() {
         return undefined;
     }
-    getLevelData(_level) {
+    getLevelData(_level, _width, _height) {
         return undefined;
     }
     clearLevels(_checkUse) {}
@@ -6089,7 +6111,7 @@ const LeafRender = {
     }
 };
 
-const {excludeRenderBounds: excludeRenderBounds} = LeafBoundsHelper;
+const {excludeRenderBounds: excludeRenderBounds} = LeafBoundsHelper, {hasSize: hasSize} = BoundsHelper;
 
 const BranchRender = {
     __updateChange() {
@@ -6101,8 +6123,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);
@@ -6111,7 +6133,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);
@@ -6951,7 +6972,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.12.3";
+const version = "2.0.0";
 
 exports.AlignHelper = AlignHelper;
 
@@ -7095,6 +7116,8 @@ exports.TwoPointBoundsHelper = TwoPointBoundsHelper;
 
 exports.UICreator = UICreator;
 
+exports.UnitConvertHelper = UnitConvertHelper;
+
 exports.WaitHelper = WaitHelper;
 
 exports.WatchEvent = WatchEvent;

package/lib/core.esm.js

@@ -207,57 +207,6 @@ class LeafData {
     }
 }
 
-const {floor: floor$2, 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.maxCacheSize);
-        },
-        isSuperLarge(size, scaleX, scaleY) {
-            return image.isLarge(size, scaleX, scaleY, image.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$2(floor$2(width + (xGap || 0)), 1), max$2(floor$2(height + (yGap || 0)), 1));
-            const ctx = canvas.getContext("2d");
-            if (opacity) ctx.globalAlpha = opacity;
-            ctx.imageSmoothingEnabled = smooth === false ? false : true;
-            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} = Platform;
-
 const IncrementId = {
     RUNTIME: "runtime",
     LEAF: "leaf",
@@ -280,7 +229,7 @@ const I$1 = IncrementId;
 
 let tempA, tempB, tempTo;
 
-const {max: max$1} = Math, tempFour = [ 0, 0, 0, 0 ];
+const {max: max$2} = Math, tempFour = [ 0, 0, 0, 0 ];
 
 const FourNumberHelper = {
     zero: [ ...tempFour ],
@@ -332,9 +281,9 @@ const FourNumberHelper = {
         return data;
     },
     max(t, other, change) {
-        if (isNumber(t) && isNumber(other)) return max$1(t, other);
+        if (isNumber(t) && isNumber(other)) return max$2(t, other);
         toTempAB(t, other, change);
-        return set$1(tempTo, max$1(tempA[0], tempB[0]), max$1(tempA[1], tempB[1]), max$1(tempA[2], tempB[2]), max$1(tempA[3], tempB[3]));
+        return set$1(tempTo, max$2(tempA[0], tempB[0]), max$2(tempA[1], tempB[1]), max$2(tempA[2], tempB[2]), max$2(tempA[3], tempB[3]));
     },
     add(t, other, change) {
         if (isNumber(t) && isNumber(other)) return t + other;
@@ -351,7 +300,7 @@ const FourNumberHelper = {
 
 const {set: set$1, get: get$1, setTemp: setTemp, toTempAB: toTempAB} = FourNumberHelper;
 
-const {round: round$3, pow: pow$1, max: max, floor: floor$1, PI: PI$1} = Math;
+const {round: round$3, pow: pow$1, max: max$1, floor: floor$2, PI: PI$1} = Math;
 
 const MathHelper = {
     within(value, min, max) {
@@ -405,7 +354,7 @@ const MathHelper = {
         }
     },
     getFloorScale(num, min = 1) {
-        return max(floor$1(num), min) / num;
+        return max$1(floor$2(num), min) / num;
     },
     randInt: randInt,
     randColor(opacity) {
@@ -1250,7 +1199,7 @@ 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, bottom, boundsRight, boundsBottom;
 
@@ -1407,8 +1356,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);
     },
@@ -1540,6 +1489,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);
     }
@@ -1716,6 +1668,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,
@@ -1732,6 +1690,69 @@ const StringNumberMap = {
     E: 1
 };
 
+const {floor: floor, max: max} = 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.maxCacheSize);
+        },
+        isSuperLarge(size, scaleX, scaleY) {
+            return image.isLarge(size, scaleX, scaleY, image.maxPatternSize);
+        },
+        getRealURL(url) {
+            const {prefix: prefix, suffix: suffix} = image;
+            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(floor(width + (xGap || 0)), 1), realHeight = max(floor(height + (yGap || 0)), 1);
+            let interlaceX, interlaceY, interlaceOffset;
+            if (interlace && (interlaceOffset = UnitConvertHelper.number(interlace.offset, (interlaceX = interlace.type === "x") ? width : height))) interlaceX || (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.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} = Platform;
+
 const {randColor: randColor} = MathHelper;
 
 class Debug {
@@ -3774,9 +3795,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$4.error(error);
             }
@@ -3892,7 +3914,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();
@@ -4182,7 +4204,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) {
@@ -4195,7 +4217,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
@@ -4211,13 +4233,13 @@ class LeaferImage {
         return this.url;
     }
     setThumbView(_view) {}
-    getThumbSize() {
+    getThumbSize(_lod) {
         return undefined;
     }
     getMinLevel() {
         return undefined;
     }
-    getLevelData(_level) {
+    getLevelData(_level, _width, _height) {
         return undefined;
     }
     clearLevels(_checkUse) {}
@@ -6087,7 +6109,7 @@ const LeafRender = {
     }
 };
 
-const {excludeRenderBounds: excludeRenderBounds} = LeafBoundsHelper;
+const {excludeRenderBounds: excludeRenderBounds} = LeafBoundsHelper, {hasSize: hasSize} = BoundsHelper;
 
 const BranchRender = {
     __updateChange() {
@@ -6099,8 +6121,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);
@@ -6109,7 +6131,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);
@@ -6949,6 +6970,6 @@ class LeafLevelList {
     }
 }
 
-const version = "1.12.3";
+const version = "2.0.0";
 
-export { AlignHelper, Answer, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Branch, BranchHelper, BranchRender, CanvasManager, ChildEvent, Creator, DataHelper, Debug, Direction4, Direction9, EllipseHelper, Event, EventCreator, Eventer, FileHelper, FourNumberHelper, ImageEvent, ImageManager, IncrementId, LayoutEvent, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, LeaferCanvasBase, LeaferEvent, LeaferImage, MathHelper, Matrix, MatrixHelper, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Platform, Plugin, Point, PointHelper, PropertyEvent, RectHelper, RenderEvent, ResizeEvent, Resource, Run, StringNumberMap, TaskItem, TaskProcessor, TwoPointBoundsHelper, UICreator, WaitHelper, WatchEvent, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerUI, registerUIEvent, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds, tempMatrix, tempPoint$2 as tempPoint, tryToNumber, useModule, version, visibleType };
+export { AlignHelper, Answer, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Branch, BranchHelper, BranchRender, CanvasManager, ChildEvent, Creator, DataHelper, Debug, Direction4, Direction9, EllipseHelper, Event, EventCreator, Eventer, FileHelper, FourNumberHelper, ImageEvent, ImageManager, IncrementId, LayoutEvent, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, LeaferCanvasBase, LeaferEvent, LeaferImage, MathHelper, Matrix, MatrixHelper, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Platform, Plugin, Point, PointHelper, PropertyEvent, RectHelper, RenderEvent, ResizeEvent, Resource, Run, StringNumberMap, TaskItem, TaskProcessor, TwoPointBoundsHelper, UICreator, UnitConvertHelper, WaitHelper, WatchEvent, affectRenderBoundsType, affectStrokeBoundsType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerUI, registerUIEvent, rewrite, rewriteAble, rotationType, scaleType, scrollType, sortType, strokeType, surfaceType, tempBounds, tempMatrix, tempPoint$2 as tempPoint, tryToNumber, useModule, version, visibleType };