uview-pro 0.6.18 → 0.6.19

package/libs/hooks/useDebounce.ts

@@ -1,15 +1,15 @@
-export function useDebounce(delay: number = 500) {
-    let timeout: ReturnType<typeof setTimeout> | null = null;
-    // 防抖函数
-    function debounce(callback: () => void, debounceTime?: number) {
-        debounceTime = debounceTime || delay;
-        if (timeout) clearTimeout(timeout);
-        timeout = setTimeout(() => {
-            callback();
-        }, debounceTime);
-    }
-
-    return {
-        debounce
-    };
-}
+export function useDebounce(delay: number = 500) {
+    let timeout: ReturnType<typeof setTimeout> | null = null;
+    // 防抖函数
+    function debounce(callback: () => void, debounceTime?: number) {
+        debounceTime = debounceTime || delay;
+        if (timeout) clearTimeout(timeout);
+        timeout = setTimeout(() => {
+            callback();
+        }, debounceTime);
+    }
+
+    return {
+        debounce
+    };
+}

package/libs/hooks/useEmitter.ts

@@ -1,79 +1,79 @@
-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/useLocale.ts

@@ -1,34 +1,34 @@
-import configProvider from '../util/config-provider';
-
-/**
- * 国际化 composable
- * 提供：
- * - currentLocale / locales 响应式引用
- * - t(key, replacements) 翻译方法
- * - setLocale(name) 切换语言
- * - initLocales(locales?, defaultName?) 初始化语言包
- */
-export function useLocale(namespace?: string) {
-    // 创建翻译函数，支持命名空间
-    const createTranslateFunction = (ns?: string) => {
-        return (key: string, replacements?: any, localeName?: string): string => {
-            // 如果有命名空间，自动添加前缀
-            const fullKey = ns ? `${ns}.${key}` : key;
-            return configProvider.t(fullKey, replacements, localeName);
-        };
-    };
-
-    return {
-        // 响应式引用
-        currentLocale: configProvider.currentLocaleRef,
-        locales: configProvider.localesRef,
-
-        // 方法
-        t: createTranslateFunction(namespace),
-        setLocale: (name: string) => configProvider.setLocale(name),
-        getLocales: () => configProvider.getLocales(),
-        getCurrentLocale: () => configProvider.getCurrentLocale(),
-        initLocales: (locales?: any[], defaultLocaleName?: string, isForce?: boolean) =>
-            configProvider.initLocales(locales, defaultLocaleName, isForce)
-    };
-}
+import configProvider from '../util/config-provider';
+
+/**
+ * 国际化 composable
+ * 提供：
+ * - currentLocale / locales 响应式引用
+ * - t(key, replacements) 翻译方法
+ * - setLocale(name) 切换语言
+ * - initLocales(locales?, defaultName?) 初始化语言包
+ */
+export function useLocale(namespace?: string) {
+    // 创建翻译函数，支持命名空间
+    const createTranslateFunction = (ns?: string) => {
+        return (key: string, replacements?: any, localeName?: string): string => {
+            // 如果有命名空间，自动添加前缀
+            const fullKey = ns ? `${ns}.${key}` : key;
+            return configProvider.t(fullKey, replacements, localeName);
+        };
+    };
+
+    return {
+        // 响应式引用
+        currentLocale: configProvider.currentLocaleRef,
+        locales: configProvider.localesRef,
+
+        // 方法
+        t: createTranslateFunction(namespace),
+        setLocale: (name: string) => configProvider.setLocale(name),
+        getLocales: () => configProvider.getLocales(),
+        getCurrentLocale: () => configProvider.getCurrentLocale(),
+        initLocales: (locales?: any[], defaultLocaleName?: string, isForce?: boolean) =>
+            configProvider.initLocales(locales, defaultLocaleName, isForce)
+    };
+}

package/libs/hooks/useModal.ts

@@ -1,131 +1,131 @@
-import {
-    U_MODAL_EVENT_SHOW,
-    U_MODAL_EVENT_HIDE,
-    U_MODAL_EVENT_CLEAR_LOADING,
-    U_MODAL_GLOBAL_EVENT_SHOW,
-    U_MODAL_GLOBAL_EVENT_HIDE,
-    U_MODAL_GLOBAL_EVENT_CLEAR_LOADING,
-    getEventWithCurrentPage,
-    type ModalPayload
-} from '../../components/u-modal/service';
-
-export type UseModalShowOptions = ModalPayload;
-
-export type UseModal = {
-    /**
-     * 显示 modal
-     * - show('标题')
-     * - show({ title, content, showCancelButton, ... })
-     */
-    show: (contentOrOptions: string | UseModalShowOptions) => void;
-    /**
-     * 显示 confirm 类型的 modal（带确认和取消按钮）
-     * - confirm('标题')
-     * - confirm({ title, content, onConfirm, onCancel })
-     */
-    confirm: (contentOrOptions: string | UseModalShowOptions) => void;
-    /** 关闭 modal */
-    close: () => void;
-    /** 清除 loading 状态 */
-    clearLoading: () => void;
-};
-
-export type UseModalOptions = {
-    /** 是否使用全局根部 <u-modal global /> */
-    global?: boolean;
-    /** 是否使用页面级 <u-modal page /> 或某个页面的 <u-modal page="pageId" /> */
-    page?: boolean | string;
-};
-
-function normalize(contentOrOptions: string | UseModalShowOptions): UseModalShowOptions {
-    if (typeof contentOrOptions === 'string') {
-        // 如果是简单的字符串，可能是标题或内容
-        return { content: contentOrOptions };
-    }
-    return contentOrOptions || {};
-}
-
-function getPage(optionsOrGlobal: UseModalOptions | boolean): string {
-    if (typeof optionsOrGlobal === 'boolean') {
-        return '';
-    }
-    if (optionsOrGlobal.page && typeof optionsOrGlobal.page === 'string' && optionsOrGlobal.page !== '') {
-        return optionsOrGlobal.page;
-    }
-    return '';
-}
-
-/**
- * Modal 函数式调用
- * @description 需要页面/应用中至少存在一个 <u-modal global /> 或 <u-modal page /> 实例用于承接事件；不影响原 ref 调用方式。
- *
- * 支持两种调用方式：
- * - 应用级 useModal() / useModal(true) / useModal({ global: true })
- * - 页面级 useModal(false) / useModal({ page: true }) / useModal({ page: 'pageId' }) （pageId 应和页面中 <u-modal page="pageId" /> 的 page 属性一致）
- */
-export function useModal(optionsOrGlobal: UseModalOptions | boolean = true): UseModal {
-    const isGlobal = typeof optionsOrGlobal === 'boolean' ? optionsOrGlobal === true : !!optionsOrGlobal.global;
-    const isPage = typeof optionsOrGlobal === 'boolean' ? optionsOrGlobal === false : !!optionsOrGlobal.page;
-
-    const showEvent = isGlobal
-        ? U_MODAL_GLOBAL_EVENT_SHOW
-        : isPage
-          ? getEventWithCurrentPage(U_MODAL_EVENT_SHOW, getPage(optionsOrGlobal))
-          : '';
-    const hideEvent = isGlobal
-        ? U_MODAL_GLOBAL_EVENT_HIDE
-        : isPage
-          ? getEventWithCurrentPage(U_MODAL_EVENT_HIDE, getPage(optionsOrGlobal))
-          : '';
-    const clearLoadingEvent = isGlobal
-        ? U_MODAL_GLOBAL_EVENT_CLEAR_LOADING
-        : isPage
-          ? getEventWithCurrentPage(U_MODAL_EVENT_CLEAR_LOADING, getPage(optionsOrGlobal))
-          : '';
-
-    function emitShow(payload: UseModalShowOptions) {
-        if (showEvent) {
-            uni?.$emit && uni.$emit(showEvent, payload);
-        }
-    }
-
-    function emitHide() {
-        if (hideEvent) {
-            uni?.$emit && uni.$emit(hideEvent);
-        }
-    }
-
-    function emitClearLoading() {
-        if (clearLoadingEvent) {
-            uni?.$emit && uni.$emit(clearLoadingEvent);
-        }
-    }
-
-    function show(contentOrOptions: string | UseModalShowOptions) {
-        emitShow(normalize(contentOrOptions));
-    }
-
-    function confirm(contentOrOptions: string | UseModalShowOptions) {
-        const options = normalize(contentOrOptions);
-        emitShow({
-            ...options,
-            showCancelButton: options.showCancelButton ?? true,
-            showConfirmButton: options.showConfirmButton ?? true
-        });
-    }
-
-    function clearLoading() {
-        emitClearLoading();
-    }
-
-    function close() {
-        emitHide();
-    }
-
-    return {
-        show,
-        confirm,
-        close,
-        clearLoading
-    };
-}
+import {
+    U_MODAL_EVENT_SHOW,
+    U_MODAL_EVENT_HIDE,
+    U_MODAL_EVENT_CLEAR_LOADING,
+    U_MODAL_GLOBAL_EVENT_SHOW,
+    U_MODAL_GLOBAL_EVENT_HIDE,
+    U_MODAL_GLOBAL_EVENT_CLEAR_LOADING,
+    getEventWithCurrentPage,
+    type ModalPayload
+} from '../../components/u-modal/service';
+
+export type UseModalShowOptions = ModalPayload;
+
+export type UseModal = {
+    /**
+     * 显示 modal
+     * - show('标题')
+     * - show({ title, content, showCancelButton, ... })
+     */
+    show: (contentOrOptions: string | UseModalShowOptions) => void;
+    /**
+     * 显示 confirm 类型的 modal（带确认和取消按钮）
+     * - confirm('标题')
+     * - confirm({ title, content, onConfirm, onCancel })
+     */
+    confirm: (contentOrOptions: string | UseModalShowOptions) => void;
+    /** 关闭 modal */
+    close: () => void;
+    /** 清除 loading 状态 */
+    clearLoading: () => void;
+};
+
+export type UseModalOptions = {
+    /** 是否使用全局根部 <u-modal global /> */
+    global?: boolean;
+    /** 是否使用页面级 <u-modal page /> 或某个页面的 <u-modal page="pageId" /> */
+    page?: boolean | string;
+};
+
+function normalize(contentOrOptions: string | UseModalShowOptions): UseModalShowOptions {
+    if (typeof contentOrOptions === 'string') {
+        // 如果是简单的字符串，可能是标题或内容
+        return { content: contentOrOptions };
+    }
+    return contentOrOptions || {};
+}
+
+function getPage(optionsOrGlobal: UseModalOptions | boolean): string {
+    if (typeof optionsOrGlobal === 'boolean') {
+        return '';
+    }
+    if (optionsOrGlobal.page && typeof optionsOrGlobal.page === 'string' && optionsOrGlobal.page !== '') {
+        return optionsOrGlobal.page;
+    }
+    return '';
+}
+
+/**
+ * Modal 函数式调用
+ * @description 需要页面/应用中至少存在一个 <u-modal global /> 或 <u-modal page /> 实例用于承接事件；不影响原 ref 调用方式。
+ *
+ * 支持两种调用方式：
+ * - 应用级 useModal() / useModal(true) / useModal({ global: true })
+ * - 页面级 useModal(false) / useModal({ page: true }) / useModal({ page: 'pageId' }) （pageId 应和页面中 <u-modal page="pageId" /> 的 page 属性一致）
+ */
+export function useModal(optionsOrGlobal: UseModalOptions | boolean = true): UseModal {
+    const isGlobal = typeof optionsOrGlobal === 'boolean' ? optionsOrGlobal === true : !!optionsOrGlobal.global;
+    const isPage = typeof optionsOrGlobal === 'boolean' ? optionsOrGlobal === false : !!optionsOrGlobal.page;
+
+    const showEvent = isGlobal
+        ? U_MODAL_GLOBAL_EVENT_SHOW
+        : isPage
+          ? getEventWithCurrentPage(U_MODAL_EVENT_SHOW, getPage(optionsOrGlobal))
+          : '';
+    const hideEvent = isGlobal
+        ? U_MODAL_GLOBAL_EVENT_HIDE
+        : isPage
+          ? getEventWithCurrentPage(U_MODAL_EVENT_HIDE, getPage(optionsOrGlobal))
+          : '';
+    const clearLoadingEvent = isGlobal
+        ? U_MODAL_GLOBAL_EVENT_CLEAR_LOADING
+        : isPage
+          ? getEventWithCurrentPage(U_MODAL_EVENT_CLEAR_LOADING, getPage(optionsOrGlobal))
+          : '';
+
+    function emitShow(payload: UseModalShowOptions) {
+        if (showEvent) {
+            uni?.$emit && uni.$emit(showEvent, payload);
+        }
+    }
+
+    function emitHide() {
+        if (hideEvent) {
+            uni?.$emit && uni.$emit(hideEvent);
+        }
+    }
+
+    function emitClearLoading() {
+        if (clearLoadingEvent) {
+            uni?.$emit && uni.$emit(clearLoadingEvent);
+        }
+    }
+
+    function show(contentOrOptions: string | UseModalShowOptions) {
+        emitShow(normalize(contentOrOptions));
+    }
+
+    function confirm(contentOrOptions: string | UseModalShowOptions) {
+        const options = normalize(contentOrOptions);
+        emitShow({
+            ...options,
+            showCancelButton: options.showCancelButton ?? true,
+            showConfirmButton: options.showConfirmButton ?? true
+        });
+    }
+
+    function clearLoading() {
+        emitClearLoading();
+    }
+
+    function close() {
+        emitHide();
+    }
+
+    return {
+        show,
+        confirm,
+        close,
+        clearLoading
+    };
+}

package/libs/hooks/useRect.ts

@@ -1,40 +1,40 @@
-import { getCurrentInstance, nextTick, ref } from 'vue';
-
-/**
- * useRect - 获取元素的位置信息（响应式，原生实现）
- * @param selector 选择器（如 #id 或 .class）
- * @param all 是否获取所有匹配元素
- * @returns rect 响应式的节点信息，refresh 主动刷新方法
- */
-export function useRect(selector: string | null = null, all = false) {
-    const rect = ref<any>(all ? [] : null);
-    const instance = getCurrentInstance();
-
-    async function getRect(realSelector: string | null = null, delay = 0): Promise<any> {
-        realSelector = realSelector || selector;
-        if (!realSelector) return rect.value;
-        await nextTick();
-        return new Promise(resolve => {
-            setTimeout(() => {
-                uni.createSelectorQuery()
-                    .in(instance?.proxy)
-                    [all ? 'selectAll' : 'select'](realSelector as string)
-                    .boundingClientRect((res: any) => {
-                        rect.value = res;
-                        resolve(res);
-                    })
-                    .exec();
-            }, delay);
-        });
-    }
-
-    function refresh(selector?: string | null, delay?: number): Promise<any> {
-        return getRect(selector, delay);
-    }
-
-    return {
-        rect,
-        getRect,
-        refresh
-    };
-}
+import { getCurrentInstance, nextTick, ref } from 'vue';
+
+/**
+ * useRect - 获取元素的位置信息（响应式，原生实现）
+ * @param selector 选择器（如 #id 或 .class）
+ * @param all 是否获取所有匹配元素
+ * @returns rect 响应式的节点信息，refresh 主动刷新方法
+ */
+export function useRect(selector: string | null = null, all = false) {
+    const rect = ref<any>(all ? [] : null);
+    const instance = getCurrentInstance();
+
+    async function getRect(realSelector: string | null = null, delay = 0): Promise<any> {
+        realSelector = realSelector || selector;
+        if (!realSelector) return rect.value;
+        await nextTick();
+        return new Promise(resolve => {
+            setTimeout(() => {
+                uni.createSelectorQuery()
+                    .in(instance?.proxy)
+                    [all ? 'selectAll' : 'select'](realSelector as string)
+                    .boundingClientRect((res: any) => {
+                        rect.value = res;
+                        resolve(res);
+                    })
+                    .exec();
+            }, delay);
+        });
+    }
+
+    function refresh(selector?: string | null, delay?: number): Promise<any> {
+        return getRect(selector, delay);
+    }
+
+    return {
+        rect,
+        getRect,
+        refresh
+    };
+}