fast-vue-multi-pages 1.0.4 → 1.0.5

package/dist/cjs/FastVueMultiTool.d.ts

@@ -9,6 +9,7 @@ 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";
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -61,4 +62,8 @@ export declare class FastVueMultiTool {
      * window对象相关操作
      */
     static Window: typeof FastVueMultiWindow;
+    /**
+     * 文件选择器
+     */
+    static File: typeof FastVueMultiFile;
 }

package/dist/cjs/FastVueMultiTool.js

@@ -13,6 +13,7 @@ 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");
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -65,5 +66,9 @@ class FastVueMultiTool {
      * window对象相关操作
      */
     static Window = FastVueMultiWindow_1.FastVueMultiWindow;
+    /**
+     * 文件选择器
+     */
+    static File = FastVueMultiFile_1.FastVueMultiFile;
 }
 exports.FastVueMultiTool = FastVueMultiTool;

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

@@ -0,0 +1,7 @@
+export declare class FastVueMultiFile {
+    /**
+     * 弹出上传文件的选择框
+     * @param multi
+     */
+    static showUploadImage(multi: boolean): Promise<any>;
+}

package/dist/cjs/other/FastVueMultiFile.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiFile = void 0;
+class FastVueMultiFile {
+    /**
+     * 弹出上传文件的选择框
+     * @param multi
+     */
+    static 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(base64);
+                            if (base64Array.length === target.files.length) {
+                                resolve(base64Array);
+                            }
+                        };
+                        fileReader.readAsDataURL(file);
+                    }
+                }
+            };
+            inputElement.dispatchEvent(event);
+        });
+    }
+}
+exports.FastVueMultiFile = FastVueMultiFile;

package/dist/esm/FastVueMultiTool.d.ts

@@ -9,6 +9,7 @@ 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";
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -61,4 +62,8 @@ export declare class FastVueMultiTool {
      * window对象相关操作
      */
     static Window: typeof FastVueMultiWindow;
+    /**
+     * 文件选择器
+     */
+    static File: typeof FastVueMultiFile;
 }

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"], 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) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.FastVueMultiTool = void 0;
@@ -57,6 +57,10 @@ define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./o
          * window对象相关操作
          */
         FastVueMultiTool.Window = FastVueMultiWindow_1.FastVueMultiWindow;
+        /**
+         * 文件选择器
+         */
+        FastVueMultiTool.File = FastVueMultiFile_1.FastVueMultiFile;
         return FastVueMultiTool;
     }());
     exports.FastVueMultiTool = FastVueMultiTool;

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

@@ -0,0 +1,7 @@
+export declare class FastVueMultiFile {
+    /**
+     * 弹出上传文件的选择框
+     * @param multi
+     */
+    static showUploadImage(multi: boolean): Promise<any>;
+}

package/dist/esm/other/FastVueMultiFile.js

@@ -0,0 +1,45 @@
+define(["require", "exports"], function (require, exports) {
+    "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 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);
+                            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);
+                                }
+                            };
+                            fileReader.readAsDataURL(file);
+                        }
+                    }
+                };
+                inputElement.dispatchEvent(event);
+            });
+        };
+        return FastVueMultiFile;
+    }());
+    exports.FastVueMultiFile = FastVueMultiFile;
+});

package/package.json

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