@zfqh/uniapp 0.1.1

package/lib/utils/cos.js

@@ -0,0 +1,140 @@
+import HmacSHA1 from 'crypto-js/hmac-sha1';
+import SHA1 from 'crypto-js/sha1';
+import Base64 from 'crypto-js/enc-base64';
+import Crypto from 'crypto-js/core';
+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(Crypto.enc.Hex);
+            const stringToSign = SHA1(policy).toString(Crypto.enc.Hex);
+            const qSignature = HmacSHA1(stringToSign, signKey).toString(Crypto.enc.Hex);
+            const FormData = {
+                key: Key,
+                policy: Base64.stringify(Crypto.enc.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,
+            };
+            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,
+                    });
+                },
+            });
+        });
+    }
+}
+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 key = `${opts.path || ''}${uni.$uv.timeFormat(new Date().getTime(), 'yyyymmddhhMMss')}${uni.$uv.guid(50)}${ext}`;
+    await checkRefreshToken();
+    const params = {
+        Bucket: data.bucket,
+        Region: data.region,
+        Key: opts.key || key,
+    };
+    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/debounce.d.ts

@@ -0,0 +1,2 @@
+export default function Debounce(): void;
+export declare const debounce: any;

package/lib/utils/debounce.js

@@ -0,0 +1,30 @@
+export default function Debounce() {
+    this.timeout = false;
+}
+/**
+ * @function 防抖
+ * @param {Function} func 要执行的回调函数
+ * @param {Number} wait 延时的时间
+ * @param {Boolean} immediate 是否立即执行
+ */
+Debounce.prototype.exec = function (func, wait = 500, immediate = false) {
+    // 清除定时器
+    if (this.timeout !== null)
+        clearTimeout(this.timeout);
+    // 立即执行，此类情况一般用不到
+    if (immediate) {
+        const callNow = !this.timeout;
+        this.timeout = setTimeout(() => {
+            this.timeout = null;
+        }, wait);
+        if (callNow)
+            typeof func === 'function' && func();
+    }
+    else {
+        // 设置定时器，当最后一次操作后，timeout不会再被清除，所以在延时wait毫秒后执行func回调方法
+        this.timeout = setTimeout(() => {
+            typeof func === 'function' && func();
+        }, wait);
+    }
+};
+export const debounce = new Debounce();

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>;

package/lib/utils/file.js

@@ -0,0 +1,292 @@
+function biggerThan(v1 = '', v2 = '') {
+    const v1Array = v1.split('.');
+    const v2Array = v2.split('.');
+    let update = false;
+    for (let index = 0; index < v2Array.length; index++) {
+        const diff = Number(v1Array[index]) - Number(v2Array[index]);
+        if (diff !== 0) {
+            update = diff > 0;
+            break;
+        }
+    }
+    return update;
+}
+function getLocalFilePath(path = '') {
+    if (path.indexOf('_www') === 0 ||
+        path.indexOf('_doc') === 0 ||
+        path.indexOf('_documents') === 0 ||
+        path.indexOf('_downloads') === 0) {
+        return path;
+    }
+    if (path.indexOf('file://') === 0) {
+        return path;
+    }
+    if (path.indexOf('/storage/emulated/0/') === 0) {
+        return path;
+    }
+    if (path.indexOf('/') === 0) {
+        const localFilePath = plus.io.convertAbsoluteFileSystem(path);
+        if (localFilePath !== path) {
+            return localFilePath;
+        }
+        else {
+            path = path.substring(1);
+        }
+    }
+    return '_www/' + path;
+}
+/**
+ * 图片地址转换为base64格式图片
+ * @param {string} url 图片地址 网络地址 本地相对路径
+ * @param {string} type base64图片类型 默认webp
+ */
+export function urlToBase64(url, type = 'webp') {
+    let promises;
+    // 网络地址 或者h5端本地相对路径 可使用request方式
+    promises = new Promise((resolve, reject) => {
+        uni.request({
+            url: url,
+            method: 'GET',
+            responseType: 'arraybuffer',
+            success: (res) => {
+                const base64 = `data:image/${type};base64,${uni.arrayBufferToBase64(res.data)}`;
+                resolve(base64);
+            },
+            fail: (err) => {
+                reject(err);
+            },
+        });
+    });
+    // #ifdef APP
+    if (!url.startsWith('http')) {
+        // app真机本地相对路径
+        promises = new Promise((resolve, reject) => {
+            // 使用compressImage获取到安卓本地路径file:///...
+            uni.compressImage({
+                src: url,
+                quality: 100,
+                success: (res) => {
+                    const tempUrl = res.tempFilePath;
+                    plus.io.resolveLocalFileSystemURL(tempUrl, (entry) => {
+                        entry.file((e) => {
+                            const fileReader = new plus.io.FileReader();
+                            fileReader.onload = (r) => {
+                                resolve(r.target.result);
+                            };
+                            fileReader.readAsDataURL(e);
+                        });
+                    });
+                },
+                fail: (err) => {
+                    reject(err);
+                },
+            });
+        });
+    }
+    // #endif
+    return promises;
+}
+/**
+ * dataUrl转base64
+ * @param {String} url url值
+ */
+export function dataUrlToBase64(url = '') {
+    const array = url.split(',');
+    return array[array.length - 1] || '';
+}
+/**
+ * base64转文件对象
+ * @param {String} base64 base64值
+ * @param {String} filename 文件名
+ */
+export function base64ToFile(base64 = '', filename = '') {
+    const arr = base64.split(',');
+    const match = arr[0]?.match(/:(.*?);/);
+    if (match) {
+        const mime = match[1];
+        const bstr = atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+            u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new File([u8arr], filename || mime.replace('/', '.'), { type: mime });
+    }
+    return new File([], '');
+}
+/**
+ * path转base64
+ * @param {String} path 文件本地路径
+ */
+export function pathToBase64(path) {
+    return new Promise(function (resolve, reject) {
+        // #ifdef H5
+        if (typeof window === 'object' && 'document' in window) {
+            if (typeof FileReader === 'function') {
+                const xhr = new XMLHttpRequest();
+                xhr.open('GET', path, true);
+                xhr.responseType = 'blob';
+                xhr.onload = function () {
+                    if (this.status === 200) {
+                        const fileReader = new FileReader();
+                        fileReader.onload = function (e) {
+                            resolve(e.target.result);
+                        };
+                        fileReader.onerror = reject;
+                        fileReader.readAsDataURL(this.response);
+                    }
+                };
+                xhr.onerror = reject;
+                xhr.send();
+                return;
+            }
+            const canvas = document.createElement('canvas');
+            const c2x = canvas.getContext('2d');
+            const img = new Image();
+            img.onload = function () {
+                canvas.width = img.width;
+                canvas.height = img.height;
+                c2x.drawImage(img, 0, 0);
+                resolve(canvas.toDataURL());
+                canvas.height = canvas.width = 0;
+            };
+            img.onerror = reject;
+            img.src = path;
+            return;
+        }
+        // #endif
+        // #ifdef APP
+        if (typeof plus === 'object') {
+            plus.io.resolveLocalFileSystemURL(getLocalFilePath(path), function (entry) {
+                entry.file(function (file) {
+                    const fileReader = new plus.io.FileReader();
+                    fileReader.onload = function (data) {
+                        resolve(data.target.result);
+                    };
+                    fileReader.onerror = function (error) {
+                        reject(error);
+                    };
+                    fileReader.readAsDataURL(file);
+                }, function (error) {
+                    reject(error);
+                });
+            }, function (error) {
+                reject(error);
+            });
+            return;
+        }
+        // #endif
+        // #ifdef MP
+        if (uni.canIUse('getFileSystemManager')) {
+            uni.getFileSystemManager().readFile({
+                filePath: path,
+                encoding: 'base64',
+                success: function (res) {
+                    resolve('data:image/webp;base64,' + res.data);
+                },
+                fail: function (error) {
+                    reject(error);
+                },
+            });
+            return;
+        }
+        // #endif
+        reject(new Error('not support'));
+    });
+}
+/**
+ * base64转本地path
+ * @param {String} base64 base64值
+ * @param {String} filename 文件名
+ */
+export function base64ToPath(base64 = '', filename = '') {
+    return new Promise(function (resolve, reject) {
+        // #ifdef H5
+        if (typeof window === 'object' && 'document' in window) {
+            const arr = base64.split(',');
+            const type = arr[0].match(/:(.*?);/)[1];
+            const str = atob(arr[1]);
+            let n = str.length;
+            const array = new Uint8Array(n);
+            while (n--) {
+                array[n] = str.charCodeAt(n);
+            }
+            return resolve((window.URL || window.webkitURL).createObjectURL(new Blob([array], {
+                type: type,
+            })));
+        }
+        // #endif
+        // 移动端
+        let extName = base64.split(',')[0].match(/data:\S+\/(\S+);/) || '';
+        if (extName) {
+            extName = extName[1].split(';')[0];
+        }
+        else {
+            reject(new Error('base64 error'));
+        }
+        const fileName = (filename || Date.now()) + '.' + extName;
+        // #ifdef APP
+        if (typeof plus === 'object') {
+            const basePath = '_doc';
+            // let basePath = '_www/'
+            const dirPath = 'uniapp_temp';
+            const filePath = basePath + '/' + dirPath + '/' + fileName;
+            if (!biggerThan(plus.os.name === 'Android' ? '1.9.9.80627' : '1.9.9.80472', plus.runtime.innerVersion)) {
+                plus.io.resolveLocalFileSystemURL(basePath, function (entry) {
+                    entry.getDirectory(dirPath, {
+                        create: true,
+                        exclusive: false,
+                    }, function (entry) {
+                        entry.getFile(fileName, {
+                            create: true,
+                            exclusive: false,
+                        }, function (entry) {
+                            entry.createWriter(function (writer) {
+                                writer.onwrite = function () {
+                                    resolve(filePath);
+                                };
+                                writer.onerror = reject;
+                                writer.seek(0);
+                                writer.writeAsBinary(dataUrlToBase64(base64));
+                            }, reject);
+                        }, reject);
+                    }, reject);
+                }, reject);
+                return;
+            }
+            const bitmap = new plus.nativeObj.Bitmap(fileName);
+            bitmap.loadBase64Data(base64, function () {
+                bitmap.save(filePath, {}, function () {
+                    bitmap.clear();
+                    resolve(filePath);
+                }, function (error) {
+                    bitmap.clear();
+                    reject(error);
+                });
+            }, function (error) {
+                bitmap.clear();
+                reject(error);
+            });
+            return;
+        }
+        // #endif
+        // #ifdef MP
+        if (uni.canIUse('getFileSystemManager')) {
+            const filePath = uni['env'].USER_DATA_PATH + '/' + fileName;
+            uni.getFileSystemManager().writeFile({
+                filePath: filePath,
+                data: dataUrlToBase64(base64),
+                encoding: 'base64',
+                success: function () {
+                    resolve(filePath);
+                },
+                fail: function (error) {
+                    reject(error);
+                },
+            });
+            return;
+        }
+        // #endif
+        reject(new Error('not support'));
+    });
+}

package/lib/utils/index.d.ts

@@ -0,0 +1,166 @@
+/**
+ * 转换图片获取完整路径
+ * @param {Object} images 图片对象
+ * @param {String} path cdn地址
+ * @param {Boolean} useImages 是否使用images目录
+ */
+export declare function transformImagePath<T>(images: T, path: string, useImages?: boolean): T;
+/**
+ * @function 转换链接获取完整路径
+ * @param {Object} links 链接对象
+ * @param {String} path cdn地址
+ */
+export declare function transformLinkPath<T>(links: T, path: string): T;
+/**
+ * 请求延迟
+ * @param {Function} fn 请求方法
+ * @param {Number} delay 延迟时间（毫秒）
+ * @return {Function}
+ */
+export declare function requestDelay(fn: () => Promise<any>, delay?: number): Promise<any>;
+/**
+ * 将日期转换为时间戳
+ * @param {String, Number} date 时间字符串
+ * @return {String}
+ */
+export declare function dateStringToTime(date: string | number): number;
+/**
+ * 将日期末尾时间去除
+ * @param {String} date 时间字符串
+ * @return {String}
+ */
+export declare function cutDate(date: string): string;
+/**
+ * @function 计算时间距离当前时间多久
+ * @param {String,Number} time 时间
+ * @param {String} separate 时间分隔
+ * @return {String}
+ */
+export declare function timeFrom(time: any, separate?: string): string;
+/**
+ * 获取元素区域信息
+ * @param {String} id 元素ID
+ */
+export declare function getRectById(id: string): Promise<{
+    data: {
+        height: number;
+        width: number;
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}>;
+/**
+ * 路径转换
+ * @param {String} base 路径
+ * @param {String} path 路径
+ */
+export declare function joinPath(base?: string, path?: string): string;
+/**
+ * 发送消息
+ * @param {Object} data { type: '', payload: {} }
+ */
+export declare const postMessage: (data: {
+    type: string;
+    payload: {
+        [key: string]: string;
+    };
+}) => void;
+/**
+ * 打开导航
+ * @param {Object} data 位置数据
+ */
+export declare function openLocation(data: UniNamespace.OpenLocationOptions): void;
+/**
+ * 将字符以空格拆分
+ * @param {String, Number} code 字符内容
+ * @param {Number[]} format 拆分格式
+ * @return {String} 拆分后的字符
+ * @example codeSplit(18888888888, [3, 4, 4]) => 138 8888 8888
+ */
+export declare function codeSplit(code?: string, format?: any[]): string;
+/**
+ * 调用父组件方法
+ * @param {String} name 方法名称
+ * @example parentCall.call(this, 'show')
+ */
+export declare function parentCall(...args: any[]): any;
+/**
+ * 深度合并
+ * @param {Object} ...args 合并对象
+ */
+export declare function deepMerge(target: {
+    [key: string]: any;
+}, ...sources: {
+    [key: string]: any;
+}[]): {
+    [key: string]: any;
+};
+/**
+ * 返回页面并通信，除了uni.navigateBack选项外，新增method、emit、data选项
+ */
+export declare function navigateBack(options?: UniNamespace.NavigateBackOptions & {
+    method?: string;
+    emit?: string;
+    data?: any;
+}): Promise<any>;
+/**
+ * 腾讯云存储资源压缩处理，用法参考https://cloud.tencent.com/document/product/436/42215
+ * @param url 原图像地址
+ * @param rule 处理规则，默认100x
+ * @param type 处理类型，默认thumbnail
+ * @returns 处理后图像地址
+ */
+export declare function cosCompress(url: string, rule?: string, type?: 'thumbnail' | 'cut' | 'rotate'): string;
+/**
+ * 拨打电话
+ * @param {String} phoneNumber 手机号
+ */
+export declare function phoneCall(phoneNumber: string): void;
+/**
+ * 复制内容到剪切板
+ * @param {String} text 复制内容
+ * @param {String} tips 复制成功提示
+ */
+export declare function copyToClipboard(text?: string, tips?: string): void;
+/**
+ * 隐藏值
+ * @param {String} str 内容
+ * @param {Number} start 开头显示数量
+ * @param {end} phone 末尾显示数量
+ * @returns {String}
+ */
+export declare function hiddenValue(str?: string, start?: number, end?: number): string;
+/**
+ * 隐藏手机号
+ * @param {Number} phone 手机号
+ * @returns {String}
+ */
+export declare function hiddenPhone(phone: string | number): string;
+/**
+ * 格式化手机号
+ * @param {Number} phone 手机号
+ * @returns {String}
+ */
+export declare function formatPhone(phone: string | number): string;
+/**
+ * 数字四舍五入
+ * @param {Number} value 数值
+ * @param {Number} decimal 保留位数
+ * @returns {String}
+ */
+export declare function toFixed(value: string | number, decimal?: number): string;
+/**
+ * @function 选项数据转对象数据
+ * @param {Array} data 数据对象
+ * @return {Object}
+ */
+export declare function OptionsToObject(data: any): {};
+/**
+ * 简化数字，123显示100+
+ * @param {Number} num 数字
+ * @param {Number} min 最小值
+ * @return {String}
+ */
+export declare function numberPlus(num: number | string, min?: number): string;