fast-vue-multi-pages 1.0.10 → 1.0.12

package/dist/cjs/FastVueMultiTool.d.ts

@@ -11,6 +11,7 @@ import { FastVueMultiElement } from "./other/FastVueMultiElement";
 import { FastVueMultiWindow } from "./other/FastVueMultiWindow";
 import { FastVueMultiFile } from "./other/FastVueMultiFile";
 import { FastVueMultiBase64 } from "./other/FastVueMultiBase64";
+import { FastVueMultiWatcher } from "./other/FastVueMultiWatcher";
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -71,4 +72,8 @@ export declare class FastVueMultiTool {
      * base64相关操作
      */
     static Base64: typeof FastVueMultiBase64;
+    /**
+     * 监听者
+     */
+    static Watcher: typeof FastVueMultiWatcher;
 }

package/dist/cjs/FastVueMultiTool.js

@@ -15,6 +15,7 @@ const FastVueMultiElement_1 = require("./other/FastVueMultiElement");
 const FastVueMultiWindow_1 = require("./other/FastVueMultiWindow");
 const FastVueMultiFile_1 = require("./other/FastVueMultiFile");
 const FastVueMultiBase64_1 = require("./other/FastVueMultiBase64");
+const FastVueMultiWatcher_1 = require("./other/FastVueMultiWatcher");
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -75,5 +76,9 @@ class FastVueMultiTool {
      * base64相关操作
      */
     static Base64 = FastVueMultiBase64_1.FastVueMultiBase64;
+    /**
+     * 监听者
+     */
+    static Watcher = FastVueMultiWatcher_1.FastVueMultiWatcher;
 }
 exports.FastVueMultiTool = FastVueMultiTool;

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

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

package/dist/cjs/other/FastVueMultiFile.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FastVueMultiFile = void 0;
-const file64_1 = require("file64");
 class FastVueMultiFile {
     /**
      * 弹出上传文件的选择框
@@ -44,18 +43,41 @@ class FastVueMultiFile {
     }
     /**
      * 将base64转为file对象
-     * @param base64Content base64内容
+     * @param content base64内容
      * @param fileName 文件名
      */
-    static async base64ToFile(base64Content, fileName) {
-        return await (0, file64_1.base64ToFile)(base64Content, fileName);
+    static base64ToFile(content, fileName) {
+        return new Promise(function (resolved, rejected) {
+            // 将base64的数据部分提取出来
+            const parts = content.split(';base64,');
+            const contentType = parts[0].split(':')[1];
+            const raw = window.atob(parts[1]);
+            // 将原始数据转换为Uint8Array
+            const rawLength = raw.length;
+            const uInt8Array = new Uint8Array(rawLength);
+            for (let i = 0; i < rawLength; ++i) {
+                uInt8Array[i] = raw.charCodeAt(i);
+            }
+            // 使用Blob对象创建File对象
+            const blob = new Blob([uInt8Array], { type: contentType });
+            blob.lastModifiedDate = new Date();
+            blob.name = fileName;
+            resolved(new File([blob], fileName, { type: contentType }));
+        });
     }
     /**
      * 将file对象转为base64
      * @param file
      */
     static async fileToBase64(file) {
-        return await (0, file64_1.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/cjs/other/FastVueMultiWatcher.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 事件监听器
+ */
+export declare class FastVueMultiWatcher {
+    private static getWatcherConfig;
+    private static getWatcherTimer;
+    private static setWatcherTimer;
+    private static stopWatcherTimer;
+    private static startTimer;
+    /**
+     * 启动一个事件监听器
+     * @param eventName 事件名称 string|array
+     * @param callback 事件触发的回调  function(eventName,eventParams){}
+     */
+    static startWatcher(eventName: any, callback: any): void;
+    /**
+     * 通知事件监听者
+     * @param eventName 事件名称 string|array
+     * @param eventParams 携带参数 any
+     */
+    static notifyWatcher(eventName: any, eventParams?: any): void;
+}

package/dist/cjs/other/FastVueMultiWatcher.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiWatcher = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+/**
+ * 事件监听器
+ */
+class FastVueMultiWatcher {
+    static getWatcherConfig() {
+        if (!window["__watcherConfig"]) {
+            window["__watcherConfig"] = {};
+        }
+        return window["__watcherConfig"];
+    }
+    static getWatcherTimer() {
+        return window["__watcherTimer"];
+    }
+    static setWatcherTimer(timer) {
+        window["__watcherTimer"] = timer;
+    }
+    static stopWatcherTimer() {
+        if (this.getWatcherTimer()) {
+            clearTimeout(this.getWatcherTimer());
+        }
+    }
+    static startTimer() {
+        this.stopWatcherTimer();
+        this.setWatcherTimer(setTimeout(() => {
+            for (let eventName in this.getWatcherConfig()) {
+                let watchValue = js_cookie_1.default.get("EVENT@" + eventName);
+                let config = this.getWatcherConfig()[eventName];
+                if (watchValue !== null && watchValue !== undefined && watchValue !== "null" && watchValue !== "undefined") {
+                    let timestamp = parseInt(watchValue);
+                    if (isNaN(timestamp)) {
+                        continue;
+                    }
+                    if (config.timestamp < timestamp) {
+                        let params = js_cookie_1.default.get("EVENT@PARMAS@" + eventName);
+                        if (params) {
+                            params = JSON.parse(params);
+                        }
+                        config.timestamp = timestamp;
+                        config.callback(eventName, params);
+                    }
+                }
+            }
+            this.startTimer();
+        }, 500));
+    }
+    /**
+     * 启动一个事件监听器
+     * @param eventName 事件名称 string|array
+     * @param callback 事件触发的回调  function(eventName,eventParams){}
+     */
+    static startWatcher(eventName, callback) {
+        if (!window["__watchCookieTimestamp"]) {
+            window["__watchCookieTimestamp"] = {};
+        }
+        if (!callback || lodash_1.default.isEmpty(eventName)) {
+            //未携带回调函数的监听者，认为是无效监听
+            return;
+        }
+        if (lodash_1.default.isArray(eventName)) {
+            for (let cookieNameElement of eventName) {
+                this.getWatcherConfig()[cookieNameElement] = {
+                    timestamp: new Date().getTime(),
+                    callback: callback,
+                };
+            }
+        }
+        else {
+            this.getWatcherConfig()[eventName] = {
+                timestamp: new Date().getTime(),
+                callback: callback,
+            };
+        }
+        this.startTimer();
+    }
+    /**
+     * 通知事件监听者
+     * @param eventName 事件名称 string|array
+     * @param eventParams 携带参数 any
+     */
+    static notifyWatcher(eventName, eventParams) {
+        if (lodash_1.default.isEmpty(eventName)) {
+            return;
+        }
+        if (lodash_1.default.isArray(eventName)) {
+            for (let cookieNameElement of eventName) {
+                js_cookie_1.default.set("EVENT@" + cookieNameElement, (new Date().getTime()).toString());
+                if (eventParams) {
+                    js_cookie_1.default.set("EVENT@PARMAS@" + cookieNameElement, JSON.stringify(eventParams));
+                }
+            }
+        }
+        else {
+            js_cookie_1.default.set("EVENT@" + eventName, (new Date().getTime()).toString());
+            if (eventParams) {
+                js_cookie_1.default.set("EVENT@PARMAS@" + eventName, JSON.stringify(eventParams));
+            }
+        }
+    }
+}
+exports.FastVueMultiWatcher = FastVueMultiWatcher;

package/dist/esm/FastVueMultiTool.d.ts

@@ -11,6 +11,7 @@ import { FastVueMultiElement } from "./other/FastVueMultiElement";
 import { FastVueMultiWindow } from "./other/FastVueMultiWindow";
 import { FastVueMultiFile } from "./other/FastVueMultiFile";
 import { FastVueMultiBase64 } from "./other/FastVueMultiBase64";
+import { FastVueMultiWatcher } from "./other/FastVueMultiWatcher";
 /**
  * FastBaseApp 手机APP功能工具类
  */
@@ -71,4 +72,8 @@ export declare class FastVueMultiTool {
      * base64相关操作
      */
     static Base64: typeof FastVueMultiBase64;
+    /**
+     * 监听者
+     */
+    static Watcher: typeof FastVueMultiWatcher;
 }

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", "./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) {
+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", "./other/FastVueMultiWatcher"], 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, FastVueMultiWatcher_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.FastVueMultiTool = void 0;
@@ -65,6 +65,10 @@ define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./o
          * base64相关操作
          */
         FastVueMultiTool.Base64 = FastVueMultiBase64_1.FastVueMultiBase64;
+        /**
+         * 监听者
+         */
+        FastVueMultiTool.Watcher = FastVueMultiWatcher_1.FastVueMultiWatcher;
         return FastVueMultiTool;
     }());
     exports.FastVueMultiTool = FastVueMultiTool;

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

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

package/dist/esm/other/FastVueMultiFile.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "tslib", "file64"], function (require, exports, tslib_1, file64_1) {
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.FastVueMultiFile = void 0;
@@ -53,17 +53,26 @@ define(["require", "exports", "tslib", "file64"], function (require, exports, ts
         };
         /**
          * 将base64转为file对象
-         * @param base64Content base64内容
+         * @param content base64内容
          * @param fileName 文件名
          */
-        FastVueMultiFile.base64ToFile = function (base64Content, fileName) {
-            return tslib_1.__awaiter(this, void 0, void 0, function () {
-                return tslib_1.__generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, (0, file64_1.base64ToFile)(base64Content, fileName)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
+        FastVueMultiFile.base64ToFile = function (content, fileName) {
+            return new Promise(function (resolved, rejected) {
+                // 将base64的数据部分提取出来
+                var parts = content.split(';base64,');
+                var contentType = parts[0].split(':')[1];
+                var raw = window.atob(parts[1]);
+                // 将原始数据转换为Uint8Array
+                var rawLength = raw.length;
+                var uInt8Array = new Uint8Array(rawLength);
+                for (var i = 0; i < rawLength; ++i) {
+                    uInt8Array[i] = raw.charCodeAt(i);
+                }
+                // 使用Blob对象创建File对象
+                var blob = new Blob([uInt8Array], { type: contentType });
+                blob.lastModifiedDate = new Date();
+                blob.name = fileName;
+                resolved(new File([blob], fileName, { type: contentType }));
             });
         };
         /**
@@ -73,10 +82,14 @@ define(["require", "exports", "tslib", "file64"], function (require, exports, ts
         FastVueMultiFile.fileToBase64 = function (file) {
             return tslib_1.__awaiter(this, void 0, void 0, function () {
                 return tslib_1.__generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, (0, file64_1.fileToBase64)(file)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
+                    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);
+                        })];
                 });
             });
         };

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

@@ -0,0 +1,22 @@
+/**
+ * 事件监听器
+ */
+export declare class FastVueMultiWatcher {
+    private static getWatcherConfig;
+    private static getWatcherTimer;
+    private static setWatcherTimer;
+    private static stopWatcherTimer;
+    private static startTimer;
+    /**
+     * 启动一个事件监听器
+     * @param eventName 事件名称 string|array
+     * @param callback 事件触发的回调  function(eventName,eventParams){}
+     */
+    static startWatcher(eventName: any, callback: any): void;
+    /**
+     * 通知事件监听者
+     * @param eventName 事件名称 string|array
+     * @param eventParams 携带参数 any
+     */
+    static notifyWatcher(eventName: any, eventParams?: any): void;
+}

package/dist/esm/other/FastVueMultiWatcher.js

@@ -0,0 +1,113 @@
+define(["require", "exports", "tslib", "lodash", "js-cookie"], function (require, exports, tslib_1, lodash_1, js_cookie_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiWatcher = void 0;
+    lodash_1 = tslib_1.__importDefault(lodash_1);
+    js_cookie_1 = tslib_1.__importDefault(js_cookie_1);
+    /**
+     * 事件监听器
+     */
+    var FastVueMultiWatcher = /** @class */ (function () {
+        function FastVueMultiWatcher() {
+        }
+        FastVueMultiWatcher.getWatcherConfig = function () {
+            if (!window["__watcherConfig"]) {
+                window["__watcherConfig"] = {};
+            }
+            return window["__watcherConfig"];
+        };
+        FastVueMultiWatcher.getWatcherTimer = function () {
+            return window["__watcherTimer"];
+        };
+        FastVueMultiWatcher.setWatcherTimer = function (timer) {
+            window["__watcherTimer"] = timer;
+        };
+        FastVueMultiWatcher.stopWatcherTimer = function () {
+            if (this.getWatcherTimer()) {
+                clearTimeout(this.getWatcherTimer());
+            }
+        };
+        FastVueMultiWatcher.startTimer = function () {
+            var _this = this;
+            this.stopWatcherTimer();
+            this.setWatcherTimer(setTimeout(function () {
+                for (var eventName in _this.getWatcherConfig()) {
+                    var watchValue = js_cookie_1.default.get("EVENT@" + eventName);
+                    var config = _this.getWatcherConfig()[eventName];
+                    if (watchValue !== null && watchValue !== undefined && watchValue !== "null" && watchValue !== "undefined") {
+                        var timestamp = parseInt(watchValue);
+                        if (isNaN(timestamp)) {
+                            continue;
+                        }
+                        if (config.timestamp < timestamp) {
+                            var params = js_cookie_1.default.get("EVENT@PARMAS@" + eventName);
+                            if (params) {
+                                params = JSON.parse(params);
+                            }
+                            config.timestamp = timestamp;
+                            config.callback(eventName, params);
+                        }
+                    }
+                }
+                _this.startTimer();
+            }, 500));
+        };
+        /**
+         * 启动一个事件监听器
+         * @param eventName 事件名称 string|array
+         * @param callback 事件触发的回调  function(eventName,eventParams){}
+         */
+        FastVueMultiWatcher.startWatcher = function (eventName, callback) {
+            if (!window["__watchCookieTimestamp"]) {
+                window["__watchCookieTimestamp"] = {};
+            }
+            if (!callback || lodash_1.default.isEmpty(eventName)) {
+                //未携带回调函数的监听者，认为是无效监听
+                return;
+            }
+            if (lodash_1.default.isArray(eventName)) {
+                for (var _i = 0, eventName_1 = eventName; _i < eventName_1.length; _i++) {
+                    var cookieNameElement = eventName_1[_i];
+                    this.getWatcherConfig()[cookieNameElement] = {
+                        timestamp: new Date().getTime(),
+                        callback: callback,
+                    };
+                }
+            }
+            else {
+                this.getWatcherConfig()[eventName] = {
+                    timestamp: new Date().getTime(),
+                    callback: callback,
+                };
+            }
+            this.startTimer();
+        };
+        /**
+         * 通知事件监听者
+         * @param eventName 事件名称 string|array
+         * @param eventParams 携带参数 any
+         */
+        FastVueMultiWatcher.notifyWatcher = function (eventName, eventParams) {
+            if (lodash_1.default.isEmpty(eventName)) {
+                return;
+            }
+            if (lodash_1.default.isArray(eventName)) {
+                for (var _i = 0, eventName_2 = eventName; _i < eventName_2.length; _i++) {
+                    var cookieNameElement = eventName_2[_i];
+                    js_cookie_1.default.set("EVENT@" + cookieNameElement, (new Date().getTime()).toString());
+                    if (eventParams) {
+                        js_cookie_1.default.set("EVENT@PARMAS@" + cookieNameElement, JSON.stringify(eventParams));
+                    }
+                }
+            }
+            else {
+                js_cookie_1.default.set("EVENT@" + eventName, (new Date().getTime()).toString());
+                if (eventParams) {
+                    js_cookie_1.default.set("EVENT@PARMAS@" + eventName, JSON.stringify(eventParams));
+                }
+            }
+        };
+        return FastVueMultiWatcher;
+    }());
+    exports.FastVueMultiWatcher = FastVueMultiWatcher;
+});

package/package.json

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