demo.3a71759f.js 2.1 KB

1
  1. import{c as l}from"./mobile.91b56ad5.js";import{a as e,b as a,r as o,o as n,c as t,f as u,i as s}from"./vendor.80bf15c7.js";import"./index.11b19ad8.js";const{createDemo:d}=l("inputnumber");var m=d({props:{},setup(){const l=e({val1:2,val2:1.1,val3:3,val4:0,val5:1,step:1.1,min:3,max:100,async:!0,timer:void 0});a((()=>{l.max=5}));return{state:l,change:l=>{console.log("change: ",l)},blur:(l,e)=>{console.log("blur: ",e)},focus:(l,e)=>{console.log("focus: ",l,e)},reduceNoAllow:()=>{alert("超出最小限制数")},addNoAllow:()=>{alert("超出最大限制数")},handleChangeAsync:e=>{clearTimeout(l.timer),l.timer=setTimeout((()=>{l.val5=l.val5+1}),1e3)},beforeChange:()=>new Promise((l=>{setTimeout((()=>{l(!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(l,e,a,d,m,h){const b=o("nut-inputnumber"),V=o("nut-cell");return n(),t("div",r,[c,u(V,null,{default:s((()=>[u(b,{modelValue:l.state.val1,"onUpdate:modelValue":e[1]||(e[1]=e=>l.state.val1=e),onChange:l.change,onBlur:l.blur,onFocus:l.focus},null,8,["modelValue","onChange","onBlur","onFocus"])])),_:1}),i,u(V,null,{default:s((()=>[u(b,{modelValue:l.state.val2,"onUpdate:modelValue":e[2]||(e[2]=e=>l.state.val2=e),step:l.state.step,"decimal-places":1},null,8,["modelValue","step"])])),_:1}),v,u(V,null,{default:s((()=>[u(b,{modelValue:l.state.val3,"onUpdate:modelValue":e[3]||(e[3]=e=>l.state.val3=e),min:l.state.min,max:l.state.max,onReduceNoAllow:l.reduceNoAllow,onAddNoAllow:l.addNoAllow},null,8,["modelValue","min","max","onReduceNoAllow","onAddNoAllow"])])),_:1}),f,u(V,null,{default:s((()=>[u(b,{readonly:!0,modelValue:l.state.val4,"onUpdate:modelValue":e[4]||(e[4]=e=>l.state.val4=e),min:"0",max:"0",onFocus:l.focus,onBlur:l.blur},null,8,["modelValue","onFocus","onBlur"])])),_:1}),p,u(V,null,{default:s((()=>[u(b,{async:l.state.async,modelValue:l.state.val5,"onUpdate:modelValue":e[5]||(e[5]=e=>l.state.val5=e),"before-change":l.beforeChange},null,8,["async","modelValue","before-change"])])),_:1})])};export default m;