demo.35f71f6f.js 2.2 KB

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