(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}}]);