github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/c2c8bd91.async.js

1 line
45 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{1237:function(s,a,t){},1333:function(s,a,t){"use strict";var n=t(1237);t.n(n).a},1472:function(s,a,t){"use strict";t.r(a);var n=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-locale-provider :locale="zhCN">\n <a-pagination :defaultCurrent="1" :total="50" showSizeChanger=""/>\n </a-locale-provider>\n',script:"\n // you should use import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';\n import zhCN from 'ant-design-vue/locale-provider/zh_CN';\n export default {\n data() {\n return {\n zhCN,\n };\n },\n };\n",style:null,us:"\n#### Localization\nWrap your app with `LocaleProvider`, and apply the corresponding language package.\n",cn:"\n#### 国际化\n用 `LocaleProvider` 包裹你的应用，并引用对应的语言包。\n",sourceCode:'<template>\n <a-locale-provider :locale="zhCN">\n <a-pagination :defaultCurrent="1" :total="50" showSizeChanger />\n </a-locale-provider>\n</template>\n<script>\n // you should use import zhCN from \'ant-design-vue/lib/locale-provider/zh_CN\';\n import zhCN from \'ant-design-vue/locale-provider/zh_CN\';\n export default {\n data() {\n return {\n zhCN,\n };\n },\n };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("a-locale-provider",{attrs:{locale:s.zhCN}},[t("a-pagination",{attrs:{defaultCurrent:1,total:50,showSizeChanger:""}})],1)],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"国际化"}},[s._v("国际化 "),t("a",{staticClass:"anchor",attrs:{href:"#国际化"}},[s._v("#")])]),s._v(" "),t("p",[s._v("用 "),t("code",[s._v("LocaleProvider")]),s._v(" 包裹你的应用，并引用对应的语言包。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Localization"}},[s._v("Localization "),t("a",{staticClass:"anchor",attrs:{href:"#Localization"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Wrap your app with "),t("code",[s._v("LocaleProvider")]),s._v(", and apply the corresponding language package.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-locale-provider")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":locale")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zhCN"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-pagination")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":defaultCurrent")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":total")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"50"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("showSizeChanger")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-locale-provider")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("// you should use import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';")]),s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" zhCN "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'ant-design-vue/locale-provider/zh_CN'")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n zhCN,\n };\n },\n };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};n._withStripped=!0;var l=t(285),e={data:function(){return{zhCN:l.a}}},v=t(31),i=Object(v.a)(e,n,[],!1,null,null,null);i.options.__file="components/locale-provider/demo/basic.md";var r=i.exports,o=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <div class="change-locale">\n <span :style="{ marginRight: \'16px\' }">Change locale of components: </span>\n <a-radio-group :defaultValue="null" @change="changeLocale">\n <a-radio-button key="en" :value="null">English</a-radio-button>\n <a-radio-button key="cn" :value="zhCN">中文</a-radio-button>\n </a-radio-group>\n </div>\n <a-locale-provider :locale="locale">\n <div class="locale-components" :key="(!!locale).toString()">\n \x3c!-- HACK: just refresh in production environment--\x3e\n <div class="example">\n <a-pagination :defaultCurrent="1" :total="50" showSizeChanger=""/>\n </div>\n <div class="example">\n <a-select showSearch="" style="width: 200px">\n <a-select-option value="jack">jack</a-select-option>\n <a-select-option value="lucy">lucy</a-select-option>\n </a-select>\n <a-date-picker/>\n <a-time-picker/>\n <a-range-picker style=" width: 200px "/>\n </div>\n <div class="example">\n <a-button type="primary" @click="showModal">Show Modal</a-button>\n <a-button @click="info">Show info</a-button>\n <a-button @click="confirm">Show confirm</a-button>\n <a-popconfirm title="Question?">\n <a href="#">Click to confirm</a>\n </a-popconfirm>\n </div>\n <div className="example">\n <a-transfer :dataSource="[]" showSearch="" :targetKeys="[]" :render="item => item.title"/>\n </div>\n <div :style="{ width: \'319px\', border: \'1px solid #d9d9d9\', borderRadius: \'4px\' }">\n <a-calendar :fullscreen="false" :value="moment()"/>\n </div>\n <a-modal title="Locale Modal" v-model="visible">\n <p>Locale Modal</p>\n </a-modal>\n </div>\n </a-locale-provider>\n </div>\n',script:"\n // you should use import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'\n import zhCN from 'ant-design-vue/locale-provider/zh_CN';\n import { Modal } from 'ant-design-vue';\n import moment from 'moment';\n import 'moment/locale/zh-cn';\n moment.locale('en');\n const columns = [\n {\n title: 'Name',\n dataIndex: 'name',\n filters: [\n {\n text: 'filter1',\n value: 'filter1',\n },\n ],\n },\n {\n title: 'Age',\n dataIndex: 'age',\n },\n ];\n export default {\n data() {\n return {\n visible: false,\n locale: null,\n zhCN,\n };\n },\n methods: {\n moment,\n showModal() {\n this.visible = true;\n },\n hideModal() {\n this.visible = false;\n },\n info() {\n Modal.info({\n title: 'some info',\n content: 'some info',\n });\n },\n confirm() {\n Modal.confirm({\n title: 'some info',\n content: 'some info',\n });\n },\n changeLocale(e) {\n const localeValue = e.target.value;\n this.locale = localeValue;\n if (!localeValue) {\n moment.locale('en');\n } else {\n moment.locale('zh-cn');\n }\n },\n },\n };\n",style:null,us:"\n#### All components\nComponents which need localization support are listed here, you can toggle the language in the demo.\n",cn:"\n#### 所有组件\n此处列出 Ant Design 中需要国际化支持的组件，你可以在演示里切换语言。\n",sourceCode:'<template>\n <div>\n <div class="change-locale">\n <span :style="{ marginRight: \'16px\' }">Change locale of components: </span>\n <a-radio-group :defaultValue="null" @change="changeLocale">\n <a-radio-button key="en" :value="null">English</a-radio-button>\n <a-radio-button key="cn" :value="zhCN">中文</a-radio-button>\n </a-radio-group>\n </div>\n <a-locale-provider :locale="locale">\n <div class="locale-components" :key="(!!locale).toString()">\n \x3c!-- HACK: just refresh in production environment--\x3e\n <div class="example">\n <a-pagination :defaultCurrent="1" :total="50" showSizeChanger />\n </div>\n <div class="example">\n <a-select showSearch style="width: 200px">\n <a-select-option value="jack">jack</a-select-option>\n <a-select-option value="lucy">lucy</a-select-option>\n </a-select>\n <a-date-picker />\n <a-time-picker />\n <a-range-picker style=" width: 200px " />\n </div>\n <div class="example">\n <a-button type="primary" @click="showModal">Show Modal</a-button>\n <a-button @click="info">Show info</a-button>\n <a-button @click="confirm">Show confirm</a-button>\n <a-popconfirm title="Question?">\n <a href="#">Click to confirm</a>\n </a-popconfirm>\n </div>\n <div className="example">\n <a-transfer :dataSource="[]" showSearch :targetKeys="[]" :render="item => item.title" />\n </div>\n <div :style="{ width: \'319px\', border: \'1px solid #d9d9d9\', borderRadius: \'4px\' }">\n <a-calendar :fullscreen="false" :value="moment()" />\n </div>\n <a-modal title="Locale Modal" v-model="visible">\n <p>Locale Modal</p>\n </a-modal>\n </div>\n </a-locale-provider>\n </div>\n</template>\n<script>\n // you should use import zhCN from \'ant-design-vue/lib/locale-provider/zh_CN\'\n import zhCN from \'ant-design-vue/locale-provider/zh_CN\';\n import { Modal } from \'ant-design-vue\';\n import moment from \'moment\';\n import \'moment/locale/zh-cn\';\n moment.locale(\'en\');\n const columns = [\n {\n title: \'Name\',\n dataIndex: \'name\',\n filters: [\n {\n text: \'filter1\',\n value: \'filter1\',\n },\n ],\n },\n {\n title: \'Age\',\n dataIndex: \'age\',\n },\n ];\n export default {\n data() {\n return {\n visible: false,\n locale: null,\n zhCN,\n };\n },\n methods: {\n moment,\n showModal() {\n this.visible = true;\n },\n hideModal() {\n this.visible = false;\n },\n info() {\n Modal.info({\n title: \'some info\',\n content: \'some info\',\n });\n },\n confirm() {\n Modal.confirm({\n title: \'some info\',\n content: \'some info\',\n });\n },\n changeLocale(e) {\n const localeValue = e.target.value;\n this.locale = localeValue;\n if (!localeValue) {\n moment.locale(\'en\');\n } else {\n moment.locale(\'zh-cn\');\n }\n },\n },\n };\n<\/script>\n\n<style scoped>\n .locale-components {\n border-top: 1px solid #d9d9d9;\n padding-top: 16px;\n }\n\n .example {\n margin: 16px 0;\n }\n\n .example > * {\n margin-right: 8px;\n }\n\n .change-locale {\n margin-bottom: 16px;\n }\n</style>\n'}}},[t("template",{slot:"component"},[t("div",[t("div",{staticClass:"change-locale"},[t("span",{style:{marginRight:"16px"}},[s._v("Change locale of components: ")]),s._v(" "),t("a-radio-group",{attrs:{defaultValue:null},on:{change:s.changeLocale}},[t("a-radio-button",{key:"en",attrs:{value:null}},[s._v("English")]),s._v(" "),t("a-radio-button",{key:"cn",attrs:{value:s.zhCN}},[s._v("中文")])],1)],1),s._v(" "),t("a-locale-provider",{attrs:{locale:s.locale}},[t("div",{key:(!!s.locale).toString(),staticClass:"locale-components"},[t("div",{staticClass:"example"},[t("a-pagination",{attrs:{defaultCurrent:1,total:50,showSizeChanger:""}})],1),s._v(" "),t("div",{staticClass:"example"},[t("a-select",{staticStyle:{width:"200px"},attrs:{showSearch:""}},[t("a-select-option",{attrs:{value:"jack"}},[s._v("jack")]),s._v(" "),t("a-select-option",{attrs:{value:"lucy"}},[s._v("lucy")])],1),s._v(" "),t("a-date-picker"),s._v(" "),t("a-time-picker"),s._v(" "),t("a-range-picker",{staticStyle:{width:"200px"}})],1),s._v(" "),t("div",{staticClass:"example"},[t("a-button",{attrs:{type:"primary"},on:{click:s.showModal}},[s._v("Show Modal")]),s._v(" "),t("a-button",{on:{click:s.info}},[s._v("Show info")]),s._v(" "),t("a-button",{on:{click:s.confirm}},[s._v("Show confirm")]),s._v(" "),t("a-popconfirm",{attrs:{title:"Question?"}},[t("a",{attrs:{href:"#"}},[s._v("Click to confirm")])])],1),s._v(" "),t("div",{attrs:{className:"example"}},[t("a-transfer",{attrs:{dataSource:[],showSearch:"",targetKeys:[],render:function(s){return s.title}}})],1),s._v(" "),t("div",{style:{width:"319px",border:"1px solid #d9d9d9",borderRadius:"4px"}},[t("a-calendar",{attrs:{fullscreen:!1,value:s.moment()}})],1),s._v(" "),t("a-modal",{attrs:{title:"Locale Modal"},model:{value:s.visible,callback:function(a){s.visible=a},expression:"visible"}},[t("p",[s._v("Locale Modal")])])],1)])],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"所有组件"}},[s._v("所有组件 "),t("a",{staticClass:"anchor",attrs:{href:"#所有组件"}},[s._v("#")])]),s._v(" "),t("p",[s._v("此处列出 Ant Design 中需要国际化支持的组件，你可以在演示里切换语言。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"All-components"}},[s._v("All components "),t("a",{staticClass:"anchor",attrs:{href:"#All-components"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Components which need localization support are listed here, you can toggle the language in the demo.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"change-locale"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"{ marginRight: '16px' }\"")]),s._v(">")]),s._v("Change locale of components: "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-radio-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":defaultValue")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"null"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"changeLocale"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-radio-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"en"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"null"')]),s._v(">")]),s._v("English"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-radio-button")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-radio-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"cn"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zhCN"')]),s._v(">")]),s._v("中文"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-radio-button")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-radio-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-locale-provider")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":locale")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"locale"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"locale-components"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"(!!locale).toString()"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("\x3c!-- HACK: just refresh in production environment--\x3e")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"example"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-pagination")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":defaultCurrent")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":total")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"50"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("showSizeChanger")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"example"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-select")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("showSearch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"width: 200px"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-select-option")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"jack"')]),s._v(">")]),s._v("jack"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-select-option")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-select-option")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"lucy"')]),s._v(">")]),s._v("lucy"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-select-option")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-select")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-date-picker")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-time-picker")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-range-picker")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('" width: 200px "')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"example"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"showModal"')]),s._v(">")]),s._v("Show Modal"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"info"')]),s._v(">")]),s._v("Show info"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"confirm"')]),s._v(">")]),s._v("Show confirm"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-popconfirm")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"Question?"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"#"')]),s._v(">")]),s._v("Click to confirm"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-popconfirm")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"example"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-transfer")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":dataSource")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"[]"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("showSearch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":targetKeys")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"[]"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":render")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item => item.title"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"{ width: '319px', border: '1px solid #d9d9d9', borderRadius: '4px' }\"")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-calendar")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":fullscreen")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"moment()"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-modal")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"Locale Modal"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"visible"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("Locale Modal"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-modal")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-locale-provider")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("// you should use import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'")]),s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" zhCN "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'ant-design-vue/locale-provider/zh_CN'")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Modal } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'ant-design-vue'")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" moment "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'moment'")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'moment/locale/zh-cn'")]),s._v(";\n moment.locale("),t("span",{staticClass:"hljs-string"},[s._v("'en'")]),s._v(");\n "),t("span",{staticClass:"hljs-keyword"},[s._v("const")]),s._v(" columns = [\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'Name'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("dataIndex")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'name'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("filters")]),s._v(": [\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("text")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'filter1'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'filter1'")]),s._v(",\n },\n ],\n },\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'Age'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("dataIndex")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'age'")]),s._v(",\n },\n ];\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("visible")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("locale")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("null")]),s._v(",\n zhCN,\n };\n },\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n moment,\n showModal() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".visible = "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v(";\n },\n hideModal() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".visible = "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(";\n },\n info() {\n Modal.info({\n "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'some info'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("content")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'some info'")]),s._v(",\n });\n },\n confirm() {\n Modal.confirm({\n "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'some info'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("content")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'some info'")]),s._v(",\n });\n },\n changeLocale(e) {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("const")]),s._v(" localeValue = e.target.value;\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".locale = localeValue;\n "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (!localeValue) {\n moment.locale("),t("span",{staticClass:"hljs-string"},[s._v("'en'")]),s._v(");\n } "),t("span",{staticClass:"hljs-keyword"},[s._v("else")]),s._v(" {\n moment.locale("),t("span",{staticClass:"hljs-string"},[s._v("'zh-cn'")]),s._v(");\n }\n },\n },\n };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".locale-components")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("border-top")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("1px")]),s._v(" solid "),t("span",{staticClass:"hljs-number"},[s._v("#d9d9d9")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("padding-top")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("16px")]),s._v(";\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".example")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("margin")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("16px")]),s._v(" "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".example")]),s._v(" > * {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("margin-right")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("8px")]),s._v(";\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".change-locale")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("margin-bottom")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("16px")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};o._withStripped=!0;var c=t(1193),_=t(5),p=t.n(_);t(284);p.a.locale("en");var h={data:function(){return{visible:!1,locale:null,zhCN:l.a}},methods:{moment:p.a,showModal:function(){this.visible=!0},hideModal:function(){this.visible=!1},info:function(){c.a.info({title:"some info",content:"some info"})},confirm:function(){c.a.confirm({title:"some info",content:"some info"})},changeLocale:function(s){var a=s.target.value;this.locale=a,a?p.a.locale("zh-cn"):p.a.locale("en")}}},d=(t(1333),Object(v.a)(h,o,[],!1,null,"77583922",null));d.options.__file="components/locale-provider/demo/all.md";var m=d.exports,j=function(){var s=this.$createElement;this._self._c;return this._m(0)};j._withStripped=!0;var C=Object(v.a)({},j,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h1",[s._v("LocaleProvider 国际化")]),s._v(" "),t("p",[s._v("为组件内建文案提供统一的国际化支持。")]),s._v(" "),t("h2",{attrs:{id:"使用"}},[s._v("使用 "),t("a",{staticClass:"anchor",attrs:{href:"#使用"}},[s._v("#")])]),s._v(" "),t("p",[s._v("LocaleProvider 使用 Vue 的 "),t("a",{attrs:{href:"https://cn.vuejs.org/v2/api/#provide-inject"}},[s._v("provide/inject")]),s._v(" 特性，只需在应用外围包裹一次即可全局生效。")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-locale-provider")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":locale")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"zh_CN"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("App")]),s._v(" />")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-locale-provider")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{pre:!0,attrs:{class:"javascript"}},[s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" zh_CN "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'ant-design-vue/lib/locale-provider/zh_CN'")]),s._v(";\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" moment "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'moment'")]),s._v(";\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'moment/locale/zh-cn'")]),s._v(";\n\n moment.locale("),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'zh-cn'")]),s._v(");\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n zh_CN,\n };\n },\n };\n")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])]),s._v(" "),t("p",[s._v("我们提供了英语，中文，俄语，法语，德语等多种语言支持，所有语言包可以在 "),t("a",{attrs:{href:"https://github.com/vueComponent/ant-design-vue/tree/master/components/locale-provider"}},[s._v("这里")]),s._v(" 找到。")]),s._v(" "),t("p",[s._v("注意：如果你需要使用 UMD 版的 dist 文件，应该引入 "),t("code",{pre:!0},[s._v("antd/dist/antd-with-locales.js")]),s._v("，同时引入 moment 对应的 locale，然后按以下方式使用：")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-locale-provider")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":locale")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"locales.en_US"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("App")]),s._v(" />")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-locale-provider")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{pre:!0,attrs:{class:"javascript"}},[s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" { LocaleProvider, locales } = "),t("span",{pre:!0,attrs:{class:"hljs-built_in"}},[s._v("window")]),s._v(".antd;\n")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])]),s._v(" "),t("h3",{attrs:{id:"增加语言包"}},[s._v("增加语言包 "),t("a",{staticClass:"anchor",attrs:{href:"#增加语言包"}},[s._v("#")])]),s._v(" "),t("p",[s._v("如果你找不到你需要的语言包，欢迎你在 "),t("a",{attrs:{href:"https://github.com/vueComponent/ant-design-vue/blob/master/components/locale-provider/en_US.js"}},[s._v("英文语言包")]),s._v(" 的基础上创建一个新的语言包，并给我们 Pull Request。")]),s._v(" "),t("h3",{attrs:{id:"其他国际化需求"}},[s._v("其他国际化需求 "),t("a",{staticClass:"anchor",attrs:{href:"#其他国际化需求"}},[s._v("#")])]),s._v(" "),t("p",[s._v("本模块仅用于组件的内建文案，若有业务文案的国际化需求，建议使用 "),t("a",{attrs:{href:"https://github.com/kazupon/vue-i18n"}},[s._v("vue-i18n")])]),s._v(" "),t("h2",{attrs:{id:"代码演示"}},[s._v("代码演示 "),t("a",{staticClass:"anchor",attrs:{href:"#代码演示"}},[s._v("#")])])])}],!1,null,null,null);C.options.__file="components/locale-provider/index.zh-CN.md";var u=C.exports,g=function(){var s=this.$createElement;this._self._c;return this._m(0)};g._withStripped=!0;var f=Object(v.a)({},g,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h1",[s._v("LocaleProvider")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("LocaleProvider")]),s._v(" provides a uniform localization support for built-in text of components.")]),s._v(" "),t("h2",{attrs:{id:"Usage"}},[s._v("Usage "),t("a",{staticClass:"anchor",attrs:{href:"#Usage"}},[s._v("#")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("LocaleProvider")]),s._v(" takes use of "),t("a",{attrs:{href:"https://vuejs.org/v2/api/#provide-inject"}},[s._v("provide/inject")]),s._v(", a feature of Vue, to accomplish global effectiveness by wrapping the app only once.")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-locale-provider")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":locale")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"fr_FR"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("App")]),s._v(" />")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-locale-provider")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{pre:!0,attrs:{class:"javascript"}},[s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" fr_FR "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'ant-design-vue/lib/locale-provider/fr_FR'")]),s._v(";\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" moment "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'moment'")]),s._v(";\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'moment/locale/fr'")]),s._v(";\n\n moment.locale("),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'fr'")]),s._v(");\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n fr_FR,\n };\n },\n };\n")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])]),s._v(" "),t("p",[s._v("We provide some locale like English, Chinese, Russian, German, French and etc, all locale packages can be found in "),t("a",{attrs:{href:"https://github.com/vueComponent/ant-design-vue/tree/master/components/locale-provider"}},[s._v("here")]),s._v(".")]),s._v(" "),t("p",[s._v("Note: if you need to use antd's UMD dist file, please use "),t("code",{pre:!0},[s._v("antd/dist/antd-with-locales.js")]),s._v(" and corresponding moment locale:")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-locale-provider")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":locale")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"locales.fr_FR"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("App")]),s._v(" />")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-locale-provider")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{pre:!0,attrs:{class:"javascript"}},[s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" { LocaleProvider, locales } = "),t("span",{pre:!0,attrs:{class:"hljs-built_in"}},[s._v("window")]),s._v(".antd;\n")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])]),s._v(" "),t("h3",{attrs:{id:"Add-a-new-language"}},[s._v("Add a new language "),t("a",{staticClass:"anchor",attrs:{href:"#Add-a-new-language"}},[s._v("#")])]),s._v(" "),t("p",[s._v("If you can't find your language, you are welcome to create a locale package based on "),t("a",{attrs:{href:"https://github.com/vueComponent/ant-design-vue/blob/master/components/locale-provider/en_US.js"}},[s._v("en_US")]),s._v(" and send us a pull request.")]),s._v(" "),t("h3",{attrs:{id:"Other-localization-needs"}},[s._v("Other localization needs "),t("a",{staticClass:"anchor",attrs:{href:"#Other-localization-needs"}},[s._v("#")])]),s._v(" "),t("p",[s._v("This component aims for localization of the built-in text, if you want to support other documents, we recommend using "),t("a",{attrs:{href:"https://github.com/kazupon/vue-i18n"}},[s._v("vue-i18n")]),s._v(".")]),s._v(" "),t("h2",{attrs:{id:"Examples"}},[s._v("Examples "),t("a",{staticClass:"anchor",attrs:{href:"#Examples"}},[s._v("#")])])])}],!1,null,null,null);f.options.__file="components/locale-provider/index.en-US.md";var b=f.exports,y="## API\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| locale | 语言包配置，语言包可到 `antd/lib/locale-provider/` 目录下寻找 | object | - |\n",w="## API\n\n| Property | Description | Type | Default |\n| -------- | ----------- | ---- | ------- |\n| locale | language package setting, you can find the packages in this path: `antd/lib/locale-provider/` | object | - |\n",k={category:"Components",subtitle:"国际化",cols:1,type:"Other",title:"LocaleProvider",render:function(){var s=arguments[0];return s("div",[s("api",[s(u,{slot:"cn"}),s(b)]),s(r),s(m),s("md",{attrs:{cn:y,us:w}})])}},x=Object(v.a)(k,void 0,void 0,!1,null,null,null);x.options.__file="components/locale-provider/demo/index.vue";a.default=x.exports}}]);
Reference in New Issue View Git Blame Copy Permalink