base.js

import { isJson } from './is.js';

/**
 * @module index
 * @author linjielinlin 993353454@qq.com
 * @date 2022-05-11 22:07:43
 * @description 公共函数，使用'lj-utils'引入
 */
let isOnline = true;
let ENV = {};
let DATA_OBJECT = {};
// 断网监听
if (globalThis && globalThis.addEventListener) {
    // #ifdef H5
    globalThis.addEventListener('offline', function () {
        console.debug('offLine');
        isOnline = false;
    });
    globalThis.addEventListener('online', function () {
        console.debug('onLine');
        isOnline = true;
    });
    // #endif
}
/**
 * @function
 * @description 获取当前网络状态（H5）
 * @return boolean
 * @returns {boolean}
 * @example
 * ```
 * const status = getNetworkStatus();
 * ```
 */
const getNetworkStatus = () => {
    return isOnline;
};
/**
 * @function
 * @description 正则收集
 * @returns {object}
 * @returns {object}
 * @example
 * ```
 * const regex = getRegexp();
 * ```
 */
const getRegexp = () => {
    return {
        // 匹配html标签，提取html文字： htmlCode.replace(reg.html,'')
        html: /<[^>]+>/gim,
        // 至少1数字1字母1字符，8-16位
        password: /^(?=.*?[A-Za-z])(?=.*?[0-9])(?=.*?[\W_]).{8,16}$/,
        // 普通身份证号正则，isIdCard更为严格
        idCard: /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/,
        // 简易身份证号 数字+x
        idCardNormal: /^[0-9]\d+([0-9]|X|x)*$/,
        // 手机号
        phone: /^1\d{10}$/,
        // 邮箱
        email: /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/,
        // 网址
        http: /http:\/\/|https:\/\//,
        // 含0整数（得分）
        score: /^[1-9]\d*|0$/,
        // 整数
        int: /^[1-9]\d*$/,
        // 匹配数字
        number: /^\d*$/,
        // >=0||1位小数
        float1: /^(([1-9]\d*)|0|(0.\d{0,1})|([1-9]\d*.\d{0,1}))$/,
        // >=0||2位小数
        float2: /^(([1-9]\d*)|0|(0.\d{0,2})|([1-9]\d*.\d{0,2}))$/,
        // >=0||3位小数
        float3: /^(([1-9]\d*)|0|(0.\d{0,3})|([1-9]\d*.\d{0,3}))$/,
        // 字母+数字组合
        letterNumber: /^[a-zA-Z0-9]*$/,
        // 字母
        letter: /^[a-zA-Z]*$/,
        // 帐号50个字内：大小写+数字+中文+'_'+'-'
        account: /^[a-zA-Z0-9_\-\u4e00-\u9fa5]{1,50}$/,
        // 中英文姓名 50个字内/中文 中文/英文-. 英文-./
        realName: /^([\u4e00-\u9fa5]{1,50}|[\u4e00-\u9fa5]{1,25}[\s][\u4e00-\u9fa5]{1,24}|[a-zA-Z_\-.]{1,50}|[a-zA-Z_\-.]{1,25}[\s][a-zA-Z_\-.]{1,24})$/,
        // 匹配中文
        cn: /^[\u4e00-\u9fa5]*$/,
        // 匹配ASCII,非中文之外的字符（全角字符）
        ascii: /^[\x20-\x7E]+$/,
    };
};
/**
 * @function
 * @description 设置标题
 * @param  {string} argTitle 标题
 */
const setTitle = (argTitle) => {
    if (typeof globalThis.document === 'object') {
        globalThis.document.title = String(argTitle);
    }
    if (getInfo().isAppleMobile) {
        const i = document.createElement('iframe');
        i.onload = () => {
            setTimeout(() => {
                console.debug('apple mobile setting title');
                i.remove();
            }, 10);
        };
        globalThis.document.body.appendChild(i);
    }
};
/**
 * @function
 * @description 使用postcss-px2rem时使用
 * @param {number} argBaseSize 基础大小 16px（要跟配置一致）
 * @param {number} argWidth 基准宽度
 */
const remInit = (argBaseSize = 16, argWidth = 375) => {
    // 设置 rem 函数
    const setRem = () => {
        // 当前页面宽度相对于 argWidth 宽的缩放比例，可根据自己需要修改。
        const scale = safeData(globalThis, 'document.documentElement.clientWidth', argWidth) /
            argWidth;
        // 设置页面根节点字体大小
        safeData(globalThis, 'document.documentElement.style.fontSize', argBaseSize * scale + 'px', true);
    };
    // 初始化
    setRem();
    // 改变窗口大小时重新设置 rem
    globalThis.onresize = () => {
        setRem();
    };
};
/**
 * @function
 * @description 获取cookie
 * @param  {string} argName 要获取的值
 * @returns {string}
 */
const getCookie = (argName) => {
    const cookies = globalThis.document.cookie.split('; ');
    const cookie = cookies.find((cookie) => {
        const [name] = cookie.split('=');
        return argName === name;
    });
    return cookie ? decodeURIComponent(cookie.split('=')[1] || '') : '';
};
/**
 * @function
 * @description 获取cookie对象
 * @returns {object}
 */
const getCookieObj = () => {
    const cookies = globalThis.document.cookie.split('; ');
    const cookieObj = {};
    cookies.forEach((cookie) => {
        const [key, value = ''] = cookie.split('=');
        cookieObj[key] = decodeURIComponent(value);
    });
    return cookieObj;
};
/**
 * @function
 * @description 设置cookie
 * @param  {string} argName 要设置的key
 * @param  {string} argValue 要设置的value
 * @param  {number} argTime 过期时间/时 默认24
 * @param  {number} argPath path
 * @param  {number} domain domain
 */
const setCookie = (argName, argValue = '', argTime = 24, argPath = '/', domain = globalThis.location.hostname) => {
    if (argTime === 0) {
        globalThis.document.cookie = `${argName}=${encodeURIComponent(argValue)};path=${argPath};domain=${domain};`;
    }
    else {
        const now = new Date();
        const offset = 8;
        const utc = now.getTime() + now.getTimezoneOffset() * 60000;
        const nd = utc + 3600000 * offset;
        const exp = new Date(nd);
        exp.setTime(exp.getTime() + argTime * 60 * 60 * 1000);
        globalThis.document.cookie = `${argName}=${encodeURIComponent(argValue)};path=${argPath};expires=${exp.toUTCString()};domain=${domain};`;
    }
};
/**
 * @function
 * @description 清除cookie
 * @param  {string} argName 要清除的值
 */
const delCookie = (argName = '') => {
    setCookie(argName, '', -1);
};
/**
 * @function
 * @description 检测浏览器状态，系统状态 *
 * @returns {Info} {
 * ua: ua,
 * platform: 平台,
 * isMobile: 移动端,
 * isWin: winPC端,
 * isIphone: iphone,
 * isIpad: ipad,
 * isMac: mac,
 * isAppleMobile: 苹果移动端webview
 * isSafari: Safari浏览器,
 * isIos: Ios平台,
 * isAndroid: android平台,
 * isIE: 显示8 9 10, true为11以上
 * ...
 * }
 */
const getInfo = () => {
    let ua = safeData(globalThis, 'navigator.userAgent', '').toLowerCase();
    let platform = safeData(globalThis, 'navigator.userAgentData.platform', '').toLowerCase();
    let info = {
        ua: ua,
        platform: platform,
        isMobile: !!ua.match(/mobile/),
        isWin: !!platform.match('win'),
        isIphone: !!ua.match(/iphone/),
        isIpad: !!ua.match(/ipad/),
        isMac: !!platform.match('mac'),
        isIos: !!platform.match('ios'),
        isAndroid: !!platform.match('android'),
        isSafari: ua.indexOf('safari') > -1 && ua.indexOf('chrome') < 1,
        isIE: 'ActiveXObject' in globalThis,
        ieVersion: 0,
        isAppleMobile: false,
        isWeixin: !!ua.match(/MicroMessenger/i),
        isAlipay: !!ua.match(/Alipay/i),
    };
    if (info.ua.match('msie')) {
        let IE = info.ua.match(/msie\s([0-9]*)/);
        if (IE && IE.length >= 2) {
            info.ieVersion = +IE[1];
        }
    }
    info.isAppleMobile = !!(info.isMobile &&
        ua.toLowerCase().indexOf('applewebkit') &&
        ua.indexOf('chrome') < 1);
    return info;
};
/**
 * @function
 * @description 获取随机颜色
 * @return string
 */
const getRandomColor = function () {
    return ('#' +
        ('00000' + ((Math.random() * 0x1000000) << 0).toString(16)).substring(-6));
};
/**
 * @function
 * @description 获取storage的值，默认将json转为obj
 * @param {string} argKey 要获取的key
 * @param {string} argNoJson true时不自动转换JSON字符串
 * @returns {any} key对应的数据
 */
const getStorage = (argKey, argNoJson) => {
    let res = globalThis.localStorage.getItem(argKey);
    // 默认转义JSON字符串
    if (!argNoJson && isJson(res) && res) {
        res = JSON.parse(res);
    }
    return res || '';
};
/**
 * @function
 * @description 设置storage的值，默认将obj转为json
 * @param {string} argKey 要获取的key
 * @param {unknown} argData 要保存的数据
 * @returns {string} 保存的数据String
 */
const setStorage = (argKey, argData) => {
    if (typeof argData === 'object') {
        argData = JSON.stringify(argData);
    }
    globalThis.localStorage.setItem(argKey, String(argData));
    return String(argData);
};
/**
 * @function
 * @description setTimeout promise版，异步阻塞函数
 * @param  {number} ms 时间，毫秒
 */
const sleep = (ms) => {
    return new Promise((resolve) => setTimeout(resolve, ms));
};
/**
 * @description 同步阻塞函数。
 * @param {number} time - 延迟的时间量，单位为毫秒
 */
const delay = (time = 0) => {
};
/**
 * @function
 * @description 数据安全访问
 * @param  {any} argData  [原始数据]
 * @param  {string} argCheck [要返回的数据，用'.'连接，数组用'.+数字表示']
 * @param  {any} argValue [如果数据有误，返回的值，选填]
 * @param  {boolean|0|1} argSetValueForce [是否强制赋值argValue]
 * @returns {any}
 */
const safe = function safe(argData, argCheck, argValue, argSetValueForce) {
    return safeData(argData, argCheck, argValue, argSetValueForce);
};
/**
 * @function
 * @description 数据安全访问
 * @param  {any} argData  [原始数据]
 * @param  {string} argCheck [要返回的数据，用'.'连接，数组用'.+数字表示']
 * @param  {any} argValue [如果数据为undefined/null,返回argValue，选填]
 * @param  {boolean|0|1} argSetValueForce [是否强制赋值argValue,强制赋值时只返回true/false]
 * @returns {any}
 */
const safeData = (argData, argCheck, argValue = undefined, argSetValueForce) => {
    if (typeof argCheck !== 'string' && typeof argCheck !== 'number') {
        console.warn('argCheck请传入string当前为:' + argCheck);
        return '';
    }
    const temKey = argCheck.toString().split('.');
    const temLen = temKey.length;
    if (!argData) {
        return argValue;
    }
    if (temLen > 1) {
        for (let i = 0; i < temLen - 1; i++) {
            if (typeof argData[temKey[i]] !== 'object') {
                if (argSetValueForce) {
                    console.warn('safeData setValue err，data:', argData, 'no key:', argCheck);
                    return false;
                }
                else {
                    console.warn('noData return argValue', i);
                    return argValue;
                }
            }
            argData = argData[temKey[i]] || {};
        }
    }
    if (argSetValueForce) {
        argData[temKey[temLen - 1]] = argValue;
        return true;
    }
    if (typeof argValue === 'undefined') {
        return argData[temKey[temLen - 1]];
    }
    else {
        return argData[temKey[temLen - 1]] ?? argValue;
    }
};
/**
 * @description obj转url参数
 * @function
 * @param {any} argParams 参数对象
 * @param {boolean?} noMark 默认带?,true时,不带
 * @returns {string}
 */
const setUrlParams = (argParams, noMark) => {
    let re = '';
    if (!noMark) {
        re = '?';
    }
    let paramsList = Object.keys(argParams);
    let temLength = paramsList.length;
    if (!temLength) {
        return '';
    }
    paramsList.map((v, k) => {
        re += v + '=' + argParams[v];
        if (k < temLength - 1) {
            re += '&';
        }
    });
    return re;
};
/**
 * @description 获取url参数
 * @function
 * @param {string} argName 要获取的key
 * @param {string} argUrl url数据
 * @returns {string}
 */
const getUrlParam = (argName, argUrl = globalThis.location.search || globalThis.location.hash) => {
    let result = argUrl.match(new RegExp('[?&]' + argName + '=([^&]+)', 'i'));
    if (!result) {
        return '';
    }
    return decodeURIComponent(result[1]);
};
/**
 * @description 获取所有url参数，eg: a=1&b=2 to {a:1,b:2}
 * @function
 * @param {string} argData 要处理的数据
 * @returns {any}
 */
const getUrlParamObj = (argData = globalThis.location.search || globalThis.location.hash) => {
    const res = {};
    try {
        argData
            .slice(argData.indexOf('?') + 1)
            .split('&')
            .forEach((v) => {
            const [key, val] = v.split('=');
            if (key !== v) {
                res[key] = decodeURIComponent(val);
            }
        });
        return res;
    }
    catch (e) {
        console.error('转换失败', e);
        return res;
    }
    // let temObj = new URLSearchParams(argData)
    // let resObj = {}
    // for (const [key, value] of temObj) {
    //   resObj[key] = value
    // }
    // return resObj
};
/**
 * @description 通过正则匹配修改当前页面的url中的参数
 * @function
 * @param  {string} name key
 * @param  {string | number| undefined | null} value 要替换的value
 * @param  {string} url 要替换的网址,默认location.href
 * @returns {string}
 */
const replaceUrlParam = (name, value, url = globalThis.location.href || '') => {
    const reg = new RegExp('([?]|&)(' + name + '=)([^&#]*)([&]?|$)', 'img');
    const r = url.match(reg);
    const search = url.split('?');
    let strValue = url;
    if (value === undefined || value === null) {
        if (r != null) {
            strValue = url.replace(reg, (_match, p1, _p2, _p3, p4) => {
                if (!p4 || !p4.length) {
                    return '';
                }
                else if (p1 === p4) {
                    return p1;
                }
                return p1 + p4;
            });
            strValue = strValue.replace('?&', '?');
        }
    }
    else if (r != null) {
        strValue = url.replace(reg, `$1$2${value}$4`);
    }
    else if (search.length > 1) {
        const sub = search[1].split('#');
        if (sub.length > 1) {
            if (sub[1].length) {
                strValue = `${search[0]}?${sub[0]}&${name}=${value}#${sub[1]}`;
            }
            else {
                strValue = `${search[0]}?${sub[0]}&${name}=${value}${sub[1]}`;
            }
        }
        else {
            strValue = `${search[0]}?${search[1]}&${name}=${value}`;
        }
    }
    else {
        // 不存在?时,搜索hash
        const sub = url.split('#');
        if (sub.length > 1) {
            strValue = `${sub[0]}?${name}=${value}#${sub[1]}`;
        }
        else {
            strValue = `${url}?${name}=${value}`;
        }
    }
    return strValue;
};
/**
 * @function
 * @description 获取简单uuid
 * @returns {string} uuid
 */
const getUuid = () => {
    const S4 = () => (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
    return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + Date.now();
};
/**
 * @function
 * @description 获取随机数,含最大值，含最小值
 * @param  {number} min 最小值
 * @param  {number} max 最大值
 * @returns {number}
 */
const randomInt = (min = 0, max = 100) => {
    min = Math.ceil(min);
    max = Math.floor(max);
    // 含最大值，含最小值
    return Math.floor(Math.random() * (max - min + 1)) + min;
};
/**
 * @function
 * @description 设置env参数，一般在main.js中调用
 * @param  {AnyObject} env 要设置的值
 * @example
 * setEnv(import.meta.env)
 */
const setEnv = (env) => {
    ENV = env;
};
/**
 * @function
 * @description 获取env参数
 * @param  {string} key 要获取的值
 * @returns {string} 获取的值
 */
const getEnv = (key) => {
    return safeData(ENV, key, '');
};
/**
 * @function
 * @description 设置object参数,可做运行时缓存
 * @param  {string} key 要设置的key
 * @param  {AnyObject} data 要设置的值
 * @returns {AnyObject}
 */
const setObj = (key, data) => {
    if (!key) {
        DATA_OBJECT = data;
    }
    else {
        DATA_OBJECT[key] = data;
    }
    return DATA_OBJECT;
};
/**
 * @function
 * @description 获取object参数
 * @param  {string} key 要获取的值
 * @param  {string} argData 要合并的值
 * @param  {boolean} isDeepCopy 是否深拷贝
 * @returns {AnyObject} 获取的值
 */
const getObj = (key, argData, isDeepCopy) => {
    let res = safeData(DATA_OBJECT, key, {});
    if (typeof res !== 'object') {
        console.warn('DATA_OBJECT.' + key + ' is not a object');
        return res;
    }
    if (isDeepCopy) {
        res = deepCopy(res);
    }
    if (argData) {
        Object.assign(res, argData);
    }
    return res;
};
/**
 * @function
 * @description 设置日志输出logLevel 1 error 2 warn 3 info 4 log 5 debug
 * @param {AnyObject} logConfig 重写配置
 * @param {function} logConfig.error 错误日志回调（做额外处理用）
 * @example
 * setLog(localStorage.getItem('logLevel'),{
   error: (...arg) => {
     // todo
   }
 })
 */
const setLog = (logLevel = 4, logConfig = { error: 0 }) => {
    // 1 error 2 warn 3 info 4 log 5 debug
    logLevel = logLevel || getEnv('VUE_APP_LOG_LEVEL') || 4;
    const logList = ['log', 'info', 'warn', 'error'];
    const log = {};
    logList.forEach((v) => {
        log[v] = console[v];
    });
    for (let key in logConfig) {
        if (console[key]) {
            console[key] = (...arg) => {
                const line = safeData(Error(), 'stack', [])?.split('\n')[2] || '';
                log[key](...arg, 'line>>' + line);
                // 回调处理
                typeof logConfig[key] === 'function' && logConfig[key](...arg, line);
            };
        }
    }
    switch (+logLevel) {
        case 1:
            console.warn = () => { };
        case 2:
            console.info = () => { };
        case 3:
            console.log = () => { };
        case 4:
            console.debug = () => { };
    }
    // return log
};
/**
 * @function
 * @description深拷贝函数
 * @param obj 需要拷贝的对象
 * @returns 拷贝后的对象
 */
const deepCopy = (obj, hash = new WeakMap()) => {
    if (obj === null || typeof obj !== 'object')
        return obj;
    if (obj instanceof Date)
        return new Date(obj);
    if (obj instanceof RegExp)
        return new RegExp(obj);
    if (obj instanceof Map)
        return new Map(deepCopy(Array.from(obj), hash));
    if (obj instanceof Set)
        return new Set(deepCopy(Array.from(obj), hash));
    if (hash.has(obj))
        return hash.get(obj);
    const copy = Array.isArray(obj)
        ? []
        : Object.create(Object.getPrototypeOf(obj));
    hash.set(obj, copy);
    for (let key in obj) {
        if (Object.prototype.hasOwnProperty.call(obj, key)) {
            copy[key] = deepCopy(obj[key], hash);
        }
    }
    return copy;
};
/**
 * @function
 * @description 摇一摇，请求使用 DeviceMotionEvent API 的权限。for ios
 * @returns Promise，指示是否已授予权限。
 * @example
 * ```
 * const hasRequest = await requestDeviceMotionPermission()
 * if (hasRequest) {
 *    useEventListener(window, 'devicemotion', handleShake)
 *  } else {
 *    showToast('未授权访问运动传感器,请手动点击！')
 *  }
 * ```
 */
const requestDeviceMotionPermission = () => {
    if (typeof DeviceMotionEvent?.requestPermission === 'function') {
        return DeviceMotionEvent
            .requestPermission()
            .then((permissionState) => {
            if (permissionState === 'granted') {
                return true;
            }
            else {
                return false;
            }
        })
            .catch(() => {
            return false;
        });
    }
    else {
        return true;
    }
};
/**
 * @function
 * @description 自动播放音频并返回音频元素。
 * @param {string} audioUrl - 音频地址
 * @param {boolean} isWeixin - 是否在微信中
 * @returns {HTMLAudioElement} - 音频元素
 */
const autoPlayAudio = (audioUrl, isWeixin) => {
    const audio = new Audio(audioUrl);
    audio.addEventListener('ended', function () {
        this.currentTime = 0;
        this.play();
    }, false);
    audio.autoplay = true;
    if (isWeixin) {
        document.addEventListener('WeixinJSBridgeReady', function () {
            audio.play();
        }, false);
    }
    return audio;
};
/**
 * @function
 * @description 函数防抖，用于限制函数调用的频率。
 * @param {Function} func - 要进行防抖的函数
 * @param {number} delay - 延迟时间，单位毫秒
 * @return {Function} 返回防抖后的函数
 * @example
 * ```
 * const debouncedHello = debounce(sayHello, 1000);
 * debouncedHello('Hello from 1');
 * debouncedHello('Hello from 2');
 * ```
 */
const debounce = (fn, delay = 300, ...extra) => {
    let timer;
    return function (...args) {
        clearTimeout(timer);
        timer = setTimeout(() => {
            fn.call(this, ...args, ...extra);
        }, delay);
    };
};
/**
 * @function
 * @description 节流函数:该函数用于限制函数的执行频率，使其在指定的时间间隔内最多执行一次
 * @param {Function} fn - 要节流的函数。
 * @param {number} [delay=300] - 函数执行之间的延迟时间（毫秒）。默认为 300 毫秒。
 * @param {...any} extra - 可选的额外参数，传递给节流函数的原始调用。
 * @returns {Function} 返回一个新的函数，该函数具有节流行为。
 * @example
 * ```
 * const sayHelloFn = (a: string,b:any) => {
 *   console.log(a,b);
 * }
 * const throttleHello = throttle(sayHelloFn, 300,'extra info);
 * throttleHello('Hello from 1');
 * throttleHello('Hello from 2');
 * // Hello from 1 extra info
 * ```
 */
const throttle = (fn, delay = 300, ...extra) => {
    let temTime = 0;
    return function (...args) {
        const now = Date.now();
        if (now - temTime > delay) {
            temTime = now;
            fn.call(this, ...args, ...extra);
        }
    };
};
/**
 * @function
 * @description 添加事件绑定
 * @param {Element} el - 绑定元素
 * @param {string} event - 事件名称
 * @param {function} handler - 事件处理函数
 */
const on = (function () {
    if (typeof globalThis.document?.addEventListener === 'function') {
        return function (el, event, handler) {
            if (el && event && handler) {
                el.addEventListener(event, handler, false);
            }
        };
    }
    return function (el, event, handler) {
        if (el && event && handler) {
            el.attachEvent('on' + event, handler);
        }
    };
})();
/**
 * @function
 * @description 移除事件绑定
 * @param {Element} el - 绑定元素
 * @param {string} event - 事件名称
 * @param {function} handler - 事件处理函数
 */
const off = (function () {
    if (typeof globalThis.document?.removeEventListener === 'function') {
        return function (el, event, handler) {
            if (el && event) {
                el.removeEventListener(event, handler, false);
            }
        };
    }
    return function (el, event, handler) {
        if (el && event) {
            el.detachEvent('on' + event, handler);
        }
    };
})();

export { autoPlayAudio, debounce, deepCopy, delCookie, delay, getCookie, getCookieObj, getEnv, getInfo, getNetworkStatus, getObj, getRandomColor, getRegexp, getStorage, getUrlParam, getUrlParamObj, getUuid, off, on, randomInt, remInit, replaceUrlParam, requestDeviceMotionPermission, safe, safeData, setCookie, setEnv, setLog, setObj, setStorage, setTitle, setUrlParams, sleep, throttle };