1 line
33 KiB
JavaScript
1 line
33 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{1254:function(t,s,a){},1353:function(t,s,a){"use strict";var n=a(1254);a.n(n).a},1453: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 <div>\n <a-input-number id="inputNumber" :min="1" :max="10" v-model="value" @change="onChange"/>\n 当前值：{{value}}\n </div>\n',script:"\n export default {\n data() {\n return {\n value: 3,\n };\n },\n methods: {\n onChange(value) {\n console.log('changed', value);\n },\n },\n };\n",style:null,us:"\n#### Basic\nNumeric-only input box.\n",cn:"\n#### 基本\n数字输入框。\n",sourceCode:'<template>\n <div>\n <a-input-number id="inputNumber" :min="1" :max="10" v-model="value" @change="onChange" />\n 当前值：{{value}}\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n value: 3,\n };\n },\n methods: {\n onChange(value) {\n console.log(\'changed\', value);\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-input-number",{attrs:{id:"inputNumber",min:1,max:10},on:{change:t.onChange},model:{value:t.value,callback:function(s){t.value=s},expression:"value"}}),t._v("\n 当前值："+t._s(t.value)+"\n ")],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"}},[t._v("Basic "),a("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Numeric-only input box.")])]),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-number")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("id")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"inputNumber"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":min")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":max")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"10"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-model")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value"')]),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",[t._v("{{")]),t._v("value"),a("span",[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("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-number"},[t._v("3")]),t._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n onChange(value) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),a("span",{staticClass:"hljs-string"},[t._v("'changed'")]),t._v(", 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)};n._withStripped=!0;var e={data:function(){return{value:3}},methods:{onChange:function(t){console.log("changed",t)}}},l=a(31),v=Object(l.a)(e,n,[],!1,null,null,null);v.options.__file="components/input-number/demo/basic.md";var _=v.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-input-number :min="1" :max="10" :disabled="disabled" :defaultValue="3"/>\n <div style="marginTop:20px">\n <a-button @click="toggle" type="primary">Toggle disabled</a-button>\n </div>\n </div>\n',script:"\n export default {\n data() {\n return {\n disabled: true,\n };\n },\n methods: {\n toggle() {\n this.disabled = !this.disabled;\n },\n },\n };\n",style:null,us:"\n#### Disabled\nClick the button to toggle between available and disabled states.\n",cn:"\n#### 不可用\n点击按钮切换可用状态。\n",sourceCode:'<template>\n <div>\n <a-input-number :min="1" :max="10" :disabled="disabled" :defaultValue="3" />\n <div style="marginTop:20px">\n <a-button @click="toggle" type="primary">Toggle disabled</a-button>\n </div>\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n disabled: true,\n };\n },\n methods: {\n toggle() {\n this.disabled = !this.disabled;\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-input-number",{attrs:{min:1,max:10,disabled:t.disabled,defaultValue:3}}),t._v(" "),a("div",{staticStyle:{marginTop:"20px"}},[a("a-button",{attrs:{type:"primary"},on:{click:t.toggle}},[t._v("Toggle disabled")])],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:"Disabled"}},[t._v("Disabled "),a("a",{staticClass:"anchor",attrs:{href:"#Disabled"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Click the button to toggle between available and disabled states.")])]),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-number")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":min")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":max")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"10"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":disabled")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"disabled"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"3"')]),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('"marginTop:20px"')]),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("@click")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"toggle"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"primary"')]),t._v(">")]),t._v("Toggle disabled"),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("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"),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("disabled")]),t._v(": "),a("span",{staticClass:"hljs-literal"},[t._v("true")]),t._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n toggle() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".disabled = !"),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".disabled;\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)};i._withStripped=!0;var r={data:function(){return{disabled:!0}},methods:{toggle:function(){this.disabled=!this.disabled}}},c=Object(l.a)(r,i,[],!1,null,null,null);c.options.__file="components/input-number/demo/disabled.md";var p=c.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-input-number :min="0" :max="10" :step="0.1" @change="onChange"/>\n',script:"\n export default {\n methods: {\n onChange(value) {\n console.log('changed', value);\n },\n },\n };\n",style:null,us:"\n#### Decimals\nA numeric-only input box whose values can be increased or decreased using a decimal step. The number of decimals (also known as precision) is determined by the step prop.\n",cn:"\n#### 小数\n和原生的数字输入框一样，value 的精度由 step 的小数位数决定。\n",sourceCode:'<template>\n <a-input-number :min="0" :max="10" :step="0.1" @change="onChange" />\n</template>\n<script>\n export default {\n methods: {\n onChange(value) {\n console.log(\'changed\', value);\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("a-input-number",{attrs:{min:0,max:10,step:.1},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("和原生的数字输入框一样，value 的精度由 step 的小数位数决定。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Decimals"}},[t._v("Decimals "),a("a",{staticClass:"anchor",attrs:{href:"#Decimals"}},[t._v("#")])]),t._v(" "),a("p",[t._v("A numeric-only input box whose values can be increased or decreased using a decimal step. The number of decimals (also known as precision) is determined by the step prop.")])]),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-number")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":min")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"0"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":max")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"10"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":step")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"0.1"')]),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(value) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),a("span",{staticClass:"hljs-string"},[t._v("'changed'")]),t._v(", 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)};d._withStripped=!0;var o={methods:{onChange:function(t){console.log("changed",t)}}},h=Object(l.a)(o,d,[],!1,null,null,null);h.options.__file="components/input-number/demo/digit.md";var u=h.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>\n <a-input-number :defaultValue="1000" :formatter="value => `$ ${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, \',\')" :parser="value => value.replace(/\\$\\s?|(,*)/g, \'\')" @change="onChange"/>\n <a-input-number :defaultValue="100" :min="0" :max="100" :formatter="value => `${value}%`" :parser="value => value.replace(\'%\', \'\')" @change="onChange"/>\n </div>\n',script:"\n export default {\n methods: {\n onChange(value) {\n console.log('changed', value);\n },\n },\n };\n",style:null,us:"\n#### Formatter\nDisplay value within it's situation with `formatter`, and we usually use `parser` at the same time.\n",cn:"\n#### 格式化展示\n通过 `formatter` 格式化数字，以展示具有具体含义的数据，往往需要配合 `parser` 一起使用。\n",sourceCode:'<template>\n <div>\n <a-input-number\n :defaultValue="1000"\n :formatter="value => `$ ${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, \',\')"\n :parser="value => value.replace(/\\$\\s?|(,*)/g, \'\')"\n @change="onChange"\n />\n <a-input-number\n :defaultValue="100"\n :min="0"\n :max="100"\n :formatter="value => `${value}%`"\n :parser="value => value.replace(\'%\', \'\')"\n @change="onChange"\n />\n </div>\n</template>\n<script>\n export default {\n methods: {\n onChange(value) {\n console.log(\'changed\', value);\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-input-number",{attrs:{defaultValue:1e3,formatter:function(t){return("$ "+t).replace(/\B(?=(\d{3})+(?!\d))/g,",")},parser:function(t){return t.replace(/\$\s?|(,*)/g,"")}},on:{change:t.onChange}}),t._v(" "),a("a-input-number",{attrs:{defaultValue:100,min:0,max:100,formatter:function(t){return t+"%"},parser:function(t){return t.replace("%","")}},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("通过 "),a("code",[t._v("formatter")]),t._v(" 格式化数字，以展示具有具体含义的数据，往往需要配合 "),a("code",[t._v("parser")]),t._v(" 一起使用。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Formatter"}},[t._v("Formatter "),a("a",{staticClass:"anchor",attrs:{href:"#Formatter"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Display value within it's situation with "),a("code",[t._v("formatter")]),t._v(", and we usually use "),a("code",[t._v("parser")]),t._v(" at the same time.")])]),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-number")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1000"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":formatter")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"value => `$ ${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\"")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":parser")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"value => value.replace(/\\$\\s?|(,*)/g, '')\"")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v("\n />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-input-number")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"100"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":min")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"0"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":max")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"100"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":formatter")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value => `${value}%`"')]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v(":parser")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"value => value.replace('%', '')\"")]),t._v("\n "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),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"),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(value) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),a("span",{staticClass:"hljs-string"},[t._v("'changed'")]),t._v(", 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)};m._withStripped=!0;var g={methods:{onChange:function(t){console.log("changed",t)}}},C=Object(l.a)(g,m,[],!1,null,null,null);C.options.__file="components/input-number/demo/formatter.md";var j=C.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-number size="large" :min="1" :max="100000" :defaultValue="3" @change="onChange"/>\n <a-input-number :min="1" :max="100000" :defaultValue="3" @change="onChange"/>\n <a-input-number size="small" :min="1" :max="100000" :defaultValue="3" @change="onChange"/>\n </div>\n',script:"\n export default {\n methods: {\n onChange(value) {\n console.log('changed', value);\n },\n },\n };\n",style:null,us:"\n#### Sizes\nThere are three sizes available to a numeric input box. By default, the size is `32px`. The two additional sizes are `large` and `small` which means `40px` and `24px`, respectively.\n",cn:"\n#### 三种大小\n三种大小的数字输入框，当 size 分别为 `large` 和 `small` 时，输入框高度为 `40px` 和 `24px` ，默认高度为 `32px`。\n",sourceCode:'<template>\n <div>\n <a-input-number size="large" :min="1" :max="100000" :defaultValue="3" @change="onChange" />\n <a-input-number :min="1" :max="100000" :defaultValue="3" @change="onChange" />\n <a-input-number size="small" :min="1" :max="100000" :defaultValue="3" @change="onChange" />\n </div>\n</template>\n<script>\n export default {\n methods: {\n onChange(value) {\n console.log(\'changed\', value);\n },\n },\n };\n<\/script>\n<style scoped>\n .ant-input-number {\n margin-right: 10px;\n }\n</style>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-input-number",{attrs:{size:"large",min:1,max:1e5,defaultValue:3},on:{change:t.onChange}}),t._v(" "),a("a-input-number",{attrs:{min:1,max:1e5,defaultValue:3},on:{change:t.onChange}}),t._v(" "),a("a-input-number",{attrs:{size:"small",min:1,max:1e5,defaultValue:3},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("三种大小的数字输入框，当 size 分别为 "),a("code",[t._v("large")]),t._v(" 和 "),a("code",[t._v("small")]),t._v(" 时，输入框高度为 "),a("code",[t._v("40px")]),t._v(" 和 "),a("code",[t._v("24px")]),t._v(" ，默认高度为 "),a("code",[t._v("32px")]),t._v("。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Sizes"}},[t._v("Sizes "),a("a",{staticClass:"anchor",attrs:{href:"#Sizes"}},[t._v("#")])]),t._v(" "),a("p",[t._v("There are three sizes available to a numeric input box. By default, the size is "),a("code",[t._v("32px")]),t._v(". The two additional sizes are "),a("code",[t._v("large")]),t._v(" and "),a("code",[t._v("small")]),t._v(" which means "),a("code",[t._v("40px")]),t._v(" and "),a("code",[t._v("24px")]),t._v(", respectively.")])]),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-number")]),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(":min")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":max")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"100000"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"3"')]),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("a-input-number")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":min")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":max")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"100000"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"3"')]),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("a-input-number")]),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(":min")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":max")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"100000"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"3"')]),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("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("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(value) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),a("span",{staticClass:"hljs-string"},[t._v("'changed'")]),t._v(", 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"),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(".ant-input-number")]),t._v(" {\n "),a("span",{staticClass:"hljs-attribute"},[t._v("margin-right")]),t._v(": "),a("span",{staticClass:"hljs-number"},[t._v("10px")]),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)};b._withStripped=!0;var f={methods:{onChange:function(t){console.log("changed",t)}}},x=(a(1353),Object(l.a)(f,b,[],!1,null,"7c6ba838",null));x.options.__file="components/input-number/demo/size.md";var y=x.exports,w=function(){var t=this.$createElement;this._self._c;return this._m(0)};w._withStripped=!0;var k=Object(l.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("p",[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("autoFocus")]),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("defaultValue")]),t._v(" "),a("td",[t._v("初始值")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),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("formatter")]),t._v(" "),a("td",[t._v("指定输入框展示值的格式")]),t._v(" "),a("td",[t._v("function(value: number | string): string")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("最大值")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("Infinity")])]),t._v(" "),a("tr",[a("td",[t._v("min")]),t._v(" "),a("td",[t._v("最小值")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("-Infinity")])]),t._v(" "),a("tr",[a("td",[t._v("parser")]),t._v(" "),a("td",[t._v("指定从 formatter 里转换回数字的方式，和 formatter 搭配使用")]),t._v(" "),a("td",[t._v("function( string): number")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("precision")]),t._v(" "),a("td",[t._v("数值精度")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("decimalSeparator")]),t._v(" "),a("td",[t._v("小数点")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("输入框大小")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("step")]),t._v(" "),a("td",[t._v("每次改变步数，可以为小数")]),t._v(" "),a("td",[t._v("number|string")]),t._v(" "),a("td",[t._v("1")])]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("当前值")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td")])])]),t._v(" "),a("h3",{attrs:{id:"事件"}},[t._v("事件 "),a("a",{staticClass:"anchor",attrs:{href:"#事件"}},[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(value: number | string)")])])])]),t._v(" "),a("h2",{attrs:{id:"方法"}},[t._v("方法 "),a("a",{staticClass:"anchor",attrs:{href:"#方法"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("名称")]),t._v(" "),a("th",[t._v("描述")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("blur()")]),t._v(" "),a("td",[t._v("移除焦点")])]),t._v(" "),a("tr",[a("td",[t._v("focus()")]),t._v(" "),a("td",[t._v("获取焦点")])])])])])}],!1,null,null,null);k.options.__file="components/input-number/index.zh-CN.md";var V=k.exports,z=function(){var t=this.$createElement;this._self._c;return this._m(0)};z._withStripped=!0;var $=Object(l.a)({},z,[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("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("autoFocus")]),t._v(" "),a("td",[t._v("get focus when component mounted")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("initial value")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td")]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("disable the input")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("formatter")]),t._v(" "),a("td",[t._v("Specifies the format of the value presented")]),t._v(" "),a("td",[t._v("function(value: number | string): string")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("max value")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("Infinity")])]),t._v(" "),a("tr",[a("td",[t._v("min")]),t._v(" "),a("td",[t._v("min value")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("-Infinity")])]),t._v(" "),a("tr",[a("td",[t._v("parser")]),t._v(" "),a("td",[t._v("Specifies the value extracted from formatter")]),t._v(" "),a("td",[t._v("function( string): number")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("precision")]),t._v(" "),a("td",[t._v("precision of input value")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("decimalSeparator")]),t._v(" "),a("td",[t._v("decimal separator")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("width of input box")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("step")]),t._v(" "),a("td",[t._v("The number to which the current value is increased or decreased. It can be an integer or decimal.")]),t._v(" "),a("td",[t._v("number|string")]),t._v(" "),a("td",[t._v("1")])]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("current value")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td")])])]),t._v(" "),a("h3",{attrs:{id:"events"}},[t._v("events "),a("a",{staticClass:"anchor",attrs:{href:"#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("The callback triggered when the value is changed.")]),t._v(" "),a("td",[t._v("function(value: number | string)")])])])]),t._v(" "),a("h2",{attrs:{id:"Methods"}},[t._v("Methods "),a("a",{staticClass:"anchor",attrs:{href:"#Methods"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("blur()")]),t._v(" "),a("td",[t._v("remove focus")])]),t._v(" "),a("tr",[a("td",[t._v("focus()")]),t._v(" "),a("td",[t._v("get focus")])])])])])}],!1,null,null,null);$.options.__file="components/input-number/index.en-US.md";var S=$.exports,T="# 数字输入框\n 通过鼠标或键盘，输入范围内的数值。\n ## 何时使用\n 当需要获取标准数值时。\n ## 代码演示",D="# InputNumber\n Enter a number within certain range with the mouse or keyboard.\n ## When To Use\n When a numeric value needs to be provided.\n ## Examples\n ",E={category:"Components",subtitle:"数字输入框",type:"Data Entry",title:"InputNumber",render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:T,us:D}}),t("br"),t(_),t("br"),t(y),t("br"),t(p),t("br"),t(u),t("br"),t(j),t("br"),t("api",[t("template",{slot:"cn"},[t(V)]),t(S)])])}},I=Object(l.a)(E,void 0,void 0,!1,null,null,null);I.options.__file="components/input-number/demo/index.vue";s.default=I.exports}}]); |