demo.0e58f9d2.js 2.2 KB

1
  1. import{c as l}from"./mobile.b66caac5.js";import{a as e,W as a,r as t,o as u,e as o,j as n,k as d,g as s}from"./vendor.92dabd7f.js";import"./index.f7d754e2.js";const{createDemo:m}=l("inputnumber");var v=m({props:{},setup(){let{proxy:l}=a();const t=e({val1:1,val2:0,val3:10,val4:0,val5:1,val6:5.5,val7:1,val8:1,step:1.1});return{state:t,onChange:e=>{l.$toast.loading("异步演示 2 秒后更改"),setTimeout((()=>{t.val8=e,l.$toast.hide()}),2e3)},blur:blur,focus:focus,overlimit:()=>{l.$toast.warn("超出限制事件触发")}}}});const r={class:"demo"},i=s("h2",null,"基本用法",-1),p=s("h2",null,"步长设置",-1),V=s("h2",null,"限制输入范围",-1),f=s("h2",null,"禁用操作",-1),c=s("h2",null,"只读禁用输入框",-1),h=s("h2",null,"支持小数",-1),b=s("h2",null,"支持异步修改",-1),_=s("h2",null,"自定义按钮大小",-1);v.render=function(l,e,a,s,m,v){const U=t("nut-inputnumber"),g=t("nut-cell");return u(),o("div",r,[i,n(g,null,{default:d((()=>[n(U,{modelValue:l.state.val1,"onUpdate:modelValue":e[0]||(e[0]=e=>l.state.val1=e)},null,8,["modelValue"])])),_:1}),p,n(g,null,{default:d((()=>[n(U,{modelValue:l.state.val2,"onUpdate:modelValue":e[1]||(e[1]=e=>l.state.val2=e),step:"5"},null,8,["modelValue"])])),_:1}),V,n(g,null,{default:d((()=>[n(U,{modelValue:l.state.val3,"onUpdate:modelValue":e[2]||(e[2]=e=>l.state.val3=e),onOverlimit:l.overlimit,min:"10",max:"20"},null,8,["modelValue","onOverlimit"])])),_:1}),f,n(g,null,{default:d((()=>[n(U,{modelValue:l.state.val4,"onUpdate:modelValue":e[3]||(e[3]=e=>l.state.val4=e),disabled:""},null,8,["modelValue"])])),_:1}),c,n(g,null,{default:d((()=>[n(U,{modelValue:l.state.val5,"onUpdate:modelValue":e[4]||(e[4]=e=>l.state.val5=e),readonly:""},null,8,["modelValue"])])),_:1}),h,n(g,null,{default:d((()=>[n(U,{modelValue:l.state.val6,"onUpdate:modelValue":e[5]||(e[5]=e=>l.state.val6=e),step:"0.1","decimal-places":"1",readonly:""},null,8,["modelValue"])])),_:1}),b,n(g,null,{default:d((()=>[n(U,{"model-value":l.state.val8,onChange:l.onChange},null,8,["model-value","onChange"])])),_:1}),_,n(g,null,{default:d((()=>[n(U,{modelValue:l.state.val7,"onUpdate:modelValue":e[6]||(e[6]=e=>l.state.val7=e),"button-size":"30","input-width":"50"},null,8,["modelValue"])])),_:1})])};export{v as default};