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)