webpackJsonp([61],{LbSN:function(t,s){t.exports={render:function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("section",[a("h2",{attrs:{id:"Input"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Input-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Input")]),t._v(""),t._m(0),t._v(""),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(""),t._m(1),t._v(""),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(""),t._m(2),t._v(""),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Slot")]),t._v(""),t._m(3),t._v(""),a("h3",{attrs:{id:"Event"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Event-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Event")]),t._v(""),t._m(4)])},staticRenderFns:[function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("p",[t._v("Input component. You can use the "),a("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings and use a clear button to clear the content.")])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(""),a("p",[t._v("You can use the "),a("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v(">")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(""),a("li",[a("p",[t._v("Multiple configurations")]),t._v(""),a("p",[t._v("Support the native attributes of the input element. In addition you can use the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" attribute to toggle the clear button, use "),a("code",{pre:!0},[t._v("pwdEye")]),t._v(" to toggle password eye button and password filed's visibility.")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"type"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autocomplete")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autocomplete"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v(">")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'please type here...'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'password'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("autocomplete")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("clearable")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/*\n * if set to false then the password eye is invisible\n * if set to true then the password eye is visible\n and the password content is visible\n * if set to an object `{ open: false }` then the password eye is visible\n but the password content is invisible, the `open` can be used to\n control the password content's visibility\n */")]),t._v("\n eye: "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(""),a("span",{attrs:{class:"hljs-comment"}},[t._v("// the password eye is visible and the password content is visible or not")]),t._v("\n }\n }\n}\n")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Type")]),t._v(""),a("th",[t._v("Accepted Values")]),t._v(""),a("th",[t._v("Default")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(""),a("td",[t._v("type of input")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("text/number/password/date")]),t._v(""),a("td",[t._v("text")])]),t._v(""),a("tr",[a("td",[t._v("v-model")]),t._v(""),a("td",[t._v("bound value")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("-")]),t._v(""),a("td",[t._v("empty")])]),t._v(""),a("tr",[a("td",[t._v("disabled")]),t._v(""),a("td",[t._v("disabled status")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true/false")]),t._v(""),a("td",[t._v("false")])]),t._v(""),a("tr",[a("td",[t._v("readonly")]),t._v(""),a("td",[t._v("readonly status")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true/false")]),t._v(""),a("td",[t._v("false")])]),t._v(""),a("tr",[a("td",[t._v("maxlength")]),t._v(""),a("td",[t._v("maxlength of input")]),t._v(""),a("td",[t._v("Number")]),t._v(""),a("td",[t._v("-")]),t._v(""),a("td",[t._v("60")])]),t._v(""),a("tr",[a("td",[t._v("placeholder")]),t._v(""),a("td",[t._v("placeholder of input")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("-")]),t._v(""),a("td",[t._v("empty")])]),t._v(""),a("tr",[a("td",[t._v("autofocus")]),t._v(""),a("td",[t._v("autofocus status")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true/false")]),t._v(""),a("td",[t._v("false")])]),t._v(""),a("tr",[a("td",[t._v("autocomplete")]),t._v(""),a("td",[t._v("autocomplete status")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true/false")]),t._v(""),a("td",[t._v("false")])]),t._v(""),a("tr",[a("td",[t._v("clearable")]),t._v(""),a("td",[t._v("whether to show clear button")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true/false")]),t._v(""),a("td",[t._v("false")])]),t._v(""),a("tr",[a("td",[t._v("eye")]),t._v(""),a("td",[t._v("If set to false then the password eye is invisible, if set to true then the password eye is visible and the password content is visible, if set to an object "),a("code",{pre:!0},[t._v("{ open: false }")]),t._v(" then the password eye is visible but the password content is invisible, the "),a("code",{pre:!0},[t._v("open")]),t._v(" can be used to control the password content's visibility")]),t._v(""),a("td",[t._v("Boolean/Object")]),t._v(""),a("td",[t._v("true/false/{open: "),a("code",{pre:!0},[t._v("true/false")]),t._v("}")]),t._v(""),a("td",[t._v("false")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Slot Name")]),t._v(""),a("th",[t._v("Description")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("prepend")]),t._v(""),a("td",[t._v("prepend content")])]),t._v(""),a("tr",[a("td",[t._v("append")]),t._v(""),a("td",[t._v("append content")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Parameters")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("focus")]),t._v(""),a("td",[t._v("This event is triggered after the input box is focused. If input is disabled, it will not be triggered")]),t._v(""),a("td",[t._v("e - event")])]),t._v(""),a("tr",[a("td",[t._v("blur")]),t._v(""),a("td",[t._v("This event is triggered after the input box blur")]),t._v(""),a("td",[t._v("e - event")])])])])}]}},a2LG:function(t,s,a){vare=a("VU/8")(null,a("LbSN"),null,null,null);t.exports=e.exports},o9DV:function(t,s,a){t.exports=a("a2LG")}});
