emacroh5lib 1.0.54 → 1.0.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emacroh5lib",
-  "version": "1.0.54",
+  "version": "1.0.57",
   "description": "EMacro前端组件库",
   "main": "dist/emacroh5lib.min.js",
   "scripts": {

package/src/views/ImageViewer/index.vue

@@ -54,7 +54,9 @@
                 viewerSrc: "",
                 image: null,
                 listDataCache: [],
-                index: 0
+                index: 0,
+                _shrink: 0.4,
+                _enlarge: 0.6,
             };
         },
         props: {
@@ -124,6 +126,8 @@
             },
         },
         mounted() {
+            this._shrink = 1 - this.shrink
+            this._enlarge = 1 + this.enlarge
         },
         methods: {
             // Global init
@@ -196,8 +200,11 @@
                     this.setStyleByName(this.image, "height", height);
 
                     setTimeout(() => {
-                        this.resetZoom();
-                    }, 100);
+                        this.resetZoom(false);
+                        setTimeout(() => {
+                            this.resetZoom();
+                        }, 200);
+                    }, 0);
                 })
 
             },
@@ -414,21 +421,23 @@
             // Zoom action
             zoom(type) {
                 let image = this.image;
+
                 let w = +this.getStyleByName(image, "width").split("px")[0];
                 let h = +this.getStyleByName(image, "height").split("px")[0];
 
                 if (h <= 20 && type === "out") return;
 
                 if (type === "out") {
-                    this.setStyleByName(image, "width", `${w * (1 - this.shrink)}px`);
-                    this.setStyleByName(image, "height", `${h * (1 - this.shrink)}px`);
+                    this.setStyleByName(image, "width", `${w * this._shrink}px`);
+                    this.setStyleByName(image, "height", `${h * this._shrink}px`);
                 } else {
-                    this.setStyleByName(image, "width", `${w * (1 + this.enlarge)}px`);
-                    this.setStyleByName(image, "height", `${h * (1 + this.enlarge)}px`);
+                    this.setStyleByName(image, "width", `${w * this._enlarge}px`);
+                    this.setStyleByName(image, "height", `${h * this._enlarge}px`);
+                }
+                if (this.currentData) {
+                    this.currentData.width = this.getStyleByName(this.image, "width");
+                    this.currentData.height = this.getStyleByName(this.image, "height");
                 }
-
-                this.currentData.width = this.getStyleByName(this.image, "width");
-                this.currentData.height = this.getStyleByName(this.image, "height");
             },
 
             // FullScreen action