index.4aae2144.js 82 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592
  1. import{d as v,r as k,_ as r,j as o,k as d,l as I,w as u,b as n,f as c,e as t,t as y,a as h,n as f}from"./index.c1b9962e.js";const Z=v({setup(){return{value:k(3)}}});function W(s,a,i,g,m,b){const p=o("a-input-number"),l=o("demo-box");return d(),I(l,{jsfiddle:{us:"Numeric-only input box.",cn:"\u6570\u5B57\u8F93\u5165\u6846\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  2. <p>\u6570\u5B57\u8F93\u5165\u6846\u3002</p>
  3. <h2 id="en-us">en-US</h2>
  4. <p>Numeric-only input box.</p>
  5. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"src/docs/input-number/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1udW1iZXIgaWQ9ImlucHV0TnVtYmVyIiB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgOm1pbj0iMSIgOm1heD0iMTAiIC8+CiAgICDlvZPliY3lgLzvvJp7eyB2YWx1ZSB9fQogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8bnVtYmVyPigzKTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1udW1iZXIgaWQ9ImlucHV0TnVtYmVyIiB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgOm1pbj0iMSIgOm1heD0iMTAiIC8+CiAgICDlvZPliY3lgLzvvJp7eyB2YWx1ZSB9fQogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigzKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:u(()=>[n("div",null,[c(p,{id:"inputNumber",value:s.value,"onUpdate:value":a[0]||(a[0]=e=>s.value=e),min:1,max:10},null,8,["value"]),t(" \u5F53\u524D\u503C\uFF1A"+y(s.value),1)])]),htmlCode:u(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  6. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  7. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("inputNumber"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("10"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  8. \u5F53\u524D\u503C\uFF1A{{ value }}
  9. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  10. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  11. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  12. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  13. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  14. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  15. `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  16. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  17. value`),n("span",{class:"token punctuation"},","),t(`
  18. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  19. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  20. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  21. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  22. `)])],-1)])),jsVersionHtml:u(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  23. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  24. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("inputNumber"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("10"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  25. \u5F53\u524D\u503C\uFF1A{{ value }}
  26. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  27. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  28. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  29. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  30. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  31. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  32. `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  33. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  34. value`),n("span",{class:"token punctuation"},","),t(`
  35. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  36. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  37. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  38. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  39. `)])],-1)])),_:1})}var B=r(Z,[["render",W]]);const x=v({setup(){const s=k(3),a=k(!0);return{value:s,disabled:a,toggle:()=>{a.value=!a.value}}}}),V={style:{"margin-top":"20px"}};function F(s,a,i,g,m,b){const p=o("a-input-number"),l=o("a-button"),e=o("demo-box");return d(),I(e,{jsfiddle:{us:"Click the button to toggle between available and disabled states.",cn:"\u70B9\u51FB\u6309\u94AE\u5207\u6362\u53EF\u7528\u72B6\u6001\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  40. <p>\u70B9\u51FB\u6309\u94AE\u5207\u6362\u53EF\u7528\u72B6\u6001\u3002</p>
  41. <h2 id="en-us">en-US</h2>
  42. <p>Click the button to toggle between available and disabled states.</p>
  43. `,order:0,title:{"zh-CN":"\u4E0D\u53EF\u7528","en-US":"Disabled"},relativePath:"src/docs/input-number/demo/disabled.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1udW1iZXIgOm1pbj0iMSIgOm1heD0iMTAiIDpkaXNhYmxlZD0iZGlzYWJsZWQiIHYtbW9kZWw6dmFsdWU9InZhbHVlIiAvPgogICAgPGRpdiBzdHlsZT0ibWFyZ2luLXRvcDogMjBweCI+CiAgICAgIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBAY2xpY2s9InRvZ2dsZSI+VG9nZ2xlIGRpc2FibGVkPC9hLWJ1dHRvbj4KICAgIDwvZGl2PgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWY8bnVtYmVyPigzKTsKICAgIGNvbnN0IGRpc2FibGVkID0gcmVmPGJvb2xlYW4+KHRydWUpOwoKICAgIGNvbnN0IHRvZ2dsZSA9ICgpID0+IHsKICAgICAgZGlzYWJsZWQudmFsdWUgPSAhZGlzYWJsZWQudmFsdWU7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBkaXNhYmxlZCwKICAgICAgdG9nZ2xlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1udW1iZXIgOm1pbj0iMSIgOm1heD0iMTAiIDpkaXNhYmxlZD0iZGlzYWJsZWQiIHYtbW9kZWw6dmFsdWU9InZhbHVlIiAvPgogICAgPGRpdiBzdHlsZT0ibWFyZ2luLXRvcDogMjBweCI+CiAgICAgIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBAY2xpY2s9InRvZ2dsZSI+VG9nZ2xlIGRpc2FibGVkPC9hLWJ1dHRvbj4KICAgIDwvZGl2PgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigzKTsKICAgIGNvbnN0IGRpc2FibGVkID0gcmVmKHRydWUpOwogICAgY29uc3QgdG9nZ2xlID0gKCkgPT4gewogICAgICBkaXNhYmxlZC52YWx1ZSA9ICFkaXNhYmxlZC52YWx1ZTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgZGlzYWJsZWQsCiAgICAgIHRvZ2dsZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:u(()=>[n("div",null,[c(p,{min:1,max:10,disabled:s.disabled,value:s.value,"onUpdate:value":a[0]||(a[0]=C=>s.value=C)},null,8,["disabled","value"]),n("div",V,[c(l,{type:"primary",onClick:s.toggle},{default:u(()=>a[1]||(a[1]=[t("Toggle disabled")])),_:1,__:[1]},8,["onClick"])])])]),htmlCode:u(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  44. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  45. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("10"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  46. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 20px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
  47. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("toggle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Toggle disabled"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  48. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  49. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  50. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  51. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  52. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  53. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  54. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  55. `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  56. `),n("span",{class:"token keyword"},"const"),t(" disabled "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  57. `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"toggle"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  58. disabled`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token operator"},"!"),t("disabled"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},";"),t(`
  59. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  60. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  61. value`),n("span",{class:"token punctuation"},","),t(`
  62. disabled`),n("span",{class:"token punctuation"},","),t(`
  63. toggle`),n("span",{class:"token punctuation"},","),t(`
  64. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  65. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  66. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  67. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  68. `)])],-1)])),jsVersionHtml:u(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  69. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  70. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("10"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  71. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 20px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
  72. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("toggle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Toggle disabled"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
  73. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  74. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  75. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  76. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  77. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  78. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  79. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  80. `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  81. `),n("span",{class:"token keyword"},"const"),t(" disabled "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  82. `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"toggle"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  83. disabled`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token operator"},"!"),t("disabled"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},";"),t(`
  84. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  85. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  86. value`),n("span",{class:"token punctuation"},","),t(`
  87. disabled`),n("span",{class:"token punctuation"},","),t(`
  88. toggle`),n("span",{class:"token punctuation"},","),t(`
  89. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  90. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  91. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  92. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  93. `)])],-1)])),_:1})}var H=r(x,[["render",F]]);const Y=v({setup(){return{value:k()}}});function S(s,a,i,g,m,b){const p=o("a-input-number"),l=o("demo-box");return d(),I(l,{jsfiddle:{us:"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.",cn:"\u548C\u539F\u751F\u7684\u6570\u5B57\u8F93\u5165\u6846\u4E00\u6837\uFF0Cvalue \u7684\u7CBE\u5EA6\u7531 step \u7684\u5C0F\u6570\u4F4D\u6570\u51B3\u5B9A\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  94. <p>\u548C\u539F\u751F\u7684\u6570\u5B57\u8F93\u5165\u6846\u4E00\u6837\uFF0Cvalue \u7684\u7CBE\u5EA6\u7531 step \u7684\u5C0F\u6570\u4F4D\u6570\u51B3\u5B9A\u3002</p>
  95. <h2 id="en-us">en-US</h2>
  96. <p>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.</p>
  97. `,order:0,title:{"zh-CN":"\u5C0F\u6570","en-US":"Decimals"},relativePath:"src/docs/input-number/demo/digit.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0LW51bWJlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgOm1pbj0iMCIgOm1heD0iMTAiIDpzdGVwPSIwLjEiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxudW1iZXI+KCk7CgogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWlucHV0LW51bWJlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgOm1pbj0iMCIgOm1heD0iMTAiIDpzdGVwPSIwLjEiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKCk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:u(()=>[c(p,{value:s.value,"onUpdate:value":a[0]||(a[0]=e=>s.value=e),min:0,max:10,step:.1},null,8,["value"])]),htmlCode:u(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  98. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("10"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":step"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0.1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  99. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  100. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  101. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  102. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  103. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  104. `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  105. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  106. value`),n("span",{class:"token punctuation"},","),t(`
  107. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  108. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  109. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  110. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  111. `)])],-1)])),jsVersionHtml:u(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  112. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("10"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":step"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0.1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  113. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  114. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  115. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  116. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  117. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  118. `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  119. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  120. value`),n("span",{class:"token punctuation"},","),t(`
  121. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  122. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  123. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  124. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  125. `)])],-1)])),_:1})}var D=r(Y,[["render",S]]);const P=v({setup(){const s=k(1e3),a=k(100);return{value1:s,value2:a}}});function X(s,a,i,g,m,b){const p=o("a-input-number"),l=o("demo-box");return d(),I(l,{jsfiddle:{us:"Display value within it's situation with `formatter`, and we usually use `parser` at the same time.",cn:"\u901A\u8FC7 `formatter` \u683C\u5F0F\u5316\u6570\u5B57\uFF0C\u4EE5\u5C55\u793A\u5177\u6709\u5177\u4F53\u542B\u4E49\u7684\u6570\u636E\uFF0C\u5F80\u5F80\u9700\u8981\u914D\u5408 `parser` \u4E00\u8D77\u4F7F\u7528\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  126. <p>\u901A\u8FC7 <code>formatter</code> \u683C\u5F0F\u5316\u6570\u5B57\uFF0C\u4EE5\u5C55\u793A\u5177\u6709\u5177\u4F53\u542B\u4E49\u7684\u6570\u636E\uFF0C\u5F80\u5F80\u9700\u8981\u914D\u5408 <code>parser</code> \u4E00\u8D77\u4F7F\u7528\u3002</p>
  127. <h2 id="en-us">en-US</h2>
  128. <p>Display value within it's situation with <code>formatter</code>, and we usually use <code>parser</code> at the same time.</p>
  129. `,order:0,title:{"zh-CN":"\u683C\u5F0F\u5316\u5C55\u793A","en-US":"Formatter"},relativePath:"src/docs/input-number/demo/formatter.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1udW1iZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIgogICAgICA6Zm9ybWF0dGVyPSJ2YWx1ZSA9PiBgJCAke3ZhbHVlfWAucmVwbGFjZSgvXEIoPz0oXGR7M30pKyg/IVxkKSkvZywgJywnKSIKICAgICAgOnBhcnNlcj0idmFsdWUgPT4gdmFsdWUucmVwbGFjZSgvXCRccz98KCwqKS9nLCAnJykiCiAgICAvPgogICAgPGEtaW5wdXQtbnVtYmVyCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIKICAgICAgOm1pbj0iMCIKICAgICAgOm1heD0iMTAwIgogICAgICA6Zm9ybWF0dGVyPSJ2YWx1ZSA9PiBgJHt2YWx1ZX0lYCIKICAgICAgOnBhcnNlcj0idmFsdWUgPT4gdmFsdWUucmVwbGFjZSgnJScsICcnKSIKICAgIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZTEgPSByZWY8bnVtYmVyPigxMDAwKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZjxudW1iZXI+KDEwMCk7CgogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1udW1iZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIgogICAgICA6Zm9ybWF0dGVyPSJ2YWx1ZSA9PiBgJCAke3ZhbHVlfWAucmVwbGFjZSgvXEIoPz0oXGR7M30pKyg/IVxkKSkvZywgJywnKSIKICAgICAgOnBhcnNlcj0idmFsdWUgPT4gdmFsdWUucmVwbGFjZSgvXCRccz98KCwqKS9nLCAnJykiCiAgICAvPgogICAgPGEtaW5wdXQtbnVtYmVyCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIKICAgICAgOm1pbj0iMCIKICAgICAgOm1heD0iMTAwIgogICAgICA6Zm9ybWF0dGVyPSJ2YWx1ZSA9PiBgJHt2YWx1ZX0lYCIKICAgICAgOnBhcnNlcj0idmFsdWUgPT4gdmFsdWUucmVwbGFjZSgnJScsICcnKSIKICAgIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlMSA9IHJlZigxMDAwKTsKICAgIGNvbnN0IHZhbHVlMiA9IHJlZigxMDApOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:u(()=>[n("div",null,[c(p,{value:s.value1,"onUpdate:value":a[0]||(a[0]=e=>s.value1=e),formatter:e=>`$ ${e}`.replace(/\B(?=(\d{3})+(?!\d))/g,","),parser:e=>e.replace(/\$\s?|(,*)/g,"")},null,8,["value","formatter","parser"]),c(p,{value:s.value2,"onUpdate:value":a[1]||(a[1]=e=>s.value2=e),min:0,max:100,formatter:e=>`${e}%`,parser:e=>e.replace("%","")},null,8,["value","formatter","parser"])])]),htmlCode:u(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  130. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  131. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(`
  132. `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(`
  133. `),n("span",{class:"token attr-name"},":formatter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value => `$ ${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')"),n("span",{class:"token punctuation"},'"')]),t(`
  134. `),n("span",{class:"token attr-name"},":parser"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value => value.replace(/\\$\\s?|(,*)/g, '')"),n("span",{class:"token punctuation"},'"')]),t(`
  135. `),n("span",{class:"token punctuation"},"/>")]),t(`
  136. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(`
  137. `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(`
  138. `),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0"),n("span",{class:"token punctuation"},'"')]),t(`
  139. `),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(`
  140. `),n("span",{class:"token attr-name"},":formatter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value => `${value}%`"),n("span",{class:"token punctuation"},'"')]),t(`
  141. `),n("span",{class:"token attr-name"},":parser"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value => value.replace('%', '')"),n("span",{class:"token punctuation"},'"')]),t(`
  142. `),n("span",{class:"token punctuation"},"/>")]),t(`
  143. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  144. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  145. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  146. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  147. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  148. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  149. `),n("span",{class:"token keyword"},"const"),t(" value1 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  150. `),n("span",{class:"token keyword"},"const"),t(" value2 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  151. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  152. value1`),n("span",{class:"token punctuation"},","),t(`
  153. value2`),n("span",{class:"token punctuation"},","),t(`
  154. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  155. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  156. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  157. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  158. `)])],-1)])),jsVersionHtml:u(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  159. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  160. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(`
  161. `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(`
  162. `),n("span",{class:"token attr-name"},":formatter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value => `$ ${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')"),n("span",{class:"token punctuation"},'"')]),t(`
  163. `),n("span",{class:"token attr-name"},":parser"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value => value.replace(/\\$\\s?|(,*)/g, '')"),n("span",{class:"token punctuation"},'"')]),t(`
  164. `),n("span",{class:"token punctuation"},"/>")]),t(`
  165. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(`
  166. `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(`
  167. `),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("0"),n("span",{class:"token punctuation"},'"')]),t(`
  168. `),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(`
  169. `),n("span",{class:"token attr-name"},":formatter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value => `${value}%`"),n("span",{class:"token punctuation"},'"')]),t(`
  170. `),n("span",{class:"token attr-name"},":parser"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value => value.replace('%', '')"),n("span",{class:"token punctuation"},'"')]),t(`
  171. `),n("span",{class:"token punctuation"},"/>")]),t(`
  172. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  173. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  174. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  175. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  176. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  177. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  178. `),n("span",{class:"token keyword"},"const"),t(" value1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  179. `),n("span",{class:"token keyword"},"const"),t(" value2 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  180. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  181. value1`),n("span",{class:"token punctuation"},","),t(`
  182. value2`),n("span",{class:"token punctuation"},","),t(`
  183. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  184. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  185. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  186. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  187. `)])],-1)])),_:1})}var G=r(P,[["render",X]]);const K=v({setup(){const s=k(3),a=k(3),i=k(3);return{value1:s,value2:a,value3:i}}});function z(s,a,i,g,m,b){const p=o("a-input-number"),l=o("demo-box");return d(),I(l,{jsfiddle:{us:"There 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.",cn:"\u4E09\u79CD\u5927\u5C0F\u7684\u6570\u5B57\u8F93\u5165\u6846\uFF0C\u5F53 size \u5206\u522B\u4E3A `large` \u548C `small` \u65F6\uFF0C\u8F93\u5165\u6846\u9AD8\u5EA6\u4E3A `40px` \u548C `24px` \uFF0C\u9ED8\u8BA4\u9AD8\u5EA6\u4E3A `32px`\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  188. <p>\u4E09\u79CD\u5927\u5C0F\u7684\u6570\u5B57\u8F93\u5165\u6846\uFF0C\u5F53 size \u5206\u522B\u4E3A <code>large</code> \u548C <code>small</code> \u65F6\uFF0C\u8F93\u5165\u6846\u9AD8\u5EA6\u4E3A <code>40px</code> \u548C <code>24px</code> \uFF0C\u9ED8\u8BA4\u9AD8\u5EA6\u4E3A <code>32px</code>\u3002</p>
  189. <h2 id="en-us">en-US</h2>
  190. <p>There are three sizes available to a numeric input box. By default, the size is <code>32px</code>. The two additional sizes are <code>large</code> and <code>small</code> which means <code>40px</code> and <code>24px</code>, respectively.</p>
  191. `,order:0,title:{"zh-CN":"\u4E09\u79CD\u5927\u5C0F","en-US":"Sizes"},relativePath:"src/docs/input-number/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1udW1iZXIgc2l6ZT0ibGFyZ2UiIDptaW49IjEiIDptYXg9IjEwMDAwMCIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtaW5wdXQtbnVtYmVyIDptaW49IjEiIDptYXg9IjEwMDAwMCIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiAvPgogICAgPGEtaW5wdXQtbnVtYmVyIHNpemU9InNtYWxsIiA6bWluPSIxIiA6bWF4PSIxMDAwMDAiIHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlMSA9IHJlZjxudW1iZXI+KDMpOwogICAgY29uc3QgdmFsdWUyID0gcmVmPG51bWJlcj4oMyk7CiAgICBjb25zdCB2YWx1ZTMgPSByZWY8bnVtYmVyPigzKTsKCiAgICByZXR1cm4gewogICAgICB2YWx1ZTEsCiAgICAgIHZhbHVlMiwKICAgICAgdmFsdWUzLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci5hbnQtaW5wdXQtbnVtYmVyIHsKICBtYXJnaW4tcmlnaHQ6IDEwcHg7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1pbnB1dC1udW1iZXIgc2l6ZT0ibGFyZ2UiIDptaW49IjEiIDptYXg9IjEwMDAwMCIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtaW5wdXQtbnVtYmVyIDptaW49IjEiIDptYXg9IjEwMDAwMCIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiAvPgogICAgPGEtaW5wdXQtbnVtYmVyIHNpemU9InNtYWxsIiA6bWluPSIxIiA6bWF4PSIxMDAwMDAiIHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUxID0gcmVmKDMpOwogICAgY29uc3QgdmFsdWUyID0gcmVmKDMpOwogICAgY29uc3QgdmFsdWUzID0gcmVmKDMpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxLAogICAgICB2YWx1ZTIsCiAgICAgIHZhbHVlMywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgouYW50LWlucHV0LW51bWJlciB7CiAgbWFyZ2luLXJpZ2h0OiAxMHB4Owp9Cjwvc3R5bGU+"}},{default:u(()=>[n("div",null,[c(p,{size:"large",min:1,max:1e5,value:s.value1,"onUpdate:value":a[0]||(a[0]=e=>s.value1=e)},null,8,["value"]),c(p,{min:1,max:1e5,value:s.value2,"onUpdate:value":a[1]||(a[1]=e=>s.value2=e)},null,8,["value"]),c(p,{size:"small",min:1,max:1e5,value:s.value3,"onUpdate:value":a[2]||(a[2]=e=>s.value3=e)},null,8,["value"])])]),htmlCode:u(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  192. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  193. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("large"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100000"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  194. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100000"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  195. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100000"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  196. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  197. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  198. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  199. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  200. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  201. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  202. `),n("span",{class:"token keyword"},"const"),t(" value1 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  203. `),n("span",{class:"token keyword"},"const"),t(" value2 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  204. `),n("span",{class:"token keyword"},"const"),t(" value3 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  205. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  206. value1`),n("span",{class:"token punctuation"},","),t(`
  207. value2`),n("span",{class:"token punctuation"},","),t(`
  208. value3`),n("span",{class:"token punctuation"},","),t(`
  209. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  210. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  211. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  212. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  213. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
  214. `),n("span",{class:"token selector"},".ant-input-number"),t(),n("span",{class:"token punctuation"},"{"),t(`
  215. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),t(" 10px"),n("span",{class:"token punctuation"},";"),t(`
  216. `),n("span",{class:"token punctuation"},"}"),t(`
  217. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
  218. `)])],-1)])),jsVersionHtml:u(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  219. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  220. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("large"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100000"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  221. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100000"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  222. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-input-number")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":min"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100000"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  223. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
  224. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  225. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
  226. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
  227. `),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  228. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  229. `),n("span",{class:"token keyword"},"const"),t(" value1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  230. `),n("span",{class:"token keyword"},"const"),t(" value2 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  231. `),n("span",{class:"token keyword"},"const"),t(" value3 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  232. `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
  233. value1`),n("span",{class:"token punctuation"},","),t(`
  234. value2`),n("span",{class:"token punctuation"},","),t(`
  235. value3`),n("span",{class:"token punctuation"},","),t(`
  236. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  237. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  238. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  239. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
  240. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
  241. `),n("span",{class:"token selector"},".ant-input-number"),t(),n("span",{class:"token punctuation"},"{"),t(`
  242. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),t(" 10px"),n("span",{class:"token punctuation"},";"),t(`
  243. `),n("span",{class:"token punctuation"},"}"),t(`
  244. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
  245. `)])],-1)])),_:1})}var j=r(K,[["render",z],["__scopeId","data-v-17d813a0"]]);const N={pageData:{title:"InputNumber",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"InputNumber",subtitle:"\u6570\u5B57\u8F93\u5165\u6846",cover:"https://gw.alipayobjects.com/zos/alicdn/XOS8qZ0kU/InputNumber.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5F53\u9700\u8981\u83B7\u53D6\u6807\u51C6\u6570\u503C\u65F6\u3002"},{level:2,title:"API",slug:"api",content:"\u5C5E\u6027\u5982\u4E0B"},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:2,title:"\u65B9\u6CD5",slug:"\u65B9\u6CD5",content:""}],relativePath:"src/docs/input-number/index.zh-CN.md",content:`
  246. \u901A\u8FC7\u9F20\u6807\u6216\u952E\u76D8\uFF0C\u8F93\u5165\u8303\u56F4\u5185\u7684\u6570\u503C\u3002
  247. ## \u4F55\u65F6\u4F7F\u7528
  248. \u5F53\u9700\u8981\u83B7\u53D6\u6807\u51C6\u6570\u503C\u65F6\u3002
  249. ## API
  250. \u5C5E\u6027\u5982\u4E0B
  251. | \u6210\u5458 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
  252. | --- | --- | --- | --- |
  253. | autofocus | \u81EA\u52A8\u83B7\u53D6\u7126\u70B9 | boolean | false |
  254. | defaultValue | \u521D\u59CB\u503C | number | |
  255. | disabled | \u7981\u7528 | boolean | false |
  256. | formatter | \u6307\u5B9A\u8F93\u5165\u6846\u5C55\u793A\u503C\u7684\u683C\u5F0F | function(value: number \\| string): string | - |
  257. | max | \u6700\u5927\u503C | number | Infinity |
  258. | min | \u6700\u5C0F\u503C | number | -Infinity |
  259. | parser | \u6307\u5B9A\u4ECE formatter \u91CC\u8F6C\u6362\u56DE\u6570\u5B57\u7684\u65B9\u5F0F\uFF0C\u548C formatter \u642D\u914D\u4F7F\u7528 | function( string): number | - |
  260. | precision | \u6570\u503C\u7CBE\u5EA6 | number | - |
  261. | decimalSeparator | \u5C0F\u6570\u70B9 | string | - |
  262. | size | \u8F93\u5165\u6846\u5927\u5C0F | string | \u65E0 |
  263. | step | \u6BCF\u6B21\u6539\u53D8\u6B65\u6570\uFF0C\u53EF\u4EE5\u4E3A\u5C0F\u6570 | number\\|string | 1 |
  264. | value(v-model) | \u5F53\u524D\u503C | number | |
  265. ### \u4E8B\u4EF6
  266. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | \u7248\u672C |
  267. | ---------- | -------------- | --------------------------------- | ---- |
  268. | change | \u53D8\u5316\u56DE\u8C03 | Function(value: number \\| string) | |
  269. | pressEnter | \u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03 | function(e) | |
  270. ## \u65B9\u6CD5
  271. | \u540D\u79F0 | \u63CF\u8FF0 |
  272. | ------- | -------- |
  273. | blur() | \u79FB\u9664\u7126\u70B9 |
  274. | focus() | \u83B7\u53D6\u7126\u70B9 |
  275. `,html:`<p>\u901A\u8FC7\u9F20\u6807\u6216\u952E\u76D8\uFF0C\u8F93\u5165\u8303\u56F4\u5185\u7684\u6570\u503C\u3002</p>
  276. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
  277. <p>\u5F53\u9700\u8981\u83B7\u53D6\u6807\u51C6\u6570\u503C\u65F6\u3002</p>
  278. <h2 id="api">API</h2>
  279. <p>\u5C5E\u6027\u5982\u4E0B</p>
  280. <table>
  281. <thead>
  282. <tr>
  283. <th>\u6210\u5458</th>
  284. <th>\u8BF4\u660E</th>
  285. <th>\u7C7B\u578B</th>
  286. <th>\u9ED8\u8BA4\u503C</th>
  287. </tr>
  288. </thead>
  289. <tbody>
  290. <tr>
  291. <td>autofocus</td>
  292. <td>\u81EA\u52A8\u83B7\u53D6\u7126\u70B9</td>
  293. <td>boolean</td>
  294. <td>false</td>
  295. </tr>
  296. <tr>
  297. <td>defaultValue</td>
  298. <td>\u521D\u59CB\u503C</td>
  299. <td>number</td>
  300. <td></td>
  301. </tr>
  302. <tr>
  303. <td>disabled</td>
  304. <td>\u7981\u7528</td>
  305. <td>boolean</td>
  306. <td>false</td>
  307. </tr>
  308. <tr>
  309. <td>formatter</td>
  310. <td>\u6307\u5B9A\u8F93\u5165\u6846\u5C55\u793A\u503C\u7684\u683C\u5F0F</td>
  311. <td>function(value: number | string): string</td>
  312. <td>-</td>
  313. </tr>
  314. <tr>
  315. <td>max</td>
  316. <td>\u6700\u5927\u503C</td>
  317. <td>number</td>
  318. <td>Infinity</td>
  319. </tr>
  320. <tr>
  321. <td>min</td>
  322. <td>\u6700\u5C0F\u503C</td>
  323. <td>number</td>
  324. <td>-Infinity</td>
  325. </tr>
  326. <tr>
  327. <td>parser</td>
  328. <td>\u6307\u5B9A\u4ECE formatter \u91CC\u8F6C\u6362\u56DE\u6570\u5B57\u7684\u65B9\u5F0F\uFF0C\u548C formatter \u642D\u914D\u4F7F\u7528</td>
  329. <td>function( string): number</td>
  330. <td>-</td>
  331. </tr>
  332. <tr>
  333. <td>precision</td>
  334. <td>\u6570\u503C\u7CBE\u5EA6</td>
  335. <td>number</td>
  336. <td>-</td>
  337. </tr>
  338. <tr>
  339. <td>decimalSeparator</td>
  340. <td>\u5C0F\u6570\u70B9</td>
  341. <td>string</td>
  342. <td>-</td>
  343. </tr>
  344. <tr>
  345. <td>size</td>
  346. <td>\u8F93\u5165\u6846\u5927\u5C0F</td>
  347. <td>string</td>
  348. <td>\u65E0</td>
  349. </tr>
  350. <tr>
  351. <td>step</td>
  352. <td>\u6BCF\u6B21\u6539\u53D8\u6B65\u6570\uFF0C\u53EF\u4EE5\u4E3A\u5C0F\u6570</td>
  353. <td>number|string</td>
  354. <td>1</td>
  355. </tr>
  356. <tr>
  357. <td>value(v-model)</td>
  358. <td>\u5F53\u524D\u503C</td>
  359. <td>number</td>
  360. <td></td>
  361. </tr>
  362. </tbody>
  363. </table>
  364. <h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
  365. <table>
  366. <thead>
  367. <tr>
  368. <th>\u4E8B\u4EF6\u540D\u79F0</th>
  369. <th>\u8BF4\u660E</th>
  370. <th>\u56DE\u8C03\u53C2\u6570</th>
  371. <th>\u7248\u672C</th>
  372. </tr>
  373. </thead>
  374. <tbody>
  375. <tr>
  376. <td>change</td>
  377. <td>\u53D8\u5316\u56DE\u8C03</td>
  378. <td>Function(value: number | string)</td>
  379. <td></td>
  380. </tr>
  381. <tr>
  382. <td>pressEnter</td>
  383. <td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td>
  384. <td>function(e)</td>
  385. <td></td>
  386. </tr>
  387. </tbody>
  388. </table>
  389. <h2 id="\u65B9\u6CD5">\u65B9\u6CD5</h2>
  390. <table>
  391. <thead>
  392. <tr>
  393. <th>\u540D\u79F0</th>
  394. <th>\u63CF\u8FF0</th>
  395. </tr>
  396. </thead>
  397. <tbody>
  398. <tr>
  399. <td>blur()</td>
  400. <td>\u79FB\u9664\u7126\u70B9</td>
  401. </tr>
  402. <tr>
  403. <td>focus()</td>
  404. <td>\u83B7\u53D6\u7126\u70B9</td>
  405. </tr>
  406. </tbody>
  407. </table>
  408. `,lastUpdated:1748059052685}},U={class:"markdown"};function J(s,a,i,g,m,b){return d(),h("article",U,a[0]||(a[0]=[f('<p>\u901A\u8FC7\u9F20\u6807\u6216\u952E\u76D8\uFF0C\u8F93\u5165\u8303\u56F4\u5185\u7684\u6570\u503C\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u5F53\u9700\u8981\u83B7\u53D6\u6807\u51C6\u6570\u503C\u65F6\u3002</p><h2 id="api">API</h2><p>\u5C5E\u6027\u5982\u4E0B</p><table><thead><tr><th>\u6210\u5458</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>autofocus</td><td>\u81EA\u52A8\u83B7\u53D6\u7126\u70B9</td><td>boolean</td><td>false</td></tr><tr><td>defaultValue</td><td>\u521D\u59CB\u503C</td><td>number</td><td></td></tr><tr><td>disabled</td><td>\u7981\u7528</td><td>boolean</td><td>false</td></tr><tr><td>formatter</td><td>\u6307\u5B9A\u8F93\u5165\u6846\u5C55\u793A\u503C\u7684\u683C\u5F0F</td><td>function(value: number | string): string</td><td>-</td></tr><tr><td>max</td><td>\u6700\u5927\u503C</td><td>number</td><td>Infinity</td></tr><tr><td>min</td><td>\u6700\u5C0F\u503C</td><td>number</td><td>-Infinity</td></tr><tr><td>parser</td><td>\u6307\u5B9A\u4ECE formatter \u91CC\u8F6C\u6362\u56DE\u6570\u5B57\u7684\u65B9\u5F0F\uFF0C\u548C formatter \u642D\u914D\u4F7F\u7528</td><td>function( string): number</td><td>-</td></tr><tr><td>precision</td><td>\u6570\u503C\u7CBE\u5EA6</td><td>number</td><td>-</td></tr><tr><td>decimalSeparator</td><td>\u5C0F\u6570\u70B9</td><td>string</td><td>-</td></tr><tr><td>size</td><td>\u8F93\u5165\u6846\u5927\u5C0F</td><td>string</td><td>\u65E0</td></tr><tr><td>step</td><td>\u6BCF\u6B21\u6539\u53D8\u6B65\u6570\uFF0C\u53EF\u4EE5\u4E3A\u5C0F\u6570</td><td>number|string</td><td>1</td></tr><tr><td>value(v-model)</td><td>\u5F53\u524D\u503C</td><td>number</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>change</td><td>\u53D8\u5316\u56DE\u8C03</td><td>Function(value: number | string)</td><td></td></tr><tr><td>pressEnter</td><td>\u6309\u4E0B\u56DE\u8F66\u7684\u56DE\u8C03</td><td>function(e)</td><td></td></tr></tbody></table><h2 id="\u65B9\u6CD5">\u65B9\u6CD5</h2><table><thead><tr><th>\u540D\u79F0</th><th>\u63CF\u8FF0</th></tr></thead><tbody><tr><td>blur()</td><td>\u79FB\u9664\u7126\u70B9</td></tr><tr><td>focus()</td><td>\u83B7\u53D6\u7126\u70B9</td></tr></tbody></table>',10)]))}var R=r(N,[["render",J]]);const q={pageData:{title:"InputNumber",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"InputNumber",cover:"https://gw.alipayobjects.com/zos/alicdn/XOS8qZ0kU/InputNumber.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"When a numeric value needs to be provided."},{level:2,title:"API",slug:"api",content:""},{level:3,title:"events",slug:"events",content:""},{level:2,title:"Methods",slug:"methods",content:""}],relativePath:"src/docs/input-number/index.en-US.md",content:`
  409. Enter a number within certain range with the mouse or keyboard.
  410. ## When To Use
  411. When a numeric value needs to be provided.
  412. ## API
  413. | property | description | type | default |
  414. | --- | --- | --- | --- |
  415. | autofocus | get focus when component mounted | boolean | false |
  416. | defaultValue | initial value | number | |
  417. | disabled | disable the input | boolean | false |
  418. | formatter | Specifies the format of the value presented | function(value: number \\| string): string | - |
  419. | max | max value | number | Infinity |
  420. | min | min value | number | -Infinity |
  421. | parser | Specifies the value extracted from formatter | function( string): number | - |
  422. | precision | precision of input value | number | - |
  423. | decimalSeparator | decimal separator | string | - |
  424. | size | height of input box | string | - |
  425. | step | The number to which the current value is increased or decreased. It can be an integer or decimal. | number\\|string | 1 |
  426. | value(v-model) | current value | number | |
  427. ### events
  428. | Events Name | Description | Arguments | Version |
  429. | --- | --- | --- | --- | --- |
  430. | change | The callback triggered when the value is changed. | function(value: number \\| string) | | |
  431. | pressEnter | The callback function that is triggered when Enter key is pressed. | function(e) | | 1.5.0 |
  432. ## Methods
  433. | Name | Description |
  434. | ------- | ------------ |
  435. | blur() | remove focus |
  436. | focus() | get focus |
  437. `,html:`<p>Enter a number within certain range with the mouse or keyboard.</p>
  438. <h2 id="when-to-use">When To Use</h2>
  439. <p>When a numeric value needs to be provided.</p>
  440. <h2 id="api">API</h2>
  441. <table>
  442. <thead>
  443. <tr>
  444. <th>property</th>
  445. <th>description</th>
  446. <th>type</th>
  447. <th>default</th>
  448. </tr>
  449. </thead>
  450. <tbody>
  451. <tr>
  452. <td>autofocus</td>
  453. <td>get focus when component mounted</td>
  454. <td>boolean</td>
  455. <td>false</td>
  456. </tr>
  457. <tr>
  458. <td>defaultValue</td>
  459. <td>initial value</td>
  460. <td>number</td>
  461. <td></td>
  462. </tr>
  463. <tr>
  464. <td>disabled</td>
  465. <td>disable the input</td>
  466. <td>boolean</td>
  467. <td>false</td>
  468. </tr>
  469. <tr>
  470. <td>formatter</td>
  471. <td>Specifies the format of the value presented</td>
  472. <td>function(value: number | string): string</td>
  473. <td>-</td>
  474. </tr>
  475. <tr>
  476. <td>max</td>
  477. <td>max value</td>
  478. <td>number</td>
  479. <td>Infinity</td>
  480. </tr>
  481. <tr>
  482. <td>min</td>
  483. <td>min value</td>
  484. <td>number</td>
  485. <td>-Infinity</td>
  486. </tr>
  487. <tr>
  488. <td>parser</td>
  489. <td>Specifies the value extracted from formatter</td>
  490. <td>function( string): number</td>
  491. <td>-</td>
  492. </tr>
  493. <tr>
  494. <td>precision</td>
  495. <td>precision of input value</td>
  496. <td>number</td>
  497. <td>-</td>
  498. </tr>
  499. <tr>
  500. <td>decimalSeparator</td>
  501. <td>decimal separator</td>
  502. <td>string</td>
  503. <td>-</td>
  504. </tr>
  505. <tr>
  506. <td>size</td>
  507. <td>height of input box</td>
  508. <td>string</td>
  509. <td>-</td>
  510. </tr>
  511. <tr>
  512. <td>step</td>
  513. <td>The number to which the current value is increased or decreased. It can be an integer or decimal.</td>
  514. <td>number|string</td>
  515. <td>1</td>
  516. </tr>
  517. <tr>
  518. <td>value(v-model)</td>
  519. <td>current value</td>
  520. <td>number</td>
  521. <td></td>
  522. </tr>
  523. </tbody>
  524. </table>
  525. <h3 id="events">events</h3>
  526. <table>
  527. <thead>
  528. <tr>
  529. <th>Events Name</th>
  530. <th>Description</th>
  531. <th>Arguments</th>
  532. <th>Version</th>
  533. </tr>
  534. </thead>
  535. <tbody>
  536. <tr>
  537. <td>change</td>
  538. <td>The callback triggered when the value is changed.</td>
  539. <td>function(value: number | string)</td>
  540. <td></td>
  541. </tr>
  542. <tr>
  543. <td>pressEnter</td>
  544. <td>The callback function that is triggered when Enter key is pressed.</td>
  545. <td>function(e)</td>
  546. <td></td>
  547. </tr>
  548. </tbody>
  549. </table>
  550. <h2 id="methods">Methods</h2>
  551. <table>
  552. <thead>
  553. <tr>
  554. <th>Name</th>
  555. <th>Description</th>
  556. </tr>
  557. </thead>
  558. <tbody>
  559. <tr>
  560. <td>blur()</td>
  561. <td>remove focus</td>
  562. </tr>
  563. <tr>
  564. <td>focus()</td>
  565. <td>get focus</td>
  566. </tr>
  567. </tbody>
  568. </table>
  569. `,lastUpdated:1748059052685}},E={class:"markdown"};function T(s,a,i,g,m,b){return d(),h("article",E,a[0]||(a[0]=[f('<p>Enter a number within certain range with the mouse or keyboard.</p><h2 id="when-to-use">When To Use</h2><p>When a numeric value needs to be provided.</p><h2 id="api">API</h2><table><thead><tr><th>property</th><th>description</th><th>type</th><th>default</th></tr></thead><tbody><tr><td>autofocus</td><td>get focus when component mounted</td><td>boolean</td><td>false</td></tr><tr><td>defaultValue</td><td>initial value</td><td>number</td><td></td></tr><tr><td>disabled</td><td>disable the input</td><td>boolean</td><td>false</td></tr><tr><td>formatter</td><td>Specifies the format of the value presented</td><td>function(value: number | string): string</td><td>-</td></tr><tr><td>max</td><td>max value</td><td>number</td><td>Infinity</td></tr><tr><td>min</td><td>min value</td><td>number</td><td>-Infinity</td></tr><tr><td>parser</td><td>Specifies the value extracted from formatter</td><td>function( string): number</td><td>-</td></tr><tr><td>precision</td><td>precision of input value</td><td>number</td><td>-</td></tr><tr><td>decimalSeparator</td><td>decimal separator</td><td>string</td><td>-</td></tr><tr><td>size</td><td>height of input box</td><td>string</td><td>-</td></tr><tr><td>step</td><td>The number to which the current value is increased or decreased. It can be an integer or decimal.</td><td>number|string</td><td>1</td></tr><tr><td>value(v-model)</td><td>current value</td><td>number</td><td></td></tr></tbody></table><h3 id="events">events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>change</td><td>The callback triggered when the value is changed.</td><td>function(value: number | string)</td><td></td></tr><tr><td>pressEnter</td><td>The callback function that is triggered when Enter key is pressed.</td><td>function(e)</td><td></td></tr></tbody></table><h2 id="methods">Methods</h2><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>blur()</td><td>remove focus</td></tr><tr><td>focus()</td><td>get focus</td></tr></tbody></table>',9)]))}var _=r(q,[["render",T]]);const $=v({CN:R,US:_,components:{Basic:B,Disabled:H,Digit:D,Formatter:G,Size:j}});function M(s,a,i,g,m,b){const p=o("basic"),l=o("size"),e=o("disabled"),C=o("digit"),A=o("formatter"),w=o("demo-sort");return d(),I(w,null,{default:u(()=>[c(p),c(l),c(e),c(C),c(A)]),_:1})}var L=r($,[["render",M]]);export{L as default};