emacroh5lib 1.0.29 → 1.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emacroh5lib",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "EMacro前端组件库",
   "main": "dist/emacroh5lib.min.js",
   "scripts": {
@@ -14,7 +14,7 @@
     "serve": "webpack serve",
     "dev": "vue-cli-service test:e2e",
     "commit": "cz",
-    "push": "webpack --mode=production --node-env=production && npm publish  --registry https://registry.npmjs.org",
+    "push": "npm run build && npm publish  --registry https://registry.npmjs.org",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [

package/src/views/ImageViewer/index.vue

@@ -4,7 +4,7 @@
             <img ref="duoViewerImage" :src="realSrc" alt="image" class="duo-viewer-mask__image" />
         </div>
         <div class="duo-viewer-footer">
-            <div class="duo-viewer-footer__title">{{ realSrc }}</div>
+            <div class="duo-viewer-footer__title">{{ realName }}</div>
             <div class="duo-viewer-footer__toolbar">
                 <ul>
                     <li class="duo-viewer-footer__zoom-in" data-viewer-action="zoom-in"></li>
@@ -71,6 +71,18 @@
                 type: Number,
                 default: 0,
             },
+            name: {
+                type: [String, Array],
+                default: null,
+            },
+            shrink: {
+                type: Number,
+                default: .4,
+            },
+            enlarge: {
+                type: Number,
+                default: .6,
+            }
         },
         computed: {
             listLength() {
@@ -79,6 +91,17 @@
             realSrc() {
                 return this.list[this.index];
             },
+            realName() {
+                if (this.name == null) {
+                    return this.list[this.index];
+                } else if (typeof this.name == "string") {
+                    return this.name
+                } else if (Array.isArray(this.name)) {
+                    return this.name[this.index];
+                } else {
+                    return "未命名"
+                }
+            },
             currentData() {
                 return this.listDataCache[this.index];
             },
@@ -312,11 +335,11 @@
                 if (h <= 20 && type === "out") return;
 
                 if (type === "out") {
-                    this.setStyleByName(image, "width", `${w * 0.45}px`);
-                    this.setStyleByName(image, "height", `${h * 0.45}px`);
+                    this.setStyleByName(image, "width", `${w * this.shrink}px`);
+                    this.setStyleByName(image, "height", `${h * this.shrink}px`);
                 } else {
-                    this.setStyleByName(image, "width", `${w * (1 + 0.35)}px`);
-                    this.setStyleByName(image, "height", `${h * (1 + 0.35)}px`);
+                    this.setStyleByName(image, "width", `${w * (1 + this.enlarge)}px`);
+                    this.setStyleByName(image, "height", `${h * (1 + this.enlarge)}px`);
                 }
 
                 this.currentData.width = this.getStyleByName(this.image, "width");
@@ -362,6 +385,10 @@
                         // up
                         this.zoom("in");
                     }
+                    if (e && e.keyCode == 27) {
+                        // esc
+                        this.handleClose()
+                    }
                 });
             },