国际化

Uniboot UI 组件默认使用英文。若需使用其他语言,请继续阅读。

全局配置

Uniboot UI 提供全局配置项。

main.ts
ts
import UnibootUI from 'uniboot-ui'
import zhCn from 'uniboot-ui/es/locale/lang/zh-cn'

app.use(UnibootUI, {
  locale: zhCn,
})

ConfigProvider

也可以使用 Vue 组件 ConfigProvider 全局配置语言等。

App.vue
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)

若需要其他语言,只需在 此处 增加语言文件即可。