uview-pro 0.6.4 → 0.6.5

package/changelog.md

@@ -1,15 +1,30 @@
-## 0.6.4（2026-06-02）
-
-### ✨ Features | 新功能
-
-- **u-input:** 新增readonly输入属性，支持设置输入框只读状态，新增禁用与只读示例页面及配置项（#160） ([6a92373](https://github.com/anyup/uView-Pro/commit/6a92373a6c8a1c2875b93d6dbb3985df34887c4e))
-- **u-textarea:** 新增click事件支持，在只读/非禁用状态下可触发点击回调，更新演示页面（#160） ([a79dc57](https://github.com/anyup/uView-Pro/commit/a79dc57262bfb3909d2f35bbf26589906e9a4c8d))
-- **u-field:** 新增readonly属性支持，设置后可点击但无法输入，调整disabled和readonly状态的遮罩逻辑与样式（#160） ([708f13b](https://github.com/anyup/uView-Pro/commit/708f13bb3601c0c77a0a75f1b4d1c148f28c7229))
-
-### 👥 Contributors
-
-<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> 
-
+## 0.6.5（2026-06-05）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **locale:** 修复多个组件在多语言切换时不能实时更新的问题，统一默认值处理方式 ([86dbc61](https://github.com/anyup/uView-Pro/commit/86dbc61d4ffb9f70f2b98e11566b7ca90549a687))
+
+### ✨ Features | 新功能
+
+- **demo:** 新增多语言切换图标到演示页面的头部 ([9dfd98e](https://github.com/anyup/uView-Pro/commit/9dfd98e5ef8e1e0d5a091cd256fefee2a3ae8064))
+- **loadmore,verificationCode:** 优化loadmore和verificationCode组件的演示示例 ([cddfaf9](https://github.com/anyup/uView-Pro/commit/cddfaf94354ebf5fde954f0098e23a7debc5c550))
+
+### 👥 Contributors
+
+<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> 
+
+## 0.6.4（2026-06-02）
+
+### ✨ Features | 新功能
+
+- **u-input:** 新增readonly输入属性，支持设置输入框只读状态，新增禁用与只读示例页面及配置项（#160） ([6a92373](https://github.com/anyup/uView-Pro/commit/6a92373a6c8a1c2875b93d6dbb3985df34887c4e))
+- **u-textarea:** 新增click事件支持，在只读/非禁用状态下可触发点击回调，更新演示页面（#160） ([a79dc57](https://github.com/anyup/uView-Pro/commit/a79dc57262bfb3909d2f35bbf26589906e9a4c8d))
+- **u-field:** 新增readonly属性支持，设置后可点击但无法输入，调整disabled和readonly状态的遮罩逻辑与样式（#160） ([708f13b](https://github.com/anyup/uView-Pro/commit/708f13bb3601c0c77a0a75f1b4d1c148f28c7229))
+
+### 👥 Contributors
+
+<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> 
+
 ## 0.6.3（2026-05-28）
 
 ### 🐛 Bug Fixes | Bug 修复

package/components/u-action-sheet/types.ts

@@ -1,8 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ActionSheetItem, ActionSheetTips } from '../../types/global';
-import { getColor, useLocale } from '../../';
-
-const { t } = useLocale();
+import { getColor } from '../../';
 
 /**
  * actionSheet 操作菜单
@@ -42,7 +40,7 @@ export const ActionSheetProps = {
     /** 弹出的z-index值 */
     zIndex: { type: [String, Number], default: 0 },
     /** 取消按钮的文字提示 */
-    cancelText: { type: String, default: () => t('uActionSheet.cancelText') },
+    cancelText: { type: String, default: '' },
     /** 字体颜色 */
     color: { type: String, default: () => getColor('mainColor') },
     /** 字体大小 */

package/components/u-action-sheet/u-action-sheet.vue

@@ -40,7 +40,7 @@
             v-if="cancelBtn"
             @tap="close"
         >
-            {{ cancelText }}
+            {{ getCancelText }}
         </view>
     </u-popup>
 </template>
@@ -60,7 +60,7 @@ export default {
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { $u, useParent } from '../..';
+import { $u, useParent, useLocale } from '../..';
 import { ActionSheetProps } from './types';
 
 /**
@@ -85,6 +85,8 @@ const props = defineProps(ActionSheetProps);
 
 const emit = defineEmits(['update:modelValue', 'click', 'close']);
 
+const { t } = useLocale();
+
 useParent('u-action-sheet');
 
 const popupValue = computed({
@@ -92,6 +94,9 @@ const popupValue = computed({
     set: (val: boolean) => emit('update:modelValue', val)
 });
 
+// 国际化计算属性
+const getCancelText = computed(() => props.cancelText || t('uActionSheet.cancelText'));
+
 // 顶部提示的样式
 const tipsStyle = computed(() => {
     let style: Record<string, string> = {};

package/components/u-calendar/types.ts

@@ -1,8 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { CalendarChangeDate, CalendarChangeRange, CalendarMode, ThemeType } from '../../types/global';
-import { getColor, useLocale } from '../../';
-
-const { t } = useLocale();
+import { getColor } from '../../';
 
 /**
  * calendar 日历类型定义
@@ -58,9 +56,9 @@ export const CalendarProps = {
     /** 范围内日期字体颜色 */
     rangeColor: { type: String, default: () => getColor('primary') },
     /** mode=range时生效，起始日期自定义文案 */
-    startText: { type: String, default: () => t('uCalendar.startText') },
+    startText: { type: String, default: '' },
     /** mode=range时生效，结束日期自定义文案 */
-    endText: { type: String, default: () => t('uCalendar.endText') },
+    endText: { type: String, default: '' },
     /** 按钮样式类型 */
     btnType: { type: String as PropType<ThemeType>, default: 'primary' },
     /** 当前选中日期带选中效果 */
@@ -72,7 +70,7 @@ export const CalendarProps = {
     /** 是否显示右上角的关闭图标 */
     closeable: { type: Boolean, default: true },
     /** 顶部的提示文字 */
-    toolTip: { type: String, default: () => t('uCalendar.toolTip') },
+    toolTip: { type: String, default: '' },
     /** 是否显示农历 */
     showLunar: { type: Boolean, default: false },
     /** 是否在页面中显示 */

package/components/u-calendar/u-calendar.vue

@@ -18,7 +18,7 @@
         >
             <view class="u-calendar__header" v-if="!props.isPage">
                 <view class="u-calendar__header__text" v-if="!slots.tooltip">
-                    {{ toolTip }}
+                    {{ getToolTip }}
                 </view>
                 <slot v-else name="tooltip" />
             </view>
@@ -141,7 +141,7 @@
                                     class="u-calendar__content__item__lunar"
                                     :style="{ color: activeColor }"
                                 >
-                                    {{ startText }}
+                                    {{ getStartText }}
                                 </view>
                                 <!-- 范围选择结束日期显示"结束" -->
                                 <view
@@ -152,7 +152,7 @@
                                     class="u-calendar__content__item__lunar"
                                     :style="{ color: activeColor }"
                                 >
-                                    {{ endText }}
+                                    {{ getEndText }}
                                 </view>
                                 <!-- 节日名称 -->
                                 <view
@@ -347,6 +347,11 @@ const btnDisable = computed(() => {
     return disable;
 });
 
+// 国际化计算属性
+const getStartText = computed(() => props.startText || t('uCalendar.startText'));
+const getEndText = computed(() => props.endText || t('uCalendar.endText'));
+const getToolTip = computed(() => props.toolTip || t('uCalendar.toolTip'));
+
 watch([dataChange, lunarChange], () => {
     init();
 });

package/components/u-input/types.ts

@@ -1,8 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { InputAlign, InputConfirmType, InputType, SizeType } from '../../types/global';
-import { useLocale } from '../../';
-
-const { t } = useLocale();
 
 /**
  * u-input 组件 props 类型定义
@@ -43,7 +40,7 @@ export const InputProps = {
     /** placeholder显示值(默认 '请输入内容') */
     placeholder: {
         type: String,
-        default: () => t('uInput.placeholder')
+        default: ''
     },
     /** 是否禁用输入框(默认false) */
     disabled: {

package/components/u-input/u-input.vue

@@ -21,7 +21,7 @@
             class="u-input__input u-input__textarea"
             :style="getStyle"
             :value="inputValue"
-            :placeholder="placeholder"
+            :placeholder="getPlaceholder"
             :placeholderStyle="getPlaceholderStyle"
             :disabled="disabled"
             :readonly="readonly"
@@ -47,7 +47,7 @@
             :style="getStyle"
             :value="inputValue"
             :password="type == 'password' && !showPassword"
-            :placeholder="placeholder"
+            :placeholder="getPlaceholder"
             :placeholderStyle="getPlaceholderStyle"
             :disabled="disabled || type === 'select'"
             :readonly="readonly"
@@ -126,13 +126,15 @@ export default {
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue';
-import { $u, useChildren } from '../..';
+import { $u, useChildren, useLocale } from '../..';
 import { InputProps } from './types';
 import type { SizeType } from '../../types/global';
 
 const props = defineProps(InputProps);
 const emit = defineEmits(['update:modelValue', 'input', 'blur', 'focus', 'confirm', 'click']);
 
+const { t } = useLocale();
+
 const { emitToParent } = useChildren('u-input', 'u-form-item');
 const { parentExposed } = useChildren('u-input', 'u-form');
 
@@ -262,6 +264,8 @@ const getCursorSpacing = computed(() => Number(props.cursorSpacing));
 const uSelectionStart = computed(() => String(props.selectionStart));
 // 光标结束位置
 const uSelectionEnd = computed(() => String(props.selectionEnd));
+// placeholder 国际化
+const getPlaceholder = computed(() => props.placeholder || t('uInput.placeholder'));
 
 /**
  * change 事件

package/components/u-keyboard/types.ts

@@ -1,7 +1,4 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { useLocale } from '../../';
-
-const { t } = useLocale();
 
 /**
  * u-keyboard 组件 Props 类型定义
@@ -35,9 +32,9 @@ export const KeyboardProps = {
     /** z-index值 */
     zIndex: { type: [Number, String] as PropType<string | number>, default: '' },
     /** 取消按钮的文字 */
-    cancelText: { type: String, default: () => t('uKeyboard.cancelText') },
+    cancelText: { type: String, default: '' },
     /** 确认按钮的文字 */
-    confirmText: { type: String, default: () => t('uKeyboard.confirmText') }
+    confirmText: { type: String, default: '' }
 };
 
 export type KeyboardProps = ExtractPropTypes<typeof KeyboardProps>;

package/components/u-keyboard/u-keyboard.vue

@@ -13,7 +13,7 @@
         <slot />
         <view class="u-tooltip" v-if="tooltip">
             <view class="u-tooltip-item u-tooltip-cancel" hover-class="u-tooltip-cancel-hover" @tap="onCancel">
-                {{ cancelBtn ? cancelText : '' }}
+                {{ cancelBtn ? getCancelText : '' }}
             </view>
             <view v-if="showTips" class="u-tooltip-item u-tooltip-tips">
                 {{
@@ -32,7 +32,7 @@
                 class="u-tooltip-item u-tooltips-submit"
                 hover-class="u-tooltips-submit-hover"
             >
-                {{ confirmBtn ? confirmText : '' }}
+                {{ confirmBtn ? getConfirmText : '' }}
             </view>
         </view>
         <block v-if="mode == 'number' || mode == 'card'">
@@ -99,6 +99,10 @@ const { t } = useLocale();
 
 const uZIndex = computed(() => (props.zIndex ? props.zIndex : $u.zIndex.popup));
 
+// 国际化计算属性
+const getCancelText = computed(() => props.cancelText || t('uKeyboard.cancelText'));
+const getConfirmText = computed(() => props.confirmText || t('uKeyboard.confirmText'));
+
 const popupValue = computed({
     get: () => props.modelValue,
     set: (val: boolean) => emit('update:modelValue', val)

package/components/u-link/types.ts

@@ -1,7 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { getColor, useLocale } from '../../';
-
-const { t } = useLocale();
+import { getColor } from '../../';
 
 /**
  * u-link 组件 props 类型定义
@@ -31,7 +29,7 @@ export const LinkProps = {
     /** 小程序中复制到粘贴板的提示语 */
     mpTips: {
         type: String,
-        default: () => t('uLink.mpTips')
+        default: ''
     },
     /** 下划线颜色 */
     lineColor: {

package/components/u-link/u-link.vue

@@ -27,8 +27,9 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { $u } from '../..';
+import { $u, useLocale } from '../..';
 import { LinkProps } from './types';
+import { computed } from 'vue';
 
 /**
  * link 超链接
@@ -45,6 +46,11 @@ import { LinkProps } from './types';
 const props = defineProps(LinkProps);
 const emit = defineEmits(['click']);
 
+const { t } = useLocale();
+
+// 国际化计算属性
+const getMpTips = computed(() => props.mpTips || t('uLink.mpTips'));
+
 /**
  * 打开链接方法
  * 不同平台有不同表现形式
@@ -70,8 +76,8 @@ function openLink() {
             data: props.href,
             success: () => {
                 uni.hideToast();
-                if (typeof $u !== 'undefined' && $u.toast && props.mpTips) {
-                    $u.toast(props.mpTips);
+                if (typeof $u !== 'undefined' && $u.toast) {
+                    $u.toast(getMpTips.value);
                 }
             }
         });

package/components/u-loadmore/types.ts

@@ -53,11 +53,7 @@ export const LoadmoreProps = {
     /** 显示的文字 */
     loadText: {
         type: Object as PropType<LoadmoreText>,
-        default: () => ({
-            loadmore: t('uLoadmore.loadmore'),
-            loading: t('uLoadmore.loading'),
-            nomore: t('uLoadmore.nomore')
-        })
+        default: () => ({})
     },
     /** 在“没有更多”状态下，是否显示粗点 */
     isDot: {

package/components/u-loadmore/u-loadmore.vue

@@ -51,7 +51,7 @@ export default {
 
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import { $u } from '../..';
+import { $u, useLocale } from '../..';
 import { LoadmoreProps } from './types';
 
 /**
@@ -73,6 +73,7 @@ import { LoadmoreProps } from './types';
  */
 const props = defineProps(LoadmoreProps);
 const emits = defineEmits(['loadmore']);
+const { t } = useLocale();
 
 // 粗点
 const dotText = ref('●');
@@ -105,10 +106,18 @@ const flowerStyle = computed(() => {
 // 显示的提示文字
 const showText = computed(() => {
     let text = '';
-    if (props.status === 'loadmore') text = props.loadText.loadmore;
-    else if (props.status === 'loading') text = props.loadText.loading;
+    // 获取国际化默认值
+    const defaultLoadText = {
+        loadmore: t('uLoadmore.loadmore'),
+        loading: t('uLoadmore.loading'),
+        nomore: t('uLoadmore.nomore')
+    };
+    // 合并用户传入的值和默认值
+    const loadText = { ...defaultLoadText, ...props.loadText };
+    if (props.status === 'loadmore') text = loadText.loadmore;
+    else if (props.status === 'loading') text = loadText.loading;
     else if (props.status === 'nomore' && props.isDot) text = dotText.value;
-    else text = props.loadText.nomore;
+    else text = loadText.nomore;
     return text;
 });
 

package/components/u-modal/types.ts

@@ -1,7 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { getColor, useLocale } from '../../';
-
-const { t } = useLocale();
+import { getColor } from '../../';
 
 /**
  * u-modal 组件 props 类型定义
@@ -31,7 +29,7 @@ export const ModalProps = {
     /** 标题 */
     title: {
         type: String,
-        default: () => t('uModal.title')
+        default: ''
     },
     /** 弹窗宽度 */
     width: {
@@ -61,12 +59,12 @@ export const ModalProps = {
     /** 确认文案 */
     confirmText: {
         type: String,
-        default: () => t('uModal.confirmText')
+        default: ''
     },
     /** 取消文案 */
     cancelText: {
         type: String,
-        default: () => t('uModal.cancelText')
+        default: ''
     },
     /** 确认按钮颜色 */
     confirmColor: {

package/components/u-modal/u-modal.vue

@@ -81,7 +81,7 @@ export default {
 <script setup lang="ts">
 import { ref, computed, watch, useSlots, onMounted, onBeforeUnmount } from 'vue';
 import { onPageHide, onPageShow } from '@dcloudio/uni-app';
-import { $u } from '../..';
+import { $u, useLocale } from '../..';
 import { ModalProps } from './types';
 import {
     U_MODAL_EVENT_CLEAR_LOADING,
@@ -127,6 +127,9 @@ import {
 const props = defineProps(ModalProps);
 const emit = defineEmits(['update:modelValue', 'confirm', 'cancel']);
 const slots = useSlots();
+
+const { t } = useLocale();
+
 // 是否已经初始化事件监听
 const isInit = ref(false);
 // 确认按钮是否正在加载中
@@ -191,6 +194,11 @@ const tempConfig = ref<Partial<ModalPayload>>({});
 // 函数式调用时的内部显示状态（用于 global 模式）
 const internalShow = ref(false);
 
+// 国际化计算属性
+const getTitle = computed(() => props.title || t('uModal.title'));
+const getConfirmText = computed(() => props.confirmText || t('uModal.confirmText'));
+const getCancelText = computed(() => props.cancelText || t('uModal.cancelText'));
+
 // 有效的配置（函数式调用时合并 tempConfig 和 props，v-model 时使用 props）
 const effectiveConfig = computed(() => {
     // 如果有临时配置（函数式调用），合并用户配置与 props 默认值
@@ -201,10 +209,19 @@ const effectiveConfig = computed(() => {
             result[key] = (tempConfig.value as Record<string, any>)[key] ?? (props as Record<string, any>)[key];
         }
         result.zIndex = tempConfig.value.zIndex ?? props.zIndex ?? $u.zIndex.popup;
+        // 处理国际化字段
+        result.title = result.title || t('uModal.title');
+        result.confirmText = result.confirmText || t('uModal.confirmText');
+        result.cancelText = result.cancelText || t('uModal.cancelText');
         return result;
     }
-    // v-model 直接控制时使用 props
-    return props;
+    // v-model 直接控制时使用 props，但处理国际化
+    return {
+        ...props,
+        title: getTitle.value,
+        confirmText: getConfirmText.value,
+        cancelText: getCancelText.value
+    };
 });
 // 取消按钮样式
 const cancelBtnStyle = computed(() => {

package/components/u-no-network/types.ts

@@ -1,8 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import zIndex from '../../libs/config/zIndex';
-import { useLocale } from '../../';
-
-const { t } = useLocale();
 
 /**
  * u-no-network 组件 props 类型定义
@@ -12,7 +9,7 @@ export const NoNetworkProps = {
     /** 页面文字提示 */
     tips: {
         type: String,
-        default: () => t('uNoNetwork.tips')
+        default: ''
     },
     /** 一个z-index值，用于设置没有网络这个组件的层次 */
     zIndex: {

package/components/u-no-network/u-no-network.vue

@@ -3,7 +3,7 @@
         <view class="u-inner">
             <image class="u-error-icon" :src="image" mode="widthFix"></image>
             <view class="u-tips">
-                {{ tips }}
+                {{ getTips }}
             </view>
             <!-- 只有APP平台，才能跳转设置页，因为需要调用plus环境 -->
             <!-- #ifdef APP-PLUS -->
@@ -55,6 +55,9 @@ const props = defineProps(NoNetworkProps);
 
 const { t } = useLocale();
 
+// 国际化计算属性
+const getTips = computed(() => props.tips || t('uNoNetwork.tips'));
+
 const isConnected = ref(true); // 是否有网络连接
 const networkType = ref<string>('none'); // 网络类型
 const isIOS = ref(false); // 是否iOS平台

package/components/u-pagination/types.ts

@@ -1,9 +1,6 @@
 import type { PaginationChangePayload } from '../../types/global';
-import { useLocale } from '../../';
 import type { PropType } from 'vue';
 
-const { t } = useLocale();
-
 /**
  * pagination 分页类型定义
  * @description 供 u-pagination 组件 props 使用
@@ -21,9 +18,9 @@ export const PaginationProps = {
         default: ''
     },
     /** 左侧按钮文字 */
-    prevText: { type: String, default: () => t('uPagination.prevText') },
+    prevText: { type: String, default: '' },
     /** 右侧按钮文字 */
-    nextText: { type: String, default: () => t('uPagination.nextText') },
+    nextText: { type: String, default: '' },
     /** 总条目数 */
     total: Number,
     /** 每页数据量 */

package/components/u-pagination/u-pagination.vue

@@ -10,7 +10,7 @@
             @click="handleChange('prev')"
         >
             <u-icon v-if="showIcon" :name="prevIcon"></u-icon>
-            <text v-else>{{ prevText }}</text>
+            <text v-else>{{ getPrevText }}</text>
         </u-button>
         <view class="u-pagination-text">
             <slot>
@@ -29,7 +29,7 @@
             @click="handleChange('next')"
         >
             <u-icon v-if="showIcon" :name="nextIcon"></u-icon>
-            <text v-else>{{ nextText }}</text>
+            <text v-else>{{ getNextText }}</text>
         </u-button>
     </view>
 </template>
@@ -51,7 +51,9 @@ export default {
 import { computed } from 'vue';
 import { type PaginationEmits, PaginationProps } from './types';
 import type { PaginationDirection } from '../../types/global';
-import { $u } from '../../';
+import { $u, useLocale } from '../../';
+
+const { t } = useLocale();
 
 const props = defineProps(PaginationProps);
 const emit = defineEmits<PaginationEmits>();
@@ -64,6 +66,10 @@ const totalPages = computed(() => {
     return Math.ceil((props.total || 0) / size);
 });
 
+// 国际化计算属性
+const getPrevText = computed(() => props.prevText || t('uPagination.prevText'));
+const getNextText = computed(() => props.nextText || t('uPagination.nextText'));
+
 // 切换分页
 function handleChange(type: PaginationDirection) {
     // 先计算新值，确保获取到的是更新后的值

package/components/u-picker/types.ts

@@ -1,10 +1,8 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { PickerMode, PickerParams } from '../../types/global';
-import { getColor, useLocale } from '../../';
+import { getColor } from '../../';
 import zIndex from '../../libs/config/zIndex';
 
-const { t } = useLocale();
-
 const defaultParams: PickerParams = {
     year: true,
     month: true,
@@ -130,12 +128,12 @@ export const PickerProps = {
     /** 取消按钮的文字 */
     cancelText: {
         type: String,
-        default: () => t('uPicker.cancelText')
+        default: ''
     },
     /** 确认按钮的文字 */
     confirmText: {
         type: String,
-        default: () => t('uPicker.confirmText')
+        default: ''
     }
 };
 

package/components/u-picker/u-picker.vue

@@ -19,7 +19,7 @@
                     :hover-stay-time="150"
                     @tap="getResult('cancel')"
                 >
-                    {{ cancelText }}
+                    {{ getCancelText }}
                 </view>
                 <view class="u-picker__title u-line-1">
                     <slot name="title">
@@ -34,7 +34,7 @@
                     @touchmove.stop=""
                     @tap.stop="getResult('confirm')"
                 >
-                    {{ confirmText }}
+                    {{ getConfirmText }}
                 </view>
             </view>
             <view class="u-picker-body">
@@ -169,7 +169,7 @@ import provinces from '../../libs/util/province';
 import citys from '../../libs/util/city';
 import areas from '../../libs/util/area';
 import { PickerProps } from './types';
-import { $u } from '../..';
+import { $u, useLocale } from '../..';
 
 /**
  * picker picker弹出选择器
@@ -206,6 +206,12 @@ const popupValue = computed({
 
 const emit = defineEmits(['update:modelValue', 'confirm', 'cancel', 'columnchange']);
 
+const { t } = useLocale();
+
+// 国际化计算属性
+const getCancelText = computed(() => props.cancelText || t('uPicker.cancelText'));
+const getConfirmText = computed(() => props.confirmText || t('uPicker.confirmText'));
+
 // 主要数据
 const years = ref<number[]>([]);
 const months = ref<number[]>([]);