i18n 国际化
ReCloud UI 提供全局上下文注入与按组件提取的轻量国际化机制。支持开箱即用的简体中文(zh-CN)与英文(en-US),无需引入沉重外部框架,也可与 vue-i18n 深度打通。
动态切换语言与组件即时生效
当前语言:
Pagination 分页导航
EmptyState 缺省状态
暂无数据
请调整筛选条件或稍后重试
DataTable 分页与空态
| 服务 | 状态 |
|---|
暂无数据
第 1 / 1 页,共 0 条
FileUpload 上传拖拽与提示
选择文件 或拖放到这里
支持 .png,.jpg · 单个文件最大 5.0 MB
DatePicker 日期选择
Combobox 组合下拉框
使用方式
app.vuets
// 1. 在根组件或插件中注入语言包
import { provideLocale, zhCN, enUS } from '@recloudstudio/ui'
// 提供默认语言
const { locale, setLocale } = provideLocale('zh-CN')
// 动态切换语言
setLocale('en-US')
// 支持部分文案深度覆盖
setLocale('zh-CN', {
pagination: {
prev: '前一页',
next: '后一页'
}
})
// 2. 组件内部如果需要消费当前国际化消息:
import { useComponentLocale } from '@recloudstudio/ui'
const loc = useComponentLocale('pagination')
console.log(loc.value.prev)