uview-pro 0.4.13 → 0.5.0

package/changelog.md

@@ -1,23 +1,47 @@
-## 0.4.13（2026-01-06）
+## 0.5.0（2026-01-14）
 
 ### ✨ Features | 新功能
 
-- **theme:** 主题初始化时支持默认主题设置 ([f2b61f6](https://github.com/anyup/uView-Pro/commit/f2b61f6caa1c285753b2e02f97309aa55bb77cca))
-- **theme:** 增强主题系统初始化配置，支持在初始化时设置默认主题和暗黑模式 ([d228d10](https://github.com/anyup/uView-Pro/commit/d228d100baf619799b1dc1c8e289e1e8c9a30699))
-
-### 🐛 Bug Fixes | Bug 修复
-
-- **u-number-box:** 修复 u-number-box 步进器 disabled 时字体不显示问题 ([75b3a74](https://github.com/anyup/uView-Pro/commit/75b3a74e6e763dec1a1ee0d3b4d0a62d646ee389))
-- **u-textarea:** 修复u-textarea组件设置props.border='none'无效的问题 ([c5a97ba](https://github.com/anyup/uView-Pro/commit/c5a97ba4c00d226c8c0fd9605660d2654dec9dc2))
-
-### ♻️ Code Refactoring | 代码重构
-
-- **theme:** 调整u-bg-gray-light默认色值，优化演示示例 ([37d6bda](https://github.com/anyup/uView-Pro/commit/37d6bda939f5d7c54aec09960878f236dfa32bb2))
+- **locale:** 添加组件国际化支持和 use locale hooks ([ff96211](https://github.com/anyup/uView-Pro/commit/ff96211423d27bde350a2ea4b9f1d5a5eb72d604))
+- **locale:** 添加中、英文国际化语言字段支持 ([257eb41](https://github.com/anyup/uView-Pro/commit/257eb4143ac39cab4940ab76844d0c3be02b198c))
+- **locale:** 所有组件实现组件国际化显示替换 ([ef52ff7](https://github.com/anyup/uView-Pro/commit/ef52ff7669c8cb7389377b8bdd4da681dddbb0a6))
+- **locale:** 跟随vue-i18n国际化语言切换功能 ([cccecb0](https://github.com/anyup/uView-Pro/commit/cccecb03763990689e6e66d856cf3588157a61b6))
+- **fullScreen:** 优化fullscreen页面配置和实现，支持国际化 ([8518218](https://github.com/anyup/uView-Pro/commit/85182186848fa6443ed74de9af1e3f5cd15fa724))
+- **locale:** 新增locale国际化和vue-i18n切换示例页面 ([da79723](https://github.com/anyup/uView-Pro/commit/da797230005ff130ea66c315921e4d8d9fa613c1))
+- **demo-page:** 添加支付宝小程序navbar兼容性处理 ([75284a4](https://github.com/anyup/uView-Pro/commit/75284a403b9eb7dee9625279ca5cadd14bba3a63))
+- **u-skeleton:** 重构u-skeleton骨架屏组件实现全新设计 ([c39405d](https://github.com/anyup/uView-Pro/commit/c39405dfd8c4e1fe06fd842efde79ebf6706b0d1))
+- **u-tabbar:** 重构u-tabbar组件内部结构，增加图标文字间距配置 ([e5655da](https://github.com/anyup/uView-Pro/commit/e5655da55c515a8288b12e37084dfec093da542b))
+- **mp-weixin:** 添加小程序全局分享功能 ([e4f8bf5](https://github.com/anyup/uView-Pro/commit/e4f8bf5baae237e8dc443de7c90cd751ef045101))
+- **useLocale:** uselocale hooks 支持命名空间功能 ([4d6e8f2](https://github.com/anyup/uView-Pro/commit/4d6e8f26976725cfdf862bd21af3648b864fdc29))
+- **u-tabbar:** 优化u-tabbar文本样式渲染优先级 ([7d73861](https://github.com/anyup/uView-Pro/commit/7d73861b4cbe1266bc4cbfff31b45a57d9ed960f))
+- **locale:** 初始化多语言时添加 isForce 参数支持强制设置默认语言 ([3309017](https://github.com/anyup/uView-Pro/commit/3309017e6fea3bc00f10efcec9f3ec3f83de9a88))
+- **demo:** 优化国际化配置示例并添加多语言支持 ([177b978](https://github.com/anyup/uView-Pro/commit/177b97869f14023daf4bca632093076716b616d6))
+- **theme:** 主题配置支持强制初始化功能 ([95c895d](https://github.com/anyup/uView-Pro/commit/95c895d0cfb1df37aa6285b88a2247f83add7361))
 
 ### 👥 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.4.13（2026-01-06）
+
+### ✨ Features | 新功能
+
+- **theme:** 主题初始化时支持默认主题设置 ([f2b61f6](https://github.com/anyup/uView-Pro/commit/f2b61f6caa1c285753b2e02f97309aa55bb77cca))
+- **theme:** 增强主题系统初始化配置，支持在初始化时设置默认主题和暗黑模式 ([d228d10](https://github.com/anyup/uView-Pro/commit/d228d100baf619799b1dc1c8e289e1e8c9a30699))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-number-box:** 修复 u-number-box 步进器 disabled 时字体不显示问题 ([75b3a74](https://github.com/anyup/uView-Pro/commit/75b3a74e6e763dec1a1ee0d3b4d0a62d646ee389))
+- **u-textarea:** 修复u-textarea组件设置props.border='none'无效的问题 ([c5a97ba](https://github.com/anyup/uView-Pro/commit/c5a97ba4c00d226c8c0fd9605660d2654dec9dc2))
+
+### ♻️ Code Refactoring | 代码重构
+
+- **theme:** 调整u-bg-gray-light默认色值，优化演示示例 ([37d6bda](https://github.com/anyup/uView-Pro/commit/37d6bda939f5d7c54aec09960878f236dfa32bb2))
+
+### 👥 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.4.12（2026-01-04）
 
 ### ♻️ Code Refactoring | 代码重构

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

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

package/components/u-avatar-cropper/u-avatar-cropper.vue

@@ -27,12 +27,12 @@
         </view>
         <view class="cropper-buttons safe-area-padding" :style="{ height: bottomNavHeight + 'px' }">
             <!-- #ifdef H5 -->
-            <view class="upload" @tap="uploadTap">选择图片</view>
+            <view class="upload" @tap="uploadTap">{{ t('avatarCropper.select') }}</view>
             <!-- #endif -->
             <!-- #ifndef H5 -->
-            <view class="upload" @tap="uploadTap">重新选择</view>
+            <view class="upload" @tap="uploadTap">{{ t('avatarCropper.reselect') }}</view>
             <!-- #endif -->
-            <view class="getCropperImage" @tap="() => getCropperImage(false)">确定</view>
+            <view class="getCropperImage" @tap="() => getCropperImage(false)">{{ t('avatarCropper.confirm') }}</view>
         </view>
     </view>
 </template>
@@ -53,7 +53,7 @@ export default {
 <script setup lang="ts">
 // @ts-nocheck
 import { ref, reactive, onMounted } from 'vue';
-import { $u } from '../..';
+import { $u, useLocale } from '../..';
 // 兼容 UMD/ESM 导入 weCropper.js
 import WeCropper from './weCropper';
 import { AvatarCropperProps } from './types';
@@ -64,6 +64,8 @@ import { AvatarCropperProps } from './types';
  */
 const props = defineProps(AvatarCropperProps);
 
+const { t } = useLocale();
+
 /**
  * 组合式API变量声明
  * 保留所有说明注释
@@ -190,7 +192,7 @@ function touchEnd(e: any) {
  * @param isPre 是否预览
  */
 function getCropperImage(isPre = false) {
-    if (!src.value) return $u.toast('请先选择图片再裁剪');
+    if (!src.value) return $u.toast(t('avatarCropper.noSelect'));
 
     const cropper_opt = {
         destHeight: Number(destWidth.value), // uni.canvasToTempFilePath要求这些参数为数值
@@ -200,7 +202,7 @@ function getCropperImage(isPre = false) {
     cropper.getCropperImage(cropper_opt, (path: string, err: any) => {
         if (err) {
             uni.showModal({
-                title: '温馨提示',
+                title: t('avatarCropper.modalTitle'),
                 content: err.message
             });
         } else {

package/components/u-badge/types.ts

@@ -28,7 +28,7 @@ export const BadgeProps = {
     /** 字体大小 */
     fontSize: { type: [String, Number], default: '24' },
     /** 字体颜色 */
-    color: { type: String, default: '#ffffff' },
+    color: { type: String, default: 'var(--u-white-color)' },
     /** badge的背景颜色 */
     bgColor: { type: String, default: '' },
     /** 是否让badge组件的中心点和父组件右上角重合，配置的话，offset将会失效 */

package/components/u-calendar/types.ts

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

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

@@ -223,10 +223,12 @@
             <view class="u-calendar__bottom">
                 <view class="u-calendar__bottom__choose">
                     <text>{{ mode == 'date' ? activeDate : startDate }}</text>
-                    <text v-if="endDate">至{{ endDate }}</text>
+                    <text v-if="endDate">{{ t('calendar.to') }}{{ endDate }}</text>
                 </view>
                 <view class="u-calendar__bottom__btn">
-                    <u-button :type="btnType" shape="circle" size="default" @click="btnFix(false)">确定</u-button>
+                    <u-button :type="btnType" shape="circle" size="default" @click="btnFix(false)">
+                        {{ t('calendar.confirmText') }}
+                    </u-button>
                 </view>
             </view>
         </view>
@@ -248,7 +250,7 @@ export default {
 
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, useSlots } from 'vue';
-import { $u } from '../..';
+import { $u, useLocale } from '../..';
 import { CalendarProps, type CalendarEmits } from './types';
 import Calendar from '../../libs/util/calendar';
 
@@ -287,6 +289,8 @@ const props = defineProps(CalendarProps);
 const emit = defineEmits<CalendarEmits>();
 const slots = useSlots();
 
+const { t } = useLocale();
+
 // 组件内部状态
 // 星期几,值为1-7
 const weekday = ref(1);
@@ -312,7 +316,15 @@ const endDate = ref('');
 const isStart = ref(true);
 const min = ref<{ year: number; month: number; day: number } | null>(null);
 const max = ref<{ year: number; month: number; day: number } | null>(null);
-const weekDayZh = ref(['日', '一', '二', '三', '四', '五', '六']);
+const weekDayZh = ref([
+    t('calendar.sun'),
+    t('calendar.mon'),
+    t('calendar.tue'),
+    t('calendar.wed'),
+    t('calendar.thu'),
+    t('calendar.fri'),
+    t('calendar.sat')
+]);
 
 const dataChange = computed(() => `${props.mode}-${props.minDate}-${props.maxDate}`);
 const lunarChange = computed(() => props.showLunar);
@@ -443,7 +455,7 @@ function getWeekday(yearNum: number, monthNum: number) {
 function checkRange(yearNum: number) {
     let overstep = false;
     if (yearNum < Number(props.minYear) || yearNum > Number(props.maxYear)) {
-        uni.showToast({ title: '日期超出范围啦~', icon: 'none' });
+        uni.showToast({ title: t('calendar.outOfRange'), icon: 'none' });
         overstep = true;
     }
     return overstep;
@@ -491,7 +503,7 @@ function changeData() {
     daysArr.value = generateArray(1, days.value);
     weekday.value = getWeekday(year.value, month.value);
     weekdayArr.value = generateArray(1, weekday.value);
-    showTitle.value = `${year.value}年${month.value}月`;
+    showTitle.value = `${year.value}${t('calendar.year')}${month.value}${t('calendar.month')}`;
     if (props.showLunar) {
         lunarArr.value = [];
         daysArr.value.forEach(d => {

package/components/u-config-provider/types.ts

@@ -28,6 +28,17 @@ export const ConfigProviderProps = {
     themes: {
         type: Array as PropType<Theme[]>,
         default: () => configProvider.getThemes()
+    },
+    /**
+     * 国际化配置：传入 locale 列表（数组）并可指定默认语言 currentLocale
+     */
+    locales: {
+        type: Array as PropType<any[]>,
+        default: () => []
+    },
+    currentLocale: {
+        type: String,
+        default: () => configProvider.getCurrentLocale()?.name ?? ''
     }
 };
 

package/components/u-config-provider/u-config-provider.vue

@@ -36,6 +36,7 @@ import { computed, watch, onMounted } from 'vue';
 import { ConfigProviderProps } from './types';
 import { $u, configProvider } from '../../libs';
 import { useTheme } from '../../libs/hooks/useTheme';
+import { useLocale } from '../../libs/hooks/useLocale';
 
 const props = defineProps(ConfigProviderProps);
 
@@ -78,9 +79,31 @@ const bootstrapTheme = () => {
     }
 };
 
+const bootstrapLocale = () => {
+    // 初始化国际化
+    try {
+        const { initLocales, setLocale, getLocales } = useLocale();
+        const existingLocales = getLocales();
+        if (existingLocales.length > 0) {
+            if (props.currentLocale) {
+                setLocale(props.currentLocale as string);
+            }
+        } else {
+            if (props.locales && props.locales.length) {
+                initLocales(props.locales, props.currentLocale as any);
+            } else {
+                initLocales(undefined, props.currentLocale as any);
+            }
+        }
+    } catch (e) {
+        console.warn('[u-config-provider] init locales failed', e);
+    }
+};
+
 // 当传入自定义 themes 时，初始化全局 configProvider（覆盖已有）
 onMounted(() => {
     bootstrapTheme();
+    bootstrapLocale();
 });
 
 // 监听外部 props 变化（如果上层修改 prop）
@@ -116,6 +139,28 @@ watch(
     }
 );
 
+// 监听 locales prop 变化
+watch(
+    () => props.locales,
+    val => {
+        if (val && val.length) {
+            const { initLocales } = useLocale();
+            initLocales(val, props.currentLocale as any);
+        }
+    },
+    { deep: true }
+);
+
+watch(
+    () => props.currentLocale,
+    val => {
+        if (val) {
+            const { setLocale } = useLocale();
+            setLocale(val);
+        }
+    }
+);
+
 // 监听全局主题变更并触发事件
 watch(
     () => configProvider.currentThemeRef.value,

package/components/u-count-down/u-count-down.vue

@@ -18,7 +18,7 @@
             }"
             v-if="props.showDays && (props.hideZeroDay || (!props.hideZeroDay && d != '00'))"
         >
-            {{ props.separator == 'colon' && props.showHours ? ':' : '天' }}
+            {{ props.separator == 'colon' && props.showHours ? ':' : t('countDown.day') }}
         </view>
         <view class="u-countdown-item" :style="$u.toStyle(itemStyle)" v-if="props.showHours">
             <view class="u-countdown-time" :style="{ fontSize: props.fontSize + 'rpx', color: props.color }">
@@ -34,7 +34,7 @@
             }"
             v-if="props.showHours"
         >
-            {{ props.separator == 'colon' && props.showMinutes ? ':' : '时' }}
+            {{ props.separator == 'colon' && props.showMinutes ? ':' : t('countDown.hour') }}
         </view>
         <view class="u-countdown-item" :style="$u.toStyle(itemStyle)" v-if="props.showMinutes">
             <view class="u-countdown-time" :style="{ fontSize: props.fontSize + 'rpx', color: props.color }">
@@ -50,7 +50,7 @@
             }"
             v-if="props.showMinutes"
         >
-            {{ props.separator == 'colon' && props.showSeconds ? ':' : '分' }}
+            {{ props.separator == 'colon' && props.showSeconds ? ':' : t('countDown.minute') }}
         </view>
         <view class="u-countdown-item" :style="$u.toStyle(itemStyle)" v-if="props.showSeconds">
             <view class="u-countdown-time" :style="{ fontSize: props.fontSize + 'rpx', color: props.color }">
@@ -62,7 +62,7 @@
             :style="{ fontSize: props.separatorSize + 'rpx', color: props.separatorColor, paddingBottom: 0 }"
             v-if="props.showSeconds && props.separator == 'zh'"
         >
-            秒
+            {{ t('countDown.second') }}
         </view>
     </view>
 </template>
@@ -83,7 +83,9 @@ export default {
 <script setup lang="ts">
 import { ref, computed, watch, onMounted } from 'vue';
 import { CountDownProps } from './types';
-import { $u } from '../../';
+import { $u, useLocale } from '../../';
+
+const { t } = useLocale();
 
 /**
  * countDown 倒计时

package/components/u-empty/u-empty.vue

@@ -37,7 +37,10 @@ export default {
 
 <script setup lang="ts">
 import { EmptyProps } from './types';
-import { $u } from '../../';
+import { $u, useLocale } from '../../';
+import { computed } from 'vue';
+
+const { t } = useLocale();
 
 /**
  * empty 内容为空
@@ -61,22 +64,24 @@ const props = defineProps(EmptyProps);
 /**
  * 预置图标对应的提示文字
  */
-const icons: Record<string, string> = {
-    car: '购物车为空',
-    page: '页面不存在',
-    search: '没有搜索结果',
-    address: '没有收货地址',
-    wifi: '没有WiFi',
-    order: '订单为空',
-    coupon: '没有优惠券',
-    favor: '暂无收藏',
-    permission: '无权限',
-    history: '无历史记录',
-    news: '无新闻列表',
-    message: '消息列表为空',
-    list: '列表为空',
-    data: '数据为空'
-};
+const icons = computed(() => {
+    return {
+        car: t('empty.car'),
+        page: t('empty.page'),
+        search: t('empty.search'),
+        address: t('empty.address'),
+        wifi: t('empty.wifi'),
+        order: t('empty.order'),
+        coupon: t('empty.coupon'),
+        favor: t('empty.favor'),
+        permission: t('empty.permission'),
+        history: t('empty.history'),
+        news: t('empty.news'),
+        message: t('empty.message'),
+        list: t('empty.list'),
+        data: t('empty.data')
+    };
+});
 </script>
 
 <style scoped lang="scss">

package/components/u-full-screen/types.ts

@@ -9,6 +9,8 @@ export const FullScreenProps = {
     ...baseProps,
     /** 是否显示弹窗 */
     show: { type: Boolean, default: false },
+    /** 弹窗标题 */
+    title: { type: String, default: '' },
     /** 升级内容，支持富文本 */
     content: { type: String, default: '' }
 };

package/components/u-full-screen/u-full-screen.vue

@@ -4,8 +4,8 @@
         :class="customClass"
         :style="$u.toStyle(customStyle)"
         :show-cancel-button="true"
-        confirm-text="升级"
-        title="发现新版本"
+        :confirm-text="t('fullScreen.upgrade')"
+        :title="title || t('fullScreen.title')"
         @cancel="cancel"
         @confirm="confirm"
     >
@@ -31,7 +31,7 @@ export default {
 <script setup lang="ts">
 import { FullScreenProps } from './types';
 import { ref, onMounted } from 'vue';
-import { $u } from '../../';
+import { $u, useLocale } from '../../';
 
 /**
  * 压窗屏升级弹窗组件
@@ -48,12 +48,8 @@ const show = ref(false);
 /**
  * 升级内容，支持富文本
  */
-const content = ref<string>(`
-  1. 修复badge组件的size参数无效问题<br>
-  2. 新增Modal模态框组件<br>
-  3. 新增压窗屏组件，可以在APP上以弹窗的形式遮盖导航栏和底部tabbar<br>
-  4. 修复键盘组件在微信小程序上遮罩无效的问题
-`);
+
+const { t } = useLocale();
 
 /**
  * 页面加载完成后自动显示弹窗

package/components/u-input/types.ts

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

package/components/u-keyboard/types.ts

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

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

@@ -16,7 +16,15 @@
                 {{ cancelBtn ? cancelText : '' }}
             </view>
             <view v-if="showTips" class="u-tooltip-item u-tooltip-tips">
-                {{ tips ? tips : mode == 'number' ? '数字键盘' : mode == 'card' ? '身份证键盘' : '车牌号键盘' }}
+                {{
+                    tips
+                        ? tips
+                        : mode == 'number'
+                          ? t('keyboard.number')
+                          : mode == 'card'
+                            ? t('keyboard.idCard')
+                            : t('keyboard.plate')
+                }}
             </view>
             <view
                 v-if="confirmBtn"
@@ -58,7 +66,7 @@ export default {
 <script setup lang="ts">
 import { KeyboardProps } from './types';
 import { computed } from 'vue';
-import { $u } from '../..';
+import { $u, useLocale } from '../..';
 
 /**
  * keyboard 键盘
@@ -87,6 +95,8 @@ import { $u } from '../..';
 const props = defineProps(KeyboardProps);
 const emit = defineEmits(['change', 'update:modelValue', 'confirm', 'cancel', 'backspace']);
 
+const { t } = useLocale();
+
 const uZIndex = computed(() => (props.zIndex ? props.zIndex : $u.zIndex.popup));
 
 const popupValue = computed({
@@ -147,12 +157,17 @@ function backspace() {
 
 .u-tooltip-item {
     color: var(--u-main-color);
-    flex: 0 0 33.333333%;
+    flex: 0 0 30%;
     text-align: center;
     padding: 20rpx 10rpx;
     font-size: 28rpx;
 }
 
+.u-tooltip-tips {
+    flex-basis: 40%;
+    word-break: break-all;
+}
+
 .u-tooltips-submit {
     text-align: right;
     flex-grow: 1;

package/components/u-link/types.ts

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

package/components/u-loadmore/types.ts

@@ -1,5 +1,8 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { LoadmoreIconType, LoadmoreStatus, LoadmoreText } from '../../types/global';
+import { useLocale } from '../../';
+
+const { t } = useLocale();
 
 /**
  * u-loadmore 组件 props 类型定义
@@ -41,9 +44,9 @@ export const LoadmoreProps = {
     loadText: {
         type: Object as PropType<LoadmoreText>,
         default: () => ({
-            loadmore: '加载更多',
-            loading: '正在加载...',
-            nomore: '没有更多了'
+            loadmore: t('loadmore.loadmore'),
+            loading: t('loadmore.loading'),
+            nomore: t('loadmore.nomore')
         })
     },
     /** 在“没有更多”状态下，是否显示粗点 */

package/components/u-modal/types.ts

@@ -1,7 +1,9 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { getColor } from '../../';
+import { getColor, useLocale } from '../../';
 import { baseProps } from '../common/props';
 
+const { t } = useLocale();
+
 /**
  * u-modal 组件 props 类型定义
  * @description 弹窗模态框，支持多种样式和交互
@@ -21,7 +23,7 @@ export const ModalProps = {
     /** 标题 */
     title: {
         type: String,
-        default: '提示'
+        default: () => t('modal.title')
     },
     /** 弹窗宽度 */
     width: {
@@ -31,7 +33,7 @@ export const ModalProps = {
     /** 弹窗内容 */
     content: {
         type: String,
-        default: '内容'
+        default: () => t('modal.content')
     },
     /** 是否显示标题 */
     showTitle: {
@@ -51,12 +53,12 @@ export const ModalProps = {
     /** 确认文案 */
     confirmText: {
         type: String,
-        default: '确认'
+        default: () => t('modal.confirmText')
     },
     /** 取消文案 */
     cancelText: {
         type: String,
-        default: '取消'
+        default: () => t('modal.cancelText')
     },
     /** 确认按钮颜色 */
     confirmColor: {