fast-vue-multi-pages 1.0.5 → 1.0.6

package/dist/cjs/FastVueMultiTool.d.ts

@@ -10,6 +10,7 @@ import { FastVueMultiFunction } from "./other/FastVueMultiFunction";
 import { FastVueMultiElement } from "./other/FastVueMultiElement";
 import { FastVueMultiWindow } from "./other/FastVueMultiWindow";
 import { FastVueMultiFile } from "./other/FastVueMultiFile";
+import { FastVueMultiBase64 } from "./other/FastVueMultiBase64";
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -66,4 +67,8 @@ export declare class FastVueMultiTool {
      * 文件选择器
      */
     static File: typeof FastVueMultiFile;
+    /**
+     * base64相关操作
+     */
+    static Base64: typeof FastVueMultiBase64;
 }

package/dist/cjs/FastVueMultiTool.js

@@ -14,6 +14,7 @@ const FastVueMultiFunction_1 = require("./other/FastVueMultiFunction");
 const FastVueMultiElement_1 = require("./other/FastVueMultiElement");
 const FastVueMultiWindow_1 = require("./other/FastVueMultiWindow");
 const FastVueMultiFile_1 = require("./other/FastVueMultiFile");
+const FastVueMultiBase64_1 = require("./other/FastVueMultiBase64");
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -70,5 +71,9 @@ class FastVueMultiTool {
      * 文件选择器
      */
     static File = FastVueMultiFile_1.FastVueMultiFile;
+    /**
+     * base64相关操作
+     */
+    static Base64 = FastVueMultiBase64_1.FastVueMultiBase64;
 }
 exports.FastVueMultiTool = FastVueMultiTool;

package/dist/cjs/other/FastVueMultiBase64.d.ts

@@ -0,0 +1,12 @@
+export declare class FastVueMultiBase64 {
+    /**
+     * 转码base64
+     * @param content
+     */
+    static encode(content: any): string;
+    /**
+     * 解码base64
+     * @param content
+     */
+    static decode(content: string): string;
+}

package/dist/cjs/other/FastVueMultiBase64.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiBase64 = void 0;
+class FastVueMultiBase64 {
+    /**
+     * 转码base64
+     * @param content
+     */
+    static encode(content) {
+        const Base64 = require("js-base64");
+        return Base64.encode(content);
+    }
+    /**
+     * 解码base64
+     * @param content
+     */
+    static decode(content) {
+        const Base64 = require("js-base64");
+        return Base64.decode(content);
+    }
+}
+exports.FastVueMultiBase64 = FastVueMultiBase64;

package/dist/cjs/other/FastVueMultiFile.d.ts

@@ -4,4 +4,15 @@ export declare class FastVueMultiFile {
      * @param multi
      */
     static showUploadImage(multi: boolean): Promise<any>;
+    /**
+     * 将base64转为file对象
+     * @param content base64内容
+     * @param fileName 文件名
+     */
+    static base64ToFile(content: string, fileName: string): File;
+    /**
+     * 将file对象转为base64
+     * @param file
+     */
+    static fileToBase64(file: File): Promise<unknown>;
 }

package/dist/cjs/other/FastVueMultiFile.js

@@ -6,7 +6,7 @@ class FastVueMultiFile {
      * 弹出上传文件的选择框
      * @param multi
      */
-    static showUploadImage(multi) {
+    static async showUploadImage(multi) {
         return new Promise((resolve, reject) => {
             let inputElement = document.createElement('input');
             let event = new MouseEvent('click');
@@ -24,7 +24,10 @@ class FastVueMultiFile {
                         const fileReader = new FileReader();
                         fileReader.onload = (readEvent) => {
                             let base64 = readEvent.target.result;
-                            base64Array.push(base64);
+                            base64Array.push({
+                                file: file,
+                                url: base64
+                            });
                             if (base64Array.length === target.files.length) {
                                 resolve(base64Array);
                             }
@@ -36,5 +39,34 @@ class FastVueMultiFile {
             inputElement.dispatchEvent(event);
         });
     }
+    /**
+     * 将base64转为file对象
+     * @param content base64内容
+     * @param fileName 文件名
+     */
+    static base64ToFile(content, fileName) {
+        let arr = content.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+        while (n--) {
+            u8arr[n] = bstr.charCodeAt(n);
+        }
+        const blob = new Blob([u8arr], { type: mime });
+        blob.lastModifiedDate = new Date();
+        blob.name = fileName;
+        return blob;
+    }
+    /**
+     * 将file对象转为base64
+     * @param file
+     */
+    static async fileToBase64(file) {
+        return new Promise(function (resolved, rejected) {
+            const fileReader = new FileReader();
+            fileReader.onload = function (readEvent) {
+                let base64 = readEvent.target.result;
+                resolved(base64);
+            };
+            fileReader.readAsDataURL(file);
+        });
+    }
 }
 exports.FastVueMultiFile = FastVueMultiFile;

package/dist/esm/FastVueMultiTool.d.ts

@@ -10,6 +10,7 @@ import { FastVueMultiFunction } from "./other/FastVueMultiFunction";
 import { FastVueMultiElement } from "./other/FastVueMultiElement";
 import { FastVueMultiWindow } from "./other/FastVueMultiWindow";
 import { FastVueMultiFile } from "./other/FastVueMultiFile";
+import { FastVueMultiBase64 } from "./other/FastVueMultiBase64";
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -66,4 +67,8 @@ export declare class FastVueMultiTool {
      * 文件选择器
      */
     static File: typeof FastVueMultiFile;
+    /**
+     * base64相关操作
+     */
+    static Base64: typeof FastVueMultiBase64;
 }

package/dist/esm/FastVueMultiTool.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./other/FastVueMultiStore", "./vue/FastVueMultiConfig", "./http/FastVueMultiCookie", "./other/FastVueMultiClipboard", "./other/FastVueMultiDate", "./other/FastVueMultiBoolean", "./other/FastVueMultiFunction", "./other/FastVueMultiElement", "./other/FastVueMultiWindow", "./other/FastVueMultiFile"], function (require, exports, tslib_1, lodash_1, FastVueMultiHttp_1, FastVueMultiStore_1, FastVueMultiConfig_1, FastVueMultiCookie_1, FastVueMultiClipboard_1, FastVueMultiDate_1, FastVueMultiBoolean_1, FastVueMultiFunction_1, FastVueMultiElement_1, FastVueMultiWindow_1, FastVueMultiFile_1) {
+define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./other/FastVueMultiStore", "./vue/FastVueMultiConfig", "./http/FastVueMultiCookie", "./other/FastVueMultiClipboard", "./other/FastVueMultiDate", "./other/FastVueMultiBoolean", "./other/FastVueMultiFunction", "./other/FastVueMultiElement", "./other/FastVueMultiWindow", "./other/FastVueMultiFile", "./other/FastVueMultiBase64"], function (require, exports, tslib_1, lodash_1, FastVueMultiHttp_1, FastVueMultiStore_1, FastVueMultiConfig_1, FastVueMultiCookie_1, FastVueMultiClipboard_1, FastVueMultiDate_1, FastVueMultiBoolean_1, FastVueMultiFunction_1, FastVueMultiElement_1, FastVueMultiWindow_1, FastVueMultiFile_1, FastVueMultiBase64_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.FastVueMultiTool = void 0;
@@ -61,6 +61,10 @@ define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./o
          * 文件选择器
          */
         FastVueMultiTool.File = FastVueMultiFile_1.FastVueMultiFile;
+        /**
+         * base64相关操作
+         */
+        FastVueMultiTool.Base64 = FastVueMultiBase64_1.FastVueMultiBase64;
         return FastVueMultiTool;
     }());
     exports.FastVueMultiTool = FastVueMultiTool;

package/dist/esm/other/FastVueMultiBase64.d.ts

@@ -0,0 +1,12 @@
+export declare class FastVueMultiBase64 {
+    /**
+     * 转码base64
+     * @param content
+     */
+    static encode(content: any): string;
+    /**
+     * 解码base64
+     * @param content
+     */
+    static decode(content: string): string;
+}

package/dist/esm/other/FastVueMultiBase64.js

@@ -0,0 +1,27 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiBase64 = void 0;
+    var FastVueMultiBase64 = /** @class */ (function () {
+        function FastVueMultiBase64() {
+        }
+        /**
+         * 转码base64
+         * @param content
+         */
+        FastVueMultiBase64.encode = function (content) {
+            var Base64 = require("js-base64");
+            return Base64.encode(content);
+        };
+        /**
+         * 解码base64
+         * @param content
+         */
+        FastVueMultiBase64.decode = function (content) {
+            var Base64 = require("js-base64");
+            return Base64.decode(content);
+        };
+        return FastVueMultiBase64;
+    }());
+    exports.FastVueMultiBase64 = FastVueMultiBase64;
+});

package/dist/esm/other/FastVueMultiFile.d.ts

@@ -4,4 +4,15 @@ export declare class FastVueMultiFile {
      * @param multi
      */
     static showUploadImage(multi: boolean): Promise<any>;
+    /**
+     * 将base64转为file对象
+     * @param content base64内容
+     * @param fileName 文件名
+     */
+    static base64ToFile(content: string, fileName: string): File;
+    /**
+     * 将file对象转为base64
+     * @param file
+     */
+    static fileToBase64(file: File): Promise<unknown>;
 }

package/dist/esm/other/FastVueMultiFile.js

@@ -1,4 +1,4 @@
-define(["require", "exports"], function (require, exports) {
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.FastVueMultiFile = void 0;
@@ -10,33 +10,76 @@ define(["require", "exports"], function (require, exports) {
          * @param multi
          */
         FastVueMultiFile.showUploadImage = function (multi) {
-            return new Promise(function (resolve, reject) {
-                var inputElement = document.createElement('input');
-                var event = new MouseEvent('click');
-                inputElement.type = "file";
-                inputElement.accept = "image/*";
-                if (multi) {
-                    inputElement.multiple = true;
-                }
-                inputElement.onchange = function (selectEvent) {
-                    if (selectEvent.target) {
-                        var target_1 = selectEvent.target;
-                        var base64Array_1 = [];
-                        for (var i = 0; i < target_1.files.length; i++) {
-                            var file = target_1.files.item(i);
+            return tslib_1.__awaiter(this, void 0, void 0, function () {
+                return tslib_1.__generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            var inputElement = document.createElement('input');
+                            var event = new MouseEvent('click');
+                            inputElement.type = "file";
+                            inputElement.accept = "image/*";
+                            if (multi) {
+                                inputElement.multiple = true;
+                            }
+                            inputElement.onchange = function (selectEvent) {
+                                if (selectEvent.target) {
+                                    var target_1 = selectEvent.target;
+                                    var base64Array_1 = [];
+                                    var _loop_1 = function (i) {
+                                        var file = target_1.files.item(i);
+                                        var fileReader = new FileReader();
+                                        fileReader.onload = function (readEvent) {
+                                            var base64 = readEvent.target.result;
+                                            base64Array_1.push({
+                                                file: file,
+                                                url: base64
+                                            });
+                                            if (base64Array_1.length === target_1.files.length) {
+                                                resolve(base64Array_1);
+                                            }
+                                        };
+                                        fileReader.readAsDataURL(file);
+                                    };
+                                    for (var i = 0; i < target_1.files.length; i++) {
+                                        _loop_1(i);
+                                    }
+                                }
+                            };
+                            inputElement.dispatchEvent(event);
+                        })];
+                });
+            });
+        };
+        /**
+         * 将base64转为file对象
+         * @param content base64内容
+         * @param fileName 文件名
+         */
+        FastVueMultiFile.base64ToFile = function (content, fileName) {
+            var arr = content.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+            while (n--) {
+                u8arr[n] = bstr.charCodeAt(n);
+            }
+            var blob = new Blob([u8arr], { type: mime });
+            blob.lastModifiedDate = new Date();
+            blob.name = fileName;
+            return blob;
+        };
+        /**
+         * 将file对象转为base64
+         * @param file
+         */
+        FastVueMultiFile.fileToBase64 = function (file) {
+            return tslib_1.__awaiter(this, void 0, void 0, function () {
+                return tslib_1.__generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolved, rejected) {
                             var fileReader = new FileReader();
                             fileReader.onload = function (readEvent) {
                                 var base64 = readEvent.target.result;
-                                base64Array_1.push(base64);
-                                if (base64Array_1.length === target_1.files.length) {
-                                    resolve(base64Array_1);
-                                }
+                                resolved(base64);
                             };
                             fileReader.readAsDataURL(file);
-                        }
-                    }
-                };
-                inputElement.dispatchEvent(event);
+                        })];
+                });
             });
         };
         return FastVueMultiFile;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fast-vue-multi-pages",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "author": "janesen",
   "description": "快速搭建VUE项目工具类的基本库，主要用于每个功能页面独立生成html",
   "main": "./dist/cjs/index.js",