demo.c421a0fc.js 2.1 KB

1
  1. import{c as e}from"./mobile.e1ddb172.js";import{a as l,b as a,r as o,o as n,c as t,f as u,i as s}from"./vendor.80bf15c7.js";import"./index.42d325ee.js";const{createDemo:d}=e("inputnumber");var m=d({props:{},setup(){const e=l({val1:2,val2:1.1,val3:3,val4:0,val5:1,step:1.1,min:3,max:100,async:!0,timer:void 0});a((()=>{e.max=5}));return{state:e,change:e=>{console.log("change: ",e)},blur:(e,l)=>{console.log("blur: ",l)},focus:(e,l)=>{console.log("focus: ",e,l)},reduceNoAllow:()=>{alert("超出最小限制数")},addNoAllow:()=>{alert("超出最大限制数")},handleChangeAsync:l=>{clearTimeout(e.timer),e.timer=setTimeout((()=>{e.val5=e.val5+1}),1e3)},beforeChange:()=>new Promise((e=>{setTimeout((()=>{e(!0)}),500)}))}}});const r={class:"demo"},c=u("h2",null,"基本用法",-1),i=u("h2",null,"步长设置",-1),v=u("h2",null,"限制输入范围",-1),f=u("h2",null,"禁用操作&输入框",-1),p=u("h2",null,"支持异步修改",-1);m.render=function(e,l,a,d,m,h){const V=o("nut-inputnumber"),b=o("nut-cell");return n(),t("div",r,[c,u(b,null,{default:s((()=>[u(V,{modelValue:e.state.val1,"onUpdate:modelValue":l[1]||(l[1]=l=>e.state.val1=l),onChange:e.change,onBlur:e.blur,onFocus:e.focus},null,8,["modelValue","onChange","onBlur","onFocus"])])),_:1}),i,u(b,null,{default:s((()=>[u(V,{modelValue:e.state.val2,"onUpdate:modelValue":l[2]||(l[2]=l=>e.state.val2=l),step:e.state.step,"decimal-places":1},null,8,["modelValue","step"])])),_:1}),v,u(b,null,{default:s((()=>[u(V,{modelValue:e.state.val3,"onUpdate:modelValue":l[3]||(l[3]=l=>e.state.val3=l),min:e.state.min,max:e.state.max,onReduceNoAllow:e.reduceNoAllow,onAddNoAllow:e.addNoAllow},null,8,["modelValue","min","max","onReduceNoAllow","onAddNoAllow"])])),_:1}),f,u(b,null,{default:s((()=>[u(V,{readonly:!0,modelValue:e.state.val4,"onUpdate:modelValue":l[4]||(l[4]=l=>e.state.val4=l),min:"0",max:"0",onFocus:e.focus,onBlur:e.blur},null,8,["modelValue","onFocus","onBlur"])])),_:1}),p,u(b,null,{default:s((()=>[u(V,{async:e.state.async,modelValue:e.state.val5,"onUpdate:modelValue":l[5]||(l[5]=l=>e.state.val5=l),"before-change":e.beforeChange},null,8,["async","modelValue","before-change"])])),_:1})])};export default m;