emacroh5lib 1.0.48 → 1.0.51

package/package.json

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

package/src/views/ImageViewer/index.vue

@@ -136,7 +136,7 @@
             initListDataCache(index = 0) {
                 const promises = [];
 
-                const $this = null
+                const $this = this
 
                 this.list.forEach((item, i) => {
                     const imageObject = new Image();
@@ -243,7 +243,7 @@
 
                 this.setStyleByName(image, "width", `${width}px`);
                 this.setStyleByName(image, "height", `${height}px`);
-                
+
                 if (this.listDataCache[this.index] != null) {
                     this.listDataCache[this.index].width = `${width}px`;
                     this.listDataCache[this.index].height = `${height}px`;
@@ -357,14 +357,30 @@
 
                 setTimeout(() => {
 
-                    if (this.currentData) {
-                        this.setStyleByName(this.image, "width", this.currentData.width);
-                        this.setStyleByName(this.image, "height", this.currentData.height);
-                        this.setStyleByName(this.image, "left", this.currentData.left);
-                        this.setStyleByName(this.image, "top", this.currentData.top);
-                        this.setTransform(this.image, this.currentData.transform);
+                    let data = {
+                        transform: {
+                            scaleX: "1",
+                            skewY: "0",
+                            translateX: "-50%",
+                            translateY: "-50%",
+                            rotate: "0deg",
+                        },
+                        left: "50%",
+                        top: "50%",
+                        width: `${imageObject.width}px`,
+                        height: `${imageObject.height}px`,
+                    };
+                    if (this.currentData != null && this.currentData.width != null && this.currentData.height != null &&
+                        this.currentData.left != null && this.currentData.top != null && this.currentData.transform != null) {
+                        data = this.currentData
                     }
 
+                    this.setStyleByName(this.image, "width", data.width);
+                    this.setStyleByName(this.image, "height", data.height);
+                    this.setStyleByName(this.image, "left", data.left);
+                    this.setStyleByName(this.image, "top", data.top);
+                    this.setTransform(this.image, data.transform);
+
                     this.resetZoom();
                     this.resetPosition();
                 }, 100);