WebApp【公共组件库】@前端(For Git Submodule)
Tevin
2023-11-13 fdf651a9d42918f3be8374ed4f239ebe26d0a749
common/Tools.js
@@ -1,5 +1,5 @@
/**
 * Tools
 * Tools - 工具集
 * @author Tevin
 */
@@ -44,20 +44,6 @@
    }
    /**
     * 读取文件 base64
     * @param {File} file
     * @return {Promise<string>}
     */
    static getFileBase64(file) {
        return new Promise((resolve, reject) => {
            const reader = new FileReader();
            reader.onload = () => resolve(reader.result);
            reader.onerror = error => reject(error);
            reader.readAsDataURL(file);
        });
    }
    /**
     * 生成 GUID
     * @return {string}
     */
@@ -83,34 +69,6 @@
            result += template.charAt(Math.floor(Math.random() * count));
        }
        return result;
    }
    /**
     * 检查网络状态
     */
    static checkOnlineState(callback) {
        // 网页模式
        if (process.env.TARO_ENV === 'h5') {
            // 网络已开启
            if (navigator.onLine) {
                // 用图片资源测试网络状态
                const img = new Image();
                img.onload = () => {
                    img.onload = null;
                    callback && callback(true);
                };
                img.onerror = () => {
                    img.onerror = null;
                    callback && callback(false);
                };
                img.src = 'http://gz.zhiheiot.com/disp/download/buildArchive/online.png?t=' + Date.now();
            }
            // 网络未开启
            else {
                callback && callback(false);
            }
        }
        // 补充:小程序模式用 getNetworkType
    }
    /**
@@ -349,6 +307,26 @@
    }
    /**
     * 数组元素交换位置
     * @param {array} arr 数组
     * @param {number} fromIndex 要交换项目的位置
     * @param {number} toIndex 被交换项目的位置
     */
    static swapArray(arr, fromIndex, toIndex) {
        // 先在目标位置新增一个和当前元素一样的元素,再把当前元素删除掉
        arr.splice(toIndex, 0, arr[fromIndex]);
        // 如果拖动元素上移动,当前元素下标为 fromIndex+1
        if (fromIndex > toIndex) {
            arr.splice(fromIndex + 1, 1);
        }
        // 如果拖动元素下移,当前元素下标还是 fromIndex
        else {
            arr.splice(fromIndex, 1);
        }
        return arr;
    }
    /**
     * 使用 moment.js 格式化时间戳
     * @param {Number|String} timestamp
     * @param {String} [type='date']
@@ -496,7 +474,7 @@
    /**
     * 求小数点后的数据长度
     * @param {Number|String} num
     * @private
     * @return {Number}
     */
    static getDecimalLength(num) {
        let t = 0;
@@ -518,10 +496,10 @@
    /**
     * 转换周数到日期
     * @param year
     * @param week
     * @param weekDay 需要输出星期几对应的日期 (1~7)
     * @return {Date}
     * @param {Number} year
     * @param {Number} week
     * @param {Number} weekDay 需要输出星期几对应的日期 (1~7)
     * @return {String}
     */
    static transWeekIndexToDate(year, week, weekDay) {
        const yearStart = moment([year, 0, 1]);
@@ -531,89 +509,6 @@
        const weekDayLong = weekDay * dayLong;
        const dayTimestamp = yearStart.valueOf() + firstWeekLong + weeksLong + weekDayLong;
        return moment(dayTimestamp).format('YYYY-MM-DD');
    }
    /**
     * 显示调试面板(仅支持H5)
     * @param cssSelector
     * @param callback
     */
    static $_showDevConsole(cssSelector, callback) {
        // 只支持 h5 编译
        if (process.env.TARO_ENV !== 'h5') {
            return;
        }
        const fileref = document.createElement('script');
        fileref.setAttribute('type', 'text/javascript');
        if (window.location.protocol === 'https:') {
            fileref.setAttribute('src', 'https://cdn.jsdelivr.net/npm/eruda');
        } else {
            fileref.setAttribute('src', 'http://cdn.jsdelivr.net/npm/eruda');
        }
        document.getElementsByTagName('head')[0].appendChild(fileref);
        const simulateTouch = (dom, type) => {
            const button = dom;
            const touch = new Touch({
                identifier: Date.now(),
                target: button,
                clientX: 0,
                clientY: 0,
                screenX: 0,
                screenY: 0,
                pageY: 0,
                pageX: 0,
                radiusX: 2.5,
                radiusY: 2.5,
                rotationAngle: 10,
                force: 0.5,
            });
            const touchstart = new TouchEvent(type, {
                cancelable: true,
                bubbles: true,
                composed: true,
                touches: [touch],
                targetTouches: [touch],
                changedTouches: [touch],
            });
            button.dispatchEvent(touchstart);
        };
        const erudaTimer = setInterval(() => {
            if (window.eruda) {
                clearInterval(erudaTimer);
                setTimeout(() => {
                    const container = document.createElement('div');
                    if (cssSelector) {
                        document.querySelector(cssSelector).appendChild(container);
                    } else {
                        document.getElementsByTagName('body')[0].appendChild(container);
                    }
                    window.eruda.init({
                        container: container,
                        useShadowDom: false,
                    });
                    let button = null;
                    setTimeout(() => {
                        button = document.querySelector('.eruda-entry-btn');
                    }, 50);
                    setTimeout(() => {
                        simulateTouch(button, 'touchstart');
                    }, 60);
                    setTimeout(() => {
                        simulateTouch(button, 'touchend');
                    }, 350);
                    setTimeout(() => {
                        console.warn('=====【艾信App调试模式】=====');
                    }, 800);
                    setTimeout(() => {
                        console.warn('点击右下角悬浮工具箱图标可以折叠面板');
                    }, 900);
                    setTimeout(() => {
                        callback && callback();
                    }, 1000);
                }, 100);
            }
        }, 100);
    }
}