fast-vue-multi-pages 1.0.0

package/dist/cjs/other/FastVueMultiBoolean.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiBoolean = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+class FastVueMultiBoolean {
+    /**
+     * 判断目标值是否为布尔值
+     * @param source
+     */
+    static isBoolean(source) {
+        if (source == null) {
+            return false;
+        }
+        if (source instanceof Boolean) {
+            return true;
+        }
+        return typeof source === 'boolean';
+    }
+    /**
+     * 转为布尔值
+     * @param source 目标值
+     * @param defaultValue 默认值，当为空或无效的布尔值时 返回
+     */
+    static parse(source, defaultValue) {
+        if (lodash_1.default.isEmpty(defaultValue)) {
+            defaultValue = false;
+        }
+        if (lodash_1.default.isEmpty(source)) {
+            return defaultValue;
+        }
+        if (lodash_1.default.isString(source)) {
+            if (source === "0" || source.toLowerCase() === "false") {
+                return false;
+            }
+            if (source === "1" || source.toLowerCase() === "true") {
+                return true;
+            }
+            return defaultValue;
+        }
+        if (lodash_1.default.isNumber(source)) {
+            if (source === 0) {
+                return false;
+            }
+            if (source === 1) {
+                return true;
+            }
+            return defaultValue;
+        }
+        if (this.isBoolean(source)) {
+            return source;
+        }
+        return defaultValue;
+    }
+}
+exports.FastVueMultiBoolean = FastVueMultiBoolean;

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

@@ -0,0 +1,21 @@
+import * as clipboard from "clipboard-polyfill";
+export declare class FastVueMultiClipboard {
+    /**
+     * 将内容复制到剪贴板中
+     * @param content
+     */
+    static copy(content: string): Promise<void>;
+    /**
+     * 将blob复制到剪贴板中
+     * @param blob
+     */
+    static copyBlob(blob: Blob): Promise<void>;
+    /**
+     * 获取剪贴板的文本内容
+     */
+    static getText(): Promise<string | undefined>;
+    /**
+     * 获取剪贴板的ClipboardItem内容
+     */
+    static getItems(): Promise<clipboard.ClipboardItems | undefined>;
+}

package/dist/cjs/other/FastVueMultiClipboard.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiClipboard = void 0;
+const tslib_1 = require("tslib");
+const clipboard = tslib_1.__importStar(require("clipboard-polyfill"));
+class FastVueMultiClipboard {
+    /**
+     * 将内容复制到剪贴板中
+     * @param content
+     */
+    static copy(content) {
+        return clipboard.writeText(content);
+    }
+    /**
+     * 将blob复制到剪贴板中
+     * @param blob
+     */
+    static copyBlob(blob) {
+        let contentType = blob.type;
+        let items = {};
+        items[contentType] = blob;
+        const item = new clipboard.ClipboardItem(items);
+        return clipboard.write([item]);
+    }
+    /**
+     * 获取剪贴板的文本内容
+     */
+    static async getText() {
+        return await clipboard.readText();
+    }
+    /**
+     * 获取剪贴板的ClipboardItem内容
+     */
+    static async getItems() {
+        return await clipboard.read();
+    }
+}
+exports.FastVueMultiClipboard = FastVueMultiClipboard;

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

@@ -0,0 +1,30 @@
+export declare class FastVueMultiDate {
+    /**
+     * 判断目标值是否是日期类型
+     * @param source
+     */
+    static isDate(source: any): boolean;
+    /**
+     * 格式化日期
+     * @param source 日期
+     * @param pattern 格式类型，例如：yyyy-MM-DD HH:mm:ss，更多查看：https://momentjs.com/docs/#/displaying/
+     */
+    static format(source: Date, pattern: string): string | null;
+    /**
+     * 将字符串日期转换为Date对象
+     * @param source 日期值
+     */
+    static parse(source: string): Date | null;
+    /**
+     * 格式化日期的友好展示，例如：1分钟前，3分钟前
+     * @param source
+     * @param level 精确级别 1 分钟 2 小时 3 天  4 周 5 月
+     */
+    static formatNice(source: string, level?: number): string | null;
+    /**
+     * 将总时间转换为中文描述，最高描述到：天，例如：2天03时45分09秒
+     * @param timestamp 时间戳 单位：毫秒
+     * @param chinese 是否用中文表达，默认：true
+     */
+    static toDescription(timestamp: number, chinese: boolean): string;
+}

package/dist/cjs/other/FastVueMultiDate.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiDate = void 0;
+const tslib_1 = require("tslib");
+const moment_1 = tslib_1.__importDefault(require("moment"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+class FastVueMultiDate {
+    /**
+     * 判断目标值是否是日期类型
+     * @param source
+     */
+    static isDate(source) {
+        if (source == null) {
+            return false;
+        }
+        if (source instanceof Date) {
+            return true;
+        }
+        return toString.call(source) === '[object Date]';
+    }
+    /**
+     * 格式化日期
+     * @param source 日期
+     * @param pattern 格式类型，例如：yyyy-MM-DD HH:mm:ss，更多查看：https://momentjs.com/docs/#/displaying/
+     */
+    static format(source, pattern) {
+        if (lodash_1.default.isEmpty(pattern)) {
+            return null;
+        }
+        if (lodash_1.default.isEmpty(source)) {
+            return null;
+        }
+        return (0, moment_1.default)(source).format(pattern);
+    }
+    /**
+     * 将字符串日期转换为Date对象
+     * @param source 日期值
+     */
+    static parse(source) {
+        if (lodash_1.default.isEmpty(source)) {
+            return null;
+        }
+        return (0, moment_1.default)(source).toDate();
+    }
+    /**
+     * 格式化日期的友好展示，例如：1分钟前，3分钟前
+     * @param source
+     * @param level 精确级别 1 分钟 2 小时 3 天  4 周 5 月
+     */
+    static formatNice(source, level) {
+        if (lodash_1.default.isEmpty(source)) {
+            return null;
+        }
+        if (level === undefined) {
+            level = 2;
+        }
+        const seconds = 1000;
+        const minute = seconds * 60;
+        const hour = minute * 60;
+        const day = hour * 24;
+        const week = day * 7;
+        const month = day * 30;
+        const time1 = new Date().getTime(); //当前的时间戳
+        const sourceDate = this.parse(source);
+        if (!sourceDate) {
+            return null;
+        }
+        const time2 = sourceDate.getTime();
+        const time = time1 - time2;
+        if (time <= minute) {
+            return "刚刚";
+        }
+        if (time / month >= 3) {
+            return this.format(sourceDate, "yyyy-MM-DD HH:mm");
+        }
+        let nice = true;
+        if (time / month >= 1) {
+            if (level >= 5) {
+                return parseInt(String(time / month)) + "个月前";
+            }
+            nice = false;
+        }
+        if (nice && time / week >= 1) {
+            if (level >= 4) {
+                return parseInt(String(time / week)) + "周前";
+            }
+            nice = false;
+        }
+        if (nice && time / day >= 1) {
+            if (level >= 3) {
+                return parseInt(String(time / day)) + "天前";
+            }
+            nice = false;
+        }
+        if (nice && time / hour >= 1) {
+            if (level >= 2) {
+                return parseInt(String(time / hour)) + "小时前";
+            }
+            nice = false;
+        }
+        if (nice && time / minute >= 1) {
+            if (level >= 1) {
+                return parseInt(String(time / minute)) + "分钟前";
+            }
+        }
+        return this.format(sourceDate, "yyyy-MM-DD HH:mm");
+    }
+    /**
+     * 将总时间转换为中文描述，最高描述到：天，例如：2天03时45分09秒
+     * @param timestamp 时间戳 单位：毫秒
+     * @param chinese 是否用中文表达，默认：true
+     */
+    static toDescription(timestamp, chinese) {
+        if (chinese === undefined) {
+            chinese = true;
+        }
+        let seconds = 1000, minuteUnit = 1000 * 60, hourUnit = 1000 * 60 * 60, dayUnit = 1000 * 60 * 60 * 24;
+        let descriptions = [];
+        if (timestamp < seconds) {
+            descriptions.push("00" + (chinese ? '秒' : ''));
+            return descriptions.join("");
+        }
+        else if (timestamp < minuteUnit) {
+            descriptions.push(lodash_1.default.padStart(String(timestamp / seconds), 2, "0") + (chinese ? '秒' : ''));
+            return descriptions.join("");
+        }
+        if (timestamp < hourUnit) {
+            let minute = parseInt(String(timestamp / minuteUnit));
+            descriptions.push(lodash_1.default.padStart(String(minute), 2, "0") + (chinese ? '分' : ':'));
+            let nextTimestamp = timestamp - parseInt(String(minute * minuteUnit));
+            if (nextTimestamp === 0) {
+                descriptions.push("00" + (chinese ? '秒' : ''));
+            }
+            else {
+                descriptions.push(this.toDescription(nextTimestamp, chinese));
+            }
+            return descriptions.join("");
+        }
+        if (timestamp < dayUnit) {
+            let hour = parseInt(String(timestamp / hourUnit));
+            descriptions.push(lodash_1.default.padStart(String(hour), 2, "0") + (chinese ? '时' : ':'));
+            let nextTimestamp = timestamp - parseInt(String(hour * hourUnit));
+            if (nextTimestamp === 0) {
+                descriptions.push("00" + (chinese ? '分' : ':'));
+                descriptions.push("00" + (chinese ? '秒' : ''));
+            }
+            else {
+                descriptions.push(this.toDescription(nextTimestamp, chinese));
+            }
+            return descriptions.join("");
+        }
+        let day = parseInt(String(timestamp / dayUnit));
+        descriptions.push(day + (chinese ? '天' : 'day '));
+        let nextTimestamp = timestamp - parseInt(String(day * dayUnit));
+        if (nextTimestamp === 0) {
+            descriptions.push("00" + (chinese ? '时' : ':'));
+            descriptions.push("00" + (chinese ? '分' : ':'));
+            descriptions.push("00" + (chinese ? '秒' : ''));
+        }
+        else {
+            descriptions.push(this.toDescription(nextTimestamp, chinese));
+        }
+        return descriptions.join("");
+    }
+}
+exports.FastVueMultiDate = FastVueMultiDate;

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

@@ -0,0 +1,46 @@
+export declare class FastVueMultiElement {
+    /**
+     * 绑定节点属性变动的监听
+     * @param source 节点对象
+     * @param attrs 需要监听的属性集合
+     * @param callBack 回调
+     */
+    static onAttributesChange(source: Element, attrs: any[], callBack?: (event: MutationRecord) => void): MutationObserver | null;
+    /**
+     * 绑定当前节点子节点的变动的监听
+     * @param source 节点对象
+     * @param callBack 回调
+     */
+    static onChildrenChange(source: Element, callBack?: (event: MutationRecord) => void): MutationObserver | null;
+    /**
+     * 在目标节点后追加新的节点
+     * @param targetEl 目标节点
+     * @param newEl 新的节点
+     */
+    static insertAfter(targetEl: Element, newEl: Element): void;
+    /**
+     * 在目标节点前追加新的节点
+     * @param targetEl 目标节点
+     * @param newEl 新的节点
+     */
+    static insertBefore(targetEl: Element, newEl: Element): void;
+    /**
+     * 获取目标节点的实际占位空间，包含的内外边距
+     * @param targetEl
+     */
+    static getRealSize(targetEl: Element): {
+        width: number;
+        height: number;
+    };
+    /**
+     * 获取目标节点的selector
+     * @param targetEl
+     */
+    static getPath(targetEl: Element): string;
+    /**
+     * 判断目标元素的滚动条 是否已滚动到底部
+     * @param targetEl
+     * @param scrollNimble 检测的灵敏度，越大越灵敏
+     */
+    static isScrollBottom(targetEl: Element, scrollNimble: number): boolean;
+}

package/dist/cjs/other/FastVueMultiElement.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiElement = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+class FastVueMultiElement {
+    /**
+     * 绑定节点属性变动的监听
+     * @param source 节点对象
+     * @param attrs 需要监听的属性集合
+     * @param callBack 回调
+     */
+    static onAttributesChange(source, attrs, callBack) {
+        if (source) {
+            const observe = new MutationObserver(mutationsList => {
+                mutationsList.forEach((item, index) => {
+                    if (callBack) {
+                        callBack(item);
+                    }
+                });
+            });
+            observe.observe(source, {
+                attributes: true,
+                attributeFilter: attrs
+            });
+            return observe;
+        }
+        return null;
+    }
+    /**
+     * 绑定当前节点子节点的变动的监听
+     * @param source 节点对象
+     * @param callBack 回调
+     */
+    static onChildrenChange(source, callBack) {
+        if (source) {
+            const observe = new MutationObserver(mutationsList => {
+                mutationsList.forEach((item, index) => {
+                    if (callBack) {
+                        callBack(item);
+                    }
+                });
+            });
+            observe.observe(source, {
+                childList: true,
+                subtree: true
+            });
+            return observe;
+        }
+        return null;
+    }
+    /**
+     * 在目标节点后追加新的节点
+     * @param targetEl 目标节点
+     * @param newEl 新的节点
+     */
+    static insertAfter(targetEl, newEl) {
+        let parent = targetEl.parentNode;
+        if (parent.lastChild === targetEl) {
+            parent.appendChild(newEl);
+        }
+        else {
+            parent.insertBefore(newEl, targetEl.nextSibling);
+        }
+    }
+    /**
+     * 在目标节点前追加新的节点
+     * @param targetEl 目标节点
+     * @param newEl 新的节点
+     */
+    static insertBefore(targetEl, newEl) {
+        let parent = targetEl.parentNode;
+        if (parent.lastChild === targetEl) {
+            parent.appendChild(newEl);
+        }
+        else {
+            parent.insertBefore(newEl, targetEl);
+        }
+    }
+    /**
+     * 获取目标节点的实际占位空间，包含的内外边距
+     * @param targetEl
+     */
+    static getRealSize(targetEl) {
+        let childStyle = window.getComputedStyle(targetEl);
+        let height = lodash_1.default.parseInt(childStyle.height);
+        let width = lodash_1.default.parseInt(childStyle.width);
+        let vSpace = lodash_1.default.parseInt(childStyle.marginTop)
+            + lodash_1.default.parseInt(childStyle.marginBottom)
+            + lodash_1.default.parseInt(childStyle.paddingTop)
+            + lodash_1.default.parseInt(childStyle.paddingBottom);
+        let hSpace = lodash_1.default.parseInt(childStyle.marginLeft)
+            + lodash_1.default.parseInt(childStyle.marginRight)
+            + lodash_1.default.parseInt(childStyle.paddingLeft)
+            + lodash_1.default.parseInt(childStyle.paddingRight);
+        return { width: width + hSpace, height: height + vSpace };
+    }
+    /**
+     * 获取目标节点的selector
+     * @param targetEl
+     */
+    static getPath(targetEl) {
+        let currEl = targetEl;
+        let domPath = [];
+        if (currEl.id) {
+            domPath.unshift('#' + currEl.id);
+        }
+        else {
+            while (currEl.nodeName.toLowerCase() !== "html") {
+                if (currEl.id) {
+                    domPath.unshift('#' + currEl.id);
+                    break;
+                }
+                else if (currEl.tagName.toLocaleLowerCase() === "body") {
+                    domPath.unshift(currEl.tagName.toLowerCase());
+                }
+                else {
+                    for (let i = 0; i < currEl.parentNode.childElementCount; i++) {
+                        if (currEl.parentNode.children[i] === currEl) {
+                            let className = currEl.getAttribute('class');
+                            if (className) {
+                                let selectors = currEl.className.split(/\s/g), array = [];
+                                for (let j = 0; j < selectors.length; ++j) {
+                                    if (selectors[j].length > 0) {
+                                        array.push('.' + selectors[j]);
+                                    }
+                                }
+                                className = array.join("");
+                            }
+                            else {
+                                className = "";
+                            }
+                            domPath.unshift(currEl.tagName.toLowerCase() + className + ':nth-child(' + (i + 1) + ')');
+                        }
+                    }
+                }
+                currEl = currEl.parentNode;
+            }
+        }
+        return domPath.join(' > ');
+    }
+    /**
+     * 判断目标元素的滚动条 是否已滚动到底部
+     * @param targetEl
+     * @param scrollNimble 检测的灵敏度，越大越灵敏
+     */
+    static isScrollBottom(targetEl, scrollNimble) {
+        const scrollTop = targetEl.scrollTop;
+        const elHeight = targetEl.getBoundingClientRect().height;
+        const scrollHeight = targetEl.scrollHeight;
+        return scrollTop + elHeight >= (scrollHeight - scrollNimble);
+    }
+}
+exports.FastVueMultiElement = FastVueMultiElement;

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

@@ -0,0 +1,19 @@
+export declare class FastVueMultiFunction {
+    /**
+     * 判断目标类型是否为函数
+     * @param source
+     */
+    static isFunction(source: any): boolean;
+    /**
+     * 批量执行函数并获取返回值
+     * @param source 单个函数或函数数组
+     * @param params 执行函数携带的参数
+     */
+    static run(source: any, ...params: any[]): any | null;
+    /**
+     * 按顺序同步执行函数，当其中一个函数返回false时，则终止后续执行
+     * @param source 单个函数或函数数组
+     * @param params 执行函数携带的参数
+     */
+    static syncRun(source: any, ...params: any[]): Promise<void>;
+}

package/dist/cjs/other/FastVueMultiFunction.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiFunction = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const FastVueMultiBoolean_1 = require("./FastVueMultiBoolean");
+class FastVueMultiFunction {
+    /**
+     * 判断目标类型是否为函数
+     * @param source
+     */
+    static isFunction(source) {
+        if (source == null) {
+            return false;
+        }
+        return !!source && typeof source === 'function';
+    }
+    /**
+     * 批量执行函数并获取返回值
+     * @param source 单个函数或函数数组
+     * @param params 执行函数携带的参数
+     */
+    static run(source, ...params) {
+        const result = [];
+        if (this.isFunction(source)) {
+            result.push(source.apply(this, params));
+        }
+        else if (lodash_1.default.isArray(source)) {
+            for (let i = 0; i < source.length; i++) {
+                result.push(source[i].apply(this, params));
+            }
+        }
+        else if (lodash_1.default.isString(source)) {
+            result.push(eval(source));
+        }
+        if (result.length == 1) {
+            return result[0];
+        }
+        else if (result.length > 1) {
+            return result;
+        }
+        return null;
+    }
+    /**
+     * 按顺序同步执行函数，当其中一个函数返回false时，则终止后续执行
+     * @param source 单个函数或函数数组
+     * @param params 执行函数携带的参数
+     */
+    static async syncRun(source, ...params) {
+        if (lodash_1.default.isArray(source)) {
+            for (let i = 0; i < source.length; i++) {
+                if (lodash_1.default.isFunction(source[i])) {
+                    let result = await source[i].apply(this, params);
+                    if (!FastVueMultiBoolean_1.FastVueMultiBoolean.parse(result, false)) {
+                        return;
+                    }
+                }
+            }
+        }
+        else if (this.isFunction(source)) {
+            source.apply(this, params);
+        }
+        else if (lodash_1.default.isString(source)) {
+            eval(source);
+        }
+    }
+}
+exports.FastVueMultiFunction = FastVueMultiFunction;

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

@@ -0,0 +1,13 @@
+export declare class FastVueMultiStore {
+    /**
+     * 设置缓存的值
+     * @param key 键
+     * @param value 值
+     */
+    static setValue(key: string, value: any): void;
+    /**
+     * 获取缓存的值
+     * @param key 键
+     */
+    static getValue(key: string): any;
+}

package/dist/cjs/other/FastVueMultiStore.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiStore = void 0;
+const tslib_1 = require("tslib");
+const store2_1 = tslib_1.__importDefault(require("store2"));
+class FastVueMultiStore {
+    /**
+     * 设置缓存的值
+     * @param key 键
+     * @param value 值
+     */
+    static setValue(key, value) {
+        store2_1.default.set(key, value, true);
+    }
+    /**
+     * 获取缓存的值
+     * @param key 键
+     */
+    static getValue(key) {
+        return store2_1.default.get(key);
+    }
+}
+exports.FastVueMultiStore = FastVueMultiStore;

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

@@ -0,0 +1,21 @@
+export declare class FastVueMultiWindow {
+    /**
+     * 添加window的onLoad事件，如果存在onLoad函数名则进行合并
+     * @param callBack
+     */
+    static addOnLoad(callBack: () => void): void;
+    /**
+     * 添加window的函数，如果存在相同的函数名则进行合并
+     * @param functionName 函数名
+     * @param functionBody 函数执行的代码
+     */
+    static addFunction(functionName: string, functionBody: (params: any) => void): void;
+    /**
+     * 安全的获取窗口宽度，有的手机渲染后document.body.clientWidth 莫明会返回0
+     */
+    static safeGetClientWidth(): number;
+    /**
+     * 安全的获取窗口高度，有的手机渲染后document.body.clientHeight 莫明会返回0
+     */
+    static safeGetClientHeight(): number;
+}