Globalization

wangxingkang
上次修改时间: 2019-12-13 09:44:80

antd-plus 国际化基于AntDesign国际化规则,目前的默认文案是英文(部分组件还未迁移完成),如果需要使用其他语言,可以参考下面的方案。

ConfigProvider#

antd 提供了一个 React 组件 ConfigProvider 用于全局配置国际化文案。
在项目中如果同时使用 antd-plusantd ,配置国际化时需要将其语言文件进行合并。

import zhCN_antd from 'antd/es/locale/zh_CN';
import zhCN_antdPlus from '@alitajs/antd-plus/es/locale/zh_CN';

const locale = {...zhCN_antd, ...zhCN_antdPlus }

return (
  <ConfigProvider locale={locale}>
    <App />
  </ConfigProvider>
);

详细配置见:ConfigProvider

注意:zh_CN 是文件名,以下表格也遵循同样的规则。

目前支持以下语言:

语言 文件名
英语(美式) en_US
简体中文 zh_CN

具体的使用方法和新语言包贡献方式请参考 ConfigProvider 文档

Ant Design Pro#

pro 通过 umi 插件 umi-plugin-locale 来实现全球化的功能,目前在pro中引入 antd-plus 还暂不支持 umi-plugin-locale 的插件配置。

i18n 项目示例#

你可以参考 Ant Design Pro 国际化文档查看完整的国际化项目示例。