2 lines
2.2 KiB
JavaScript
2 lines
2.2 KiB
JavaScript
import{g as y,i as B,j as N,r as t,o as d,c as b,a as U,b as e,w as n,F as R,D as q,n as p,W as k,d as g,M as E,_ as O}from"./index.215b34e2.js";const P={class:"app-container"},S={class:"app-container-inner"},h=y({name:"appendForm"}),j=y({...h,setup(A){const m=B(),s=N({domains:[{key:1,value:"",name:""}]}),V=l=>{const o=s.domains.indexOf(l);o!==-1&&s.domains.splice(o,1)},C=()=>{s.domains.push({key:Date.now(),value:"",name:""})},w=l=>{!l||l.validate(o=>{if(o)E.success(`\u63D0\u4EA4\u6570\u636E: ${JSON.stringify(s.domains)}`),console.log("submit!",s.domains);else return console.log("error submit!"),!1})},x=l=>{!l||l.resetFields()};return(l,o)=>{const f=t("el-input"),_=t("el-form-item"),c=t("el-col"),D=t("Plus"),v=t("el-icon"),i=t("el-button"),F=t("Minus"),M=t("el-row"),$=t("el-form");return d(),b("div",P,[U("div",S,[e($,{ref_key:"formRef",ref:m,model:s,"label-width":"120px",class:"demo-dynamic"},{default:n(()=>[(d(!0),b(R,null,q(s.domains,(a,r)=>(d(),p(M,{gutter:20,key:a.key},{default:n(()=>[e(c,{span:10},{default:n(()=>[e(_,{label:"Domain"+r,prop:"domains."+r+".name",rules:{required:!0,message:"domain can not be null",trigger:"blur"}},{default:n(()=>[e(f,{modelValue:a.name,"onUpdate:modelValue":u=>a.name=u},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label","prop"])]),_:2},1024),e(c,{span:10},{default:n(()=>[e(_,{label:"Domain"+r,prop:"domains."+r+".value",rules:{required:!0,message:"domain can not be null",trigger:"blur"}},{default:n(()=>[e(f,{modelValue:a.value,"onUpdate:modelValue":u=>a.value=u},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label","prop"])]),_:2},1024),e(c,{span:4},{default:n(()=>[r===0?(d(),p(i,{key:0,onClick:o[0]||(o[0]=k(u=>C(),["prevent"]))},{default:n(()=>[e(v,null,{default:n(()=>[e(D)]),_:1})]),_:1})):(d(),p(i,{key:1,onClick:k(u=>V(a),["prevent"])},{default:n(()=>[e(v,null,{default:n(()=>[e(F)]),_:1})]),_:2},1032,["onClick"]))]),_:2},1024)]),_:2},1024))),128)),e(_,null,{default:n(()=>[e(i,{type:"primary",onClick:o[1]||(o[1]=a=>w(m.value))},{default:n(()=>[g("Submit")]),_:1}),e(i,{onClick:o[2]||(o[2]=a=>x(m.value))},{default:n(()=>[g("Reset")]),_:1})]),_:1})]),_:1},8,["model"])])])}}});const J=O(j,[["__scopeId","data-v-60208d80"]]);export{J as default};
|