uview-pro 0.5.3 → 0.5.4

package/components/u-safe-bottom/u-safe-bottom.vue

@@ -38,7 +38,10 @@ const style = computed(() => {
     let result: CSSProperties = {};
     // #ifdef APP-NVUE || MP-TOUTIAO
     // nvue下，高度使用js计算填充
-    result.height = $u.addUnit($u.sys().safeAreaInsets.bottom, 'px');
+    const safeAreaInsets = $u.sys()?.safeAreaInsets;
+    if (safeAreaInsets?.bottom) {
+        result.height = $u.addUnit(safeAreaInsets.bottom, 'px');
+    }
     // #endif
     return result;
 });

package/components/u-search/u-search.vue

@@ -30,7 +30,7 @@
                 @input="inputChange"
                 @focus="getFocus"
                 :focus="focus"
-                :maxlength="maxlength"
+                :maxlength="Number(maxlength)"
                 placeholder-class="u-placeholder-class"
                 :placeholder="placeholder"
                 :placeholder-style="`color: ${placeholderColor}`"

package/components/u-section/types.ts

@@ -1,4 +1,4 @@
-import { type ExtractPropTypes, type PropType } from 'vue';
+import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
 import { useLocale } from '../../';
 

package/components/u-switch/u-switch.vue

@@ -74,7 +74,7 @@ const switchStyle = computed(() => {
  * 计算加载动画颜色
  */
 const loadingColor = computed(() => {
-    return isChecked.value ? props.activeColor : null;
+    return isChecked.value ? props.activeColor : undefined;
 });
 
 /**

package/components/u-tabbar/types.ts

@@ -32,7 +32,10 @@ export const TabbarProps = {
     /** tabbar配置项数组 */
     list: { type: Array as PropType<TabbarItem[]>, default: () => [] },
     /** 切换前回调，返回true或Promise */
-    beforeSwitch: { type: Function as PropType<((index: number) => boolean | Promise<any>) | null>, default: null },
+    beforeSwitch: {
+        type: Function as unknown as PropType<((index: number) => boolean | Promise<any>) | null>,
+        default: null
+    },
     /** 是否显示顶部横线 */
     borderTop: { type: Boolean, default: true },
     /** 是否隐藏原生tabbar */

package/components/u-tabbar/u-tabbar.vue

@@ -44,8 +44,8 @@
                             :is-dot="item.isDot"
                             v-if="item.count || item.isDot"
                             :offset="[
-                                getBadgeOffsetTop(item.count, item.isDot),
-                                getOffsetRight(item.count, item.isDot)
+                                getBadgeOffsetTop(item.count || 0, item.isDot || false),
+                                getOffsetRight(item.count || 0, item.isDot || false)
                             ]"
                         ></u-badge>
                     </view>
@@ -146,7 +146,7 @@ onMounted(() => {
 /**
  * 计算当前item的icon路径
  */
-const elIconPath = computed<(index: number) => string>(() => {
+const elIconPath = computed<(index: number) => string | undefined>(() => {
     return (index: number) => {
         // 历遍u-tabbar的每一项item时，判断是否传入了pagePath参数，如果传入了
         // 和data中的pageUrl参数对比，如果相等，即可判断当前的item对应当前的tabbar页面，设置高亮图标
@@ -247,7 +247,7 @@ function switchTab(index: number) {
     emit('change', index);
     // 如果有配置pagePath属性，使用uni.switchTab进行跳转
     if (props.list[index]?.pagePath) {
-        uni.switchTab({ url: props.list[index].pagePath });
+        uni.switchTab({ url: props.list[index].pagePath as string });
     } else {
         // 如果配置了papgePath属性，将不会双向绑定v-model传入的value值
         // 因为这个模式下，不再需要v-model绑定的value值了，而是通过getCurrentPages()适配

package/components/u-text/u-text.vue

@@ -29,24 +29,25 @@
             <slot>{{ displayValue }}</slot>
         </u-link>
         <template v-else-if="props.openType">
+            <!-- prettier-ignore -->
             <button
                 class="u-reset-button u-text__value u-text__button"
                 :class="props.type && `u-text__value--${props.type}`"
                 :style="textValueStyle"
-                :openType="props.openType"
-                @getuserinfo="onGetUserInfo"
-                @contact="onContact"
-                @getphonenumber="onGetPhoneNumber"
-                @error="onError"
-                @launchapp="onLaunchApp"
-                @opensetting="onOpenSetting"
-                :lang="props.lang"
+                :openType="(props.openType as any)"
+                :lang="(props.lang as any)"
                 :session-from="props.sessionFrom"
                 :send-message-title="props.sendMessageTitle"
                 :send-message-path="props.sendMessagePath"
                 :send-message-img="props.sendMessageImg"
                 :show-message-card="props.showMessageCard"
                 :app-parameter="props.appParameter"
+                @getuserinfo="onGetUserInfo"
+                @contact="onContact"
+                @getphonenumber="onGetPhoneNumber"
+                @error="onError"
+                @launchapp="onLaunchApp"
+                @opensetting="onOpenSetting"
             >
                 <slot>{{ displayValue }}</slot>
             </button>
@@ -161,14 +162,14 @@ const displayValue = computed(() => {
             if (!$u.test.string(val)) return val;
             if (format === 'encrypt') {
                 // 如果format为encrypt，则将姓名进行星号加密处理
-                return $u.formatName(val);
+                return $u.formatName(String(val));
             }
             break;
         case 'date':
             // 进行格式化，判断用户传入的format参数为正则，或者函数，如果没有传入format，则使用默认的格式化处理
             if ($u.test.string(format) && !$u.test.empty(format)) {
                 // 如果format非正则，非函数，则使用默认的时间格式化方法进行操作
-                return $u.timeFormat(val, format);
+                return $u.timeFormat(val, format as string);
             }
             // 如果没有设置format，则设置为默认的时间格式化形式
             return $u.timeFormat(val, 'yyyy-mm-dd');
@@ -240,22 +241,22 @@ function onClick() {
     }
     emit('click');
 }
-function onGetUserInfo(event) {
+function onGetUserInfo(event: any) {
     emit('getuserinfo', event.detail);
 }
-function onContact(event) {
+function onContact(event: any) {
     emit('contact', event.detail);
 }
-function onGetPhoneNumber(event) {
+function onGetPhoneNumber(event: any) {
     emit('getphonenumber', event.detail);
 }
-function onError(event) {
+function onError(event: any) {
     emit('error', event.detail);
 }
-function onLaunchApp(event) {
+function onLaunchApp(event: any) {
     emit('launchapp', event.detail);
 }
-function onOpenSetting(event) {
+function onOpenSetting(event: any) {
     emit('opensetting', event.detail);
 }
 </script>

package/components/u-textarea/types.ts

@@ -75,7 +75,7 @@ export const TextareaProps = {
     // 边框类型，surround-四周边框，bottom-底部边框
     border: { type: [String, Boolean] as PropType<TextareaBorder | boolean>, default: textarea.border },
     // 用于处理或者过滤输入框内容的方法
-    formatter: { type: Function as PropType<((val: any) => any) | null>, default: textarea.formatter },
+    formatter: { type: Function as unknown as PropType<((val: any) => any) | null>, default: textarea.formatter },
     // 是否忽略组件内对文本合成系统事件的处理
     ignoreCompositionEvent: { type: Boolean as PropType<boolean>, default: true },
     /** 是否可清空(默认true) */

package/components/u-textarea/u-textarea.vue

@@ -10,11 +10,12 @@
         ]"
         :style="$u.toStyle(textareaStyle, customStyle)"
     >
+        <!-- prettier-ignore -->
         <textarea
             class="u-textarea__field"
             :value="innerValue"
             :style="getStyle"
-            :placeholder="props.placeholder"
+            :placeholder="String(props.placeholder)"
             :placeholder-style="$u.toStyle(props.placeholderStyle)"
             :placeholder-class="props.placeholderClass"
             :disabled="props.disabled"
@@ -22,15 +23,15 @@
             :autoHeight="props.autoHeight"
             :fixed="props.fixed"
             :cursorSpacing="props.cursorSpacing"
-            :cursor="props.cursor"
+            :cursor="Number(props.cursor)"
             :showConfirmBar="props.showConfirmBar"
             :selectionStart="props.selectionStart"
             :selectionEnd="props.selectionEnd"
             :adjustPosition="props.adjustPosition"
             :disableDefaultPadding="props.disableDefaultPadding"
             :holdKeyboard="props.holdKeyboard"
-            :maxlength="props.maxlength"
-            :confirmType="props.confirmType"
+            :maxlength="Number(props.maxlength)"
+            :confirmType="(props.confirmType as any)"
             :ignoreCompositionEvent="props.ignoreCompositionEvent"
             @focus="onFocus"
             @blur="onBlur"

package/components/u-toast/service.ts

@@ -0,0 +1,21 @@
+/**
+ * u-toast 函数式调用事件名（全平台）
+ * @description
+ * - useToast() 通过 uni.$emit 派发事件
+ * - <u-toast /> 通过 uni.$on 监听事件并转调自身 show/hide
+ */
+
+import type { ToastProps } from './types';
+
+// 普通（页面级）toast 事件
+export const U_TOAST_EVENT_SHOW = 'uview-pro:u-toast:show';
+export const U_TOAST_EVENT_HIDE = 'uview-pro:u-toast:hide';
+
+// 全局（App 根部）toast 事件，供 useToast() 使用
+export const U_TOAST_GLOBAL_EVENT_SHOW = 'uview-pro:u-toast:global:show';
+export const U_TOAST_GLOBAL_EVENT_HIDE = 'uview-pro:u-toast:global:hide';
+
+export type ToastPayload = Partial<ToastProps> & {
+    /** 文案（兼容 toast.show('xxx')） */
+    title?: string;
+};

package/components/u-toast/types.ts

@@ -20,7 +20,7 @@ export const ToastProps = {
     /** 显示位置，center/top/bottom */
     position: { type: String as PropType<ToastPosition>, default: 'center' },
     /** 关闭时的回调函数 */
-    callback: { type: Function as PropType<(() => void) | null>, default: null },
+    callback: { type: Function as unknown as PropType<(() => void) | null>, default: null },
     /** 是否返回上一页 */
     back: { type: Boolean, default: false },
     /** 是否为tab页面跳转 */
@@ -28,7 +28,11 @@ export const ToastProps = {
     /** 跳转的url */
     url: { type: String, default: '' },
     /** 跳转参数对象 */
-    params: { type: Object as PropType<Record<string, any>>, default: () => ({}) }
+    params: { type: Object as PropType<Record<string, any>>, default: () => ({}) },
+    /** 是否作为全局根部 toast（通常放在 App.vue 中，给 useToast() 使用） */
+    global: { type: Boolean, default: false },
+    /** 是否为loading “常驻” */
+    loading: { type: Boolean, default: false }
 };
 
 export type ToastProps = ExtractPropTypes<typeof ToastProps>;
@@ -36,4 +40,5 @@ export type ToastProps = ExtractPropTypes<typeof ToastProps>;
 export type ToastExpose = {
     show: (options: Record<string, any>) => void;
     hide: () => void;
+    close: () => void;
 };

package/components/u-toast/u-toast.vue

@@ -1,20 +1,36 @@
 <template>
-    <view
-        class="u-toast"
-        :class="[isShow ? 'u-show' : '', 'u-type-' + tmpConfig.type, 'u-position-' + tmpConfig.position, customClass]"
-        :style="$u.toStyle({ zIndex: uZIndex }, customStyle)"
-    >
-        <view class="u-icon-wrap">
-            <u-icon
-                v-if="tmpConfig.icon"
-                custom-class="u-toast_icon"
-                :name="iconName"
-                :size="30"
-                :color="tmpConfig.type"
-            ></u-icon>
+    <u-mask :z-index="uZIndex" :show="isShow" custom-style="background-color:transparent;">
+        <view
+            class="u-toast"
+            :class="[
+                isShow ? 'u-show' : '',
+                'u-type-' + tmpConfig.type,
+                'u-position-' + tmpConfig.position,
+                customClass
+            ]"
+            :style="$u.toStyle({ zIndex: uZIndex }, customStyle)"
+        >
+            <view class="u-icon-wrap">
+                <!-- loading 类型走独立的加载动画组件 -->
+                <u-loading
+                    v-if="tmpConfig.loading"
+                    mode="circle"
+                    custom-style="margin-right: 16rpx;"
+                    :color="($u.color as any)[tmpConfig.type]"
+                ></u-loading>
+                <!-- 其它类型仍然使用图标 -->
+                <u-icon
+                    v-else-if="tmpConfig.icon && iconName"
+                    custom-class="u-toast_icon"
+                    custom-style="margin-right: 10rpx;"
+                    :name="iconName"
+                    :size="40"
+                    :color="tmpConfig.type"
+                ></u-icon>
+            </view>
+            <text class="u-text">{{ tmpConfig.title }}</text>
         </view>
-        <text class="u-text">{{ tmpConfig.title }}</text>
-    </view>
+    </u-mask>
 </template>
 
 <script lang="ts">
@@ -31,10 +47,17 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
 import { $u } from '../..';
 import type { ToastExpose } from './types';
 import { ToastProps } from './types';
+import {
+    U_TOAST_EVENT_HIDE,
+    U_TOAST_EVENT_SHOW,
+    U_TOAST_GLOBAL_EVENT_HIDE,
+    U_TOAST_GLOBAL_EVENT_SHOW,
+    type ToastPayload
+} from './service';
 
 /**
  * toast 消息提示
@@ -63,6 +86,7 @@ const config = computed(() => {
         isTab: props.isTab, // 是否跳转tab页面
         url: props.url, // toast消失后是否跳转页面，有则跳转，优先级高于back参数
         params: props.params, // URL跳转的参数，对象
+        loading: props.loading,
         title: '' // 显示文本
     };
 });
@@ -154,9 +178,44 @@ function timeEnd() {
     }
 }
 
+/**
+ * @description
+ * 函数式调用支持：
+ * - useToast() 内部通过 uni.$emit 派发「全局」事件，仅由 App 根部的 <u-toast global /> 承接
+ * - 普通页面级 <u-toast /> 监听「页面级」事件（当前版本暂未开放对应函数式 API，仅支持 ref 调用）
+ * - 不影响原有 ref.show()/ref.hide() 使用方式
+ */
+function onServiceShow(payload: ToastPayload) {
+    show(payload || {});
+}
+function onServiceHide() {
+    hide();
+}
+
+// 是否为 App 根部的“全局 toast”
+const isGlobal = computed(() => props.global);
+
+const showEvent = computed(() => (isGlobal.value ? U_TOAST_GLOBAL_EVENT_SHOW : U_TOAST_EVENT_SHOW));
+const hideEvent = computed(() => (isGlobal.value ? U_TOAST_GLOBAL_EVENT_HIDE : U_TOAST_EVENT_HIDE));
+
+onMounted(() => {
+    if (isGlobal.value) {
+        uni?.$on && uni.$on(showEvent.value, onServiceShow);
+        uni?.$on && uni.$on(hideEvent.value, onServiceHide);
+    }
+});
+
+onBeforeUnmount(() => {
+    if (isGlobal.value) {
+        uni?.$off && uni.$off(showEvent.value, onServiceShow);
+        uni?.$off && uni.$off(hideEvent.value, onServiceHide);
+    }
+});
+
 defineExpose<ToastExpose>({
     show,
-    hide
+    hide,
+    close: hide
 });
 </script>
 
@@ -177,7 +236,7 @@ defineExpose<ToastExpose>({
     font-size: 28rpx;
     opacity: 0;
     pointer-events: none;
-    padding: 18rpx 40rpx;
+    padding: 30rpx 40rpx;
 }
 
 .u-toast.u-show {
@@ -190,8 +249,12 @@ defineExpose<ToastExpose>({
     /* #endif */
 }
 
+.u-text {
+    word-break: break-all;
+}
+
 :deep(.u-toast_icon) {
-    margin-right: 8rpx;
+    margin-right: 10rpx;
     @include vue-flex;
     align-items: center;
     line-height: normal;

package/components/u-upload/types.ts

@@ -70,12 +70,12 @@ export const UploadProps = {
     showTips: { type: Boolean, default: true },
     /** 上传前钩子，返回true或Promise */
     beforeUpload: {
-        type: Function as PropType<((index: number, files: any[]) => boolean | Promise<any>) | null>,
+        type: Function as unknown as PropType<((index: number, files: any[]) => boolean | Promise<any>) | null>,
         default: null
     },
     /** 删除前钩子，返回true或Promise */
     beforeRemove: {
-        type: Function as PropType<((index: number, files: any[]) => boolean | Promise<any>) | null>,
+        type: Function as unknown as PropType<((index: number, files: any[]) => boolean | Promise<any>) | null>,
         default: null
     },
     /** 如果上传后的返回值为json字符串，是否转为json格式 */

package/components/u-upload/u-upload.vue

@@ -256,7 +256,7 @@ function retry(index: number) {
 /**
  * 上传图片
  */
-async function uploadFile(index = 0) {
+async function uploadFile(index = 0): Promise<void> {
     if (props.disabled) return;
     if (uploading.value) return;
     // 全部上传完成

package/index.ts

@@ -76,7 +76,7 @@ const install = (app: any, options?: UViewProOptions): void => {
             // 设置调试模式
             logger
                 .setDebugMode(options?.log?.debug ?? false)
-                .setPrefix(options?.log?.prefix)
+                .setPrefix(options?.log?.prefix || '')
                 .setShowCallerInfo(options?.log?.showCallerInfo ?? true);
         } else {
             // 默认初始化系统主题

package/libs/function/clipboard.ts

@@ -6,8 +6,8 @@ function H5Copy(text: string, config: TClipboardOptions) {
                 icon: 'none'
             });
         }
-        config.success(result);
-        config.complete(result);
+        config.success?.(result);
+        config.complete?.(result);
     };
     const fail = (err: string) => {
         if (config.showToast) {
@@ -16,8 +16,8 @@ function H5Copy(text: string, config: TClipboardOptions) {
                 icon: 'none'
             });
         }
-        config.fail(err);
-        config.complete(err);
+        config.fail?.(err);
+        config.complete?.(err);
     };
 
     const textarea = document.createElement('textarea');
@@ -40,7 +40,7 @@ function H5Copy(text: string, config: TClipboardOptions) {
         }
     } catch (err) {
         // console.error('【Clipboard Error】:', err);
-        fail(err);
+        fail(String(err));
     } finally {
         document.body.removeChild(textarea);
     }

package/libs/function/color.ts

@@ -20,7 +20,9 @@ export function getColor(name: ColorType): string {
 }
 
 export function setColor(theme: Partial<ThemeColor> | undefined) {
-    configProvider.setThemeColor(theme);
+    if (theme) {
+        configProvider.setThemeColor(theme);
+    }
 }
 
 export default color;

package/libs/function/styleUtils.ts

@@ -25,7 +25,7 @@ function cssStrToObj(str: string): object {
         const value = values.join(':');
         if (prop && value) {
             const camelProp = prop.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());
-            result[camelProp] = value;
+            (result as Record<string, string>)[camelProp] = value;
         }
     });
     return result;
@@ -53,16 +53,16 @@ function cssObjToStr(obj: object): string {
  * 合并多个 CSS 输入（对象或字符串），返回一个 CSS 对象
  */
 export function mergeStyles(...args: (object | string)[]): CSSProperties {
-    const result = {};
+    const result = {} as Record<string, any>;
     for (let i = 0; i < args.length; i++) {
         const arg = args[i];
-        if (!isValidValue(arg)) return;
+        if (!isValidValue(arg)) return result as CSSProperties;
         if (typeof arg === 'string') {
             Object.assign(result, cssStrToObj(arg));
         } else if (test.object(arg)) {
-            const cleanedObj = {};
+            const cleanedObj: Record<string, any> = {};
             Object.keys(arg).forEach(key => {
-                const value = arg[key];
+                const value = (arg as Record<string, any>)[key];
                 if (isValidValue(value)) {
                     // 有效
                     cleanedObj[key] = value;

package/libs/function/test.ts

@@ -210,7 +210,7 @@ function code(value: string, len: number = 6): boolean {
  * 是否函数方法
  * @param {Object} value
  */
-function func(value) {
+function func(value: any) {
     return typeof value === 'function';
 }
 
@@ -218,14 +218,14 @@ function func(value) {
  * 是否promise对象
  * @param {Object} value
  */
-function promise(value) {
+function promise(value: any) {
     return object(value) && func(value.then) && func(value.catch);
 }
 
 /** 是否图片格式
  * @param {Object} value
  */
-function image(value) {
+function image(value: any) {
     const newValue = value.split('?')[0];
     const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
     return IMAGE_REGEXP.test(newValue);
@@ -235,7 +235,7 @@ function image(value) {
  * 是否视频格式
  * @param {Object} value
  */
-function video(value) {
+function video(value: any) {
     const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv|m3u8)/i;
     return VIDEO_REGEXP.test(value);
 }
@@ -245,14 +245,14 @@ function video(value) {
  * @param {Object}
  * @return {Boolean}
  */
-function regExp(o) {
+function regExp(o: any) {
     return o && Object.prototype.toString.call(o) === '[object RegExp]';
 }
 
 /**
  * 验证字符串
  */
-function string(value) {
+function string(value: any) {
     return typeof value === 'string';
 }
 

package/libs/function/type2icon.ts

@@ -1,13 +1,12 @@
+import type { ThemeType } from '../../types/global';
+
 /**
  * 根据主题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 {
+function type2icon(type: ThemeType = 'success', fill: boolean = false): string {
     // 如果非预置值,默认为success
     if (!['primary', 'info', 'error', 'warning', 'success'].includes(type)) type = 'success';
     let iconName = '';

package/libs/hooks/index.ts

@@ -6,3 +6,4 @@ export * from './useColor';
 export * from './useLocale';
 export * from './useDebounce';
 export * from './useThrottle';
+export * from './useToast';

package/libs/hooks/useCompRelation.ts

@@ -199,13 +199,13 @@ export function useParent(componentName?: string) {
     };
 
     if (instance.proxy) {
-        instance.proxy[PARENT_CONTEXT_SYMBOL] = parentContext;
+        (instance.proxy as any)[PARENT_CONTEXT_SYMBOL] = parentContext;
     }
 
     onUnmounted(() => {
         childrenMap.forEach((_, childId) => parentContext.removeChild(childId));
         if (instance.proxy) {
-            delete instance.proxy[PARENT_CONTEXT_SYMBOL];
+            delete (instance.proxy as any)[PARENT_CONTEXT_SYMBOL];
         }
         logger.log(`Parent ${name} unmounted and cleaned up`);
     });
@@ -279,7 +279,7 @@ export function useChildren(componentName?: string, parentName?: string) {
 
         let current = instance.parent;
         while (current) {
-            const context = current.proxy?.[PARENT_CONTEXT_SYMBOL];
+            const context = (current.proxy as any)?.[PARENT_CONTEXT_SYMBOL];
             if (context) {
                 if (!context.getInstance) {
                     context.getInstance = () => current;
@@ -384,7 +384,7 @@ export function hasParent(parentName?: string): boolean {
 
     let current = instance.parent;
     while (current) {
-        if (current.proxy?.[PARENT_CONTEXT_SYMBOL]) return true;
+        if ((current.proxy as any)?.[PARENT_CONTEXT_SYMBOL]) return true;
         current = current.parent;
     }
     return false;

package/libs/hooks/useRect.ts

@@ -6,11 +6,11 @@ import { getCurrentInstance, nextTick, ref } from 'vue';
  * @param all 是否获取所有匹配元素
  * @returns rect 响应式的节点信息，refresh 主动刷新方法
  */
-export function useRect(selector: string = null, all = false) {
+export function useRect(selector: string | null = null, all = false) {
     const rect = ref<any>(all ? [] : null);
     const instance = getCurrentInstance();
 
-    async function getRect(realSelector: string = null, delay = 0): Promise<any> {
+    async function getRect(realSelector: string | null = null, delay = 0): Promise<any> {
         realSelector = realSelector || selector;
         if (!realSelector) return rect.value;
         await nextTick();
@@ -18,7 +18,7 @@ export function useRect(selector: string = null, all = false) {
             setTimeout(() => {
                 uni.createSelectorQuery()
                     .in(instance?.proxy)
-                    [all ? 'selectAll' : 'select'](realSelector)
+                    [all ? 'selectAll' : 'select'](realSelector as string)
                     .boundingClientRect((res: any) => {
                         rect.value = res;
                         resolve(res);
@@ -28,8 +28,13 @@ export function useRect(selector: string = null, all = false) {
         });
     }
 
+    function refresh(selector?: string | null, delay?: number): Promise<any> {
+        return getRect(selector, delay);
+    }
+
     return {
         rect,
-        getRect
+        getRect,
+        refresh
     };
 }