{"componentChunkName":"component---src-templates-docs-tsx","path":"/docs/i18n","webpackCompilationHash":"1daf920fd56dc476eb98","result":{"data":{"markdownRemark":{"html":"<p><code>antd-plus</code> 国际化基于AntDesign国际化规则，目前的默认文案是英文（部分组件还未迁移完成），如果需要使用其他语言，可以参考下面的方案。</p>\n<h2 id=\"configprovider\">ConfigProvider<a href=\"#configprovider\" aria-hidden class=\"anchor\">#</a></h2>\n<p>antd 提供了一个 React 组件 <a href=\"/components/config-provider\">ConfigProvider</a> 用于全局配置国际化文案。<br>\n在项目中如果同时使用 <code>antd-plus</code> 与 <code>antd</code> ，配置国际化时需要将其语言文件进行合并。</p>\n<div class=\"gatsby-highlight\" data-language=\"jsx\"><pre class=\"language-jsx\"><code class=\"language-jsx\"><span class=\"token keyword\">import</span> zhCN_antd <span class=\"token keyword\">from</span> <span class=\"token string\">'antd/es/locale/zh_CN'</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">import</span> zhCN_antdPlus <span class=\"token keyword\">from</span> <span class=\"token string\">'@alitajs/antd-plus/es/locale/zh_CN'</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">const</span> locale <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span><span class=\"token operator\">...</span>zhCN_antd<span class=\"token punctuation\">,</span> <span class=\"token operator\">...</span>zhCN_antdPlus <span class=\"token punctuation\">}</span>\n\n<span class=\"token keyword\">return</span> <span class=\"token punctuation\">(</span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span><span class=\"token class-name\">ConfigProvider</span></span> <span class=\"token attr-name\">locale</span><span class=\"token script language-javascript\"><span class=\"token script-punctuation punctuation\">=</span><span class=\"token punctuation\">{</span>locale<span class=\"token punctuation\">}</span></span><span class=\"token punctuation\">></span></span><span class=\"token plain-text\">\n    </span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span><span class=\"token class-name\">App</span></span> <span class=\"token punctuation\">/></span></span><span class=\"token plain-text\">\n  </span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span><span class=\"token class-name\">ConfigProvider</span></span><span class=\"token punctuation\">></span></span>\n<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<p>详细配置见：<a href=\"https://ant.design/components/config-provider-cn/\">ConfigProvider</a>。</p>\n<p>注意：<code>zh_CN</code> 是文件名，以下表格也遵循同样的规则。</p>\n<p>目前支持以下语言：</p>\n<table>\n<thead>\n<tr>\n<th>语言</th>\n<th>文件名</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>英语（美式）</td>\n<td>en_US</td>\n</tr>\n<tr>\n<td>简体中文</td>\n<td>zh_CN</td>\n</tr>\n</tbody>\n</table>\n<p>具体的使用方法和新语言包贡献方式请参考 <a href=\"https://ant.design/components/config-provider-cn/\">ConfigProvider 文档</a>。</p>\n<h2 id=\"ant-design-pro\">Ant Design Pro<a href=\"#ant-design-pro\" aria-hidden class=\"anchor\">#</a></h2>\n<p>pro 通过 umi 插件 umi-plugin-locale 来实现全球化的功能，目前在pro中引入 <code>antd-plus</code> 还暂不支持 umi-plugin-locale 的插件配置。</p>\n<h2 id=\"i18n-项目示例\">i18n 项目示例<a href=\"#i18n-%E9%A1%B9%E7%9B%AE%E7%A4%BA%E4%BE%8B\" aria-hidden class=\"anchor\">#</a></h2>\n<p>你可以参考 <a href=\"https://pro.ant.design/docs/i18n-cn\">Ant Design Pro 国际化文档</a>查看完整的国际化项目示例。</p>","tableOfContents":"<ul>\n<li><a href=\"/docs/i18n/#configprovider\">ConfigProvider</a></li>\n<li><a href=\"/docs/i18n/#ant-design-pro\">Ant Design Pro</a></li>\n<li><a href=\"/docs/i18n/#i18n-%E9%A1%B9%E7%9B%AE%E7%A4%BA%E4%BE%8B\">i18n 项目示例</a></li>\n</ul>","frontmatter":{"title":{"zh_CN":"Globalization","en_US":"Globalization"},"order":4,"type":"Getting Started"},"fields":{"path":"/docs/i18n.en-US.md","slug":"/docs/i18n","modifiedTime":1576230292800,"avatarList":[{"href":"/wangxingkang","text":"wangxingkang","src":"https://avatars1.githubusercontent.com/u/14227679?s=40&v=4"}]}},"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":{"zh_CN":"国际化","en_US":"国际化"},"order":4,"type":"入门","time":null},"fields":{"slug":"/docs/i18n-cn","path":"/docs/i18n.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"Globalization","en_US":"Globalization"},"order":4,"type":"Getting Started","time":null},"fields":{"slug":"/docs/i18n","path":"/docs/i18n.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"开始使用","en_US":"开始使用"},"order":0,"type":"入门","time":"2019-07-19T00:00:00.000Z"},"fields":{"slug":"/docs/getting-started-cn","path":"/docs/getting-started.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"开始使用","en_US":"开始使用"},"order":0,"type":"Getting Started","time":"2019-07-19T00:00:00.000Z"},"fields":{"slug":"/docs/getting-started","path":"/docs/getting-started.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"常见问题","en_US":"常见问题"},"order":2,"type":"入门","time":null},"fields":{"slug":"/docs/faq-cn","path":"/docs/faq.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"常见问题","en_US":"常见问题"},"order":2,"type":"Getting Started","time":null},"fields":{"slug":"/docs/faq","path":"/docs/faq.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"贡献指南","en_US":"贡献指南"},"order":3,"type":"入门","time":null},"fields":{"slug":"/docs/contributing-cn","path":"/docs/contributing.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"贡献指南","en_US":"贡献指南"},"order":3,"type":"Getting Started","time":null},"fields":{"slug":"/docs/contributing","path":"/docs/contributing.en-US.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"Commit信息规范","en_US":"Commit信息规范"},"order":1,"type":"规范説明","time":null},"fields":{"slug":"/docs/commit-lint-cn","path":"/docs/commit-lint.zh-CN.md"}}},{"node":{"frontmatter":{"title":{"zh_CN":"Commit信息规范","en_US":"Commit信息规范"},"order":1,"type":"Specification","time":null},"fields":{"slug":"/docs/commit-lint","path":"/docs/commit-lint.en-US.md"}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/docs/i18n","demo":"/i18n/demo/"}}}