@zfqh/uniapp-x 0.0.0-stage → 0.0.1

package/lib/utils/request.js

@@ -0,0 +1,139 @@
+import throttle from '@zfqh/uview-x/utils/throttle';
+import log from '../configs/log';
+import toast from './toast';
+import { pinia } from '../stores/pinia';
+import { useLoginStore } from '../stores/login';
+export function formatURL(url, data) {
+    let newUrl = '';
+    // 匹配动态参数
+    if (/(\/?:\w+)/.test(url)) {
+        url.split(/(\/?:\w+)/).forEach((path) => {
+            if (/^\/?:/.test(path)) {
+                const index = path.startsWith('/:') ? 2 : 1;
+                const key = path.substr(index);
+                newUrl += data[key] !== undefined ? `${index === 2 ? '/' : ''}${data[key]}` : '';
+                delete data[key];
+            }
+            else {
+                newUrl += path;
+            }
+        });
+    }
+    else {
+        newUrl = url;
+    }
+    return newUrl;
+}
+function responseReject(response) {
+    const { data, status, config } = response;
+    if (status === 401) {
+        const { reLogin, needLogin } = config?.custom || {};
+        const loginStore = useLoginStore(pinia);
+        if (reLogin !== false && needLogin !== false && loginStore.state.accessToken != null) {
+            throttle(() => {
+                if (loginStore.state.accessToken != null) {
+                    const { message, msg } = data;
+                    if (message || msg) {
+                        toast.message(message || msg);
+                    }
+                    loginStore.logout();
+                }
+            });
+        }
+    }
+    else {
+        if (config?.custom?.message !== false) {
+            const { message, msg } = data;
+            if (message || msg) {
+                toast.message(message || msg);
+            }
+        }
+    }
+    return Promise.reject(response);
+}
+export function createInterceptors(req) {
+    req.interceptors.request.use((config) => {
+        if (log.request) {
+            console.log(`Request URL：${config.baseURL}${config.url}`);
+            console.log(config);
+        }
+        const header = {};
+        const loginState = useLoginStore(pinia).state;
+        const { accessToken } = loginState || {};
+        if (accessToken) {
+            header.Authorization = `Bearer ${accessToken}`;
+        }
+        config.header = {
+            ...header,
+            ...config.header,
+        };
+        return config;
+    });
+    req.interceptors.response.use((response) => {
+        const { data, config } = response;
+        if (log.response) {
+            console.log(`Response URL：${config.baseURL}${config.url}`);
+            console.log(data);
+        }
+        if (data.code != 0) {
+            response.status = data.code;
+            return responseReject(response);
+        }
+        return data;
+    }, (error) => {
+        if (!error?.response) {
+            const { config, data, errMsg, status, statusCode } = error;
+            const code = data?.code || statusCode || status || 404;
+            const msg = data?.message || data?.msg || data?.error || errMsg;
+            error.response = {
+                config,
+                data: {
+                    msg,
+                    code,
+                },
+                status: code,
+            };
+        }
+        if (log.response) {
+            console.log('Response Error：', error.response);
+        }
+        return responseReject(error.response);
+    });
+}
+export function createRequest(req, _opts = {}) {
+    let opts = _opts;
+    const GET = (url, data = {}, options = {}) => {
+        if (typeof opts === 'function') {
+            opts = _opts();
+        }
+        url = formatURL(url, data);
+        return req.get(url, { params: data, ...opts, ...options });
+    };
+    const DELETE = (url, data = {}, options = {}) => {
+        if (typeof opts === 'function') {
+            opts = _opts();
+        }
+        url = formatURL(url, data);
+        return req.delete(url, data, { ...opts, ...options });
+    };
+    const POST = (url, data = {}, options = {}) => {
+        if (typeof opts === 'function') {
+            opts = _opts();
+        }
+        url = formatURL(url, data);
+        return req.post(url, data, { ...opts, ...options });
+    };
+    const PUT = (url, data = {}, options = {}) => {
+        if (typeof opts === 'function') {
+            opts = _opts();
+        }
+        url = formatURL(url, data);
+        return req.put(url, data, { ...opts, ...options });
+    };
+    return {
+        GET,
+        DELETE,
+        POST,
+        PUT,
+    };
+}

package/lib/utils/storage.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 同步获取本地缓存
+ * @param name 键名
+ */
+export declare function getStorageSync(name: string): any;
+/**
+ * 异步获取本地缓存
+ * @param name 键名
+ */
+export declare function getStorage(name: string): Promise<unknown>;
+/**
+ * 同步设置本地缓存
+ * @param name 键名
+ * @param data 值
+ */
+export declare function setStorageSync(name: string, data: any): void;
+/**
+ * 异步设置本地缓存
+ * @param name 键名
+ * @param data 值
+ */
+export declare function setStorage(name: string, data: any): Promise<unknown>;
+/**
+ * 同步删除本地缓存
+ * @param name 键名
+ */
+export declare function removeStorageSync(name: string): void;
+/**
+ * 异步删除本地缓存
+ * @param name 键名
+ */
+export declare function removeStorage(name: string): Promise<unknown>;
+/**
+ * 同步删除全部本地缓存
+ */
+export declare function clearStorageSync(): void;
+/**
+ * 异步删除全部本地缓存
+ */
+export declare function clearStorage(): Promise<void>;

package/lib/utils/storage.js

@@ -0,0 +1,128 @@
+import env from '../configs/env';
+import storage from '../configs/storage';
+const getKey = (name) => {
+    const key = [];
+    if (storage.prefix) {
+        key.push(storage.prefix);
+    }
+    if (env.name !== 'prod') {
+        key.push(env.name);
+    }
+    if (name) {
+        key.push(name);
+    }
+    return key.join('_').toUpperCase();
+};
+/**
+ * 同步获取本地缓存
+ * @param name 键名
+ */
+export function getStorageSync(name) {
+    try {
+        const key = getKey(name);
+        return uni.getStorageSync(key);
+    }
+    catch (e) { }
+}
+/**
+ * 异步获取本地缓存
+ * @param name 键名
+ */
+export function getStorage(name) {
+    const key = getKey(name);
+    return new Promise((res, rej) => {
+        uni.getStorage({
+            key,
+            success(e) {
+                res(e);
+            },
+            fail(e) {
+                rej(e);
+            },
+        });
+    });
+}
+/**
+ * 同步设置本地缓存
+ * @param name 键名
+ * @param data 值
+ */
+export function setStorageSync(name, data) {
+    try {
+        const key = getKey(name);
+        uni.setStorageSync(key, data);
+    }
+    catch (e) { }
+}
+/**
+ * 异步设置本地缓存
+ * @param name 键名
+ * @param data 值
+ */
+export function setStorage(name, data) {
+    const key = getKey(name);
+    return new Promise((res, rej) => {
+        uni.setStorage({
+            key,
+            data,
+            success(e) {
+                res(e);
+            },
+            fail(e) {
+                rej(e);
+            },
+        });
+    });
+}
+/**
+ * 同步删除本地缓存
+ * @param name 键名
+ */
+export function removeStorageSync(name) {
+    try {
+        const key = getKey(name);
+        uni.removeStorageSync(key);
+    }
+    catch (e) { }
+}
+/**
+ * 异步删除本地缓存
+ * @param name 键名
+ */
+export function removeStorage(name) {
+    const key = getKey(name);
+    return new Promise((res, rej) => {
+        uni.removeStorage({
+            key,
+            success(e) {
+                res(e);
+            },
+            fail(e) {
+                rej(e);
+            },
+        });
+    });
+}
+/**
+ * 同步删除全部本地缓存
+ */
+export function clearStorageSync() {
+    try {
+        uni.clearStorageSync();
+    }
+    catch (e) { }
+}
+/**
+ * 异步删除全部本地缓存
+ */
+export function clearStorage() {
+    return new Promise((res, rej) => {
+        try {
+            uni.clearStorage();
+            res();
+        }
+        catch (e) {
+            rej(e);
+        }
+    });
+}

package/lib/utils/subscribe.d.ts

@@ -0,0 +1,7 @@
+type SubscribeCallback = (key: string) => void;
+interface SubscribeTemplate {
+    title: string;
+    id: string;
+}
+export declare function subscribeMessage(data?: string[] | SubscribeTemplate[], acceptCallback?: SubscribeCallback, rejectCallback?: SubscribeCallback): Promise<number>;
+export {};

package/lib/utils/subscribe.js

@@ -0,0 +1,94 @@
+import { config } from '@zfqh/uview-x';
+// 订阅消息
+export function subscribeMessage(data = [], acceptCallback, rejectCallback) {
+    const tmplIds = data
+        ?.map((id) => {
+        if (typeof id === 'string') {
+            return id;
+        }
+        return id?.id;
+    })
+        ?.filter((e) => !!e);
+    return new Promise((resolve, reject) => {
+        // #ifdef MP-WEIXIN
+        uni.getSetting({
+            withSubscriptions: true,
+            success(res) {
+                let content = '';
+                let list = [];
+                if (!res.subscriptionsSetting?.mainSwitch) {
+                    content = '消息通知权限已关闭，不开启将无法收到系统推送消息，请前往通知管理勾选“接收通知”开启？';
+                }
+                else {
+                    const settings = res.subscriptionsSetting?.itemSettings;
+                    if (settings) {
+                        list = data?.filter((e) => {
+                            if (e && typeof e === 'object') {
+                                return e['id'] && e['title'] && settings[e['id']] === 'reject';
+                            }
+                            return false;
+                        });
+                        if (list?.length) {
+                            content = `${list.map((e) => `“${e['title']}”`).join('')}权限已关闭，不开启将无法收到系统推送消息，请前往通知管理选择“接收并提醒”开启？`;
+                        }
+                    }
+                }
+                if (content) {
+                    uni.showModal({
+                        content,
+                        confirmColor: config.color.primary,
+                        confirmText: '去开启',
+                        cancelText: '暂不开启',
+                        success({ confirm }) {
+                            if (confirm) {
+                                uni.openSetting();
+                                if (list?.length) {
+                                    resolve(0);
+                                }
+                                else {
+                                    reject();
+                                }
+                            }
+                            else {
+                                resolve(0);
+                            }
+                        },
+                        fail() {
+                            resolve(0);
+                        },
+                    });
+                }
+                else if (tmplIds?.length) {
+                    uni.requestSubscribeMessage({
+                        tmplIds,
+                        success(e) {
+                            Object.keys(e).forEach((key) => {
+                                const val = e[key];
+                                if (val === 'accept' && typeof acceptCallback === 'function') {
+                                    acceptCallback(key);
+                                }
+                                if (val === 'reject' && typeof rejectCallback === 'function') {
+                                    rejectCallback(key);
+                                }
+                            });
+                            resolve(1);
+                        },
+                        fail() {
+                            resolve(0);
+                        },
+                    });
+                }
+                else {
+                    resolve(0);
+                }
+            },
+            fail() {
+                resolve(0);
+            },
+        });
+        // #endif
+        // #ifndef MP-WEIXIN
+        resolve(0);
+        // #endif
+    });
+}

package/lib/utils/toast.d.ts

@@ -0,0 +1,17 @@
+export declare const loading: (title?: string | UniNamespace.ShowLoadingOptions, options?: UniNamespace.ShowLoadingOptions) => void;
+export declare const message: (title?: string | UniNamespace.ShowToastOptions, options?: UniNamespace.ShowToastOptions) => Promise<void>;
+export declare const close: () => void;
+export declare const hideToast: () => void;
+export declare const hideLoading: () => void;
+declare const toast: {
+    loading: (title?: string | UniNamespace.ShowLoadingOptions, options?: UniNamespace.ShowLoadingOptions) => void;
+    message: (title?: string | UniNamespace.ShowToastOptions, options?: UniNamespace.ShowToastOptions) => Promise<void>;
+    success: (title?: string | UniNamespace.ShowToastOptions, options?: UniNamespace.ShowToastOptions) => Promise<void>;
+    error: (title?: string | UniNamespace.ShowToastOptions, options?: UniNamespace.ShowToastOptions) => Promise<void>;
+    fail: (title?: string | UniNamespace.ShowToastOptions, options?: UniNamespace.ShowToastOptions) => Promise<void>;
+    exception: (title?: string | UniNamespace.ShowToastOptions, options?: UniNamespace.ShowToastOptions) => Promise<void>;
+    close: () => void;
+    hideToast: () => void;
+    hideLoading: () => void;
+};
+export default toast;

package/lib/utils/toast.js

@@ -0,0 +1,66 @@
+import toastConfig from '../configs/toast';
+export const loading = (title = '', options = {}) => {
+    if (typeof title === 'object') {
+        options = title;
+        title = options.title || '';
+    }
+    uni.showLoading(Object.assign({
+        title: title || '',
+    }, options));
+};
+export const message = (title = '', options = {}) => {
+    if (typeof title === 'object') {
+        options = title;
+        title = options.title || '';
+    }
+    options = Object.assign({
+        title: title || '',
+        icon: 'none',
+        duration: 2000,
+    }, options);
+    return new Promise((res) => {
+        if (options.title) {
+            setTimeout(() => {
+                if (toastConfig.custom === true) {
+                    if (toastConfig.show(options) !== false) {
+                        return;
+                    }
+                }
+                uni.showToast(options);
+            });
+            setTimeout(() => {
+                res();
+            }, options.duration || 2000);
+        }
+        else {
+            res();
+        }
+    });
+};
+export const close = () => {
+    if (toastConfig.custom === true) {
+        if (toastConfig.hide() !== false) {
+            return;
+        }
+    }
+    uni.hideToast();
+};
+export const hideToast = close;
+export const hideLoading = () => uni.hideLoading();
+const toast = {
+    loading,
+    message,
+    success: message,
+    error: message,
+    fail: message,
+    exception: message,
+    close,
+    hideToast,
+    hideLoading,
+};
+['success', 'error', 'fail', 'exception'].forEach((icon) => {
+    toast[icon] = (title, options = {}) => {
+        return message(title, { ...options, icon });
+    };
+});
+export default toast;

package/lib/utils/uni.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/uni.js

@@ -0,0 +1,141 @@
+// #ifdef H5
+import { config } from '@zfqh/uview-x';
+import { colorGradient } from '@zfqh/uview-x/utils/colorGradient';
+// #endif
+import mp from '../configs/mp';
+import { IS_WEBVIEW_ENV } from './consts';
+import query from './query';
+// #ifndef H5
+uni.webView = uni;
+if (!uni.webView.postMessage) {
+    uni.webView.postMessage = () => { };
+}
+// #endif
+// #ifdef H5
+// H5下没有该方法，做兼容处理
+uni.hideShareMenu = () => { };
+uni.showShareMenu = () => { };
+// 解决Tree Shaking导致程序报错
+const scanCode = uni.scanCode;
+const chooseImage = uni.chooseImage;
+const chooseVideo = uni.chooseVideo;
+const chooseFile = uni.chooseFile;
+const navigateTo = uni.navigateTo;
+const redirectTo = uni.redirectTo;
+const switchTab = uni.switchTab;
+const reLaunch = uni.reLaunch;
+uni.scanCode = scanCode;
+uni.chooseImage = chooseImage;
+uni.chooseVideo = chooseVideo;
+uni.chooseFile = chooseFile;
+uni.navigateTo = navigateTo;
+uni.redirectTo = redirectTo;
+uni.switchTab = switchTab;
+uni.reLaunch = reLaunch;
+// #endif
+const navigateBack = uni.navigateBack;
+const navigateToMiniProgram = uni.navigateToMiniProgram;
+const openEmbeddedMiniProgram = uni.openEmbeddedMiniProgram;
+uni.navigateBack = (options = {}) => {
+    let { delta = 1 } = options;
+    if (delta < 1) {
+        delta = 1;
+    }
+    const pages = getCurrentPages();
+    const length = pages.length;
+    if (IS_WEBVIEW_ENV && length === 1) {
+        // webview内没有上页，则触发原生返回
+        uni.webView?.navigateBack(options);
+    }
+    else {
+        navigateBack(options);
+    }
+};
+uni.navigateToMiniProgram = (options) => {
+    // #ifdef MP
+    navigateToMiniProgram({
+        envVersion: mp.envVersion,
+        ...options,
+    });
+    // #endif
+};
+uni.openEmbeddedMiniProgram = (options) => {
+    // #ifdef MP
+    openEmbeddedMiniProgram({
+        envVersion: mp.envVersion,
+        allowFullScreen: true,
+        ...options,
+    });
+    // #endif
+};
+// 应用是否从后台唤起，在App.onShow中建议使用if (uni.showAppFromBackground) { /* do something */ }
+uni.showAppFromBackground = true;
+// 调用API将appShowFromBackground设置为false，防止App.vue非必要的执行onShow
+[
+    // #ifdef MP
+    'previewImage',
+    'openLocation',
+    'chooseLocation',
+    'chooseAddress',
+    'chooseMessageFile',
+    'openSetting',
+    // #endif
+    // #ifndef APP
+    'scanCode',
+    // #endif
+    'chooseImage',
+    'chooseVideo',
+    'chooseFile',
+].forEach((key) => {
+    const func = uni[key];
+    uni[key] = (options = {}) => {
+        uni.showAppFromBackground = false;
+        return func(options);
+    };
+});
+// #ifdef H5
+if (query) {
+    const safeTop = Number(query.safeTop);
+    const safeBottom = Number(query.safeBottom);
+    if (safeTop > 0 || safeBottom > 0) {
+        const node = document.createElement('style');
+        node.type = 'text/css';
+        const styles = [];
+        if (safeTop > 0) {
+            styles.push(`.uv-safe-area-inset-top { padding-top: ${safeTop}px; }`);
+            document.documentElement.style.setProperty('--status-bar-height', `${safeTop}px`);
+        }
+        if (safeBottom > 0) {
+            styles.push(`.uv-safe-area-inset-bottom { padding-bottom: ${safeBottom}px; }`);
+        }
+        node.innerText = styles.join('\n');
+        document.body.append(node);
+    }
+    // 隐藏子应用tabbar，不传或者为空字符表示显式子应用tabbar
+    if (query.tabbar != null && query.tabbar !== '') {
+        const node = document.createElement('style');
+        node.type = 'text/css';
+        node.innerText = `
+    .uni-tabbar-bottom { display: none }
+  `.trim();
+        document.body.append(node);
+        window.addEventListener('load', () => {
+            document.documentElement.style.setProperty('--window-bottom', '0px');
+        });
+    }
+    // 更新主题色
+    const primary = query.primary ? `#${query.primary}`.replace(/^#+/, '#') : '';
+    if (primary) {
+        const colors = colorGradient(primary, '#fff', 10);
+        document.documentElement.style.setProperty('--primary', (config.color.primary = colors[0]));
+        document.documentElement.style.setProperty('--primary-light', (config.color.primaryLight = colors[9]));
+        document.documentElement.style.setProperty('--primary-disabled', (config.color.primaryDisabled = colors[6]));
+        document.documentElement.style.setProperty('--primary-dark', (config.color.primaryDark = colors[4]));
+    }
+}
+// const resizeCallback = () => {
+//   document.documentElement.style.setProperty('--window-height', `${window.innerHeight}px`);
+// };
+// resizeCallback();
+// window.addEventListener('resize', resizeCallback);
+// #endif

package/lib/utils/update.d.ts

@@ -0,0 +1,41 @@
+export interface VersionInfo {
+    name: string;
+    version: string | number;
+    comment: string;
+    status: number;
+    hotUpdateUrl: string;
+    fileUrl: string;
+}
+export interface InstallOptions {
+    appId: string;
+    url: string;
+    path?: string;
+    /** 主应用 uni-app x 安装包类型；未传时按 URL 后缀推断 */
+    fileType?: 'apk' | 'wgt';
+    progress?: (p: number) => void;
+    success?: () => void;
+    fail?: (error: {
+        message: string;
+    }) => void;
+}
+export interface CheckVersionOptions {
+    appId: string;
+    path?: string;
+    /** 指定本地版本号，传入后跳过本地 manifest 读取（重试场景） */
+    versionCode?: number;
+    /** 指定本地版本名称，与 versionCode 配套 */
+    versionName?: string;
+}
+export declare function checkVersion(options: CheckVersionOptions): Promise<{
+    code: number;
+    data: {
+        info: {
+            versionCode: number;
+            versionName: string;
+        };
+        latest: VersionInfo;
+    };
+    message: string;
+}>;
+export declare function installUpdate(options: InstallOptions): void;
+export declare function restartApp(): void;