@zfqh/uniapp 0.1.1

package/lib/utils/index.js

@@ -0,0 +1,485 @@
+import { IS_WEBVIEW_ENV, WEBVIEW_ENV } from './consts';
+import toast from './toast';
+/**
+ * 转换图片获取完整路径
+ * @param {Object} images 图片对象
+ * @param {String} path cdn地址
+ * @param {Boolean} useImages 是否使用images目录
+ */
+export function transformImagePath(images, path, useImages = false) {
+    Object.keys(images).forEach((key) => {
+        let value = images[key];
+        const dir = key.replace(/\$/g, '/');
+        if (value) {
+            if (/^https?:/.test(value)) {
+                images[key] = value;
+            }
+            else {
+                if (value.startsWith('?')) {
+                    value = `.png${value}`;
+                }
+                images[key] = `${path}${useImages ? '/images' : ''}/${dir}${value}`;
+            }
+        }
+        else {
+            images[key] = `${path}${useImages ? '/images' : ''}/${dir}.png`;
+        }
+    });
+    return images;
+}
+/**
+ * @function 转换链接获取完整路径
+ * @param {Object} links 链接对象
+ * @param {String} path cdn地址
+ */
+export function transformLinkPath(links, path) {
+    Object.keys(links).forEach((key) => {
+        if (!links[key].url) {
+            links[key].url = `${path}/${key}.html`;
+        }
+    });
+    return links;
+}
+/**
+ * 请求延迟
+ * @param {Function} fn 请求方法
+ * @param {Number} delay 延迟时间（毫秒）
+ * @return {Function}
+ */
+export function requestDelay(fn, delay = 500) {
+    return new Promise((res, rej) => {
+        const start = Date.now();
+        const func = (f, e) => {
+            const end = Date.now();
+            const diff = parseInt(String(end - start));
+            if (diff < delay) {
+                setTimeout(() => {
+                    f(e);
+                }, delay - diff);
+            }
+            else {
+                f(e);
+            }
+        };
+        fn()
+            .then((e) => {
+            func(res, e);
+        })
+            .catch((e) => {
+            func(rej, e);
+        });
+    });
+}
+/**
+ * 将日期转换为时间戳
+ * @param {String, Number} date 时间字符串
+ * @return {String}
+ */
+export function dateStringToTime(date) {
+    if (typeof date === 'number') {
+        return date;
+    }
+    else {
+        date = String(date || '');
+        return date ? new Date(/\.[^.]+$/.test(date) ? date : date.replace(/-/g, '/')).getTime() : Date.now();
+    }
+}
+/**
+ * 将日期末尾时间去除
+ * @param {String} date 时间字符串
+ * @return {String}
+ */
+export function cutDate(date) {
+    return String(date || '').replace(/\s+[^\s]+$/, '');
+}
+/**
+ * @function 计算时间距离当前时间多久
+ * @param {String,Number} time 时间
+ * @param {String} separate 时间分隔
+ * @return {String}
+ */
+export function timeFrom(time, separate = '-') {
+    if (typeof time === 'string') {
+        time = dateStringToTime(time);
+    }
+    if (!time || isNaN(time)) {
+        return '';
+    }
+    const current = new Date().getTime();
+    const diff = current - time;
+    const oneMinuteTime = 60 * 1000;
+    const oneHourTime = oneMinuteTime * 60;
+    const oneDayTime = oneHourTime * 24;
+    const twoDayTime = oneDayTime * 2;
+    const sevenDayTime = oneDayTime * 7;
+    // 小于1分钟
+    if (diff < oneMinuteTime) {
+        return `刚刚`;
+    }
+    // 小于1小时
+    else if (diff < oneHourTime) {
+        return `${parseInt(String(diff / oneMinuteTime))}分钟前`;
+    }
+    // 小于1天
+    else if (diff < oneDayTime) {
+        return `${parseInt(String(diff / oneHourTime))}小时前`;
+    }
+    // 大于1天小于2天
+    else if (diff >= oneDayTime && diff < twoDayTime) {
+        return `昨天 ${uni.$uv.timeFormat(time, 'hh:MM')}`;
+    }
+    // 大于2天小于7天
+    else if (diff >= twoDayTime && diff < sevenDayTime) {
+        return `${parseInt(String(diff / oneDayTime))}天前`;
+    }
+    // 大于7天
+    else {
+        if (new Date(current).getFullYear() === new Date(time).getFullYear()) {
+            return uni.$uv.timeFormat(time, `mm${separate}dd hh:MM`);
+        }
+        return uni.$uv.timeFormat(time, `yyyy${separate}mm${separate}dd hh:MM`);
+    }
+}
+/**
+ * 获取元素区域信息
+ * @param {String} id 元素ID
+ */
+export function getRectById(id) {
+    return new Promise((res, rej) => {
+        try {
+            const query = uni.createSelectorQuery().in(this);
+            query
+                .select(`#${id}`)
+                .boundingClientRect((data) => {
+                res({ data });
+            })
+                .exec();
+        }
+        catch (e) {
+            rej(e);
+        }
+    });
+}
+/**
+ * 路径转换
+ * @param {String} base 路径
+ * @param {String} path 路径
+ */
+export function joinPath(base = '', path = '') {
+    if (!path) {
+        return base;
+    }
+    if (path.startsWith('/')) {
+        return path;
+    }
+    const i = base.indexOf('?');
+    const j = path.indexOf('?');
+    let search = '';
+    if (i !== -1) {
+        base = base.substring(0, i);
+    }
+    if (j !== -1) {
+        search = path.substring(j);
+        path = path.substring(0, j);
+    }
+    const bases = base.split('/');
+    const paths = path.split('/');
+    let towPop = false;
+    paths.forEach((ele) => {
+        if (ele === '.') {
+            bases.pop();
+        }
+        else if (ele === '..') {
+            if (!towPop) {
+                bases.pop();
+                towPop = true;
+            }
+            bases.pop();
+        }
+        else if (ele) {
+            bases.push(ele);
+        }
+    });
+    return bases.join('/') + search;
+}
+/**
+ * 发送消息
+ * @param {Object} data { type: '', payload: {} }
+ */
+export const postMessage = (data) => {
+    // #ifdef H5
+    if (IS_WEBVIEW_ENV) {
+        if (WEBVIEW_ENV.h5) {
+            parent.postMessage({
+                type: 'WEBVIEW_APP_MESSAGE',
+                data,
+            }, '*');
+        }
+        else {
+            uni.webView?.postMessage({ data });
+        }
+    }
+    else {
+        window.postMessage({
+            type: 'POST_MESSAGE',
+            data,
+        });
+    }
+    // #endif
+};
+/**
+ * 打开导航
+ * @param {Object} data 位置数据
+ */
+export function openLocation(data) {
+    uni.openLocation({
+        latitude: Number(data.latitude),
+        longitude: Number(data.longitude),
+        name: data.name,
+        address: data.address,
+        fail() {
+            toast.message('位置信息有误，导航失败！');
+        },
+    });
+}
+/**
+ * 将字符以空格拆分
+ * @param {String, Number} code 字符内容
+ * @param {Number[]} format 拆分格式
+ * @return {String} 拆分后的字符
+ * @example codeSplit(18888888888, [3, 4, 4]) => 138 8888 8888
+ */
+export function codeSplit(code = '', format = []) {
+    if (code) {
+        const temps = String(code).split(/\s*/);
+        const codes = [];
+        format.forEach((size) => {
+            codes.push(temps.splice(0, size).join(''));
+        });
+        if (temps.length) {
+            codes.push(temps.join(''));
+        }
+        return codes.join(' ').trim();
+    }
+    return '';
+}
+/**
+ * 调用父组件方法
+ * @param {String} name 方法名称
+ * @example parentCall.call(this, 'show')
+ */
+export function parentCall(...args) {
+    const [name, ...rest] = args;
+    if (name) {
+        let parent = this.$parent;
+        while (parent) {
+            if (typeof parent[name] === 'function') {
+                return parent[name](...rest);
+            }
+            parent = parent.$parent;
+        }
+    }
+}
+/**
+ * 深度合并
+ * @param {Object} ...args 合并对象
+ */
+export function deepMerge(target, ...sources) {
+    function isObject(obj) {
+        return obj && typeof obj === 'object' && !Array.isArray(obj);
+    }
+    function mergeDeep(target, source) {
+        for (const key in source) {
+            if (Object.prototype.hasOwnProperty.call(source, key)) {
+                if (isObject(source[key])) {
+                    if (!isObject(target[key])) {
+                        target[key] = {};
+                    }
+                    mergeDeep(target[key], source[key]);
+                }
+                else if (source[key] != null) {
+                    target[key] = source[key];
+                }
+            }
+        }
+    }
+    for (const source of sources) {
+        mergeDeep(target, source);
+    }
+    return target;
+}
+/**
+ * 返回页面并通信，除了uni.navigateBack选项外，新增method、emit、data选项
+ */
+export function navigateBack(options) {
+    if (options) {
+        const { method, emit, data, ...rest } = options;
+        const delta = rest.delta || 1;
+        if (method) {
+            const pages = getCurrentPages();
+            const prevPage = pages[pages.length - (delta + 1)];
+            if (method && prevPage && prevPage.$vm[method]) {
+                prevPage.$vm[method](data);
+            }
+        }
+        else if (emit) {
+            uni.$emit(emit, data);
+        }
+        return uni.navigateBack(rest);
+    }
+    return uni.navigateBack(options);
+}
+/**
+ * 腾讯云存储资源压缩处理，用法参考https://cloud.tencent.com/document/product/436/42215
+ * @param url 原图像地址
+ * @param rule 处理规则，默认100x
+ * @param type 处理类型，默认thumbnail
+ * @returns 处理后图像地址
+ */
+export function cosCompress(url, rule = '100x', type = 'thumbnail') {
+    if (url) {
+        const params = `imageMogr2/${type}/${rule}/format/webp`;
+        if (url.lastIndexOf('?') === -1) {
+            return `${url}?${params}`;
+        }
+        if (url.lastIndexOf('imageMogr2/') === -1) {
+            return `${url}&${params}`;
+        }
+        return url;
+    }
+    return '';
+}
+/**
+ * 拨打电话
+ * @param {String} phoneNumber 手机号
+ */
+export function phoneCall(phoneNumber) {
+    if (phoneNumber) {
+        uni.makePhoneCall({
+            phoneNumber,
+        });
+    }
+}
+/**
+ * 复制内容到剪切板
+ * @param {String} text 复制内容
+ * @param {String} tips 复制成功提示
+ */
+export function copyToClipboard(text = '', tips = '内容已复制') {
+    if (text) {
+        uni.setClipboardData({
+            data: text,
+            showToast: false,
+            success() {
+                // #ifndef MP-WEIXIN
+                // 微信小程序默认弹出“内容已复制”
+                toast.message(tips, {
+                    position: 'bottom',
+                });
+                // #endif
+            },
+            fail(e) {
+                toast.message(e?.errMsg, {
+                    position: 'bottom',
+                });
+            },
+        });
+    }
+    else {
+        toast.message('复制内容不能为空', {
+            position: 'bottom',
+        });
+    }
+}
+/**
+ * 隐藏值
+ * @param {String} str 内容
+ * @param {Number} start 开头显示数量
+ * @param {end} phone 末尾显示数量
+ * @returns {String}
+ */
+export function hiddenValue(str = '', start = 0, end = 0) {
+    str = String(str || '');
+    const size = str.length;
+    let startStr = '';
+    let endStr = '';
+    let centerStr = '';
+    if (start <= 0) {
+        start = 0;
+    }
+    if (end <= 0) {
+        end = 0;
+    }
+    if (size <= start || size <= end) {
+        centerStr = str;
+    }
+    else {
+        startStr = str.slice(0, start);
+        if (end > 0) {
+            endStr = str.slice(-1 * end);
+        }
+        centerStr = new Array(Math.max(size - start - end, 0)).fill('*').join('');
+    }
+    return `${startStr}${centerStr}${endStr}`;
+}
+/**
+ * 隐藏手机号
+ * @param {Number} phone 手机号
+ * @returns {String}
+ */
+export function hiddenPhone(phone) {
+    return String(phone || '').replace(/^(\d{3})\d{4}(\d+)$/, '$1****$2');
+}
+/**
+ * 格式化手机号
+ * @param {Number} phone 手机号
+ * @returns {String}
+ */
+export function formatPhone(phone) {
+    return String(phone || '').replace(/^(\d{3})(\d{4})(\d+)$/, '$1 $2 $3');
+}
+/**
+ * 数字四舍五入
+ * @param {Number} value 数值
+ * @param {Number} decimal 保留位数
+ * @returns {String}
+ */
+export function toFixed(value, decimal = 2) {
+    value = parseFloat(value);
+    if (isNaN(value)) {
+        value = 0;
+    }
+    if (decimal <= 0) {
+        return String(value);
+    }
+    return value.toFixed(decimal);
+}
+/**
+ * @function 选项数据转对象数据
+ * @param {Array} data 数据对象
+ * @return {Object}
+ */
+export function OptionsToObject(data) {
+    const obj = {};
+    if (Array.isArray(data)) {
+        data.forEach(({ label, value }) => {
+            obj[value] = label;
+            obj[label] = value;
+        });
+    }
+    return obj;
+}
+/**
+ * 简化数字，123显示100+
+ * @param {Number} num 数字
+ * @param {Number} min 最小值
+ * @return {String}
+ */
+export function numberPlus(num, min = 100) {
+    const value = Math.abs(Number(num) | 0);
+    if (value < min) {
+        return String(value);
+    }
+    const str = String(value);
+    return str.substring(0, 1).padEnd(str.length, '0') + '+';
+}

package/lib/utils/locale.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultLocale: string;
+export declare const fallbackLocale = "zh-Hans";
+/**
+ * nvue 下 inject 未提供 t 时的回退；第二参数为命名占位 {n} 等
+ */
+export declare function showLocale(key: any, values: any): any;

package/lib/utils/locale.js

@@ -0,0 +1,19 @@
+export const defaultLocale = uni.getLocale();
+export const fallbackLocale = 'zh-Hans';
+function applyNamedPlaceholders(str, values) {
+    if (!values || typeof str !== 'string') {
+        return str;
+    }
+    let out = str;
+    for (const k of Object.keys(values)) {
+        out = out.split(`{${k}}`).join(String(values[k]));
+    }
+    return out;
+}
+/**
+ * nvue 下 inject 未提供 t 时的回退；第二参数为命名占位 {n} 等
+ */
+export function showLocale(key, values) {
+    const raw = uni.$messages[uni.getLocale()]?.[key] || uni.$messages[fallbackLocale]?.[key] || key;
+    return applyNamedPlaceholders(raw, values);
+}

package/lib/utils/message.d.ts

@@ -0,0 +1,9 @@
+export declare const TYPES: {
+    LOGIN: string;
+    SHARE_PAGE: string;
+    GET_LOCATION: string;
+    OPEN_LOCATION: string;
+    CHNAGE_TITLE: string;
+    SAVE_IMAGE: string;
+    HIDE_LOADING: string;
+};

package/lib/utils/message.js

@@ -0,0 +1,63 @@
+export const TYPES = {
+    LOGIN: '',
+    SHARE_PAGE: '',
+    GET_LOCATION: '',
+    OPEN_LOCATION: '',
+    CHNAGE_TITLE: '',
+    SAVE_IMAGE: '',
+    HIDE_LOADING: '',
+};
+Object.keys(TYPES).forEach((key) => {
+    TYPES[key] = key;
+});
+// #ifdef H5
+window.onmessage = (e) => {
+    try {
+        if (e.data.type === 'WEBVIEW_MESSAGE') {
+            uni.$emit('WEBVIEW_MESSAGE', e.data.data);
+            const { type, payload } = e.data.data;
+            switch (type) {
+                case TYPES.LOGIN: {
+                    const { token, referrer } = payload;
+                    uni.$store.commit('setLoginInfo', { token });
+                    uni.$store.dispatch('getInfo');
+                    if (referrer) {
+                        // 必须使用reLaunch，否则跳转可能无效
+                        uni.reLaunch({
+                            url: referrer,
+                        });
+                    }
+                    break;
+                }
+                case TYPES.GET_LOCATION: {
+                    if (uni.getLocationCallback) {
+                        Object.keys({ ...payload, complete: undefined }).forEach((key) => {
+                            if (uni.getLocationCallback && uni.getLocationCallback[key]) {
+                                uni.getLocationCallback[key](payload[key]);
+                            }
+                        });
+                        delete uni.getLocationCallback;
+                    }
+                    break;
+                }
+                case TYPES.OPEN_LOCATION: {
+                    if (uni.openLocationCallback) {
+                        Object.keys({ ...payload, complete: undefined }).forEach((key) => {
+                            if (uni.openLocationCallback && uni.openLocationCallback[key]) {
+                                uni.openLocationCallback[key](payload[key]);
+                            }
+                        });
+                        delete uni.openLocationCallback;
+                    }
+                    break;
+                }
+                case TYPES.HIDE_LOADING: {
+                    uni.hideLoading();
+                    break;
+                }
+            }
+        }
+    }
+    catch (e) { }
+};
+// #endif

package/lib/utils/navigate.d.ts

@@ -0,0 +1,27 @@
+import { NavigateType, ReferrerType } from '../configs/navigate';
+type Type = NavigateType | 'switchTab';
+interface NavigateExtendOptions {
+    type?: Type;
+    loginType?: NavigateType;
+    referrerType?: ReferrerType;
+    params?: {
+        [key: string]: any;
+    };
+    webviewParams?: {
+        [key: string]: any;
+    };
+    needLogin?: boolean;
+    native?: boolean;
+}
+interface NavigateOptions extends UniNamespace.NavigateToOptions, NavigateExtendOptions {
+}
+declare const navigate: {
+    (url?: string | NavigateOptions, type?: Type): boolean;
+    reLaunch(url: string | NavigateOptions): void;
+    navigateTo(url: string | NavigateOptions): void;
+    switchTab(url: string | NavigateOptions): void;
+    redirectTo(url: string | NavigateOptions): void;
+    back(e: UniNamespace.NavigateBackOptions): void;
+    interceptor(...args: string[]): string;
+};
+export default navigate;