@leafer-ui/worker 1.12.2 → 1.12.4

package/dist/worker.module.js

@@ -246,11 +246,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) {
@@ -4117,6 +4119,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;
     }
@@ -4134,12 +4140,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);
                 });
@@ -4160,9 +4168,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) {
@@ -4208,6 +4218,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();
@@ -6937,7 +6960,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.12.2";
+const version = "1.12.4";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -10160,6 +10183,10 @@ MoveEvent.DRAG_ANIMATE = "move.drag_animate";
 
 MoveEvent.END = "move.end";
 
+MoveEvent.PULL_DOWN = "move.pull_down";
+
+MoveEvent.REACH_BOTTOM = "move.reach_bottom";
+
 MoveEvent = __decorate([ registerUIEvent() ], MoveEvent);
 
 let TouchEvent = class TouchEvent extends UIEvent {};
@@ -11629,7 +11656,7 @@ function image(ui, attrName, paint, boxBounds, firstUse) {
             ignoreRender(ui, false);
             onLoadError(ui, event, error);
             leafPaint.loadId = undefined;
-        });
+        }, paint.lod && image.getThumbSize(paint.lod));
         if (ui.placeholderColor) {
             if (!ui.placeholderDelay) image.isPlacehold = true; else setTimeout(() => {
                 if (!image.ready) {