@zfqh/uniapp-x 0.0.0-stage → 0.0.2

package/lib/stores/pinia.d.ts

@@ -0,0 +1,2 @@
+/** 全局唯一 Pinia 实例，包内工具函数与业务 store 共用 */
+export declare const pinia: import("pinia").Pinia;

package/lib/stores/pinia.js

@@ -0,0 +1,3 @@
+import { createPinia } from 'pinia';
+/** 全局唯一 Pinia 实例，包内工具函数与业务 store 共用 */
+export const pinia = createPinia();

package/lib/stores/system.d.ts

@@ -0,0 +1,39 @@
+export interface SystemInfo {
+    [key: string]: any;
+    deviceOrientation: string;
+    titleHeight: number;
+    topStatusBarHeight: number;
+    topBarTitleHeight: number;
+}
+/** 系统信息 */
+export declare const useSystemStore: import("pinia").StoreDefinition<"system", import("pinia")._UnwrapAll<Pick<{
+    state: import("vue").Ref<{
+        [x: string]: any;
+        deviceOrientation: string;
+        titleHeight: number;
+        topStatusBarHeight: number;
+        topBarTitleHeight: number;
+    }>;
+    setSystemInfo: (data: Partial<SystemInfo>) => void;
+    getSystemInfo: () => Promise<void>;
+}, "state">>, Pick<{
+    state: import("vue").Ref<{
+        [x: string]: any;
+        deviceOrientation: string;
+        titleHeight: number;
+        topStatusBarHeight: number;
+        topBarTitleHeight: number;
+    }>;
+    setSystemInfo: (data: Partial<SystemInfo>) => void;
+    getSystemInfo: () => Promise<void>;
+}, never>, Pick<{
+    state: import("vue").Ref<{
+        [x: string]: any;
+        deviceOrientation: string;
+        titleHeight: number;
+        topStatusBarHeight: number;
+        topBarTitleHeight: number;
+    }>;
+    setSystemInfo: (data: Partial<SystemInfo>) => void;
+    getSystemInfo: () => Promise<void>;
+}, "setSystemInfo" | "getSystemInfo">>;

package/lib/stores/system.js

@@ -0,0 +1,36 @@
+import { ref } from 'vue';
+import { defineStore } from 'pinia';
+import { MENU_BUTTON } from '../utils/consts';
+function getInfo() {
+    const info = uni.getWindowInfo();
+    let titleHeight = 44;
+    let topStatusBarHeight = info.statusBarHeight;
+    let topBarTitleHeight = 0;
+    // #ifdef MP
+    const { height, top } = MENU_BUTTON;
+    titleHeight = height + 16;
+    topStatusBarHeight = top - 8;
+    // #endif
+    topBarTitleHeight = topStatusBarHeight + titleHeight;
+    return Object.assign({}, info, {
+        deviceOrientation: info.windowWidth > info.windowHeight ? 'landscape' : 'portrait',
+        titleHeight,
+        topStatusBarHeight,
+        topBarTitleHeight,
+    });
+}
+/** 系统信息 */
+export const useSystemStore = defineStore('system', () => {
+    const state = ref(getInfo());
+    function setSystemInfo(data) {
+        Object.assign(state.value, data);
+    }
+    async function getSystemInfo() {
+        setSystemInfo(getInfo());
+    }
+    return {
+        state,
+        setSystemInfo,
+        getSystemInfo,
+    };
+});

package/lib/styles/index.scss

@@ -0,0 +1,9 @@
+@import '@zfqh/uview-x/styles/index.scss';
+/* #ifndef APP-NVUE */
+/* #ifndef APP */
+@import './reset-vue.scss';
+/* #endif */
+/* #ifdef APP-PLUS */
+@import './reset-vue.scss';
+/* #endif */
+/* #endif */

package/lib/styles/reset-vue.scss

@@ -0,0 +1,15 @@
+:root {
+  /* #ifndef H5 */
+  --window-bottom: 0px;
+  --window-top: 0px;
+  /* #endif */
+  --window-height: 100vh;
+  --window-width: 100vw;
+}
+
+page {
+  width: 100%;
+  height: 100%;
+  font-family: Microsoft YaHei;
+  color: $uv-main-color;
+}

package/lib/utils/audio.d.ts

@@ -0,0 +1,14 @@
+export interface AudioOptions {
+    url: string;
+    autoplay: boolean;
+}
+export declare class Audio {
+    static instance: Audio | null;
+    private options;
+    context: UniNamespace.InnerAudioContext | null;
+    constructor(opts: AudioOptions);
+    private createContext;
+    play(): void;
+    stop(): void;
+    destroy(): void;
+}

package/lib/utils/audio.js

@@ -0,0 +1,43 @@
+export class Audio {
+    static instance = null;
+    options = {
+        url: '',
+        autoplay: false,
+    };
+    context = null;
+    constructor(opts) {
+        Object.assign(this.options, opts);
+        this.createContext();
+    }
+    createContext() {
+        this.context = uni.createInnerAudioContext();
+        this.context.src = this.options.url;
+        this.context.autoplay = this.options.autoplay;
+    }
+    play() {
+        if (this.context) {
+            this.context.play();
+            if (Audio.instance !== this) {
+                if (Audio.instance) {
+                    Audio.instance.stop();
+                }
+                Audio.instance = this;
+            }
+        }
+    }
+    stop() {
+        if (this.context) {
+            this.context.pause();
+            this.context.seek(0);
+        }
+    }
+    destroy() {
+        if (Audio.instance === this) {
+            Audio.instance = null;
+        }
+        if (this.context) {
+            this.context.destroy();
+            this.context = null;
+        }
+    }
+}

package/lib/utils/consts.d.ts

@@ -0,0 +1,74 @@
+/**
+ * 公共常量
+ */
+export declare const MENU_BUTTON: {
+    height: number;
+    width: number;
+    top: number;
+    bottom: number;
+    left: number;
+};
+export declare const SYSTEM_INFO: UniApp.GetWindowInfoResult & UniApp.GetDeviceInfoResult & UniApp.GetAppBaseInfoResult;
+export declare const WEBVIEW_ENV: {
+    h5: boolean;
+    app: boolean;
+    mp: boolean;
+};
+export declare const IS_WEBVIEW_ENV: boolean;
+export declare const PLATFORM_CODE: string;
+export declare enum MP_ENV_VERSION {
+    release = 0,
+    develop = 1,
+    trial = 2
+}
+export declare enum CHANNEL {
+    患者端 = 1,
+    医生端 = 2,
+    门店端 = 3
+}
+export declare const LANGUAGE: {
+    'zh-Hans': string;
+    'zh-Hant': string;
+    ja: string;
+    ko: string;
+    ar: string;
+    fa: string;
+    th: string;
+    vi: string;
+    my: string;
+    km: string;
+    en: string;
+    fr: string;
+    es: string;
+    ru: string;
+    pt: string;
+    de: string;
+    it: string;
+    el: string;
+    pl: string;
+};
+export declare const TYPES: {
+    readonly MESSAGE: {
+        readonly LOGIN: "LOGIN";
+        readonly SHARE_PAGE: "SHARE_PAGE";
+        readonly GET_LOCATION: "GET_LOCATION";
+        readonly OPEN_LOCATION: "OPEN_LOCATION";
+        readonly CHNAGE_TITLE: "CHNAGE_TITLE";
+        readonly SAVE_IMAGE: "SAVE_IMAGE";
+        readonly HIDE_LOADING: "HIDE_LOADING";
+        readonly WEBVIEW_MESSAGE: "WEBVIEW_MESSAGE";
+        readonly APP_RESTART: "APP_RESTART";
+        readonly APP_INSTALL: "APP_INSTALL";
+        readonly PERM_LOCATION: "PERM_LOCATION";
+        readonly PERM_BLUETOOTH: "PERM_BLUETOOTH";
+    };
+    readonly STORAGE: {
+        readonly APP: "app";
+        readonly QUERY: "query";
+        readonly LOGIN: "login";
+        readonly USER: "user";
+        readonly OPEN: "open";
+        readonly LAUNCH: "launch";
+        readonly LOCATION: "location";
+    };
+};

package/lib/utils/consts.js

@@ -0,0 +1,110 @@
+/**
+ * 公共常量
+ */
+import query from './query';
+// 小程序胶囊
+export const MENU_BUTTON = { height: 0, width: 0, top: 0, bottom: 0, left: 0 };
+// #ifdef MP
+Object.assign(MENU_BUTTON, uni.getMenuButtonBoundingClientRect());
+// #endif
+export const SYSTEM_INFO = Object.assign({}, uni.getWindowInfo(), uni.getDeviceInfo(), uni.getAppBaseInfo());
+// #ifdef H5
+const safeTop = Number(query.safeTop);
+const safeBottom = Number(query.safeBottom);
+if (safeTop > 0) {
+    SYSTEM_INFO.statusBarHeight = safeTop;
+    SYSTEM_INFO.safeAreaInsets.top = safeTop;
+}
+if (safeBottom) {
+    SYSTEM_INFO.safeAreaInsets.bottom = safeBottom;
+}
+// #endif
+// webview宿主环境
+export const WEBVIEW_ENV = {
+    h5: false,
+    app: false,
+    mp: false,
+};
+// #ifdef H5
+Object.assign(WEBVIEW_ENV, {
+    h5: (query.platform === 'h5' || query.platform === 'web') && window !== parent,
+    app: query.platform === 'app',
+    mp: window.__wxjs_environment === 'miniprogram' || query.platform === 'mp',
+});
+// #endif
+export const IS_WEBVIEW_ENV = Object.values(WEBVIEW_ENV).some((ele) => ele === true);
+// 平台来源
+export const PLATFORM_CODE = (() => {
+    let code = '';
+    // #ifdef MP
+    code = 'mp';
+    // #endif
+    // #ifdef H5
+    code = window['electron'] ? 'web' : 'h5';
+    // #endif
+    // #ifdef APP-PLUS
+    code = 'app';
+    // #endif
+    return code;
+})();
+export var MP_ENV_VERSION;
+(function (MP_ENV_VERSION) {
+    MP_ENV_VERSION[MP_ENV_VERSION["release"] = 0] = "release";
+    MP_ENV_VERSION[MP_ENV_VERSION["develop"] = 1] = "develop";
+    MP_ENV_VERSION[MP_ENV_VERSION["trial"] = 2] = "trial";
+})(MP_ENV_VERSION || (MP_ENV_VERSION = {}));
+export var CHANNEL;
+(function (CHANNEL) {
+    CHANNEL[CHANNEL["\u60A3\u8005\u7AEF"] = 1] = "\u60A3\u8005\u7AEF";
+    CHANNEL[CHANNEL["\u533B\u751F\u7AEF"] = 2] = "\u533B\u751F\u7AEF";
+    CHANNEL[CHANNEL["\u95E8\u5E97\u7AEF"] = 3] = "\u95E8\u5E97\u7AEF";
+})(CHANNEL || (CHANNEL = {}));
+export const LANGUAGE = {
+    // 亚洲语言
+    'zh-Hans': 'zh-CN', // 简体中文
+    'zh-Hant': 'zh-TW', // 繁体中文
+    ja: 'ja-JP', // 日语
+    ko: 'ko-KR', // 韩语
+    ar: 'ar-SA', // 阿拉伯语
+    fa: 'fa-IR', // 伊朗语（波斯语）
+    th: 'th-TH', // 泰语
+    vi: 'vi-VN', // 越南语
+    my: 'my-MM', // 缅甸语
+    km: 'km-KH', // 柬埔寨语
+    // 欧洲语言
+    en: 'en-US', // 英语
+    fr: 'fr-FR', // 法语
+    es: 'es-ES', // 西班牙语
+    ru: 'ru-RU', // 俄语
+    pt: 'pt-PT', // 葡萄牙语
+    de: 'de-DE', // 德语
+    it: 'it-IT', // 意大利语
+    el: 'el-GR', // 希腊语
+    pl: 'pl-PL', // 波兰语
+};
+// webview 与宿主环境通信的消息类型
+export const TYPES = {
+    MESSAGE: {
+        LOGIN: 'LOGIN',
+        SHARE_PAGE: 'SHARE_PAGE',
+        GET_LOCATION: 'GET_LOCATION',
+        OPEN_LOCATION: 'OPEN_LOCATION',
+        CHNAGE_TITLE: 'CHNAGE_TITLE',
+        SAVE_IMAGE: 'SAVE_IMAGE',
+        HIDE_LOADING: 'HIDE_LOADING',
+        WEBVIEW_MESSAGE: 'WEBVIEW_MESSAGE',
+        APP_RESTART: 'APP_RESTART',
+        APP_INSTALL: 'APP_INSTALL',
+        PERM_LOCATION: 'PERM_LOCATION',
+        PERM_BLUETOOTH: 'PERM_BLUETOOTH',
+    },
+    STORAGE: {
+        APP: 'app',
+        QUERY: 'query',
+        LOGIN: 'login',
+        USER: 'user',
+        OPEN: 'open',
+        LAUNCH: 'launch',
+        LOCATION: 'location',
+    },
+};

package/lib/utils/cos.d.ts

@@ -0,0 +1,17 @@
+import { cosCompress } from './index';
+export declare function checkRefreshToken(): Promise<boolean>;
+export interface UploadFileOptions {
+    key?: string;
+    path?: string;
+    /** 获取上传任务实例，可用于 task.abort() 取消上传；token 过期重试时会再次回调 */
+    getTask?: ((task: UniNamespace.UploadTask) => void) | ((task: any) => void);
+}
+export declare function uploadFile(file: any, opts?: UploadFileOptions): Promise<{
+    url: string;
+}>;
+declare const _default: {
+    checkRefreshToken: typeof checkRefreshToken;
+    uploadFile: typeof uploadFile;
+    compress: typeof cosCompress;
+};
+export default _default;

package/lib/utils/cos.js

@@ -0,0 +1,141 @@
+import { Base64, Hex, HmacSHA1, SHA1, Utf8 } from 'crypto-es';
+import { guid, timeFormat } from '@zfqh/uview-x/utils/function';
+import upload from '../configs/upload';
+import { cosCompress } from './index';
+const data = {};
+let promise = null;
+export async function checkRefreshToken() {
+    if (!promise) {
+        // 每次上传都会生成token
+        // 批量上传一次多张使用一个token
+        promise = upload.request({ mode: 'cos' }).then((e) => {
+            Object.assign(data, e);
+            return true;
+        });
+        setTimeout(() => {
+            promise = null;
+        }, 1000);
+    }
+    return promise;
+}
+class COS {
+    async uploadFile(params) {
+        const { Bucket, Region, Key, FilePath, File } = params;
+        return new Promise((resolve, reject) => {
+            const cosHost = `${Bucket}.cos.${Region}.myqcloud.com`;
+            const now = data.create_time || Math.round(Date.now() / 1000);
+            const exp = now + 1800; // 30分钟过期
+            const qKeyTime = now + ';' + exp;
+            const qSignAlgorithm = 'sha1';
+            const qAk = data.secret_id;
+            const policyData = {
+                expiration: new Date(exp * 1000).toISOString(),
+                conditions: [
+                    { 'q-sign-algorithm': qSignAlgorithm },
+                    { 'q-ak': qAk },
+                    { 'q-sign-time': qKeyTime },
+                    { bucket: Bucket },
+                    { key: Key },
+                ],
+            };
+            const policy = JSON.stringify(policyData);
+            const signKey = HmacSHA1(qKeyTime, data.secret_key).toString(Hex);
+            const stringToSign = SHA1(policy).toString(Hex);
+            const qSignature = HmacSHA1(stringToSign, signKey).toString(Hex);
+            const FormData = {
+                key: Key,
+                policy: Base64.stringify(Utf8.parse(policy)),
+                success_action_status: 200,
+                'x-cos-security-token': data.session_token,
+                'q-sign-algorithm': qSignAlgorithm,
+                'q-ak': qAk,
+                'q-key-time': qKeyTime,
+                'q-signature': qSignature,
+            };
+            const task = uni.uploadFile({
+                url: `https://${cosHost}`,
+                filePath: FilePath,
+                file: File,
+                name: 'file',
+                formData: FormData,
+                success: (res) => {
+                    if (res.statusCode === 200) {
+                        resolve({ Location: `${cosHost}/${Key}` });
+                    }
+                    else {
+                        const { data: e, statusCode } = res;
+                        const codeMatch = e.match(/<Code>([^<>]+)<\/Code>/);
+                        if (codeMatch && codeMatch[1] === 'ExpiredToken' && data.expire_time !== 0) {
+                            data.expire_time = 0;
+                            checkRefreshToken()
+                                .then(() => {
+                                this.uploadFile(params)
+                                    .then((e) => {
+                                    resolve(e);
+                                })
+                                    .catch((e) => {
+                                    reject(e);
+                                });
+                            })
+                                .catch((e) => {
+                                reject(e);
+                            });
+                        }
+                        else {
+                            const err = {
+                                code: statusCode,
+                                msg: 'Upload Fail',
+                            };
+                            const msgMatch = e.match(/<Message>([^<>]+)<\/Message>/);
+                            if (msgMatch) {
+                                err.msg = msgMatch[1];
+                            }
+                            reject(err);
+                        }
+                    }
+                },
+                fail: (err) => {
+                    reject({
+                        msg: err.errMsg || err.message || err.msg,
+                    });
+                },
+            });
+            params.getTask?.(task);
+        });
+    }
+}
+const cos = new COS();
+export async function uploadFile(file, opts = {}) {
+    let ext = '.png';
+    if (file.name) {
+        const match = file.name.match(/\.\w+$/);
+        if (match) {
+            ext = match[0];
+        }
+    }
+    const [day, clock] = timeFormat(new Date().getTime(), 'yyyymmdd hhMMss').split(' ');
+    const key = `${opts.path || ''}${day}/${clock}${guid(30)}${ext}`;
+    await checkRefreshToken();
+    const params = {
+        Bucket: data.bucket,
+        Region: data.region,
+        Key: opts.key || key,
+        getTask: opts.getTask,
+    };
+    if (file.path) {
+        params.FilePath = file.path;
+    }
+    else {
+        params.File = file;
+    }
+    const e = await cos.uploadFile(params);
+    const { Location } = e;
+    return {
+        url: `https://${Location}`,
+    };
+}
+export default {
+    checkRefreshToken,
+    uploadFile,
+    compress: cosCompress,
+};

package/lib/utils/file.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 图片地址转换为base64格式图片
+ * @param {string} url 图片地址 网络地址 本地相对路径
+ * @param {string} type base64图片类型 默认webp
+ */
+export declare function urlToBase64(url: any, type?: string): any;
+/**
+ * dataUrl转base64
+ * @param {String} url url值
+ */
+export declare function dataUrlToBase64(url?: string): string;
+/**
+ * base64转文件对象
+ * @param {String} base64 base64值
+ * @param {String} filename 文件名
+ */
+export declare function base64ToFile(base64?: string, filename?: string): File;
+/**
+ * path转base64
+ * @param {String} path 文件本地路径
+ */
+export declare function pathToBase64(path: string): Promise<unknown>;
+/**
+ * base64转本地path
+ * @param {String} base64 base64值
+ * @param {String} filename 文件名
+ */
+export declare function base64ToPath(base64?: string, filename?: string): Promise<string>;