@leafer/core 1.12.2 → 1.12.4

package/lib/core.cjs

@@ -239,11 +239,13 @@ const Platform = {
             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);
+            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) {
@@ -4110,6 +4112,10 @@ class LeaferImage {
     get url() {
         return this.config.url;
     }
+    get crossOrigin() {
+        const {crossOrigin: crossOrigin} = this.config;
+        return isUndefined(crossOrigin) ? Platform.image.crossOrigin : crossOrigin;
+    }
     get completed() {
         return this.ready || !!this.error;
     }
@@ -4127,12 +4133,14 @@ class LeaferImage {
         ImageManager.isFormat("svg", config) && (this.isSVG = true);
         ImageManager.hasAlphaPixel(config) && (this.hasAlphaPixel = true);
     }
-    load(onSuccess, onError) {
+    load(onSuccess, onError, thumbSize) {
         if (!this.loading) {
             this.loading = true;
-            const {crossOrigin: crossOrigin} = this.config;
             Resource.tasker.add(() => __awaiter(this, void 0, void 0, function*() {
-                return yield Platform.origin.loadImage(this.url, isUndefined(crossOrigin) ? Platform.image.crossOrigin : crossOrigin, this).then(img => this.setView(img)).catch(e => {
+                return yield Platform.origin.loadImage(this.getLoadUrl(thumbSize), this.crossOrigin, this).then(img => {
+                    if (thumbSize) this.setThumbView(img);
+                    this.setView(img);
+                }).catch(e => {
                     this.error = e;
                     this.onComplete(false);
                 });
@@ -4153,9 +4161,11 @@ class LeaferImage {
     }
     setView(img) {
         this.ready = true;
-        this.width = img.naturalWidth || img.width;
-        this.height = img.naturalHeight || img.height;
-        this.view = img;
+        if (!this.width) {
+            this.width = img.width;
+            this.height = img.height;
+            this.view = img;
+        }
         this.onComplete(true);
     }
     onComplete(isSuccess) {
@@ -4201,6 +4211,19 @@ class LeaferImage {
         Platform.image.setPatternTransform(pattern, transform, paint);
         return pattern;
     }
+    getLoadUrl(_thumbSize) {
+        return this.url;
+    }
+    setThumbView(_view) {}
+    getThumbSize(_lod) {
+        return undefined;
+    }
+    getMinLevel() {
+        return undefined;
+    }
+    getLevelData(_level, _width, _height) {
+        return undefined;
+    }
     clearLevels(_checkUse) {}
     destroy() {
         this.clearLevels();
@@ -6930,7 +6953,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.12.2";
+const version = "1.12.4";
 
 exports.AlignHelper = AlignHelper;
 

package/lib/core.esm.js

@@ -237,11 +237,13 @@ const Platform = {
             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);
+            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) {
@@ -4108,6 +4110,10 @@ class LeaferImage {
     get url() {
         return this.config.url;
     }
+    get crossOrigin() {
+        const {crossOrigin: crossOrigin} = this.config;
+        return isUndefined(crossOrigin) ? Platform.image.crossOrigin : crossOrigin;
+    }
     get completed() {
         return this.ready || !!this.error;
     }
@@ -4125,12 +4131,14 @@ class LeaferImage {
         ImageManager.isFormat("svg", config) && (this.isSVG = true);
         ImageManager.hasAlphaPixel(config) && (this.hasAlphaPixel = true);
     }
-    load(onSuccess, onError) {
+    load(onSuccess, onError, thumbSize) {
         if (!this.loading) {
             this.loading = true;
-            const {crossOrigin: crossOrigin} = this.config;
             Resource.tasker.add(() => __awaiter(this, void 0, void 0, function*() {
-                return yield Platform.origin.loadImage(this.url, isUndefined(crossOrigin) ? Platform.image.crossOrigin : crossOrigin, this).then(img => this.setView(img)).catch(e => {
+                return yield Platform.origin.loadImage(this.getLoadUrl(thumbSize), this.crossOrigin, this).then(img => {
+                    if (thumbSize) this.setThumbView(img);
+                    this.setView(img);
+                }).catch(e => {
                     this.error = e;
                     this.onComplete(false);
                 });
@@ -4151,9 +4159,11 @@ class LeaferImage {
     }
     setView(img) {
         this.ready = true;
-        this.width = img.naturalWidth || img.width;
-        this.height = img.naturalHeight || img.height;
-        this.view = img;
+        if (!this.width) {
+            this.width = img.width;
+            this.height = img.height;
+            this.view = img;
+        }
         this.onComplete(true);
     }
     onComplete(isSuccess) {
@@ -4199,6 +4209,19 @@ class LeaferImage {
         Platform.image.setPatternTransform(pattern, transform, paint);
         return pattern;
     }
+    getLoadUrl(_thumbSize) {
+        return this.url;
+    }
+    setThumbView(_view) {}
+    getThumbSize(_lod) {
+        return undefined;
+    }
+    getMinLevel() {
+        return undefined;
+    }
+    getLevelData(_level, _width, _height) {
+        return undefined;
+    }
     clearLevels(_checkUse) {}
     destroy() {
         this.clearLevels();
@@ -6928,6 +6951,6 @@ class LeafLevelList {
     }
 }
 
-const version = "1.12.2";
+const version = "1.12.4";
 
 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 };