emacroh5lib 1.0.29 → 1.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emacroh5lib",
-  "version": "1.0.29",
+  "version": "1.0.32",
   "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": [
@@ -106,4 +106,4 @@
     "xlsx": "^0.18.5",
     "xlsx-style": "^0.8.13"
   }
-}
+}

package/src/utilities/File.ts

@@ -6,7 +6,7 @@ import createTaskQueue from 'sync-task-queue'
 
 export namespace EMacro {
 
-    export const version = "1.0"
+    export const version = "1.1"
 
     export class File {
 
@@ -59,9 +59,7 @@ export namespace EMacro {
         }
 
         // 文件上传
-        public static async uploadFiles(files, postFunc, chunkSize: number = 1024 * 1024 * 1, errFunc = (err) => {
-            console.error(err);
-        }) {
+        public static async uploadFiles(files, chunkFileHandle, fileComplete = (file) => { }, completeHandle = (files) => { }, chunkSize: number = 1024 * 1024 * 1) {
 
             if (files[0].fileName == "" || files[0].fileSize == "" || files[0].fileSize == 0) {
                 throw new Error("文件异常")
@@ -76,7 +74,7 @@ export namespace EMacro {
                 for (let index in fileChunks) {
                     let chunk = fileChunks[Number(index)]
                     const base64 = await File.getBase64(chunk) as string
-                    let data = {
+                    let chunkFile = {
                         'chunkIndex': Number(index), // 分片位置
                         'chunksLength': chunksLength, // 分片长度
                         'sliceSize': sliceSize, // 分片大小
@@ -86,12 +84,14 @@ export namespace EMacro {
                         'data': base64.split(';base64,')[1], // 文件数据 
                         'lastModifiedDate': file.lastModifiedDate,  // 最后修改时间
                         'md5': md5,
+                        'index': i,
                         'dataType': 'base64' // 数据的类型
                     }
-                    await postFunc(data)
+                    await chunkFileHandle(chunkFile)
                 }
-
+                fileComplete(file);
             }
+            completeHandle(files)
         }
 
         public static selectFile(options: any = { multiple: true, accept: "*/*" }): Promise<FileList | null> {
@@ -137,6 +137,23 @@ export namespace EMacro {
 
     }
 
+    export const fullScreen = (docElm: any = null) => {
+        if (docElm === null) {
+            docElm = document.documentElement
+        }
+        if (docElm.requestFullscreen) {
+            docElm.requestFullscreen();
+        } else if (docElm.mozRequestFullScreen) {
+            docElm.mozRequestFullScreen();
+        } else if (docElm.msRequestFullscreen) {
+            docElm.msRequestFullscreen();
+        } else if (docElm.oRequestFullscreen) {
+            docElm.oRequestFullscreen();
+        } else if (docElm.webkitRequestFullScreen) {
+            docElm.webkitRequestFullScreen();
+        }
+    }
+
 }
 
 

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>
@@ -43,7 +43,10 @@
 </template>
 
 <script>
-    import "./style/css/index.css";
+
+    // 需优化问题,图片很多时卡顿, 增加页面宽高自适应按钮
+
+
 
     export default {
         name: "ImageViewer",
@@ -71,6 +74,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 +94,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 +338,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 +388,10 @@
                         // up
                         this.zoom("in");
                     }
+                    if (e && e.keyCode == 27) {
+                        // esc
+                        this.handleClose()
+                    }
                 });
             },
 
@@ -501,5 +531,6 @@
     };
 </script>
 
-<style>
+<style lang="less" scoped>
+    @import "./style/css/index.css";
 </style>

package/src/views/TestView/index.vue

@@ -10,8 +10,6 @@
       :currentIndex="currentIndex" />
 
 
-
-
     <div class="list" id="list">
 
       <DragResizeView v-for="(rect, index) in rects" :key="index" :isStorage="true" :name="rect.name" :w="rect.width"