fast-vue-multi-pages 1.0.4 → 1.0.6

package/dist/cjs/FastVueMultiTool.d.ts

@@ -9,6 +9,8 @@ import { FastVueMultiBoolean } from "./other/FastVueMultiBoolean";
 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功能工具类
  */
@@ -61,4 +63,12 @@ export declare class FastVueMultiTool {
      * window对象相关操作
      */
     static Window: typeof FastVueMultiWindow;
+    /**
+     * 文件选择器
+     */
+    static File: typeof FastVueMultiFile;
+    /**
+     * base64相关操作
+     */
+    static Base64: typeof FastVueMultiBase64;
 }

package/dist/cjs/FastVueMultiTool.js

@@ -13,6 +13,8 @@ const FastVueMultiBoolean_1 = require("./other/FastVueMultiBoolean");
 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功能工具类
  */
@@ -65,5 +67,13 @@ class FastVueMultiTool {
      * window对象相关操作
      */
     static Window = FastVueMultiWindow_1.FastVueMultiWindow;
+    /**
+     * 文件选择器
+     */
+    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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiFile = void 0;
+class FastVueMultiFile {
+    /**
+     * 弹出上传文件的选择框
+     * @param multi
+     */
+    static async showUploadImage(multi) {
+        return new Promise((resolve, reject) => {
+            let inputElement = document.createElement('input');
+            let event = new MouseEvent('click');
+            inputElement.type = "file";
+            inputElement.accept = "image/*";
+            if (multi) {
+                inputElement.multiple = true;
+            }
+            inputElement.onchange = function (selectEvent) {
+                if (selectEvent.target) {
+                    let target = selectEvent.target;
+                    let base64Array = [];
+                    for (let i = 0; i < target.files.length; i++) {
+                        const file = target.files.item(i);
+                        const fileReader = new FileReader();
+                        fileReader.onload = (readEvent) => {
+                            let base64 = readEvent.target.result;
+                            base64Array.push({
+                                file: file,
+                                url: base64
+                            });
+                            if (base64Array.length === target.files.length) {
+                                resolve(base64Array);
+                            }
+                        };
+                        fileReader.readAsDataURL(file);
+                    }
+                }
+            };
+            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

@@ -9,6 +9,8 @@ import { FastVueMultiBoolean } from "./other/FastVueMultiBoolean";
 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功能工具类
  */
@@ -61,4 +63,12 @@ export declare class FastVueMultiTool {
      * window对象相关操作
      */
     static Window: typeof FastVueMultiWindow;
+    /**
+     * 文件选择器
+     */
+    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"], 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) {
+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;
@@ -57,6 +57,14 @@ define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./o
          * window对象相关操作
          */
         FastVueMultiTool.Window = FastVueMultiWindow_1.FastVueMultiWindow;
+        /**
+         * 文件选择器
+         */
+        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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,88 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiFile = void 0;
+    var FastVueMultiFile = /** @class */ (function () {
+        function FastVueMultiFile() {
+        }
+        /**
+         * 弹出上传文件的选择框
+         * @param multi
+         */
+        FastVueMultiFile.showUploadImage = function (multi) {
+            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;
+                                resolved(base64);
+                            };
+                            fileReader.readAsDataURL(file);
+                        })];
+                });
+            });
+        };
+        return FastVueMultiFile;
+    }());
+    exports.FastVueMultiFile = FastVueMultiFile;
+});

package/package.json

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