| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[11],{1210:function(t,s,a){},1211:function(t,s,a){},1212:function(t,s,a){},1304:function(t,s,a){"use strict";var n=a(1210);a.n(n).a},1305:function(t,s,a){"use strict";var n=a(1211);a.n(n).a},1306:function(t,s,a){"use strict";var n=a(1212);a.n(n).a},1428:function(t,s,a){"use strict";a.r(s);var n=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-input placeholder="Basic usage"/>\n',script:null,style:null,us:"\n#### Basic usage\nBasic usage example.\n",cn:"\n#### 基本使用\n基本使用。\n",sourceCode:'<template>\n <a-input placeholder="Basic usage" />\n</template>\n'}}},[a("template",{slot:"component"},[a("a-input",{attrs:{placeholder:"Basic usage"}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"基本使用"}},[t._v("基本使用 "),a("a",{staticClass:"anchor",attrs:{href:"#基本使用"}},[t._v("#")])]),t._v(" "),a("p",[t._v("基本使用。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Basic-usage"}},[t._v("Basic usage "),a("a",{staticClass:"anchor",attrs:{href:"#Basic-usage"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Basic usage example.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Basic usage"')]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};n._withStripped=!0;var e=a(31),l=Object(e.a)({},n,[],!1,null,null,null);l.options.__file="components/input/demo/basic.md";var v=l.exports,i=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-textarea placeholder="Autosize height based on content lines" autosize=""/>\n <div style="margin: 24px 0"/>\n <a-textarea placeholder="Autosize height with minimum and maximum number of lines" :autosize="{ minRows: 2, maxRows: 6 }"/>\n </div>\n',script:null,style:null,us:"\n#### Autosizing the height to fit the content\n`autosize` prop for a `textarea` type of `Input` makes the height to automatically adjust based on the content.\nAn options object can be provided to `autosize` to specify the minimum and maximum number of lines the textarea will automatically adjust.\n",cn:"\n#### 适应文本高度的文本域\n`autosize` 属性适用于 `textarea` 节点，并且只有高度会自动变化。另外 `autosize` 可以设定为一个对象，指定最小行数和最大行数。\n",sourceCode:'<template>\n <div>\n <a-textarea placeholder="Autosize height based on content lines" autosize />\n <div style="margin: 24px 0" />\n <a-textarea\n placeholder="Autosize height with minimum and maximum number of lines"\n :autosize="{ minRows: 2, maxRows: 6 }"\n />\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-textarea",{attrs:{placeholder:"Autosize height based on content lines",autosize:""}}),t._v(" "),a("div",{staticStyle:{margin:"24px 0"}}),t._v(" "),a("a-textarea",{attrs:{placeholder:"Autosize height with minimum and maximum number of lines",autosize:{minRows:2,maxRows:6}}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"适应文本高度的文本域"}},[t._v("适应文本高度的文本域 "),a("a",{staticClass:"anchor",attrs:{href:"#适应文本高度的文本域"}},[t._v("#")])]),t._v(" "),a("p",[a("code",[t._v("autosize")]),t._v(" 属性适用于 "),a("code",[t._v("textarea")]),t._v(" 节点，并且只有高度会自动变化。另外 "),a("code",[t._v("autosize")]),t._v(" 可以设定为一个对象，指定最小行数和最大行数。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Autosizing-the-height-to-fit-the-content"}},[t._v("Autosizing the height to fit the content "),a("a",{staticClass:"anchor",attrs:{href:"#Autosizing-the-height-to-fit-the-content"}},[t._v("#")])]),t._v(" "),a("p",[a("code",[t._v("autosize")]),t._v(" prop for a "),a("code",[t._v("textarea")]),t._v(" type of "),a("code",[t._v("Input")]),t._v(" makes the height to automatically adjust based on the content."),a("br"),t._v("\nAn options object can be provided to "),a("code",[t._v("autosize")]),t._v(" to specify the minimum and maximum number of lines the textarea will automatically adjust."),a("br")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-textarea")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Autosize height based on content lines"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("autosize")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin: 24px 0"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-textarea")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Autosize height with minimum and maximum number of lines"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":autosize")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"{ minRows: 2, maxRows: 6 }"')]),t._v("\n />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};i._withStripped=!0;var _=Object(e.a)({},i,[],!1,null,null,null);_.options.__file="components/input/demo/autosize-textarea.md";var p=_.exports,c=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div class="components-input-demo-presuffix">\n <a-input placeholder="Basic usage" v-model="userName" ref="userNameInput">\n <a-icon slot="prefix" type="user"/>\n <a-tooltip slot="suffix" title="Extra information">\n <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>\n </a-tooltip>\n </a-input>\n </div>\n',script:"\n export default {\n data() {\n return {\n userName: '',\n };\n },\n methods: {\n emitEmpty() {\n this.$refs.userNameInput.focus();\n this.userName = '';\n },\n },\n };\n",style:null,us:"\n#### prefix and suffix\nAdd prefix or suffix icons inside input.\n",cn:"\n#### 前缀和后缀\n在输入框上添加前缀或后缀图标。\n",sourceCode:'<template>\n <div class="components-input-demo-presuffix">\n <a-input placeholder="Basic usage" v-model="userName" ref="userNameInput">\n <a-icon slot="prefix" type="user" />\n <a-tooltip slot="suffix" title="Extra information">\n <a-icon type="info-circle" style="color: rgba(0,0,0,.45)" />\n </a-tooltip>\n </a-input>\n </div>\n</template>\n\n<script>\n export default {\n data() {\n return {\n userName: \'\',\n };\n },\n methods: {\n emitEmpty() {\n this.$refs.userNameInput.focus();\n this.userName = \'\';\n },\n },\n };\n<\/script>\n<style scoped>\n .components-input-demo-presuffix .anticon-close-circle {\n cursor: pointer;\n color: #ccc;\n transition: color 0.3s;\n font-size: 12px;\n }\n .components-input-demo-presuffix .anticon-close-circle:hover {\n color: #999;\n }\n .components-input-demo-presuffix .anticon-close-circle:active {\n color: #666;\n }\n</style>\n'}}},[a("template",{slot:"component"},[a("div",{staticClass:"components-input-demo-presuffix"},[a("a-input",{ref:"userNameInput",attrs:{placeholder:"Basic usage"},model:{value:t.userName,callback:function(s){t.userName=s},expression:"userName"}},[a("a-icon",{attrs:{slot:"prefix",type:"user"},slot:"prefix"}),t._v(" "),a("a-tooltip",{attrs:{slot:"suffix",title:"Extra information"},slot:"suffix"},[a("a-icon",{staticStyle:{color:"rgba(0,0,0,.45)"},attrs:{type:"info-circle"}})],1)],1)],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"前缀和后缀"}},[t._v("前缀和后缀 "),a("a",{staticClass:"anchor",attrs:{href:"#前缀和后缀"}},[t._v("#")])]),t._v(" "),a("p",[t._v("在输入框上添加前缀或后缀图标。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"prefix-and-suffix"}},[t._v("prefix and suffix "),a("a",{staticClass:"anchor",attrs:{href:"#prefix-and-suffix"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Add prefix or suffix icons inside input.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("class")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"components-input-demo-presuffix"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Basic usage"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-model")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"userName"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("ref")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"userNameInput"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"prefix"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"user"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-tooltip")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"suffix"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Extra information"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"info-circle"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"color: rgba(0,0,0,.45)"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-tooltip")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("userName")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("''")]),t._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n emitEmpty() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".$refs.userNameInput.focus();\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".userName = "),a("span",{staticClass:"hljs-string"},[t._v("''")]),t._v(";\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("scoped")]),t._v(">")]),a("span",{staticClass:"css"},[t._v("\n "),a("span",{staticClass:"hljs-selector-class"},[t._v(".components-input-demo-presuffix")]),t._v(" "),a("span",{staticClass:"hljs-selector-class"},[t._v(".anticon-close-circle")]),t._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[t._v("cursor")]),t._v(": pointer;\n "),a("span",{staticClass:"hljs-attribute"},[t._v("color")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("#ccc")]),t._v(";\n "),a("span",{staticClass:"hljs-attribute"},[t._v("transition")]),t._v(": color "),a("span",{staticClass:"hljs-number"},[t._v("0.3s")]),t._v(";\n "),a("span",{staticClass:"hljs-attribute"},[t._v("font-size")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("12px")]),t._v(";\n }\n "),a("span",{staticClass:"hljs-selector-class"},[t._v(".components-input-demo-presuffix")]),t._v(" "),a("span",{staticClass:"hljs-selector-class"},[t._v(".anticon-close-circle")]),a("span",{staticClass:"hljs-selector-pseudo"},[t._v(":hover")]),t._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[t._v("color")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("#999")]),t._v(";\n }\n "),a("span",{staticClass:"hljs-selector-class"},[t._v(".components-input-demo-presuffix")]),t._v(" "),a("span",{staticClass:"hljs-selector-class"},[t._v(".anticon-close-circle")]),a("span",{staticClass:"hljs-selector-pseudo"},[t._v(":active")]),t._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[t._v("color")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("#666")]),t._v(";\n }\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(">")]),t._v("\n")])])])],2)]],2)};c._withStripped=!0;var r={data:function(){return{userName:""}},methods:{emitEmpty:function(){this.$refs.userNameInput.focus(),this.userName=""}}},o=(a(1304),Object(e.a)(r,c,[],!1,null,"be2ae396",null));o.options.__file="components/input/demo/presuffix.md";var h=o.exports,u=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-input-search placeholder="input search text" style="width: 200px" @search="onSearch"/>\n <br/><br/>\n <a-input-search placeholder="input search text" @search="onSearch" enterButton=""/>\n <br/><br/>\n <a-input-search placeholder="input search text" @search="onSearch" enterButton="Search" size="large"/>\n <br/><br/>\n <a-input-search placeholder="input search text" @search="onSearch" size="large">\n <a-button slot="enterButton">Custom</a-button>\n </a-input-search>\n </div>\n',script:"\n export default {\n methods: {\n onSearch(value) {\n console.log(value);\n },\n },\n };\n",style:null,us:"\n#### Search box\nExample of creating a search box by grouping a standard input with a search button.\n",cn:"\n#### 搜索框\n带有搜索按钮的输入框。\n",sourceCode:'<template>\n <div>\n <a-input-search placeholder="input search text" style="width: 200px" @search="onSearch" />\n <br /><br />\n <a-input-search placeholder="input search text" @search="onSearch" enterButton />\n <br /><br />\n <a-input-search\n placeholder="input search text"\n @search="onSearch"\n enterButton="Search"\n size="large"\n />\n <br /><br />\n <a-input-search placeholder="input search text" @search="onSearch" size="large">\n <a-button slot="enterButton">Custom</a-button>\n </a-input-search>\n </div>\n</template>\n\n<script>\n export default {\n methods: {\n onSearch(value) {\n console.log(value);\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-input-search",{staticStyle:{width:"200px"},attrs:{placeholder:"input search text"},on:{search:t.onSearch}}),t._v(" "),a("br"),a("br"),t._v(" "),a("a-input-search",{attrs:{placeholder:"input search text",enterButton:""},on:{search:t.onSearch}}),t._v(" "),a("br"),a("br"),t._v(" "),a("a-input-search",{attrs:{placeholder:"input search text",enterButton:"Search",size:"large"},on:{search:t.onSearch}}),t._v(" "),a("br"),a("br"),t._v(" "),a("a-input-search",{attrs:{placeholder:"input search text",size:"large"},on:{search:t.onSearch}},[a("a-button",{attrs:{slot:"enterButton"},slot:"enterButton"},[t._v("Custom")])],1)],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"搜索框"}},[t._v("搜索框 "),a("a",{staticClass:"anchor",attrs:{href:"#搜索框"}},[t._v("#")])]),t._v(" "),a("p",[t._v("带有搜索按钮的输入框。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Search-box"}},[t._v("Search box "),a("a",{staticClass:"anchor",attrs:{href:"#Search-box"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Example of creating a search box by grouping a standard input with a search button.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-search")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"input search text"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 200px"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@search")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onSearch"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-search")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"input search text"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@search")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onSearch"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("enterButton")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-search")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"input search text"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("@search")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onSearch"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("enterButton")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Search"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"large"')]),t._v("\n />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-search")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"input search text"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@search")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onSearch"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"large"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"enterButton"')]),t._v(">")]),t._v("Custom"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-search")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n onSearch(value) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(value);\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};u._withStripped=!0;var d={methods:{onSearch:function(t){console.log(t)}}},C=Object(e.a)(d,u,[],!1,null,null,null);C.options.__file="components/input/demo/search-input.md";var j=C.exports,m=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div class="components-input-demo-size">\n <a-input size="large" placeholder="large size"/>\n <a-input placeholder="default size"/>\n <a-input size="small" placeholder="small size"/>\n </div>\n',script:null,style:null,us:"\n#### Three sizes of Input\nThere are three sizes of an Input box: `large` (40px)、`default` (32px) and `small` (24px).\n",cn:"\n#### 三种大小\n我们为 `<Input/>` 输入框定义了三种尺寸（大、默认、小），高度分别为 `40px`、`32px` 和 `24px`。\n",sourceCode:'<template>\n <div class="components-input-demo-size">\n <a-input size="large" placeholder="large size" />\n <a-input placeholder="default size" />\n <a-input size="small" placeholder="small size" />\n </div>\n</template>\n<style scoped>\n .components-input-demo-size .ant-input {\n width: 200px;\n margin: 0 8px 8px 0;\n }\n</style>\n'}}},[a("template",{slot:"component"},[a("div",{staticClass:"components-input-demo-size"},[a("a-input",{attrs:{size:"large",placeholder:"large size"}}),t._v(" "),a("a-input",{attrs:{placeholder:"default size"}}),t._v(" "),a("a-input",{attrs:{size:"small",placeholder:"small size"}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"三种大小"}},[t._v("三种大小 "),a("a",{staticClass:"anchor",attrs:{href:"#三种大小"}},[t._v("#")])]),t._v(" "),a("p",[t._v("我们为 "),a("code",[t._v("<Input/>")]),t._v(" 输入框定义了三种尺寸（大、默认、小），高度分别为 "),a("code",[t._v("40px")]),t._v("、"),a("code",[t._v("32px")]),t._v(" 和 "),a("code",[t._v("24px")]),t._v("。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Three-sizes-of-Input"}},[t._v("Three sizes of Input "),a("a",{staticClass:"anchor",attrs:{href:"#Three-sizes-of-Input"}},[t._v("#")])]),t._v(" "),a("p",[t._v("There are three sizes of an Input box: "),a("code",[t._v("large")]),t._v(" (40px)、"),a("code",[t._v("default")]),t._v(" (32px) and "),a("code",[t._v("small")]),t._v(" (24px).")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("class")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"components-input-demo-size"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"large"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"large size"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"default size"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"small size"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("scoped")]),t._v(">")]),a("span",{staticClass:"css"},[t._v("\n "),a("span",{staticClass:"hljs-selector-class"},[t._v(".components-input-demo-size")]),t._v(" "),a("span",{staticClass:"hljs-selector-class"},[t._v(".ant-input")]),t._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[t._v("width")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("200px")]),t._v(";\n "),a("span",{staticClass:"hljs-attribute"},[t._v("margin")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v(" "),a("span",{staticClass:"hljs-number"},[t._v("8px")]),t._v(" "),a("span",{staticClass:"hljs-number"},[t._v("8px")]),t._v(" "),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v(";\n }\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(">")]),t._v("\n")])])])],2)]],2)};m._withStripped=!0;a(1305);var g=Object(e.a)({},m,[],!1,null,"6b258400",null);g.options.__file="components/input/demo/size.md";var f=g.exports,b=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-input-group size="large">\n <a-row :gutter="8">\n <a-col :span="5">\n <a-input defaultValue="0571"/>\n </a-col>\n <a-col :span="8">\n <a-input defaultValue="26888888"/>\n </a-col>\n </a-row>\n </a-input-group>\n <br/>\n <a-input-group compact="">\n <a-input style="width: 20%" defaultValue="0571"/>\n <a-input style="width: 30%" defaultValue="26888888"/>\n </a-input-group>\n <br/>\n <a-input-group compact="">\n <a-select defaultValue="Zhejiang">\n <a-select-option value="Zhejiang">Zhejiang</a-select-option>\n <a-select-option value="Jiangsu">Jiangsu</a-select-option>\n </a-select>\n <a-input style="width: 50%" defaultValue="Xihu District, Hangzhou"/>\n </a-input-group>\n <br/>\n <a-input-group compact="">\n <a-select defaultValue="Option1">\n <a-select-option value="Option1">Option1</a-select-option>\n <a-select-option value="Option2">Option2</a-select-option>\n </a-select>\n <a-input style="width: 50%" defaultValue="input content"/>\n </a-input-group>\n <br/>\n <a-input-group compact="">\n <a-input style="width: 50%" defaultValue="input content"/>\n <a-date-picker style="width: 50%"/>\n </a-input-group>\n <br/>\n <a-input-group compact="">\n <a-select defaultValue="Option1-1">\n <a-select-option value="Option1-1">Option1-1</a-select-option>\n <a-select-option value="Option1-2">Option1-2</a-select-option>\n </a-select>\n <a-select defaultValue="Option2-2">\n <a-select-option value="Option2-1">Option2-1</a-select-option>\n <a-select-option value="Option2-2">Option2-2</a-select-option>\n </a-select>\n </a-input-group>\n <br/>\n <a-input-group compact="">\n <a-select defaultValue="1">\n <a-select-option value="1">Between</a-select-option>\n <a-select-option value="2">Except</a-select-option>\n </a-select>\n <a-input style=" width: 100px; text-align: center" placeholder="Minimum"/>\n <a-input style=" width: 30px; border-left: 0; pointer-events: none; backgroundColor: #fff" placeholder="~" disabled=""/>\n <a-input style="width: 100px; text-align: center; border-left: 0" placeholder="Maximum"/>\n </a-input-group>\n <br/>\n <a-input-group compact="">\n <a-select defaultValue="Sign Up">\n <a-select-option value="Sign Up">Sign Up</a-select-option>\n <a-select-option value="Sign In">Sign In</a-select-option>\n </a-select>\n <a-auto-complete :dataSource="dataSource" style="width: 200px" @change="handleChange" placeholder="Email"/>\n </a-input-group>\n <br/>\n <a-input-group compact="">\n <a-select style="width: 30%" defaultValue="Home">\n <a-select-option value="Home">Home</a-select-option>\n <a-select-option value="Company">Company</a-select-option>\n </a-select>\n <a-cascader style="width: 70%" :options="options" placeholder="Select Address"/>\n </a-input-group>\n </div>\n',script:"\n const options = [\n {\n value: 'zhejiang',\n label: 'Zhejiang',\n children: [\n {\n value: 'hangzhou',\n label: 'Hangzhou',\n children: [\n {\n value: 'xihu',\n label: 'West Lake',\n },\n ],\n },\n ],\n },\n {\n value: 'jiangsu',\n label: 'Jiangsu',\n children: [\n {\n value: 'nanjing',\n label: 'Nanjing',\n children: [\n {\n value: 'zhonghuamen',\n label: 'Zhong Hua Men',\n },\n ],\n },\n ],\n },\n ];\n export default {\n data() {\n return {\n options,\n dataSource: [],\n };\n },\n methods: {\n handleChange(value) {\n this.dataSource =\n !value || value.indexOf('@') >= 0\n ? []\n : [`${value}@gmail.com`, `${value}@163.com`, `${value}@qq.com`];\n },\n },\n };\n",style:null,us:"\n#### Input Group\nInput.Group example\nNote: You don't need `Col` to control the width in the `compact` mode.\n",cn:"\n#### 输入框组合\n输入框的组合展现。\n注意：使用 `compact` 模式时，不需要通过 `Col` 来控制宽度。\n",sourceCode:'<template>\n <div>\n <a-input-group size="large">\n <a-row :gutter="8">\n <a-col :span="5">\n <a-input defaultValue="0571" />\n </a-col>\n <a-col :span="8">\n <a-input defaultValue="26888888" />\n </a-col>\n </a-row>\n </a-input-group>\n <br />\n <a-input-group compact>\n <a-input style="width: 20%" defaultValue="0571" />\n <a-input style="width: 30%" defaultValue="26888888" />\n </a-input-group>\n <br />\n <a-input-group compact>\n <a-select defaultValue="Zhejiang">\n <a-select-option value="Zhejiang">Zhejiang</a-select-option>\n <a-select-option value="Jiangsu">Jiangsu</a-select-option>\n </a-select>\n <a-input style="width: 50%" defaultValue="Xihu District, Hangzhou" />\n </a-input-group>\n <br />\n <a-input-group compact>\n <a-select defaultValue="Option1">\n <a-select-option value="Option1">Option1</a-select-option>\n <a-select-option value="Option2">Option2</a-select-option>\n </a-select>\n <a-input style="width: 50%" defaultValue="input content" />\n </a-input-group>\n <br />\n <a-input-group compact>\n <a-input style="width: 50%" defaultValue="input content" />\n <a-date-picker style="width: 50%" />\n </a-input-group>\n <br />\n <a-input-group compact>\n <a-select defaultValue="Option1-1">\n <a-select-option value="Option1-1">Option1-1</a-select-option>\n <a-select-option value="Option1-2">Option1-2</a-select-option>\n </a-select>\n <a-select defaultValue="Option2-2">\n <a-select-option value="Option2-1">Option2-1</a-select-option>\n <a-select-option value="Option2-2">Option2-2</a-select-option>\n </a-select>\n </a-input-group>\n <br />\n <a-input-group compact>\n <a-select defaultValue="1">\n <a-select-option value="1">Between</a-select-option>\n <a-select-option value="2">Except</a-select-option>\n </a-select>\n <a-input style=" width: 100px; text-align: center" placeholder="Minimum" />\n <a-input\n style=" width: 30px; border-left: 0; pointer-events: none; backgroundColor: #fff"\n placeholder="~"\n disabled\n />\n <a-input style="width: 100px; text-align: center; border-left: 0" placeholder="Maximum" />\n </a-input-group>\n <br />\n <a-input-group compact>\n <a-select defaultValue="Sign Up">\n <a-select-option value="Sign Up">Sign Up</a-select-option>\n <a-select-option value="Sign In">Sign In</a-select-option>\n </a-select>\n <a-auto-complete\n :dataSource="dataSource"\n style="width: 200px"\n @change="handleChange"\n placeholder="Email"\n />\n </a-input-group>\n <br />\n <a-input-group compact>\n <a-select style="width: 30%" defaultValue="Home">\n <a-select-option value="Home">Home</a-select-option>\n <a-select-option value="Company">Company</a-select-option>\n </a-select>\n <a-cascader style="width: 70%" :options="options" placeholder="Select Address" />\n </a-input-group>\n </div>\n</template>\n<script>\n const options = [\n {\n value: \'zhejiang\',\n label: \'Zhejiang\',\n children: [\n {\n value: \'hangzhou\',\n label: \'Hangzhou\',\n children: [\n {\n value: \'xihu\',\n label: \'West Lake\',\n },\n ],\n },\n ],\n },\n {\n value: \'jiangsu\',\n label: \'Jiangsu\',\n children: [\n {\n value: \'nanjing\',\n label: \'Nanjing\',\n children: [\n {\n value: \'zhonghuamen\',\n label: \'Zhong Hua Men\',\n },\n ],\n },\n ],\n },\n ];\n export default {\n data() {\n return {\n options,\n dataSource: [],\n };\n },\n methods: {\n handleChange(value) {\n this.dataSource =\n !value || value.indexOf(\'@\') >= 0\n ? []\n : [`${value}@gmail.com`, `${value}@163.com`, `${value}@qq.com`];\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-input-group",{attrs:{size:"large"}},[a("a-row",{attrs:{gutter:8}},[a("a-col",{attrs:{span:5}},[a("a-input",{attrs:{defaultValue:"0571"}})],1),t._v(" "),a("a-col",{attrs:{span:8}},[a("a-input",{attrs:{defaultValue:"26888888"}})],1)],1)],1),t._v(" "),a("br"),t._v(" "),a("a-input-group",{attrs:{compact:""}},[a("a-input",{staticStyle:{width:"20%"},attrs:{defaultValue:"0571"}}),t._v(" "),a("a-input",{staticStyle:{width:"30%"},attrs:{defaultValue:"26888888"}})],1),t._v(" "),a("br"),t._v(" "),a("a-input-group",{attrs:{compact:""}},[a("a-select",{attrs:{defaultValue:"Zhejiang"}},[a("a-select-option",{attrs:{value:"Zhejiang"}},[t._v("Zhejiang")]),t._v(" "),a("a-select-option",{attrs:{value:"Jiangsu"}},[t._v("Jiangsu")])],1),t._v(" "),a("a-input",{staticStyle:{width:"50%"},attrs:{defaultValue:"Xihu District, Hangzhou"}})],1),t._v(" "),a("br"),t._v(" "),a("a-input-group",{attrs:{compact:""}},[a("a-select",{attrs:{defaultValue:"Option1"}},[a("a-select-option",{attrs:{value:"Option1"}},[t._v("Option1")]),t._v(" "),a("a-select-option",{attrs:{value:"Option2"}},[t._v("Option2")])],1),t._v(" "),a("a-input",{staticStyle:{width:"50%"},attrs:{defaultValue:"input content"}})],1),t._v(" "),a("br"),t._v(" "),a("a-input-group",{attrs:{compact:""}},[a("a-input",{staticStyle:{width:"50%"},attrs:{defaultValue:"input content"}}),t._v(" "),a("a-date-picker",{staticStyle:{width:"50%"}})],1),t._v(" "),a("br"),t._v(" "),a("a-input-group",{attrs:{compact:""}},[a("a-select",{attrs:{defaultValue:"Option1-1"}},[a("a-select-option",{attrs:{value:"Option1-1"}},[t._v("Option1-1")]),t._v(" "),a("a-select-option",{attrs:{value:"Option1-2"}},[t._v("Option1-2")])],1),t._v(" "),a("a-select",{attrs:{defaultValue:"Option2-2"}},[a("a-select-option",{attrs:{value:"Option2-1"}},[t._v("Option2-1")]),t._v(" "),a("a-select-option",{attrs:{value:"Option2-2"}},[t._v("Option2-2")])],1)],1),t._v(" "),a("br"),t._v(" "),a("a-input-group",{attrs:{compact:""}},[a("a-select",{attrs:{defaultValue:"1"}},[a("a-select-option",{attrs:{value:"1"}},[t._v("Between")]),t._v(" "),a("a-select-option",{attrs:{value:"2"}},[t._v("Except")])],1),t._v(" "),a("a-input",{staticStyle:{width:"100px","text-align":"center"},attrs:{placeholder:"Minimum"}}),t._v(" "),a("a-input",{staticStyle:{width:"30px","border-left":"0","pointer-events":"none",backgroundColor:"#fff"},attrs:{placeholder:"~",disabled:""}}),t._v(" "),a("a-input",{staticStyle:{width:"100px","text-align":"center","border-left":"0"},attrs:{placeholder:"Maximum"}})],1),t._v(" "),a("br"),t._v(" "),a("a-input-group",{attrs:{compact:""}},[a("a-select",{attrs:{defaultValue:"Sign Up"}},[a("a-select-option",{attrs:{value:"Sign Up"}},[t._v("Sign Up")]),t._v(" "),a("a-select-option",{attrs:{value:"Sign In"}},[t._v("Sign In")])],1),t._v(" "),a("a-auto-complete",{staticStyle:{width:"200px"},attrs:{dataSource:t.dataSource,placeholder:"Email"},on:{change:t.handleChange}})],1),t._v(" "),a("br"),t._v(" "),a("a-input-group",{attrs:{compact:""}},[a("a-select",{staticStyle:{width:"30%"},attrs:{defaultValue:"Home"}},[a("a-select-option",{attrs:{value:"Home"}},[t._v("Home")]),t._v(" "),a("a-select-option",{attrs:{value:"Company"}},[t._v("Company")])],1),t._v(" "),a("a-cascader",{staticStyle:{width:"70%"},attrs:{options:t.options,placeholder:"Select Address"}})],1)],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"输入框组合"}},[t._v("输入框组合 "),a("a",{staticClass:"anchor",attrs:{href:"#输入框组合"}},[t._v("#")])]),t._v(" "),a("p",[t._v("输入框的组合展现。"),a("br"),t._v("\n注意：使用 "),a("code",[t._v("compact")]),t._v(" 模式时，不需要通过 "),a("code",[t._v("Col")]),t._v(" 来控制宽度。"),a("br")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Input-Group"}},[t._v("Input Group "),a("a",{staticClass:"anchor",attrs:{href:"#Input-Group"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Input.Group example"),a("br"),t._v("\nNote: You don't need "),a("code",[t._v("Col")]),t._v(" to control the width in the "),a("code",[t._v("compact")]),t._v(" mode."),a("br")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"large"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":gutter")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"8"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"5"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"0571"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"8"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"26888888"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("compact")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 20%"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"0571"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 30%"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"26888888"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("compact")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Zhejiang"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Zhejiang"')]),t._v(">")]),t._v("Zhejiang"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Jiangsu"')]),t._v(">")]),t._v("Jiangsu"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 50%"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Xihu District, Hangzhou"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("compact")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option1"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option1"')]),t._v(">")]),t._v("Option1"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option2"')]),t._v(">")]),t._v("Option2"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 50%"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"input content"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("compact")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 50%"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"input content"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-date-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 50%"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("compact")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option1-1"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option1-1"')]),t._v(">")]),t._v("Option1-1"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option1-2"')]),t._v(">")]),t._v("Option1-2"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option2-2"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option2-1"')]),t._v(">")]),t._v("Option2-1"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Option2-2"')]),t._v(">")]),t._v("Option2-2"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("compact")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v(">")]),t._v("Between"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"2"')]),t._v(">")]),t._v("Except"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('" width: 100px; text-align: center"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Minimum"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('" width: 30px; border-left: 0; pointer-events: none; backgroundColor: #fff"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"~"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("disabled")]),t._v("\n />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 100px; text-align: center; border-left: 0"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Maximum"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("compact")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Sign Up"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Sign Up"')]),t._v(">")]),t._v("Sign Up"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Sign In"')]),t._v(">")]),t._v("Sign In"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-auto-complete")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":dataSource")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"dataSource"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 200px"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"handleChange"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Email"')]),t._v("\n />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("compact")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 30%"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Home"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Home"')]),t._v(">")]),t._v("Home"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Company"')]),t._v(">")]),t._v("Company"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-cascader")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 70%"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":options")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"options"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Select Address"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("const")]),t._v(" options = [\n {\n "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'zhejiang'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("label")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'Zhejiang'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("children")]),t._v(": [\n {\n "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'hangzhou'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("label")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'Hangzhou'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("children")]),t._v(": [\n {\n "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'xihu'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("label")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'West Lake'")]),t._v(",\n },\n ],\n },\n ],\n },\n {\n "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'jiangsu'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("label")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'Jiangsu'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("children")]),t._v(": [\n {\n "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'nanjing'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("label")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'Nanjing'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("children")]),t._v(": [\n {\n "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'zhonghuamen'")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("label")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("'Zhong Hua Men'")]),t._v(",\n },\n ],\n },\n ],\n },\n ];\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n options,\n "),a("span",{staticClass:"hljs-attr"},[t._v("dataSource")]),t._v(": [],\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n handleChange(value) {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".dataSource =\n !value || value.indexOf("),a("span",{staticClass:"hljs-string"},[t._v("'@'")]),t._v(") >= "),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v("\n ? []\n : ["),a("span",{staticClass:"hljs-string"},[t._v("`"),a("span",{staticClass:"hljs-subst"},[t._v("${value}")]),t._v("@gmail.com`")]),t._v(", "),a("span",{staticClass:"hljs-string"},[t._v("`"),a("span",{staticClass:"hljs-subst"},[t._v("${value}")]),t._v("@163.com`")]),t._v(", "),a("span",{staticClass:"hljs-string"},[t._v("`"),a("span",{staticClass:"hljs-subst"},[t._v("${value}")]),t._v("@qq.com`")]),t._v("];\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};b._withStripped=!0;var x=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}],y={data:function(){return{options:x,dataSource:[]}},methods:{handleChange:function(t){this.dataSource=!t||t.indexOf("@")>=0?[]:[t+"@gmail.com",t+"@163.com",t+"@qq.com"]}}},w=Object(e.a)(y,b,[],!1,null,null,null);w.options.__file="components/input/demo/group.md";var I=w.exports,S=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-textarea placeholder="Basic usage" :rows="4"/>\n',script:null,style:null,us:"\n#### TextArea\nFor multi-line input.\n",cn:"\n#### 文本域\n用于多行输入。\n",sourceCode:'<template>\n <a-textarea placeholder="Basic usage" :rows="4" />\n</template>\n'}}},[a("template",{slot:"component"},[a("a-textarea",{attrs:{placeholder:"Basic usage",rows:4}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"文本域"}},[t._v("文本域 "),a("a",{staticClass:"anchor",attrs:{href:"#文本域"}},[t._v("#")])]),t._v(" "),a("p",[t._v("用于多行输入。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"TextArea"}},[t._v("TextArea "),a("a",{staticClass:"anchor",attrs:{href:"#TextArea"}},[t._v("#")])]),t._v(" "),a("p",[t._v("For multi-line input.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-textarea")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Basic usage"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":rows")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"4"')]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};S._withStripped=!0;var z=Object(e.a)({},S,[],!1,null,null,null);z.options.__file="components/input/demo/textarea.md";var A=z.exports,V=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-input placeholder="input with clear icon" allowClear="" @change="onChange"/>\n',script:"\n export default {\n methods: {\n onChange(e) {\n console.log(e);\n },\n },\n };\n",style:null,us:"\n#### With clear icon\nInput type of password.\n",cn:"\n#### 带移除图标\n带移除图标的输入框，点击图标删除所有内容。\n",sourceCode:'<template>\n <a-input placeholder="input with clear icon" allowClear @change="onChange" />\n</template>\n<script>\n export default {\n methods: {\n onChange(e) {\n console.log(e);\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("a-input",{attrs:{placeholder:"input with clear icon",allowClear:""},on:{change:t.onChange}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"带移除图标"}},[t._v("带移除图标 "),a("a",{staticClass:"anchor",attrs:{href:"#带移除图标"}},[t._v("#")])]),t._v(" "),a("p",[t._v("带移除图标的输入框，点击图标删除所有内容。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"With-clear-icon"}},[t._v("With clear icon "),a("a",{staticClass:"anchor",attrs:{href:"#With-clear-icon"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Input type of password.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"input with clear icon"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("allowClear")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n onChange(e) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(e);\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};V._withStripped=!0;var O={methods:{onChange:function(t){console.log(t)}}},T=Object(e.a)(O,V,[],!1,null,null,null);T.options.__file="components/input/demo/allowClear.md";var E=T.exports,N=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-input-password placeholder="input password"/>\n',script:null,style:null,us:"\n#### Password box\nInput type of password and added in 1.4.0.\n",cn:"\n#### 密码框\n密码框,版本 1.4.0 中新增。\n",sourceCode:'<template>\n <a-input-password placeholder="input password" />\n</template>\n'}}},[a("template",{slot:"component"},[a("a-input-password",{attrs:{placeholder:"input password"}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"密码框"}},[t._v("密码框 "),a("a",{staticClass:"anchor",attrs:{href:"#密码框"}},[t._v("#")])]),t._v(" "),a("p",[t._v("密码框,版本 1.4.0 中新增。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Password-box"}},[t._v("Password box "),a("a",{staticClass:"anchor",attrs:{href:"#Password-box"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Input type of password and added in 1.4.0.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-password")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"input password"')]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};N._withStripped=!0;var k=Object(e.a)({},N,[],!1,null,null,null);k.options.__file="components/input/demo/password-input.md";var B=k.exports,H=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <div style="margin-bottom: 16px">\n <a-input addonBefore="Http://" addonAfter=".com" defaultValue="mysite"/>\n </div>\n <div style="margin-bottom: 16px">\n <a-input defaultValue="mysite">\n <a-select slot="addonBefore" defaultValue="Http://" style="width: 90px">\n <a-select-option value="Http://">Http://</a-select-option>\n <a-select-option value="Https://">Https://</a-select-option>\n </a-select>\n <a-select slot="addonAfter" defaultValue=".com" style="width: 80px">\n <a-select-option value=".com">.com</a-select-option>\n <a-select-option value=".jp">.jp</a-select-option>\n <a-select-option value=".cn">.cn</a-select-option>\n <a-select-option value=".org">.org</a-select-option>\n </a-select>\n </a-input>\n </div>\n <div style="margin-bottom: 16px">\n <a-input defaultValue="mysite">\n <a-icon slot="addonAfter" type="setting"/>\n </a-input>\n </div>\n </div>\n',script:null,style:null,us:"\n#### Pre / Post tab\nUsing pre & post tabs example.\n",cn:"\n#### 前置/后置标签\n用于配置一些固定组合。\n",sourceCode:'<template>\n <div>\n <div style="margin-bottom: 16px">\n <a-input addonBefore="Http://" addonAfter=".com" defaultValue="mysite" />\n </div>\n <div style="margin-bottom: 16px">\n <a-input defaultValue="mysite">\n <a-select slot="addonBefore" defaultValue="Http://" style="width: 90px">\n <a-select-option value="Http://">Http://</a-select-option>\n <a-select-option value="Https://">Https://</a-select-option>\n </a-select>\n <a-select slot="addonAfter" defaultValue=".com" style="width: 80px">\n <a-select-option value=".com">.com</a-select-option>\n <a-select-option value=".jp">.jp</a-select-option>\n <a-select-option value=".cn">.cn</a-select-option>\n <a-select-option value=".org">.org</a-select-option>\n </a-select>\n </a-input>\n </div>\n <div style="margin-bottom: 16px">\n <a-input defaultValue="mysite">\n <a-icon slot="addonAfter" type="setting" />\n </a-input>\n </div>\n </div>\n</template>\n'}}},[a("template",{slot:"component"},[a("div",[a("div",{staticStyle:{"margin-bottom":"16px"}},[a("a-input",{attrs:{addonBefore:"Http://",addonAfter:".com",defaultValue:"mysite"}})],1),t._v(" "),a("div",{staticStyle:{"margin-bottom":"16px"}},[a("a-input",{attrs:{defaultValue:"mysite"}},[a("a-select",{staticStyle:{width:"90px"},attrs:{slot:"addonBefore",defaultValue:"Http://"},slot:"addonBefore"},[a("a-select-option",{attrs:{value:"Http://"}},[t._v("Http://")]),t._v(" "),a("a-select-option",{attrs:{value:"Https://"}},[t._v("Https://")])],1),t._v(" "),a("a-select",{staticStyle:{width:"80px"},attrs:{slot:"addonAfter",defaultValue:".com"},slot:"addonAfter"},[a("a-select-option",{attrs:{value:".com"}},[t._v(".com")]),t._v(" "),a("a-select-option",{attrs:{value:".jp"}},[t._v(".jp")]),t._v(" "),a("a-select-option",{attrs:{value:".cn"}},[t._v(".cn")]),t._v(" "),a("a-select-option",{attrs:{value:".org"}},[t._v(".org")])],1)],1)],1),t._v(" "),a("div",{staticStyle:{"margin-bottom":"16px"}},[a("a-input",{attrs:{defaultValue:"mysite"}},[a("a-icon",{attrs:{slot:"addonAfter",type:"setting"},slot:"addonAfter"})],1)],1)])]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"前置/后置标签"}},[t._v("前置/后置标签 "),a("a",{staticClass:"anchor",attrs:{href:"#前置/后置标签"}},[t._v("#")])]),t._v(" "),a("p",[t._v("用于配置一些固定组合。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Pre-/-Post-tab"}},[t._v("Pre / Post tab "),a("a",{staticClass:"anchor",attrs:{href:"#Pre-/-Post-tab"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Using pre & post tabs example.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-bottom: 16px"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("addonBefore")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Http://"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("addonAfter")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('".com"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"mysite"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-bottom: 16px"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"mysite"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"addonBefore"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Http://"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 90px"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Http://"')]),t._v(">")]),t._v("Http://"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Https://"')]),t._v(">")]),t._v("Https://"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"addonAfter"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('".com"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 80px"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('".com"')]),t._v(">")]),t._v(".com"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('".jp"')]),t._v(">")]),t._v(".jp"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('".cn"')]),t._v(">")]),t._v(".cn"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('".org"')]),t._v(">")]),t._v(".org"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select-option")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-select")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"margin-bottom: 16px"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"mysite"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"addonAfter"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"setting"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};H._withStripped=!0;var $=Object(e.a)({},H,[],!1,null,null,null);$.options.__file="components/input/demo/addon.md";var P=$.exports,D=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-tooltip :trigger="[\'focus\']" placement="topLeft" overlayClassName="numeric-input">\n <span slot="title" v-if="value" class="numeric-input-title">\n {{value !== \'-\' ? formatNumber(value) : \'-\'}}\n </span>\n <template slot="title" v-else="">\n Input a number\n </template>\n <a-input :value="value" @change="onChange" @blur="onBlur" placeholder="Input a number" :maxLength="25" style="width: 120px"/>\n </a-tooltip>\n',script:"\n function formatNumber(value) {\n value += '';\n const list = value.split('.');\n const prefix = list[0].charAt(0) === '-' ? '-' : '';\n let num = prefix ? list[0].slice(1) : list[0];\n let result = '';\n while (num.length > 3) {\n result = `,${num.slice(-3)}${result}`;\n num = num.slice(0, num.length - 3);\n }\n if (num) {\n result = num + result;\n }\n return `${prefix}${result}${list[1] ? `.${list[1]}` : ''}`;\n }\n\n export default {\n data() {\n return {\n value: '',\n };\n },\n methods: {\n formatNumber,\n onChange(e) {\n const { value } = e.target;\n const reg = /^-?(0|[1-9][0-9]*)(\\.[0-9]*)?$/;\n if ((!isNaN(value) && reg.test(value)) || value === '' || value === '-') {\n this.value = value;\n }\n },\n // '.' at the end or only '-' in the input box.\n onBlur() {\n const { value, onChange } = this;\n if (value.charAt(value.length - 1) === '.' || value === '-') {\n onChange({ value: value.slice(0, -1) });\n }\n },\n },\n };\n",style:"\n /* to prevent the arrow overflow the popup container,\nor the height is not enough when content is empty */\n .numeric-input .ant-tooltip-inner {\n min-width: 32px;\n min-height: 37px;\n }\n\n .numeric-input .numeric-input-title {\n font-size: 14px;\n }\n",us:"\n#### Format Tooltip Input\nYou can use the Input in conjunction with [Tooltip](/components/tooltip/) component to create a Numeric Input, which can provide a good experience for extra-long content display.\n",cn:"\n#### 输入时格式化展示\n结合 [Tooltip](/components/tooltip-cn/) 组件，实现一个数值输入框，方便内容超长时的全量展现。\n",sourceCode:"<template>\n <a-tooltip :trigger=\"['focus']\" placement=\"topLeft\" overlayClassName=\"numeric-input\">\n <span slot=\"title\" v-if=\"value\" class=\"numeric-input-title\">\n {{value !== '-' ? formatNumber(value) : '-'}}\n </span>\n <template slot=\"title\" v-else>\n Input a number\n </template>\n <a-input\n :value=\"value\"\n @change=\"onChange\"\n @blur=\"onBlur\"\n placeholder=\"Input a number\"\n :maxLength=\"25\"\n style=\"width: 120px\"\n />\n </a-tooltip>\n</template>\n<script>\n function formatNumber(value) {\n value += '';\n const list = value.split('.');\n const prefix = list[0].charAt(0) === '-' ? '-' : '';\n let num = prefix ? list[0].slice(1) : list[0];\n let result = '';\n while (num.length > 3) {\n result = `,${num.slice(-3)}${result}`;\n num = num.slice(0, num.length - 3);\n }\n if (num) {\n result = num + result;\n }\n return `${prefix}${result}${list[1] ? `.${list[1]}` : ''}`;\n }\n\n export default {\n data() {\n return {\n value: '',\n };\n },\n methods: {\n formatNumber,\n onChange(e) {\n const { value } = e.target;\n const reg = /^-?(0|[1-9][0-9]*)(\\.[0-9]*)?$/;\n if ((!isNaN(value) && reg.test(value)) || value === '' || value === '-') {\n this.value = value;\n }\n },\n // '.' at the end or only '-' in the input box.\n onBlur() {\n const { value, onChange } = this;\n if (value.charAt(value.length - 1) === '.' || value === '-') {\n onChange({ value: value.slice(0, -1) });\n }\n },\n },\n };\n<\/script>\n<style>\n /* to prevent the arrow overflow the popup container,\nor the height is not enough when content is empty */\n .numeric-input .ant-tooltip-inner {\n min-width: 32px;\n min-height: 37px;\n }\n\n .numeric-input .numeric-input-title {\n font-size: 14px;\n }\n</style>\n"}}},[a("template",{slot:"component"},[a("a-tooltip",{attrs:{trigger:["focus"],placement:"topLeft",overlayClassName:"numeric-input"}},[t.value?a("span",{staticClass:"numeric-input-title",attrs:{slot:"title"},slot:"title"},[t._v("\n "+t._s("-"!==t.value?t.formatNumber(t.value):"-")+"\n ")]):a("template",{slot:"title"},[t._v("\n Input a number\n ")]),t._v(" "),a("a-input",{staticStyle:{width:"120px"},attrs:{value:t.value,placeholder:"Input a number",maxLength:25},on:{change:t.onChange,blur:t.onBlur}})],2)],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"输入时格式化展示"}},[t._v("输入时格式化展示 "),a("a",{staticClass:"anchor",attrs:{href:"#输入时格式化展示"}},[t._v("#")])]),t._v(" "),a("p",[t._v("结合 "),a("a",{attrs:{href:"/components/tooltip-cn/"}},[t._v("Tooltip")]),t._v(" 组件，实现一个数值输入框，方便内容超长时的全量展现。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Format-Tooltip-Input"}},[t._v("Format Tooltip Input "),a("a",{staticClass:"anchor",attrs:{href:"#Format-Tooltip-Input"}},[t._v("#")])]),t._v(" "),a("p",[t._v("You can use the Input in conjunction with "),a("a",{attrs:{href:"/components/tooltip/"}},[t._v("Tooltip")]),t._v(" component to create a Numeric Input, which can provide a good experience for extra-long content display.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-tooltip")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":trigger")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"['focus']\"")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("placement")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"topLeft"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("overlayClassName")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"numeric-input"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"title"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-if")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("class")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"numeric-input-title"')]),t._v(">")]),t._v("\n "),a("span",[t._v("{{")]),t._v("value !== '-' ? formatNumber(value) : '-'"),a("span",[t._v("}}")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"title"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-else")]),t._v(">")]),t._v("\n Input a number\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("@blur")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onBlur"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("placeholder")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"Input a number"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":maxLength")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"25"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"width: 120px"')]),t._v("\n />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-tooltip")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-function"},[a("span",{staticClass:"hljs-keyword"},[t._v("function")]),t._v(" "),a("span",{staticClass:"hljs-title"},[t._v("formatNumber")]),t._v("("),a("span",{staticClass:"hljs-params"},[t._v("value")]),t._v(") ")]),t._v("{\n value += "),a("span",{staticClass:"hljs-string"},[t._v("''")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("const")]),t._v(" list = value.split("),a("span",{staticClass:"hljs-string"},[t._v("'.'")]),t._v(");\n "),a("span",{staticClass:"hljs-keyword"},[t._v("const")]),t._v(" prefix = list["),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v("].charAt("),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v(") === "),a("span",{staticClass:"hljs-string"},[t._v("'-'")]),t._v(" ? "),a("span",{staticClass:"hljs-string"},[t._v("'-'")]),t._v(" : "),a("span",{staticClass:"hljs-string"},[t._v("''")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("let")]),t._v(" num = prefix ? list["),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v("].slice("),a("span",{staticClass:"hljs-number"},[t._v("1")]),t._v(") : list["),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v("];\n "),a("span",{staticClass:"hljs-keyword"},[t._v("let")]),t._v(" result = "),a("span",{staticClass:"hljs-string"},[t._v("''")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("while")]),t._v(" (num.length > "),a("span",{staticClass:"hljs-number"},[t._v("3")]),t._v(") {\n result = "),a("span",{staticClass:"hljs-string"},[t._v("`,"),a("span",{staticClass:"hljs-subst"},[t._v("${num.slice("),a("span",{staticClass:"hljs-number"},[t._v("-3")]),t._v(")}")]),a("span",{staticClass:"hljs-subst"},[t._v("${result}")]),t._v("`")]),t._v(";\n num = num.slice("),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v(", num.length - "),a("span",{staticClass:"hljs-number"},[t._v("3")]),t._v(");\n }\n "),a("span",{staticClass:"hljs-keyword"},[t._v("if")]),t._v(" (num) {\n result = num + result;\n }\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("`"),a("span",{staticClass:"hljs-subst"},[t._v("${prefix}")]),a("span",{staticClass:"hljs-subst"},[t._v("${result}")]),a("span",{staticClass:"hljs-subst"},[t._v("${list["),a("span",{staticClass:"hljs-number"},[t._v("1")]),t._v("] ? "),a("span",{staticClass:"hljs-string"},[t._v("`."),a("span",{staticClass:"hljs-subst"},[t._v("${list["),a("span",{staticClass:"hljs-number"},[t._v("1")]),t._v("]}")]),t._v("`")]),t._v(" : "),a("span",{staticClass:"hljs-string"},[t._v("''")]),t._v("}")]),t._v("`")]),t._v(";\n }\n\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": "),a("span",{staticClass:"hljs-string"},[t._v("''")]),t._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n formatNumber,\n onChange(e) {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("const")]),t._v(" { value } = e.target;\n "),a("span",{staticClass:"hljs-keyword"},[t._v("const")]),t._v(" reg = "),a("span",{staticClass:"hljs-regexp"},[t._v("/^-?(0|[1-9][0-9]*)(\\.[0-9]*)?$/")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("if")]),t._v(" ((!"),a("span",{staticClass:"hljs-built_in"},[t._v("isNaN")]),t._v("(value) && reg.test(value)) || value === "),a("span",{staticClass:"hljs-string"},[t._v("''")]),t._v(" || value === "),a("span",{staticClass:"hljs-string"},[t._v("'-'")]),t._v(") {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".value = value;\n }\n },\n "),a("span",{staticClass:"hljs-comment"},[t._v("// '.' at the end or only '-' in the input box.")]),t._v("\n onBlur() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("const")]),t._v(" { value, onChange } = "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("if")]),t._v(" (value.charAt(value.length - "),a("span",{staticClass:"hljs-number"},[t._v("1")]),t._v(") === "),a("span",{staticClass:"hljs-string"},[t._v("'.'")]),t._v(" || value === "),a("span",{staticClass:"hljs-string"},[t._v("'-'")]),t._v(") {\n onChange({ "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": value.slice("),a("span",{staticClass:"hljs-number"},[t._v("0")]),t._v(", "),a("span",{staticClass:"hljs-number"},[t._v("-1")]),t._v(") });\n }\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(">")]),a("span",{staticClass:"css"},[t._v("\n "),a("span",{staticClass:"hljs-comment"},[t._v("/* to prevent the arrow overflow the popup container,\nor the height is not enough when content is empty */")]),t._v("\n "),a("span",{staticClass:"hljs-selector-class"},[t._v(".numeric-input")]),t._v(" "),a("span",{staticClass:"hljs-selector-class"},[t._v(".ant-tooltip-inner")]),t._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[t._v("min-width")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("32px")]),t._v(";\n "),a("span",{staticClass:"hljs-attribute"},[t._v("min-height")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("37px")]),t._v(";\n }\n\n "),a("span",{staticClass:"hljs-selector-class"},[t._v(".numeric-input")]),t._v(" "),a("span",{staticClass:"hljs-selector-class"},[t._v(".numeric-input-title")]),t._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[t._v("font-size")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("14px")]),t._v(";\n }\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(">")]),t._v("\n")])])])],2)]],2)};D._withStripped=!0;var Z={data:function(){return{value:""}},methods:{formatNumber:function(t){for(var s=(t+="").split("."),a="-"===s[0].charAt(0)?"-":"",n=a?s[0].slice(1):s[0],e="";n.length>3;)e=","+n.slice(-3)+e,n=n.slice(0,n.length-3);return n&&(e=n+e),""+a+e+(s[1]?"."+s[1]:"")},onChange:function(t){var s=t.target.value;(!isNaN(s)&&/^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/.test(s)||""===s||"-"===s)&&(this.value=s)},onBlur:function(){var t=this.value,s=this.onChange;"."!==t.charAt(t.length-1)&&"-"!==t||s({value:t.slice(0,-1)})}}},M=(a(1306),Object(e.a)(Z,D,[],!1,null,null,null));M.options.__file="components/input/demo/tooltip.md";var U=M.exports,W=function(){var t=this.$createElement;this._self._c;return this._m(0)};W._withStripped=!0;var L=Object(e.a)({},W,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("h3",{attrs:{id:"Input"}},[t._v("Input "),a("a",{staticClass:"anchor",attrs:{href:"#Input"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("addonAfter")]),t._v(" "),a("td",[t._v("带标签的 input，设置后置标签")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("addonBefore")]),t._v(" "),a("td",[t._v("带标签的 input，设置前置标签")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("输入框默认内容")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用状态，默认为 false")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("id")]),t._v(" "),a("td",[t._v("输入框的 id")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("prefix")]),t._v(" "),a("td",[t._v("带有前缀图标的 input")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("控件大小。注：标准表单内的输入框大小限制为 "),a("code",{pre:!0},[t._v("large")]),t._v("。可选 "),a("code",{pre:!0},[t._v("large")]),t._v(" "),a("code",{pre:!0},[t._v("default")]),t._v(" "),a("code",{pre:!0},[t._v("small")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("default")])])]),t._v(" "),a("tr",[a("td",[t._v("suffix")]),t._v(" "),a("td",[t._v("带有后缀图标的 input")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("声明 input 类型，同原生 input 标签的 type 属性，见："),a("a",{attrs:{href:"https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#%E5%B1%9E%E6%80%A7"}},[t._v("MDN")]),t._v("(请直接使用 "),a("code",{pre:!0},[t._v("Input.TextArea")]),t._v(" 代替 "),a("code",{pre:!0},[t._v('type="textarea"')]),t._v(")。")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("text")])])]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("输入框内容")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("allowClear")]),t._v(" "),a("td",[t._v("可以点击清除图标删除内容")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td")])])]),t._v(" "),a("h3",{attrs:{id:"Input-事件"}},[t._v("Input 事件 "),a("a",{staticClass:"anchor",attrs:{href:"#Input-事件"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("事件名称")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("回调参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("输入框内容变化时的回调")]),t._v(" "),a("td",[t._v("function(e)")])]),t._v(" "),a("tr",[a("td",[t._v("pressEnter")]),t._v(" "),a("td",[t._v("按下回车的回调")]),t._v(" "),a("td",[t._v("function(e)")])])])]),t._v(" "),a("blockquote",[a("p",[t._v("如果 "),a("code",{pre:!0},[t._v("Input")]),t._v(" 在 "),a("code",{pre:!0},[t._v("Form.Item")]),t._v(" 内，并且 "),a("code",{pre:!0},[t._v("Form.Item")]),t._v(" 设置了 "),a("code",{pre:!0},[t._v("id")]),t._v(" 和 "),a("code",{pre:!0},[t._v("options")]),t._v(" 属性，则 "),a("code",{pre:!0},[t._v("value")]),t._v(" "),a("code",{pre:!0},[t._v("defaultValue")]),t._v(" 和 "),a("code",{pre:!0},[t._v("id")]),t._v(" 属性会被自动设置。")])]),t._v(" "),a("h3",{attrs:{id:"Input.TextArea"}},[t._v("Input.TextArea "),a("a",{staticClass:"anchor",attrs:{href:"#Input.TextArea"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("autosize")]),t._v(" "),a("td",[t._v("自适应内容高度，可设置为 "),a("code",{pre:!0},[t._v("true|false")]),t._v(" 或对象："),a("code",{pre:!0},[t._v("{ minRows: 2, maxRows: 6 }")])]),t._v(" "),a("td",[t._v("boolean|object")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("输入框默认内容")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("输入框内容")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")])])]),t._v(" "),a("h3",{attrs:{id:"Input.TextArea-事件"}},[t._v("Input.TextArea 事件 "),a("a",{staticClass:"anchor",attrs:{href:"#Input.TextArea-事件"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("事件名称")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("回调参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("pressEnter")]),t._v(" "),a("td",[t._v("按下回车的回调")]),t._v(" "),a("td",[t._v("function(e)")])])])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("Input.TextArea")]),t._v(" 的其他属性和浏览器自带的 "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea"}},[t._v("textarea")]),t._v(" 一致。")]),t._v(" "),a("h4",{attrs:{id:"Input.Search"}},[t._v("Input.Search "),a("a",{staticClass:"anchor",attrs:{href:"#Input.Search"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("enterButton")]),t._v(" "),a("td",[t._v("是否有确认按钮，可设为按钮文字。该属性会与 addon 冲突。")]),t._v(" "),a("td",[t._v("boolean|slot")]),t._v(" "),a("td",[t._v("false")])])])]),t._v(" "),a("h3",{attrs:{id:"Input.Search-事件"}},[t._v("Input.Search 事件 "),a("a",{staticClass:"anchor",attrs:{href:"#Input.Search-事件"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("事件名称")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("回调参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("search")]),t._v(" "),a("td",[t._v("点击搜索或按下回车键时的回调")]),t._v(" "),a("td",[t._v("function(value, event)")])])])]),t._v(" "),a("p",[t._v("其余属性和 Input 一致。")]),t._v(" "),a("h4",{attrs:{id:"Input.Group"}},[t._v("Input.Group "),a("a",{staticClass:"anchor",attrs:{href:"#Input.Group"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("compact")]),t._v(" "),a("td",[t._v("是否用紧凑模式")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("Input.Group")]),t._v(" 中所有的 "),a("code",{pre:!0},[t._v("Input")]),t._v(" 的大小，可选 "),a("code",{pre:!0},[t._v("large")]),t._v(" "),a("code",{pre:!0},[t._v("default")]),t._v(" "),a("code",{pre:!0},[t._v("small")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("default")])])])])]),t._v(" "),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-input")]),t._v(" />")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-input")]),t._v(" />")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-input-group")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("h4",{attrs:{id:"Input.Password-(1.14.0-中新增)"}},[t._v("Input.Password (1.14.0 中新增) "),a("a",{staticClass:"anchor",attrs:{href:"#Input.Password-(1.14.0-中新增)"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("visibilityToggle")]),t._v(" "),a("td",[t._v("是否显示切换按钮")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("true")])])])])])}],!1,null,null,null);L.options.__file="components/input/index.zh-CN.md";var G=L.exports,J=function(){var t=this.$createElement;this._self._c;return this._m(0)};J._withStripped=!0;var R=Object(e.a)({},J,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("h3",{attrs:{id:"Input"}},[t._v("Input "),a("a",{staticClass:"anchor",attrs:{href:"#Input"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("addonAfter")]),t._v(" "),a("td",[t._v("The label text displayed after (on the right side of) the input field.")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("addonBefore")]),t._v(" "),a("td",[t._v("The label text displayed before (on the left side of) the input field.")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("The initial input content")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("Whether the input is disabled.")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("id")]),t._v(" "),a("td",[t._v("The ID for input")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("prefix")]),t._v(" "),a("td",[t._v("The prefix icon for the Input.")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("The size of the input box. Note: in the context of a form, the "),a("code",{pre:!0},[t._v("large")]),t._v(" size is used. Available: "),a("code",{pre:!0},[t._v("large")]),t._v(" "),a("code",{pre:!0},[t._v("default")]),t._v(" "),a("code",{pre:!0},[t._v("small")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("default")])])]),t._v(" "),a("tr",[a("td",[t._v("suffix")]),t._v(" "),a("td",[t._v("The suffix icon for the Input.")]),t._v(" "),a("td",[t._v("string|slot")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("The type of input, see: "),a("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types"}},[t._v("MDN")]),t._v("(use "),a("code",{pre:!0},[t._v("Input.TextArea")]),t._v(" instead of "),a("code",{pre:!0},[t._v('type="textarea"')]),t._v(")")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("text")])])]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("The input content value")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("allowClear")]),t._v(" "),a("td",[t._v("allow to remove input content with clear icon")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td")])])]),t._v(" "),a("h3",{attrs:{id:"Input-Events"}},[t._v("Input Events "),a("a",{staticClass:"anchor",attrs:{href:"#Input-Events"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Arguments")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("callback when user input")]),t._v(" "),a("td",[t._v("function(e)")])]),t._v(" "),a("tr",[a("td",[t._v("pressEnter")]),t._v(" "),a("td",[t._v("The callback function that is triggered when Enter key is pressed.")]),t._v(" "),a("td",[t._v("function(e)")])])])]),t._v(" "),a("blockquote",[a("p",[t._v("When "),a("code",{pre:!0},[t._v("Input")]),t._v(" is used in a "),a("code",{pre:!0},[t._v("Form.Item")]),t._v(" context, if the "),a("code",{pre:!0},[t._v("Form.Item")]),t._v(" has the "),a("code",{pre:!0},[t._v("id")]),t._v(" and "),a("code",{pre:!0},[t._v("options")]),t._v(" props defined then "),a("code",{pre:!0},[t._v("value")]),t._v(", "),a("code",{pre:!0},[t._v("defaultValue")]),t._v(", and "),a("code",{pre:!0},[t._v("id")]),t._v(" props of "),a("code",{pre:!0},[t._v("Input")]),t._v(" are automatically set.")])]),t._v(" "),a("h3",{attrs:{id:"Input.TextArea"}},[t._v("Input.TextArea "),a("a",{staticClass:"anchor",attrs:{href:"#Input.TextArea"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("autosize")]),t._v(" "),a("td",[t._v("Height autosize feature, can be set to "),a("code",{pre:!0},[t._v("true|false")]),t._v(" or an object "),a("code",{pre:!0},[t._v("{ minRows: 2, maxRows: 6 }")])]),t._v(" "),a("td",[t._v("boolean|object")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("The initial input content")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("The input content value")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td")])])]),t._v(" "),a("h3",{attrs:{id:"Input.TextArea-Events"}},[t._v("Input.TextArea Events "),a("a",{staticClass:"anchor",attrs:{href:"#Input.TextArea-Events"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Arguments")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("pressEnter")]),t._v(" "),a("td",[t._v("The callback function that is triggered when Enter key is pressed.")]),t._v(" "),a("td",[t._v("function(e)")])])])]),t._v(" "),a("p",[t._v("The rest of the props of "),a("code",{pre:!0},[t._v("Input.TextArea")]),t._v(" are the same as the original "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea"}},[t._v("textarea")]),t._v(".")]),t._v(" "),a("h4",{attrs:{id:"Input.Search"}},[t._v("Input.Search "),a("a",{staticClass:"anchor",attrs:{href:"#Input.Search"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("enterButton")]),t._v(" "),a("td",[t._v("to show an enter button after input. This prop is conflict with addon.")]),t._v(" "),a("td",[t._v("boolean|slot")]),t._v(" "),a("td",[t._v("false")])])])]),t._v(" "),a("h3",{attrs:{id:"Input.Search-Events"}},[t._v("Input.Search Events "),a("a",{staticClass:"anchor",attrs:{href:"#Input.Search-Events"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Arguments")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("search")]),t._v(" "),a("td",[t._v("The callback function that is triggered when you click on the search-icon or press Enter key.")]),t._v(" "),a("td",[t._v("function(value, event)")])])])]),t._v(" "),a("p",[t._v("Supports all props of "),a("code",{pre:!0},[t._v("Input")]),t._v(".")]),t._v(" "),a("h4",{attrs:{id:"Input.Group"}},[t._v("Input.Group "),a("a",{staticClass:"anchor",attrs:{href:"#Input.Group"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("compact")]),t._v(" "),a("td",[t._v("Whether use compact style")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("The size of "),a("code",{pre:!0},[t._v("Input.Group")]),t._v(" specifies the size of the included "),a("code",{pre:!0},[t._v("Input")]),t._v(" fields. Available: "),a("code",{pre:!0},[t._v("large")]),t._v(" "),a("code",{pre:!0},[t._v("default")]),t._v(" "),a("code",{pre:!0},[t._v("small")])]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("default")])])])])]),t._v(" "),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-input-group")]),t._v(">")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-input")]),t._v(" />")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-input")]),t._v(" />")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-input-group")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("h4",{attrs:{id:"Input.Password-(Added-in-1.14.0)"}},[t._v("Input.Password (Added in 1.14.0) "),a("a",{staticClass:"anchor",attrs:{href:"#Input.Password-(Added-in-1.14.0)"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("visibilityToggle")]),t._v(" "),a("td",[t._v("Whether show toggle button")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("true")])])])])])}],!1,null,null,null);R.options.__file="components/input/index.en-US.md";var q=R.exports,F="# Input 输入框\n 通过鼠标或键盘输入内容，是最基础的表单域的包装。\n## 何时使用\n- 需要用户输入表单域内容时。\n- 提供组合型输入框，带搜索的输入框，还可以进行大小选择。\n ## 代码演示",X="# Input\n A basic widget for getting the user input is a text field.\nKeyboard and mouse can be used for providing or changing data.\n## When To Use\n- A user input in a form field is needed.\n- A search input is required.\n## Examples ",Y={category:"Components",subtitle:"输入框",type:"Data Entry",title:"Input",render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:F,us:X}}),t(v),t(p),t(h),t(j),t(f),t(I),t(A),t(P),t(U),t(E),t(B),t("api",[t(G,{slot:"cn"}),t(q)])])}},K=Object(e.a)(Y,void 0,void 0,!1,null,null,null);K.options.__file="components/input/demo/index.vue";s.default=K.exports}}]);
|
