emacroh5lib 1.0.88 → 1.0.90

package/src/utilities/EMacro.ts

@@ -10,307 +10,316 @@ import createTaskQueue from 'sync-task-queue'
 
 import { saveAs } from 'file-saver';
 
-export namespace EMacro {
-
-    export const version = "1.73"
-
-    export class File {
-
-        public static getFileMD5(file) {
-            return new Promise((resolve, reject) => {
-
-                const fileReader = new FileReader()
-                fileReader.readAsBinaryString(file);
-                fileReader.onload = e => {
-                    const bmf = new BMF();
-                    bmf.md5(file, (err, md5) => {
-                        if (err !== null) {
-                            resolve(err)
-                        } else {
-                            reject(md5)
-                        }
-                    }, progress => {
-                        console.log('getFileMD5 progress number:', progress);
-                    });
-                }
+ const version = "1.73"
+
+ class File {
+
+    public static getFileMD5(file) {
+        return new Promise((resolve, reject) => {
+
+            const fileReader = new FileReader()
+            fileReader.readAsBinaryString(file);
+            fileReader.onload = e => {
+                const bmf = new BMF();
+                bmf.md5(file, (err, md5) => {
+                    if (err !== null) {
+                        resolve(err)
+                    } else {
+                        reject(md5)
+                    }
+                }, progress => {
+                    console.log('getFileMD5 progress number:', progress);
+                });
+            }
 
-            })
-        }
+        })
+    }
 
-        private static getBase64(blob) {
-            return new Promise((resolve, reject) => {
-                const reader = new FileReader();
-                reader.readAsDataURL(blob);
-                reader.onload = () => resolve(reader.result);
-                reader.onerror = error => reject(error);
-            });
-        }
+    private static getBase64(blob) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(blob);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = error => reject(error);
+        });
+    }
 
-        public static getFileChunks(file: any, chunkSize: number = 1024 * 1024 * 1): any {
-
-            let { size } = file
-            let totalChunks = Math.ceil(size / chunkSize)
-            let fileChunks = new Array<any>()
-            if (size > chunkSize) {
-                for (let i = 0; i < totalChunks; i++) {
-                    let start = i * chunkSize
-                    let end = (i + 1) * chunkSize
-                    let chunk = file.slice(start, end)
-                    fileChunks.push(chunk)
-                }
-            } else {
-                fileChunks.push(file)
-            }
-            return {
-                fileChunks: fileChunks,
-                sliceSize: chunkSize,
-                chunksLength: fileChunks.length
+    public static getFileChunks(file: any, chunkSize: number = 1024 * 1024 * 1): any {
+
+        let { size } = file
+        let totalChunks = Math.ceil(size / chunkSize)
+        let fileChunks = new Array<any>()
+        if (size > chunkSize) {
+            for (let i = 0; i < totalChunks; i++) {
+                let start = i * chunkSize
+                let end = (i + 1) * chunkSize
+                let chunk = file.slice(start, end)
+                fileChunks.push(chunk)
             }
+        } else {
+            fileChunks.push(file)
+        }
+        return {
+            fileChunks: fileChunks,
+            sliceSize: chunkSize,
+            chunksLength: fileChunks.length
         }
+    }
 
-        // 文件上传
-        public static async uploadFiles(files, chunkFileHandle, fileComplete = (file) => { }, completeHandle = (files) => { }, chunkSize: number = 1024 * 1024 * 1) {
+    // 文件上传
+    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("文件异常")
-            }
+        if (files[0].fileName == "" || files[0].fileSize == "" || files[0].fileSize == 0) {
+            throw new Error("文件异常")
+        }
 
-            for (let i = 0; i < files.length; i++) {
-                const file = files[i];
-                const md5 = await File.getFileMD5(file)
+        for (let i = 0; i < files.length; i++) {
+            const file = files[i];
+            const md5 = await File.getFileMD5(file)
 
-                let { fileChunks, sliceSize, chunksLength } = File.getFileChunks(file, chunkSize)
+            let { fileChunks, sliceSize, chunksLength } = File.getFileChunks(file, chunkSize)
 
-                let directoryName = "";
-                if (files[i].webkitRelativePath != null && files[i].webkitRelativePath.trim() != "") {
-                    let n = files[i].webkitRelativePath.lastIndexOf("\\")
-                    if (n == -1)
-                        n = files[i].webkitRelativePath.lastIndexOf("/")
-                    if (n != -1)
-                        directoryName = files[i].webkitRelativePath.substring(0, n)
-                }
+            let directoryName = "";
+            if (files[i].webkitRelativePath != null && files[i].webkitRelativePath.trim() != "") {
+                let n = files[i].webkitRelativePath.lastIndexOf("\\")
+                if (n == -1)
+                    n = files[i].webkitRelativePath.lastIndexOf("/")
+                if (n != -1)
+                    directoryName = files[i].webkitRelativePath.substring(0, n)
+            }
 
-                for (let index in fileChunks) {
-                    let chunk = fileChunks[Number(index)]
-                    const base64 = await File.getBase64(chunk) as string
-                    let chunkFile = {
-                        chunkIndex: Number(index), // 分片位置
-                        chunksLength: chunksLength, // 分片长度
-                        sliceSize: sliceSize, // 分片大小
-                        chunkSize: chunk.size, // 当前分片实际大小
-                        fileSize: file.size, // 文件总大小
-                        fileName: file.name, // 文件名
-                        lastModifiedDate: file.lastModifiedDate,  // 最后修改时间
-                        md5: md5,
-                        index: i,
-                        dataType: 'base64', // 数据的类型
-                        directoryName: directoryName, // 数据的类型
-                        total: files.length, // 总共文件数
-                        data: base64.split(';base64,')[1], // 文件数据 
-                    }
-                    await chunkFileHandle(chunkFile)
+            for (let index in fileChunks) {
+                let chunk = fileChunks[Number(index)]
+                const base64 = await File.getBase64(chunk) as string
+                let chunkFile = {
+                    chunkIndex: Number(index), // 分片位置
+                    chunksLength: chunksLength, // 分片长度
+                    sliceSize: sliceSize, // 分片大小
+                    chunkSize: chunk.size, // 当前分片实际大小
+                    fileSize: file.size, // 文件总大小
+                    fileName: file.name, // 文件名
+                    lastModifiedDate: file.lastModifiedDate,  // 最后修改时间
+                    md5: md5,
+                    index: i,
+                    dataType: 'base64', // 数据的类型
+                    directoryName: directoryName, // 数据的类型
+                    total: files.length, // 总共文件数
+                    data: base64.split(';base64,')[1], // 文件数据 
                 }
-                fileComplete(file);
+                await chunkFileHandle(chunkFile)
             }
-            completeHandle(files)
+            fileComplete(file);
         }
+        completeHandle(files)
+    }
 
-        public static selectFile(options: any = { multiple: true, accept: "*/*" }, isDirectory = false): Promise<FileList | null> {
-            return new Promise((resolve: (value: FileList) => void, reject) => {
-                const el = document.createElement("input");
-                el.type = "file";
-                el.accept = options.accept;
-                el.webkitdirectory = isDirectory;
-                el.multiple = options.multiple;
-                el.addEventListener("change", (_) => {
-                    try {
-                        if (!el.files) {
-                            reject(new Error("无法读取文件"));
-                        } else {
-                            resolve(el.files);
-                        }
-                    } catch (error) {
-                        reject(error)
+    public static selectFile(options: any = { multiple: true, accept: "*/*" }, isDirectory = false): Promise<FileList | null> {
+        return new Promise((resolve: (value: FileList) => void, reject) => {
+            const el = document.createElement("input");
+            el.type = "file";
+            el.accept = options.accept;
+            el.webkitdirectory = isDirectory;
+            el.multiple = options.multiple;
+            el.addEventListener("change", (_) => {
+                try {
+                    if (!el.files) {
+                        reject(new Error("无法读取文件"));
+                    } else {
+                        resolve(el.files);
                     }
-                });
-                el.click();
+                } catch (error) {
+                    reject(error)
+                }
             });
-        }
+            el.click();
+        });
+    }
 
-        public static readLocalExcel(onloadend: (file, workbook) => void, options: any = { multiple: true, accept: "*/*" }) {
+    public static readLocalExcel(onloadend: (file, workbook) => void, options: any = { multiple: true, accept: "*/*" }) {
 
-            this.selectFile(options).then((files: FileList | null) => {
-                if (files === null) {
-                    return
-                }
-                for (let i = 0; i < files.length; i++) {
-                    const file = files[i];
-                    let reader = new FileReader();
-                    reader.readAsArrayBuffer(file);
-                    reader.onloadend = async function (e: any) {
-                        let workbook = XLSX.read(e.target.result, { type: "binary" });
-                        onloadend(file, workbook);
-                    }
+        this.selectFile(options).then((files: FileList | null) => {
+            if (files === null) {
+                return
+            }
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                let reader = new FileReader();
+                reader.readAsArrayBuffer(file);
+                reader.onloadend = async function (e: any) {
+                    let workbook = XLSX.read(e.target.result, { type: "binary" });
+                    onloadend(file, workbook);
                 }
-            }).catch(e => {
-                throw e;
-            })
-        }
-
-        // type: 'base64' | 'binary' | 'buffer' | 'file' | 'array' | 'string'
-        public static toExcel(data, type) {
-            let workbook = XLSX.read(data, { type: type });
-            return workbook;
-        }
+            }
+        }).catch(e => {
+            throw e;
+        })
+    }
 
-        public static downloadExcel(workbook, name) {
+    // type: 'base64' | 'binary' | 'buffer' | 'file' | 'array' | 'string'
+    public static toExcel(data, type) {
+        let workbook = XLSX.read(data, { type: type });
+        return workbook;
+    }
 
-            /* bookType can be 'xlsx' or 'xlsm' or 'xlsb' */
-            const wopts: any = { bookType: 'xls', bookSST: false, type: 'binary', cellStyles: true };
+    public static downloadExcel(workbook, name) {
 
-            const wbout = XLSX.write(workbook, wopts);
+        /* bookType can be 'xlsx' or 'xlsm' or 'xlsb' */
+        const wopts: any = { bookType: 'xls', bookSST: false, type: 'binary', cellStyles: true };
 
-            function s2ab(s) {
-                const buf = new ArrayBuffer(s.length);
-                const view = new Uint8Array(buf);
-                for (let i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
-                return buf;
-            }
-
-            /* the saveAs call downloads a file on the local machine */
-            saveAs(new Blob([s2ab(wbout)], { type: 'application/octet-stream' }), name)
+        const wbout = XLSX.write(workbook, wopts);
 
+        function s2ab(s) {
+            const buf = new ArrayBuffer(s.length);
+            const view = new Uint8Array(buf);
+            for (let i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
+            return buf;
         }
 
+        /* the saveAs call downloads a file on the local machine */
+        saveAs(new Blob([s2ab(wbout)], { type: 'application/octet-stream' }), name)
+
     }
 
-    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();
-        }
+}
+
+
+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();
     }
+}
 
-    // 获取最大公约数
-    function getGcd(a, b) {
-        let n1, n2;
-        if (a > b) {
-            n1 = a;
-            n2 = b;
-        } else {
-            n1 = b;
-            n2 = a;
-        }
+// 获取最大公约数
+function getGcd(a, b) {
+    let n1, n2;
+    if (a > b) {
+        n1 = a;
+        n2 = b;
+    } else {
+        n1 = b;
+        n2 = a;
+    }
 
-        let remainder = n1 % n2;
-        if (remainder === 0) {
-            return n2;
-        } else {
-            return getGcd(n2, remainder)
-        }
+    let remainder = n1 % n2;
+    if (remainder === 0) {
+        return n2;
+    } else {
+        return getGcd(n2, remainder)
     }
+}
 
-    export const getVideoScale = async (url: string) => {
-        const video = document.createElement('video');
-        video.setAttribute("width", "10");
-        video.setAttribute("height", "10");
-        video.setAttribute("style", "position: absolute;opacity: 0;z-index: -5;top: 0;");
-        video.setAttribute("src", url);
+const getVideoScale = async (url: string) => {
+    const video = document.createElement('video');
+    video.setAttribute("width", "10");
+    video.setAttribute("height", "10");
+    video.setAttribute("style", "position: absolute;opacity: 0;z-index: -5;top: 0;");
+    video.setAttribute("src", url);
 
-        document.body.appendChild(video);
+    document.body.appendChild(video);
 
-        const p = new Promise(function (resolve, reject) {
-            video.addEventListener('canplay', function (e: any) {
-                const gcd = getGcd(e.target.videoWidth, e.target.videoHeight);
-                resolve([e.target.videoWidth / gcd, e.target.videoHeight / gcd])
-            })
+    const p = new Promise(function (resolve, reject) {
+        video.addEventListener('canplay', function (e: any) {
+            const gcd = getGcd(e.target.videoWidth, e.target.videoHeight);
+            resolve([e.target.videoWidth / gcd, e.target.videoHeight / gcd])
         })
-        const res = await p;
-        document.body.removeChild(video);
-        return res
-    }
+    })
+    const res = await p;
+    document.body.removeChild(video);
+    return res
+}
+
+// 读取video中某一帧转为图片base64
+const getVideoBase64 = async (url: string, timestamp = -1, bufftime = 2000) => {
+
+    const scale = await getVideoScale(url) as any;
+    const width = scale[0] + ''
+    const height = scale[1] + ''
+    const base64 = await new Promise(function (resolve) {
+        let dataURL = ''
+        let video = document.createElement('video')
+        video.setAttribute('crossOrigin', 'anonymous') //处理跨域
+        video.setAttribute('src', url)
+        video.setAttribute('width', width)
+        video.setAttribute('height', height)
+        video.setAttribute('autoplay', 'autoplay')
+        document.body.appendChild(video)
+        video.addEventListener('loadeddata', function () {
+
+            video.pause()
+
+            if (timestamp === -1) {
+                timestamp = Math.random() * video.duration
+            }
+            video.currentTime = timestamp
+
+            /*  
+            使用定时器为了视频跳转到某一帧的时候视频进行缓冲,等视频加载完成之后进行截图
+            如果截图是黑屏说明视频未加载完成就开始截屏了
+        */
+            setTimeout(() => {
+                let canvas = document.createElement('canvas');
+                // const width = canvas.width; //canvas的尺寸和图片一样
+                // const height = canvas.height;
+                canvas.width = video.width
+                canvas.height = video.height
+                canvas.getContext('2d')!.drawImage(video, 0, 0, video.width, video.height) //绘制canvas
+                dataURL = canvas.toDataURL('image/jpeg') //转换为base64
+                document.body.removeChild(video)
+                resolve(dataURL)
+            }, bufftime);
 
-    // 读取video中某一帧转为图片base64
-    export const getVideoBase64 = async (url: string, timestamp = -1, bufftime = 2000) => {
-
-        const scale = await getVideoScale(url) as any;
-        const width = scale[0] + ''
-        const height = scale[1] + ''
-        const base64 = await new Promise(function (resolve) {
-            let dataURL = ''
-            let video = document.createElement('video')
-            video.setAttribute('crossOrigin', 'anonymous') //处理跨域
-            video.setAttribute('src', url)
-            video.setAttribute('width', width)
-            video.setAttribute('height', height)
-            video.setAttribute('autoplay', 'autoplay')
-            document.body.appendChild(video)
-            video.addEventListener('loadeddata', function () {
-
-                video.pause()
-
-                if (timestamp === -1) {
-                    timestamp = Math.random() * video.duration
-                }
-                video.currentTime = timestamp
-
-                /*  
-                使用定时器为了视频跳转到某一帧的时候视频进行缓冲,等视频加载完成之后进行截图
-                如果截图是黑屏说明视频未加载完成就开始截屏了
-            */
-                setTimeout(() => {
-                    let canvas = document.createElement('canvas');
-                    // const width = canvas.width; //canvas的尺寸和图片一样
-                    // const height = canvas.height;
-                    canvas.width = video.width
-                    canvas.height = video.height
-                    canvas.getContext('2d')!.drawImage(video, 0, 0, video.width, video.height) //绘制canvas
-                    dataURL = canvas.toDataURL('image/jpeg') //转换为base64
-                    document.body.removeChild(video)
-                    resolve(dataURL)
-                }, bufftime);
-
-            })
         })
+    })
 
-        return base64;
-    }
+    return base64;
+}
 
-    export function getType(values) {
-        return Object
-            .prototype
-            .toString
-            .call(values)
-            .replace(/\[(\S+) (\S+)\]/, '$2')
-    }
+function getType(values) {
+    return Object
+        .prototype
+        .toString
+        .call(values)
+        .replace(/\[(\S+) (\S+)\]/, '$2')
+}
 
-    export const extensionToLowerCase = (fileName: string) => {
-        const n = fileName.lastIndexOf(".");
-        const extension = fileName.substring(n).toLowerCase();
-        return fileName.substring(0, n) + extension;
-    }
+const extensionToLowerCase = (fileName: string) => {
+    const n = fileName.lastIndexOf(".");
+    const extension = fileName.substring(n).toLowerCase();
+    return fileName.substring(0, n) + extension;
+}
 
-    export const isURL = (strUrl) => {
-        const regular = /^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i;
-        if (regular.test(strUrl.trim())) {
-            return true;
-        } else {
-            return false;
-        }
+const isURL = (strUrl) => {
+    const regular = /^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\\@&?=+,.!\\/~%\\$]*)?)$/i;
+    if (regular.test(strUrl.trim())) {
+        return true;
+    } else {
+        return false;
     }
+}
 
 
+export  const EMacro =  {
 
+    version,
+    File,
+    fullScreen,
+    getGcd,
+    getVideoScale,
+    getVideoBase64,
+    getType,
+    extensionToLowerCase,
+    isURL
 }
 
 

package/tsconfig.json

@@ -10,22 +10,18 @@
     "declarationDir": "./dist/types/", // 声明文件打包的位置
     "declarationMap": false, // 是否生成声明文件map文件（便于调试）
     "moduleResolution": "node",
-    "module": "esnext",
-    "target": "esnext", // 转化成的目标语言
+    "module": "commonjs",
+    "target": "es6", // 转化成的目标语言
     "baseUrl": "./",
     "strict": true,
-    "jsx": "preserve", 
+    "jsx": "preserve",
     "experimentalDecorators": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
-    "useDefineForClassFields": true,  
-    "types": [
-      "node",
-      "webpack-env",
-      "jest",
-      "jquery"
+    "useDefineForClassFields": true,
+    "types": [ 
     ],
     "paths": {
       "@/*": [
@@ -47,12 +43,13 @@
   },
   "include": [
     "src/**/*.ts",
-    "typings.d.ts", 
+    "typings.d.ts",
     "src/**/*.tsx",
     "src/**/*.vue",
     "tests/**/*.ts",
-    "tests/**/*.tsx"
-, "src/components/MessageBox.tsx"  ], // 要打包的文件
+    "tests/**/*.tsx",
+    "src/components/MessageBox.tsx"
+  ], // 要打包的文件
   "exclude": [
     "node_modules",
     "*.test.ts"

package/webpack.config.js

@@ -23,14 +23,14 @@ const config = {
     outputModule: true,
   },
   output: {
-    filename: 'emacroh5lib.min.js',
+    filename: 'emacroh5lib.min.[name].js',
     // publicPath: process.env.NODE_ENV === "development" ? "/" : "/emacroh5lib/",
     path: path.resolve(__dirname, "dist"),
     library: {
       // do not specify a `name` here
       type: 'module',
     },
-  }, 
+  },
   devServer: {
     open: true,
     hot: true,
@@ -51,7 +51,12 @@ const config = {
       }
     }
   },
-  optimization: { sideEffects: true },
+  optimization: {
+    sideEffects: true,
+    splitChunks: {
+      chunks: 'all'
+    }
+  },
   externals: {
     './cptable': 'var cptable'
   },
@@ -133,9 +138,9 @@ module.exports = () => {
   }
 
   // 打包文件大小配置
-  config.performance = {
-    maxEntrypointSize: 10 * 1024 * 1024,
-    maxAssetSize: 10 * 1024 * 1024
+  config.performance = { 
+    maxEntrypointSize: 1024 * 1024,
+    maxAssetSize: 1024 * 1024 * 1
   }
 
   return config;