| 1 |
- import{c as a}from"./mobile.91b56ad5.js";import{a as e,s as l,x as n,r as t,o,c as u,f as v,q as s}from"./vendor.80bf15c7.js";import"./index.11b19ad8.js";const{createDemo:h}=a("input");var c=h({setup(){const a=e({val0:"",val1:"初始数据",val2:"禁止修改",val3:"readonly 只读",val4:"",val5:"",val6:"",val7:"",val8:"文案"});setTimeout((function(){a.val1="异步数据"}),2e3);return{state:a,change:a=>{console.log("change: ",a)},blur:a=>{console.log("blur:",a)},clear:a=>{console.log("clear:",a)},focus:a=>{console.log("focus:",a)}}}});const g=s("data-v-e5c295b4");l("data-v-e5c295b4");const r={class:"demo-nopading"},d=v("h2",null,"基础用法",-1),p=v("h2",null,"禁用输入框",-1),C=v("h2",null,"限制输入长度",-1),b=v("h2",null,"自定义类型",-1),i=v("h2",null,"文本域",-1),m=v("h2",null,"显示字数统计",-1);n();const U=g(((a,e,l,n,s,h)=>{const c=t("nut-input");return o(),u("div",r,[d,v(c,{value:a.state.val1,"onUpdate:value":e[1]||(e[1]=e=>a.state.val1=e),onChange:a.change,onFocus:a.focus,onBlur:a.blur,label:"文本"},null,8,["value","onChange","onFocus","onBlur"]),v(c,{placeholder:"请输入文本",onChange:a.change,value:a.state.val0,"onUpdate:value":e[2]||(e[2]=e=>a.state.val0=e),requireShow:!0,label:"文本",onClear:a.clear},null,8,["onChange","value","onClear"]),p,v(c,{value:a.state.val2,"onUpdate:value":e[3]||(e[3]=e=>a.state.val2=e),onChange:a.change,disabled:!0,label:"文本"},null,8,["value","onChange"]),v(c,{value:a.state.val3,"onUpdate:value":e[4]||(e[4]=e=>a.state.val3=e),onChange:a.change,readonly:!0,label:"文本"},null,8,["value","onChange"]),C,v(c,{value:a.state.val4,"onUpdate:value":e[5]||(e[5]=e=>a.state.val4=e),onChange:a.change,maxLength:"7",label:"限制7："},null,8,["value","onChange"]),b,v(c,{value:a.state.val0,"onUpdate:value":e[6]||(e[6]=e=>a.state.val0=e),onChange:a.change,type:"password",label:"密码："},null,8,["value","onChange"]),v(c,{value:a.state.val5,"onUpdate:value":e[7]||(e[7]=e=>a.state.val5=e),onChange:a.change,type:"digit",label:"整数："},null,8,["value","onChange"]),v(c,{value:a.state.val6,"onUpdate:value":e[8]||(e[8]=e=>a.state.val6=e),onChange:a.change,type:"digit",placeholder:"支持小数点的输入",label:"数字："},null,8,["value","onChange"]),i,v(c,{value:a.state.val7,"onUpdate:value":e[9]||(e[9]=e=>a.state.val7=e),onChange:a.change,autosize:!0,type:"textarea",placeholder:"文本域",label:"留言："},null,8,["value","onChange"]),v(c,{value:a.state.val7,"onUpdate:value":e[10]||(e[10]=e=>a.state.val7=e),onChange:a.change,rows:"5",type:"textarea",placeholder:"设置输入五行",label:"留言："},null,8,["value","onChange"]),m,v(c,{value:a.state.val8,"onUpdate:value":e[11]||(e[11]=e=>a.state.val8=e),onChange:a.change,rows:"5",limitShow:!0,maxLength:"20",type:"textarea",placeholder:"设置输入五行",label:"留言："},null,8,["value","onChange"])])}));c.render=U,c.__scopeId="data-v-e5c295b4";export default c;
|
