| 1 |
- import{c as U,T as h}from"./mobile.js";import{a as g,m as M,r as s,e as $,j as e,k as a,g as n,o as q,f as p,v as f,l as i}from"./vendor.js";import{_ as j}from"./index.js";const{createDemo:T}=U("form"),z=T({props:{},setup(){const u=g({name:"",age:"",tel:"",address:""}),t=d=>{console.log(d)},F=g({switch:!1,checkbox:!1,radio:0,number:0,rate:3,range:30,address:"",defaultFileList:[{name:"\u6587\u4EF61.png",url:"https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif",status:"success",message:"\u4E0A\u4F20\u6210\u529F",type:"image"},{name:"\u6587\u4EF62.png",url:"https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif",status:"uploading",message:"\u4E0A\u4F20\u4E2D...",type:"image"}]}),r=g({state:{show:!1,province:[{id:1,name:"\u5317\u4EAC"},{id:2,name:"\u5E7F\u897F"},{id:3,name:"\u6C5F\u897F"},{id:4,name:"\u56DB\u5DDD"}],city:[{id:7,name:"\u671D\u9633\u533A"},{id:8,name:"\u5D07\u6587\u533A"},{id:9,name:"\u660C\u5E73\u533A"},{id:6,name:"\u77F3\u666F\u5C71\u533A"}],country:[{id:3,name:"\u516B\u91CC\u5E84\u8857\u9053"},{id:9,name:"\u5317\u82D1"},{id:4,name:"\u5E38\u8425\u4E61"}],town:[]},methods:{show(){r.state.show=!r.state.show,r.state.show&&(F.address="")},onChange({custom:d,next:m,value:b}){F.address+=b.name,r.state[m].length<1&&(r.state.show=!1)}}}),D=M(null);return{ruleForm:D,formData:u,validate:t,customValidator:d=>/^\d+$/.test(d),asyncValidator:d=>new Promise(m=>{h.loading("\u6A21\u62DF\u5F02\u6B65\u9A8C\u8BC1\u4E2D..."),setTimeout(()=>{h.hide(),m(/^400(-?)[0-9]{7}$|^1\d{10}$|^0[0-9]{2,3}-[0-9]{7,8}$/.test(d))},1e3)}),submit:()=>{D.value.validate().then(({valid:d,errors:m})=>{d?console.log("success",u):console.log("error submit!!",m)})},reset:()=>{D.value.reset()},formData2:F,addressModule:r}}}),L={class:"demo full"},N=n("h2",null,"\u57FA\u672C\u7528\u6CD5",-1),P=n("input",{class:"nut-input-text",placeholder:"\u8BF7\u8F93\u5165\u59D3\u540D",type:"text"},null,-1),G=n("input",{class:"nut-input-text",placeholder:"\u8BF7\u8F93\u5165\u5E74\u9F84",type:"text"},null,-1),H=n("input",{class:"nut-input-text",placeholder:"\u8BF7\u8F93\u5165\u8054\u7CFB\u7535\u8BDD",type:"text"},null,-1),I=n("input",{class:"nut-input-text",placeholder:"\u8BF7\u8F93\u5165\u5730\u5740",type:"text"},null,-1),J=n("h2",null,"\u8868\u5355\u6821\u9A8C",-1),K=i("\u63D0\u4EA4"),O=i("\u91CD\u7F6E\u63D0\u793A\u72B6\u6001"),Q=n("h2",null,"\u8868\u5355\u7C7B\u578B",-1),R=i("\u590D\u9009\u6846"),S=i("\u9009\u98791"),W=i("\u9009\u98792"),X=i("\u9009\u98793");function Y(u,t,F,r,D,E){const l=s("nut-form-item"),_=s("nut-textarea"),c=s("nut-form"),d=s("nut-button"),m=s("nut-cell"),b=s("nut-switch"),C=s("nut-checkbox"),B=s("nut-radio"),V=s("nut-radiogroup"),y=s("nut-rate"),v=s("nut-inputnumber"),w=s("nut-range"),A=s("nut-uploader"),k=s("nut-address");return q(),$("div",L,[N,e(c,null,{default:a(()=>[e(l,{label:"\u59D3\u540D"},{default:a(()=>[P]),_:1}),e(l,{label:"\u5E74\u9F84"},{default:a(()=>[G]),_:1}),e(l,{label:"\u8054\u7CFB\u7535\u8BDD"},{default:a(()=>[H]),_:1}),e(l,{label:"\u5730\u5740"},{default:a(()=>[I]),_:1}),e(l,{label:"\u5907\u6CE8"},{default:a(()=>[e(_,{placeholder:"\u8BF7\u8F93\u5165\u5907\u6CE8",type:"text"})]),_:1})]),_:1}),J,e(c,{"model-value":u.formData,ref:"ruleForm"},{default:a(()=>[e(l,{label:"\u59D3\u540D",prop:"name",required:"",rules:[{required:!0,message:"\u8BF7\u586B\u5199\u59D3\u540D"}]},{default:a(()=>[p(n("input",{class:"nut-input-text","onUpdate:modelValue":t[0]||(t[0]=o=>u.formData.name=o),placeholder:"\u8BF7\u8F93\u5165\u59D3\u540D",type:"text"},null,512),[[f,u.formData.name]])]),_:1}),e(l,{label:"\u5E74\u9F84",prop:"age",required:"",rules:[{required:!0,message:"\u8BF7\u586B\u5199\u5E74\u9F84"},{validator:u.customValidator,message:"\u5FC5\u987B\u8F93\u5165\u6570\u5B57"},{regex:/^(\d{1,2}|1\d{2}|200)$/,message:"\u5FC5\u987B\u8F93\u51650-200\u533A\u95F4"}]},{default:a(()=>[p(n("input",{class:"nut-input-text","onUpdate:modelValue":t[1]||(t[1]=o=>u.formData.age=o),placeholder:"\u8BF7\u8F93\u5165\u5E74\u9F84\uFF0C\u5FC5\u987B\u6570\u5B57\u4E140-200\u533A\u95F4",type:"text"},null,512),[[f,u.formData.age]])]),_:1},8,["rules"]),e(l,{label:"\u8054\u7CFB\u7535\u8BDD",prop:"tel",required:"",rules:[{required:!0,message:"\u8BF7\u586B\u5199\u8054\u7CFB\u7535\u8BDD"},{validator:u.asyncValidator,message:"\u7535\u8BDD\u683C\u5F0F\u4E0D\u6B63\u786E"}]},{default:a(()=>[p(n("input",{class:"nut-input-text","onUpdate:modelValue":t[2]||(t[2]=o=>u.formData.tel=o),placeholder:"\u8BF7\u8F93\u5165\u8054\u7CFB\u7535\u8BDD\uFF0C\u5F02\u6B65\u6821\u9A8C\u7535\u8BDD\u683C\u5F0F",type:"text"},null,512),[[f,u.formData.tel]])]),_:1},8,["rules"]),e(l,{label:"\u5730\u5740",prop:"address",required:"",rules:[{required:!0,message:"\u8BF7\u586B\u5199\u5730\u5740"}]},{default:a(()=>[p(n("input",{class:"nut-input-text","onUpdate:modelValue":t[3]||(t[3]=o=>u.formData.address=o),placeholder:"\u8BF7\u8F93\u5165\u5730\u5740",type:"text"},null,512),[[f,u.formData.address]])]),_:1}),e(m,null,{default:a(()=>[e(d,{type:"primary",size:"small",style:{"margin-right":"10px"},onClick:u.submit},{default:a(()=>[K]),_:1},8,["onClick"]),e(d,{size:"small",onClick:u.reset},{default:a(()=>[O]),_:1},8,["onClick"])]),_:1})]),_:1},8,["model-value"]),Q,e(c,null,{default:a(()=>[e(l,{label:"\u5F00\u5173"},{default:a(()=>[e(b,{modelValue:u.formData2.switch,"onUpdate:modelValue":t[4]||(t[4]=o=>u.formData2.switch=o)},null,8,["modelValue"])]),_:1}),e(l,{label:"\u590D\u9009\u6846"},{default:a(()=>[e(C,{modelValue:u.formData2.checkbox,"onUpdate:modelValue":t[5]||(t[5]=o=>u.formData2.checkbox=o)},{default:a(()=>[R]),_:1},8,["modelValue"])]),_:1}),e(l,{label:"\u5355\u9009\u6309\u94AE"},{default:a(()=>[e(V,{direction:"horizontal",modelValue:u.formData2.radio,"onUpdate:modelValue":t[6]||(t[6]=o=>u.formData2.radio=o)},{default:a(()=>[e(B,{label:"1"},{default:a(()=>[S]),_:1}),e(B,{disabled:"",label:"2"},{default:a(()=>[W]),_:1}),e(B,{label:"3"},{default:a(()=>[X]),_:1})]),_:1},8,["modelValue"])]),_:1}),e(l,{label:"\u8BC4\u5206"},{default:a(()=>[e(y,{modelValue:u.formData2.rate,"onUpdate:modelValue":t[7]||(t[7]=o=>u.formData2.rate=o)},null,8,["modelValue"])]),_:1}),e(l,{label:"\u6B65\u8FDB\u5668"},{default:a(()=>[e(v,{modelValue:u.formData2.number,"onUpdate:modelValue":t[8]||(t[8]=o=>u.formData2.number=o)},null,8,["modelValue"])]),_:1}),e(l,{label:"\u6ED1\u5757"},{default:a(()=>[e(w,{"hidden-tag":"",modelValue:u.formData2.range,"onUpdate:modelValue":t[9]||(t[9]=o=>u.formData2.range=o)},null,8,["modelValue"])]),_:1}),e(l,{label:"\u6587\u4EF6\u4E0A\u4F20"},{default:a(()=>[e(A,{url:"http://\u670D\u52A1\u5730\u5740","file-list":u.formData2.defaultFileList,"onUpdate:file-list":t[10]||(t[10]=o=>u.formData2.defaultFileList=o),maximum:"3",multiple:""},null,8,["file-list"])]),_:1}),e(l,{label:"\u5730\u5740"},{default:a(()=>[p(n("input",{class:"nut-input-text","onUpdate:modelValue":t[11]||(t[11]=o=>u.formData2.address=o),onClick:t[12]||(t[12]=(...o)=>u.addressModule.methods.show&&u.addressModule.methods.show(...o)),readonly:"",placeholder:"\u8BF7\u9009\u62E9\u5730\u5740",type:"text"},null,512),[[f,u.formData2.address]]),e(k,{visible:u.addressModule.state.show,"onUpdate:visible":t[13]||(t[13]=o=>u.addressModule.state.show=o),province:u.addressModule.state.province,city:u.addressModule.state.city,country:u.addressModule.state.country,town:u.addressModule.state.town,onChange:u.addressModule.methods.onChange,"custom-address-title":"\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A"},null,8,["visible","province","city","country","town","onChange"])]),_:1})]),_:1})])}var eu=j(z,[["render",Y]]);export{eu as default};
|
