fast-vue-multi-pages 1.0.11 → 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/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/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.11",
+  "version": "1.0.12",
   "author": "janesen",
   "description": "快速搭建VUE项目工具类的基本库，主要用于每个功能页面独立生成html",
   "main": "./dist/cjs/index.js",