web-plus-ui/docs/assets/README.aa9d9e80.js

vue3+vite+ts+element-plus 组件库

import{_ as y}from"./index.17927878.js";import{l as r,r as g,a as u,o as c,f as x,w as a,e,c as _,b as m,R as b}from"./vendor.184a8d03.js";const h={name:"InputNumber",setup(){const n=r(0);return{listQuery:g({inputNumberValue:n}),formItem:r([{type:"es-input-number",label:"Input Number",key:"inputNumberValue",col:24,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",showWordLimit:!0},listeners:{input:l=>{console.log("\u8F93\u5165\u5185\u5BB9\uFF1A"+l)}}}]),rules:r({inputNumberValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function f(n,s,l,t,p,d){const o=u("EsForm"),i=u("EsContainer");return c(),x(i,{title:"Input Number \u57FA\u7840\u7528\u6CD5"},{default:a(()=>[e(o,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var N=y(h,[["render",f]]);const F={name:"InputNumber",setup(){const n=r(0);return{listQuery:g({inputNumberValue:n}),formItem:r([{type:"es-input-number",label:"Input Number",key:"inputNumberValue",col:24,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",disabled:!0},listeners:{input:l=>{console.log("\u8F93\u5165\u5185\u5BB9\uFF1A"+l)}}}]),rules:r({inputNumberValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function E(n,s,l,t,p,d){const o=u("EsForm"),i=u("EsContainer");return c(),x(i,{title:"Input Number Disabled\u5C5E\u6027"},{default:a(()=>[e(o,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var I=y(F,[["render",E]]);const v={name:"InputNumber",setup(){const n=r(0);return{listQuery:g({inputNumberValue:n}),formItem:r([{type:"es-input-number",label:"Input Number",key:"inputNumberValue",col:24,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",step:5},listeners:{input:l=>{console.log("\u8F93\u5165\u5185\u5BB9\uFF1A"+l)}}}]),rules:r({inputNumberValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function V(n,s,l,t,p,d){const o=u("EsForm"),i=u("EsContainer");return c(),x(i,{title:"Input Number Step\u5C5E\u6027"},{default:a(()=>[e(o,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var A=y(v,[["render",V]]);const B={name:"InputNumber",setup(){const n=r(0);return{listQuery:g({inputNumberValue:n}),formItem:r([{type:"es-input-number",label:"Input Number",key:"inputNumberValue",col:24,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",step:5,stepStrictly:!0},listeners:{input:l=>{console.log("\u8F93\u5165\u5185\u5BB9\uFF1A"+l)}}}]),rules:r({inputNumberValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function C(n,s,l,t,p,d){const o=u("EsForm"),i=u("EsContainer");return c(),x(i,{title:"Input Number StepStrictly\u5C5E\u6027"},{default:a(()=>[e(o,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var q=y(B,[["render",C]]);const $={name:"InputNumber",setup(){const n=r(0);return{listQuery:g({inputNumberValue:n}),formItem:r([{type:"es-input-number",label:"Input Number",key:"inputNumberValue",col:24,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",step:5,precision:2},listeners:{input:l=>{console.log("\u8F93\u5165\u5185\u5BB9\uFF1A"+l)}}}]),rules:r({inputNumberValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function w(n,s,l,t,p,d){const o=u("EsForm"),i=u("EsContainer");return c(),x(i,{title:"Input Number Precision\u5C5E\u6027"},{default:a(()=>[e(o,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var D=y($,[["render",w]]);const k={name:"InputNumber",setup(){const n=r(0);return{listQuery:g({inputNumberValue:n}),formItem:r([{type:"es-input-number",label:"Input Number",key:"inputNumberValue",col:24,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",controlsPosition:"right"},listeners:{change:l=>{console.log("\u8F93\u5165\u5185\u5BB9\uFF1A"+l)}}}]),rules:r({inputNumberValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function Q(n,s,l,t,p,d){const o=u("EsForm"),i=u("EsContainer");return c(),x(i,{title:"Input Number ControlsPosition\u5C5E\u6027"},{default:a(()=>[e(o,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var S=y(k,[["render",Q]]);const z={name:"InputNumber",setup(){return{listQuery:g({inputNumberValue:0,inputNumberValue2:0,inputNumberValue3:0,inputNumberValue4:0}),formItem:r([{type:"es-input-number",label:"default",key:"inputNumberValue",col:12,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165"}},{type:"es-input-number",label:"medium",key:"inputNumberValue2",col:12,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",size:"medium"}},{type:"es-input-number",label:"small",key:"inputNumberValue3",col:12,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",size:"small"}},{type:"es-input-number",label:"mini",key:"inputNumberValue4",col:12,width:"120px",attrs:{placeholder:"\u8BF7\u8F93\u5165",size:"mini"}}]),rules:r({inputNumberValue:[{required:!0,message:"\u4E0D\u80FD\u4E3A\u7A7A",trigger:"change"}]})}}};function P(n,s,l,t,p,d){const o=u("EsForm"),i=u("EsContainer");return c(),x(i,{title:"Input Number Size\u5C5E\u6027"},{default:a(()=>[e(o,{ref:"EsForm","list-query":t.listQuery,"form-item":t.formItem,rules:t.rules},null,8,["list-query","form-item","rules"])]),_:1})}var j=y(z,[["render",P]]);const L={class:"markdown-body"},R=m("h1",null,"InputNumber\u7EC4\u4EF6",-1),W=m("h3",null,"\u793A\u4F8B",-1),G=m("h3",null,"\u7981\u7528\u72B6\u6001",-1),H=m("h3",null,"\u6B65\u8FDB",-1),J=m("h3",null,"\u4E25\u683C\u6B65\u8FDB",-1),K=m("h3",null,"\u7CBE\u5EA6",-1),M=m("h3",null,"\u4E0D\u540C\u7684\u8F93\u5165\u6846\u5C3A\u5BF8",-1),O=m("h3",null,"\u6309\u94AE\u4F4D\u7F6E",-1),T=b('<h3>\u5C5E\u6027</h3><table><thead><tr><th style="text-align:center;">\u53C2\u6570</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u7C7B\u578B</th><th style="text-align:center;">\u53EF\u9009\u503C</th><th style="text-align:center;">\u9ED8\u8BA4\u503C</th><th style="text-align:center;">\u662F\u5426\u5FC5\u586B</th></tr></thead><tbody><tr><td style="text-align:center;"><code>model-value / v-model</code></td><td style="text-align:center;">\u9009\u4E2D\u9879\u7ED1\u5B9A\u503C</td><td style="text-align:center;">number / undefined</td><td style="text-align:center;">\u2014</td><td style="text-align:center;"></td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>min</code></td><td style="text-align:center;">\u8BBE\u7F6E\u8BA1\u6570\u5668\u5141\u8BB8\u7684\u6700\u5C0F\u503C</td><td style="text-align:center;">number</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">-Infinity</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>max</code></td><td style="text-align:center;">\u8BBE\u7F6E\u8BA1\u6570\u5668\u5141\u8BB8\u7684\u6700\u5927\u503C</td><td style="text-align:center;">number</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">Infinity</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>step</code></td><td style="text-align:center;">\u8BA1\u6570\u5668\u6B65\u957F</td><td style="text-align:center;">number</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">1</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>step-strictly</code> \u662F\u5426\u53EA\u80FD\u8F93\u5165 step \u7684\u500D\u6570</td><td style="text-align:center;">boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">false</td><td style="text-align:center;"></td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>precision</code></td><td style="text-align:center;">\u6570\u503C\u7CBE\u5EA6</td><td style="text-align:center;">number</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">\u2014</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>size</code></td><td style="text-align:center;">\u8BA1\u6570\u5668\u5C3A\u5BF8</td><td style="text-align:center;">string</td><td style="text-align:center;">large/medium/small/mini</td><td style="text-align:center;">large</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>disabled</code></td><td style="text-align:center;">\u662F\u5426\u7981\u7528\u8BA1\u6570\u5668</td><td style="text-align:center;">boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">false</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>controls</code></td><td style="text-align:center;">\u662F\u5426\u4F7F\u7528\u63A7\u5236\u6309\u94AE</td><td style="text-align:center;">boolean</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">true</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>controls-position</code> \u63A7\u5236\u6309\u94AE\u4F4D\u7F6E</td><td style="text-align:center;">string</td><td style="text-align:center;">right</td><td style="text-align:center;">-</td><td style="text-align:center;"></td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>name</code></td><td style="text-align:center;">\u539F\u751F name \u5C5E\u6027</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">\u2014</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>label</code></td><td style="text-align:center;">\u8F93\u5165\u6846\u5173\u8054\u7684 label \u6587\u5B57</td><td style="text-align:center;">string</td><td style="text-align:center;">\u2014</td><td style="text-align:center;">\u2014</td><td style="text-align:center;"></td></tr><tr><td style="text-align:center;"><code>placeholder</code></td><td style="text-align:center;">\u8F93\u5165\u6846\u9ED8\u8BA4</td><td style="text-align:center;">placeholder</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr></tbody></table><h3>\u4E8B\u4EF6</h3><table><thead><tr><th style="text-align:center;">\u4E8B\u4EF6\u540D</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td style="text-align:center;"><code>change</code></td><td style="text-align:center;">\u7ED1\u5B9A\u503C\u88AB\u6539\u53D8\u65F6\u89E6\u53D1</td><td style="text-align:center;">(currentValue: number / NaN, oldValue: number / NaN)</td></tr><tr><td style="text-align:center;"><code>blur</code></td><td style="text-align:center;">\u5728\u7EC4\u4EF6 Input \u5931\u53BB\u7126\u70B9\u65F6\u89E6\u53D1</td><td style="text-align:center;">(event: Event)</td></tr><tr><td style="text-align:center;"><code>focus</code></td><td style="text-align:center;">\u5728\u7EC4\u4EF6 Input \u83B7\u5F97\u7126\u70B9\u65F6\u89E6\u53D1</td><td style="text-align:center;">(event: Event)</td></tr></tbody></table><h3>\u65B9\u6CD5</h3><table><thead><tr><th style="text-align:center;">\u65B9\u6CD5\u540D</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u53C2\u6570</th></tr></thead><tbody><tr><td style="text-align:center;"><code>focus</code></td><td style="text-align:center;">\u4F7F input \u7EC4\u4EF6\u83B7\u5F97\u7126\u70B9</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;"><code>blur</code></td><td style="text-align:center;">\u4F7F input \u7EC4\u4EF6\u5931\u53BB\u7126\u70B9</td><td style="text-align:center;">\u2014</td></tr></tbody></table>',6),Y={setup(n,{expose:s}){return s({frontmatter:{}}),(t,p)=>{const d=u("Preview");return c(),_("div",L,[R,W,e(d,{"comp-name":"InputNumber","demo-name":"demo"},{default:a(()=>[e(N)]),_:1}),G,e(d,{"comp-name":"InputNumber","demo-name":"demo2"},{default:a(()=>[e(I)]),_:1}),H,e(d,{"comp-name":"InputNumber","demo-name":"demo3"},{default:a(()=>[e(A)]),_:1}),J,e(d,{"comp-name":"InputNumber","demo-name":"demo4"},{default:a(()=>[e(q)]),_:1}),K,e(d,{"comp-name":"InputNumber","demo-name":"demo5"},{default:a(()=>[e(D)]),_:1}),M,e(d,{"comp-name":"InputNumber","demo-name":"demo7"},{default:a(()=>[e(j)]),_:1}),O,e(d,{"comp-name":"InputNumber","demo-name":"demo6"},{default:a(()=>[e(S)]),_:1}),T])}}};export{Y as default};