uview-pro 0.1.0 → 0.1.1

package/libs/function/timeFrom.ts

@@ -1,48 +1,48 @@
-import timeFormat from './timeFormat';
-
-/**
- * 时间戳转为多久之前
- * @param dateTime 时间戳、Date对象或null，默认当前时间
- * @param format 时间格式字符串或false，超出范围时返回指定格式，否则返回多久以前
- * @returns 格式化后的时间字符串
- */
-function timeFrom(dateTime: number | string | Date | null = null, format: string | false = 'yyyy-mm-dd'): string {
-    // 如果为null,则格式化当前时间
-    if (!dateTime) dateTime = Number(new Date());
-    // 如果dateTime长度为10或者13，则为秒和毫秒的时间戳，如果超过13位，则为其他的时间格式
-    if (typeof dateTime === 'number' || typeof dateTime === 'string') {
-        if (dateTime.toString().length == 10) dateTime = Number(dateTime) * 1000;
-    }
-    const timestamp = +new Date(Number(dateTime));
-    const timer = (Number(new Date()) - timestamp) / 1000;
-    // 如果小于5分钟,则返回"刚刚",其他以此类推
-    let tips = '';
-    switch (true) {
-        case timer < 300:
-            tips = '刚刚';
-            break;
-        case timer >= 300 && timer < 3600:
-            tips = parseInt(String(timer / 60)) + '分钟前';
-            break;
-        case timer >= 3600 && timer < 86400:
-            tips = parseInt(String(timer / 3600)) + '小时前';
-            break;
-        case timer >= 86400 && timer < 2592000:
-            tips = parseInt(String(timer / 86400)) + '天前';
-            break;
-        default:
-            // 如果format为false，则无论什么时间戳，都显示xx之前
-            if (format === false) {
-                if (timer >= 2592000 && timer < 365 * 86400) {
-                    tips = parseInt(String(timer / (86400 * 30))) + '个月前';
-                } else {
-                    tips = parseInt(String(timer / (86400 * 365))) + '年前';
-                }
-            } else {
-                tips = timeFormat(timestamp, format as string);
-            }
-    }
-    return tips;
-}
-
-export default timeFrom;
+import timeFormat from './timeFormat';
+
+/**
+ * 时间戳转为多久之前
+ * @param dateTime 时间戳、Date对象或null，默认当前时间
+ * @param format 时间格式字符串或false，超出范围时返回指定格式，否则返回多久以前
+ * @returns 格式化后的时间字符串
+ */
+function timeFrom(dateTime: number | string | Date | null = null, format: string | false = 'yyyy-mm-dd'): string {
+    // 如果为null,则格式化当前时间
+    if (!dateTime) dateTime = Number(new Date());
+    // 如果dateTime长度为10或者13，则为秒和毫秒的时间戳，如果超过13位，则为其他的时间格式
+    if (typeof dateTime === 'number' || typeof dateTime === 'string') {
+        if (dateTime.toString().length == 10) dateTime = Number(dateTime) * 1000;
+    }
+    const timestamp = +new Date(Number(dateTime));
+    const timer = (Number(new Date()) - timestamp) / 1000;
+    // 如果小于5分钟,则返回"刚刚",其他以此类推
+    let tips = '';
+    switch (true) {
+        case timer < 300:
+            tips = '刚刚';
+            break;
+        case timer >= 300 && timer < 3600:
+            tips = parseInt(String(timer / 60)) + '分钟前';
+            break;
+        case timer >= 3600 && timer < 86400:
+            tips = parseInt(String(timer / 3600)) + '小时前';
+            break;
+        case timer >= 86400 && timer < 2592000:
+            tips = parseInt(String(timer / 86400)) + '天前';
+            break;
+        default:
+            // 如果format为false，则无论什么时间戳，都显示xx之前
+            if (format === false) {
+                if (timer >= 2592000 && timer < 365 * 86400) {
+                    tips = parseInt(String(timer / (86400 * 30))) + '个月前';
+                } else {
+                    tips = parseInt(String(timer / (86400 * 365))) + '年前';
+                }
+            } else {
+                tips = timeFormat(timestamp, format as string);
+            }
+    }
+    return tips;
+}
+
+export default timeFrom;

package/libs/function/toast.ts

@@ -1,14 +1,14 @@
-/**
- * 显示无图标的 Toast 提示
- * @param title 提示文本
- * @param option 显示时长（毫秒）默认1500 /显示图标，默认为none，
- */
-function toast(title: string, option: number | string | Record<string, any> = 1500): void {
-    uni.showToast({
-        title: title,
-        icon: typeof option === 'string' ? option : typeof option === 'object' ? option.icon || 'none' : 'none',
-        duration: typeof option === 'number' ? option : typeof option === 'object' ? option.duration || '1500' : 1500
-    });
-}
-
-export default toast;
+/**
+ * 显示无图标的 Toast 提示
+ * @param title 提示文本
+ * @param option 显示时长（毫秒）默认1500 /显示图标，默认为none，
+ */
+function toast(title: string, option: number | string | Record<string, any> = 1500): void {
+    uni.showToast({
+        title: title,
+        icon: typeof option === 'string' ? option : typeof option === 'object' ? option.icon || 'none' : 'none',
+        duration: typeof option === 'number' ? option : typeof option === 'object' ? option.duration || '1500' : 1500
+    });
+}
+
+export default toast;

package/libs/function/trim.ts

@@ -1,21 +1,21 @@
-/**
- * 去除字符串空格
- * @param str 输入字符串
- * @param pos 去除位置，'both' | 'left' | 'right' | 'all'，默认'both'
- * @returns 去除空格后的字符串
- */
-function trim(str: string, pos: 'both' | 'left' | 'right' | 'all' = 'both'): string {
-    if (pos === 'both') {
-        return str.replace(/^\s+|\s+$/g, '');
-    } else if (pos === 'left') {
-        return str.replace(/^\s*/, '');
-    } else if (pos === 'right') {
-        return str.replace(/(\s*$)/g, '');
-    } else if (pos === 'all') {
-        return str.replace(/\s+/g, '');
-    } else {
-        return str;
-    }
-}
-
-export default trim;
+/**
+ * 去除字符串空格
+ * @param str 输入字符串
+ * @param pos 去除位置，'both' | 'left' | 'right' | 'all'，默认'both'
+ * @returns 去除空格后的字符串
+ */
+function trim(str: string, pos: 'both' | 'left' | 'right' | 'all' = 'both'): string {
+    if (pos === 'both') {
+        return str.replace(/^\s+|\s+$/g, '');
+    } else if (pos === 'left') {
+        return str.replace(/^\s*/, '');
+    } else if (pos === 'right') {
+        return str.replace(/(\s*$)/g, '');
+    } else if (pos === 'all') {
+        return str.replace(/\s+/g, '');
+    } else {
+        return str;
+    }
+}
+
+export default trim;

package/libs/function/type2icon.ts

@@ -1,36 +1,36 @@
-/**
- * 根据主题type值,获取对应的图标
- * @param type 主题名称, primary|info|error|warning|success，默认success
- * @param fill 是否使用fill填充实体的图标，默认false
- * @returns 图标名称字符串
- */
-function type2icon(type: 'primary' | 'info' | 'error' | 'warning' | 'success' = 'success', fill: boolean = false): string {
-    // 如果非预置值,默认为success
-    if (!['primary', 'info', 'error', 'warning', 'success'].includes(type)) type = 'success';
-    let iconName = '';
-    // 目前(2019-12-12),info和primary使用同一个图标
-    switch (type) {
-        case 'primary':
-            iconName = 'info-circle';
-            break;
-        case 'info':
-            iconName = 'info-circle';
-            break;
-        case 'error':
-            iconName = 'close-circle';
-            break;
-        case 'warning':
-            iconName = 'error-circle';
-            break;
-        case 'success':
-            iconName = 'checkmark-circle';
-            break;
-        default:
-            iconName = 'checkmark-circle';
-    }
-    // 是否是实体类型,加上-fill,在icon组件库中,实体的类名是后面加-fill的
-    if (fill) iconName += '-fill';
-    return iconName;
-}
-
-export default type2icon;
+/**
+ * 根据主题type值,获取对应的图标
+ * @param type 主题名称, primary|info|error|warning|success，默认success
+ * @param fill 是否使用fill填充实体的图标，默认false
+ * @returns 图标名称字符串
+ */
+function type2icon(type: 'primary' | 'info' | 'error' | 'warning' | 'success' = 'success', fill: boolean = false): string {
+    // 如果非预置值,默认为success
+    if (!['primary', 'info', 'error', 'warning', 'success'].includes(type)) type = 'success';
+    let iconName = '';
+    // 目前(2019-12-12),info和primary使用同一个图标
+    switch (type) {
+        case 'primary':
+            iconName = 'info-circle';
+            break;
+        case 'info':
+            iconName = 'info-circle';
+            break;
+        case 'error':
+            iconName = 'close-circle';
+            break;
+        case 'warning':
+            iconName = 'error-circle';
+            break;
+        case 'success':
+            iconName = 'checkmark-circle';
+            break;
+        default:
+            iconName = 'checkmark-circle';
+    }
+    // 是否是实体类型,加上-fill,在icon组件库中,实体的类名是后面加-fill的
+    if (fill) iconName += '-fill';
+    return iconName;
+}
+
+export default type2icon;

package/libs/hooks/useEmitter.ts

@@ -1,77 +1,77 @@
-import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
-
-/**
- * 将事件名转换为驼峰格式
- * @param str 需要转换的字符串
- * @description 例如：on-form-change -> onFormChange
- * @returns
- */
-function formatToCamelCase(str: string): string {
-    return str.replace(/-([a-z])/g, function (g) {
-        return g[1].toUpperCase();
-    });
-}
-
-export function useEmitter(name: string) {
-    const instance: ComponentInternalInstance | null | undefined = getCurrentInstance();
-
-    /** * 向上查找父组件并派发事件
-     * @param instance 当前组件实例（setup中可用getCurrentInstance()）
-     * @param componentName 目标组件名
-     * @param eventName 事件名
-     * @param params 参数
-     */
-    function dispatch(componentName: string, eventName: string, ...params: any[]) {
-        let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
-        while (parent) {
-            const name = (parent.type as any)?.name as string | undefined;
-            if (name === componentName) {
-                // 找到目标组件，派发事件
-                // Vue3未解决，目标组件事件监听失效，待优化，暂时使用下面的方式解决，如果你有好的方式也可以告诉我或者提PR
-                parent.emit && parent.emit(eventName, ...params);
-                // 如果有对应的方法，执行方法
-                // 这里可以考虑将 eventName 转换为驼峰格式
-                // 例如：on-form-change -> onFormChange
-                parent.exposed?.[formatToCamelCase(eventName)] && parent.exposed[formatToCamelCase(eventName)](...params);
-                break;
-            }
-            parent = parent.parent;
-        }
-    }
-
-    /**
-     * 向下递归查找子组件并广播事件
-     * @param instance 当前组件实例（setup中可用getCurrentInstance()）
-     * @param componentName 目标组件名
-     * @param eventName 事件名
-     * @param params 参数
-     */
-    function broadcast(componentName: string, eventName: string, ...params: any[]) {
-        if (!instance) return;
-        const subTree = (instance.subTree as any)?.children || [];
-        const children = Array.isArray(subTree) ? subTree : [subTree];
-        children.forEach((vnode: any) => {
-            const child = vnode.component as ComponentInternalInstance | undefined;
-
-            if (child) {
-                const name = (child.type as any)?.name as string | undefined;
-                if (name === componentName) {
-                    // 找到目标组件，广播事件
-                    // Vue3未解决，目标组件事件监听失效，待优化，暂时使用下面的方式解决，如果你有好的方式也可以告诉我或者提PR
-                    child.emit && child.emit(eventName, ...params);
-                    // 如果有对应的方法，执行方法
-                    // 这里可以考虑将 eventName 转换为驼峰格式
-                    // 例如：on-form-change -> onFormChange
-                    child.exposed?.[formatToCamelCase(eventName)] && child.exposed[formatToCamelCase(eventName)](...params);
-                } else {
-                    broadcast.call(child, componentName, eventName, ...params);
-                }
-            }
-        });
-    }
-
-    return {
-        dispatch,
-        broadcast
-    };
-}
+import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
+
+/**
+ * 将事件名转换为驼峰格式
+ * @param str 需要转换的字符串
+ * @description 例如：on-form-change -> onFormChange
+ * @returns
+ */
+function formatToCamelCase(str: string): string {
+    return str.replace(/-([a-z])/g, function (g) {
+        return g[1].toUpperCase();
+    });
+}
+
+export function useEmitter(name: string) {
+    const instance: ComponentInternalInstance | null | undefined = getCurrentInstance();
+
+    /** * 向上查找父组件并派发事件
+     * @param instance 当前组件实例（setup中可用getCurrentInstance()）
+     * @param componentName 目标组件名
+     * @param eventName 事件名
+     * @param params 参数
+     */
+    function dispatch(componentName: string, eventName: string, ...params: any[]) {
+        let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
+        while (parent) {
+            const name = (parent.type as any)?.name as string | undefined;
+            if (name === componentName) {
+                // 找到目标组件，派发事件
+                // Vue3未解决，目标组件事件监听失效，待优化，暂时使用下面的方式解决，如果你有好的方式也可以告诉我或者提PR
+                parent.emit && parent.emit(eventName, ...params);
+                // 如果有对应的方法，执行方法
+                // 这里可以考虑将 eventName 转换为驼峰格式
+                // 例如：on-form-change -> onFormChange
+                parent.exposed?.[formatToCamelCase(eventName)] && parent.exposed[formatToCamelCase(eventName)](...params);
+                break;
+            }
+            parent = parent.parent;
+        }
+    }
+
+    /**
+     * 向下递归查找子组件并广播事件
+     * @param instance 当前组件实例（setup中可用getCurrentInstance()）
+     * @param componentName 目标组件名
+     * @param eventName 事件名
+     * @param params 参数
+     */
+    function broadcast(componentName: string, eventName: string, ...params: any[]) {
+        if (!instance) return;
+        const subTree = (instance.subTree as any)?.children || [];
+        const children = Array.isArray(subTree) ? subTree : [subTree];
+        children.forEach((vnode: any) => {
+            const child = vnode.component as ComponentInternalInstance | undefined;
+
+            if (child) {
+                const name = (child.type as any)?.name as string | undefined;
+                if (name === componentName) {
+                    // 找到目标组件，广播事件
+                    // Vue3未解决，目标组件事件监听失效，待优化，暂时使用下面的方式解决，如果你有好的方式也可以告诉我或者提PR
+                    child.emit && child.emit(eventName, ...params);
+                    // 如果有对应的方法，执行方法
+                    // 这里可以考虑将 eventName 转换为驼峰格式
+                    // 例如：on-form-change -> onFormChange
+                    child.exposed?.[formatToCamelCase(eventName)] && child.exposed[formatToCamelCase(eventName)](...params);
+                } else {
+                    broadcast.call(child, componentName, eventName, ...params);
+                }
+            }
+        });
+    }
+
+    return {
+        dispatch,
+        broadcast
+    };
+}

package/libs/hooks/useParent.ts

@@ -1,29 +1,29 @@
-import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
-
-export function useParent(name: string) {
-    const instance: ComponentInternalInstance | null | undefined = getCurrentInstance();
-
-    function getParent(componentName?: string) {
-        componentName = componentName || name;
-        let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
-
-        while (parent) {
-            const name = (parent.type as any)?.name as string | undefined;
-            if (name === componentName) {
-                return parent;
-            }
-            parent = parent.parent;
-        }
-        return null;
-    }
-    function getParentData(componentName?: string) {
-        componentName = componentName || name;
-        const parent = getParent(componentName);
-        return parent ? parent.exposed : null;
-    }
-
-    return {
-        getParent,
-        getParentData
-    };
-}
+import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
+
+export function useParent(name: string) {
+    const instance: ComponentInternalInstance | null | undefined = getCurrentInstance();
+
+    function getParent(componentName?: string) {
+        componentName = componentName || name;
+        let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
+
+        while (parent) {
+            const name = (parent.type as any)?.name as string | undefined;
+            if (name === componentName) {
+                return parent;
+            }
+            parent = parent.parent;
+        }
+        return null;
+    }
+    function getParentData(componentName?: string) {
+        componentName = componentName || name;
+        const parent = getParent(componentName);
+        return parent ? parent.exposed : null;
+    }
+
+    return {
+        getParent,
+        getParentData
+    };
+}

package/libs/request/auto-http.ts

@@ -1,76 +1,76 @@
-import deepMerge from '../function/deepMerge';
-
-export function isFunction(f: any): boolean {
-    return typeof f === 'function';
-}
-
-export function isPromise(p: any): boolean {
-    return !!(p && p.then && p.catch);
-}
-
-export function isArray(arr: any) {
-    return Object.prototype.toString.call(arr) === '[object Array]';
-}
-
-/**
- * 构建基础类
- */
-class Builder<T> {
-    instance: any;
-
-    constructor(instance: any) {
-        this.instance = instance;
-    }
-    /**
-     *
-     * @param urlConfig url 配置表
-     * @param extra 其他请求方法对象
-     * @returns Object
-     */
-    dispatch(urlConfig: Record<string, any>, extra: Record<string, any> = {}): Record<string, any> {
-        const builder: Record<string, any> = {};
-        // 创建 API
-        Object.keys(urlConfig).forEach(name => {
-            builder[name] = this.use.bind(this, urlConfig[name]);
-        });
-        return { ...builder, ...extra };
-    }
-    /**
-     * 发送请求
-     * @param {*} urlConfig : url 配置表
-     * @demo urlConfig = { login: { url: '/user/login', method: 'GET', loading: true } }
-     * @param {*} config : 开放配置，用户主动配置的
-     * @demo api.login({ params: { username: "admin" } })
-     * @returns Promise
-     */
-    use(urlConfig: Record<string, any>, config: Record<string, any> = {}): Promise<T> {
-        // 请求地址
-        let url = config?.url ?? urlConfig.url;
-        // 兼容 restful url，如果是使用url为function，则为restful格式
-        if (config.url && isFunction(config.url)) {
-            url = `${urlConfig.url}${config.url()}`;
-        }
-        // 请求类型，get,post,put,delete
-        const method = config?.method ?? urlConfig?.method ?? 'GET';
-        // 如果有自定义的工厂函数基础类
-        const options = { ...deepMerge(urlConfig, config), url, method };
-        if (isFunction(this.instance) || isPromise(this.instance)) {
-            return this.instance(options);
-        }
-        // 如果是使用的 instance
-        // 默认的请求基础类
-        return this.instance.request(options);
-    }
-}
-
-/**
- * Http 基础类
- */
-class AutoHttp {
-    static get Builder() {
-        return Builder;
-    }
-    constructor() {}
-}
-
-export { AutoHttp };
+import deepMerge from '../function/deepMerge';
+
+export function isFunction(f: any): boolean {
+    return typeof f === 'function';
+}
+
+export function isPromise(p: any): boolean {
+    return !!(p && p.then && p.catch);
+}
+
+export function isArray(arr: any) {
+    return Object.prototype.toString.call(arr) === '[object Array]';
+}
+
+/**
+ * 构建基础类
+ */
+class Builder<T> {
+    instance: any;
+
+    constructor(instance: any) {
+        this.instance = instance;
+    }
+    /**
+     *
+     * @param urlConfig url 配置表
+     * @param extra 其他请求方法对象
+     * @returns Object
+     */
+    dispatch(urlConfig: Record<string, any>, extra: Record<string, any> = {}): Record<string, any> {
+        const builder: Record<string, any> = {};
+        // 创建 API
+        Object.keys(urlConfig).forEach(name => {
+            builder[name] = this.use.bind(this, urlConfig[name]);
+        });
+        return { ...builder, ...extra };
+    }
+    /**
+     * 发送请求
+     * @param {*} urlConfig : url 配置表
+     * @demo urlConfig = { login: { url: '/user/login', method: 'GET', loading: true } }
+     * @param {*} config : 开放配置，用户主动配置的
+     * @demo api.login({ params: { username: "admin" } })
+     * @returns Promise
+     */
+    use(urlConfig: Record<string, any>, config: Record<string, any> = {}): Promise<T> {
+        // 请求地址
+        let url = config?.url ?? urlConfig.url;
+        // 兼容 restful url，如果是使用url为function，则为restful格式
+        if (config.url && isFunction(config.url)) {
+            url = `${urlConfig.url}${config.url()}`;
+        }
+        // 请求类型，get,post,put,delete
+        const method = config?.method ?? urlConfig?.method ?? 'GET';
+        // 如果有自定义的工厂函数基础类
+        const options = { ...deepMerge(urlConfig, config), url, method };
+        if (isFunction(this.instance) || isPromise(this.instance)) {
+            return this.instance(options);
+        }
+        // 如果是使用的 instance
+        // 默认的请求基础类
+        return this.instance.request(options);
+    }
+}
+
+/**
+ * Http 基础类
+ */
+class AutoHttp {
+    static get Builder() {
+        return Builder;
+    }
+    constructor() {}
+}
+
+export { AutoHttp };