国际化
Uniboot UI 组件默认使用英文。若需使用其他语言,请继续阅读。
全局配置
Uniboot UI 提供全局配置项。
ts
import UnibootUI from 'uniboot-ui'
import zhCn from 'uniboot-ui/es/locale/lang/zh-cn'
app.use(UnibootUI, {
locale: zhCn,
})ConfigProvider
也可以使用 Vue 组件 ConfigProvider 全局配置语言等。
vue
<template>
<u-config-provider :locale="zhCn">
<app />
</u-config-provider>
</template>
<script setup lang="ts">
import { UConfigProvider } from 'uniboot-ui'
import zhCn from 'uniboot-ui/es/locale/lang/zh-cn'
</script>日期与时间本地化
DatePicker 等组件使用 Day.js 管理日期时间。需要单独引入 Day.js 的语言包,国际化才能正常工作。
ts
import 'dayjs/locale/zh-cn'CDN 用法
通过 CDN 使用 Uniboot UI 时,需要额外配置。下面以 unpkg 为例:
html
<script src="//unpkg.com/uniboot-ui/dist/locale/zh-cn"></script>
<script>
app.use(UnibootUI, {
locale: UnibootUILocaleZhCn,
})
</script>完整说明见:ConfigProvider
- Simplified Chinese (zh-cn)
- American English (en)
- Azerbaijani (az)
- German (de)
- Portuguese (pt)
- Spanish (es)
- Danish (da)
- French (fr)
- Norwegian (nb-NO)
- Traditional Chinese (zh-tw)
- Italian (it)
- Korean (ko)
- Japanese (ja)
- Dutch (nl)
- Vietnamese (vi)
- Russian (ru)
- Turkish (tr)
- Brazilian Portuguese (pt-br)
- Farsi (fa)
- Thai (th)
- Indonesian (id)
- Bulgarian (bg)
- Pashto (pa)
- Polish (pl)
- Finnish (fi)
- Swedish (sv)
- Greek (el)
- Slovak (sk)
- Catalunya (ca)
- Czech (cs)
- Ukrainian (uk)
- Turkmen (tk)
- Tamil (ta)
- Latvian (lv)
- Afrikaans (af)
- Estonian (et)
- Slovenian (sl)
- Arabic (ar)
- Hebrew (he)
- Lao (lo)
- Lithuanian (lt)
- Mongolian (mn)
- Kazakh (kk)
- Hungarian (hu)
- Romanian (ro)
- Kurdish (ku)
- Kurdish (ckb)
- Uighur (ug-cn)
- Khmer (km)
- Serbian (sr)
- Basque (eu)
- Kyrgyz (ky)
- Armenian (hy-am)
- Croatian (hr)
- Esperanto (eo)
- Bengali (bn)
- Malay (ms)
- Madagascar (mg)
- Swahili (sw)
- Uzbek (uz-uz)
- Egyptian Arabic (ar-eg)
- Burmese (my)
- Hindi (hi)
- Norsk (no)
- Hongkong Chinese (zh-hk)
- Macau Chinese (zh-mo)
- Telugu (te)
若需要其他语言,只需在 此处 增加语言文件即可。