1 |
- import{r as Q,a as $,v as X,b as d,o as n,g as c,e as p,w as s,F as v,n as b,c as r,m as o,f as N,t as L,u as Y,P as Z,x as ee,q as le,j as ae}from"./index.4d409b70.js";const oe={class:"form"},ne={key:0},de={key:3,class:"input-button"},re=N(" \u70B9\u51FB\u4E0A\u4F20 "),te=["onClick"],se={__name:"Form",props:{formItem:{type:Array,default:()=>[]},formData:{type:Object,default:()=>{}},labelWidth:{type:String,default:()=>"120px"},rules:{type:Object,default:()=>{}}},emits:["change","oninput","submitForm","uploadFile","clearValidate","beforeUpload","handleChange","focus"],setup(f,{expose:I,emit:u}){const y=f,{proxy:q}=ae(),l=Q({form:{}}),m=$(null),z=$(null);X(()=>{l.form=JSON.parse(JSON.stringify(y.formData))});const B=()=>{if(y.rules)return m.value.validate(t=>{if(!t)return!1;u("submitForm",l.form,t)});u("submitForm",l.form)},V=t=>{u("uploadFile",t)},_=t=>{const C=l.form.fileList.findIndex(h=>h.file.name===t.name);l.form.fileList.splice(C,1)},g=t=>{u("handleChange",t)},k=t=>{l.form.file=t},D=t=>{l.form.fileList||(l.form.fileList=[]),l.form.fileList.push(t),console.log(l.form)},O=()=>{m.value.clearValidate()},P=()=>{m.value.resetFields()},x=t=>{q.$message.warning("\u5F53\u524D\u9650\u5236\u9009\u62E9 1 \u4E2A\u6587\u4EF6")};return I({submitForm:B,clearValidate:O,uploadFile:V,onRemove:_,beforeUpload:k,resetFields:P,handleChange:g}),(t,C)=>{const h=d("el-option"),S=d("el-select"),i=d("el-input"),U=d("el-button"),j=d("el-color-picker"),E=d("el-radio"),M=d("el-radio-group"),J=d("el-cascader"),R=d("el-date-picker"),w=d("el-upload"),W=d("el-icon"),A=d("el-form-item"),T=d("el-col"),G=d("el-row"),H=d("el-form");return n(),c("div",oe,[f.formItem&&f.formItem.length>0?(n(),c("div",ne,[p(H,le({ref_key:"commonForm",ref:m,size:"small",rules:f.rules,model:l.form,inline:!0,"label-position":"left"},{"label-width":f.labelWidth}),{default:s(()=>[p(G,null,{default:s(()=>[(n(!0),c(v,null,b(f.formItem,(e,F)=>(n(),r(T,{key:F,span:e.width},{default:s(()=>[(n(),r(A,{key:F,class:"table-header-item",label:e.label,prop:e.value},{default:s(()=>[o(" \u4E0B\u62C9\u6846 "),e.type==="select"?(n(),r(S,{key:0,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,clearable:"",filterable:e.filterable?e.filterable:!1,multiple:e.multiple?e.multiple:!1,disabled:e.disabled,placeholder:`\u8BF7\u9009\u62E9${e.placeholder||""}`,onChange:a=>u("change",l.form,e.value)},{default:s(()=>[(n(!0),c(v,null,b(e.children,(a,K)=>(n(),r(h,{key:K,value:a.value,label:a.label},null,8,["value","label"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","filterable","multiple","disabled","placeholder","onChange"])):o("v-if",!0),o("\u6587\u672C\u6846"),e.type==="text"?(n(),r(i,{key:1,id:e.value,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,modelModifiers:{trim:!0},clearable:"",placeholder:e.disabled===!0?"":`\u8BF7\u8F93\u5165${e.placeholder||""}`,maxlength:e.maxlength,oninput:u("oninput",e),disabled:e.disabled,onChange:a=>u("change",l.form,e.value)},null,8,["id","modelValue","onUpdate:modelValue","placeholder","maxlength","oninput","disabled","onChange"])):o("v-if",!0),o(" \u5BC6\u7801\u6846 "),e.type==="password"?(n(),r(i,{key:2,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,type:"password",placeholder:e.placeholder?e.placeholder:"\u8BF7\u8F93\u5165","show-password":"",disabled:e.disabled},null,8,["modelValue","onUpdate:modelValue","placeholder","disabled"])):o("v-if",!0),o(" \u5185\u7F6E\u5F39\u7A97 "),e.type==="inputBtn"?(n(),c("div",de,[p(i,{id:e.value,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,modelModifiers:{trim:!0},class:"input-button-left",placeholder:e.disabled===!0?"":`\u8BF7\u9009\u62E9${e.placeholder||""}`,oninput:u("oninput",e),disabled:e.disabled},null,8,["id","modelValue","onUpdate:modelValue","placeholder","oninput","disabled"]),p(U,{class:"input-button-right",disabled:e.disabled,onClick:a=>u("focus",e,l.form)},null,8,["disabled","onClick"])])):o("v-if",!0),o("\u6570\u5B57"),e.type==="number"?(n(),r(i,{key:4,id:e.value,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,modelModifiers:{number:!0},clearable:"",placeholder:e.disabled===!0?"":`\u8BF7\u8F93\u5165${e.placeholder||""}`,maxlength:e.maxlength,oninput:u("oninput",e),disabled:e.disabled,onChange:a=>u("change",l.form,e.value)},null,8,["id","modelValue","onUpdate:modelValue","placeholder","maxlength","oninput","disabled","onChange"])):o("v-if",!0),o("\u6587\u672C\u57DF"),e.type==="textarea"?(n(),r(i,{key:5,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,clearable:"",rows:e.rows?e.rows:3,type:"textarea",placeholder:`${e.placeholder||""}`,maxlength:e.maxlength,"show-word-limit":"",resize:"none"},null,8,["modelValue","onUpdate:modelValue","rows","placeholder","maxlength"])):o("v-if",!0),o(" \u989C\u8272\u9009\u62E9 "),e.type==="colorPicker"?(n(),r(j,{key:6,predefine:e.predefine||[],modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a},null,8,["predefine","modelValue","onUpdate:modelValue"])):o("v-if",!0),o(" \u5355\u9009 "),e.type==="radio"?(n(),r(M,{key:7,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,disabled:e.disabled,onChange:a=>u("change",l.form,e.value)},{default:s(()=>[(n(!0),c(v,null,b(e.children,a=>(n(),r(E,{key:a.value,label:a.value},{default:s(()=>[N(L(a.label),1)]),_:2},1032,["label"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","disabled","onChange"])):o("v-if",!0),o(" \u8054\u7EA7\u9009\u62E9\u5668 "),e.type==="cascader"?(n(),r(J,{key:8,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,options:e.children,props:e.props,"show-all-levels":!1,disabled:e.disabled,onChange:g},null,8,["modelValue","onUpdate:modelValue","options","props","disabled"])):o("v-if",!0),o(" \u65E5\u671F "),e.type==="date"?(n(),r(R,{key:9,modelValue:l.form[e.value],"onUpdate:modelValue":a=>l.form[e.value]=a,type:"date",disabled:e.disabled,placeholder:"\u9009\u62E9\u65E5\u671F"},null,8,["modelValue","onUpdate:modelValue","disabled"])):o("v-if",!0),o(" \u4E0A\u4F20 "),e.type==="upload"?(n(),r(w,{key:10,ref_for:!0,ref_key:"upload",ref:z,class:"upload-file",action:"",accept:e.accept,"http-request":V,"before-upload":k,"on-remove":_,limit:e.limit,multiple:e.multiple,"on-exceed":x,"file-list":l.form.fileList},{default:s(()=>[p(U,{size:"small",type:"primary"},{default:s(()=>[re]),_:1})]),_:2},1032,["accept","limit","multiple","file-list"])):o("v-if",!0),o(" \u4E0A\u4F20\u56FE\u7247 "),e.type==="uploadCard"?(n(),r(w,{key:11,action:"#",accept:e.accept,"list-type":"picture-card","on-remove":_,"on-exceed":x,"http-request":D,"file-list":l.form[e.value]},{default:s(()=>[p(W,null,{default:s(()=>[p(Y(Z))]),_:1})]),_:2},1032,["accept","file-list"])):o("v-if",!0),o(" \u8F93\u5165\u6846\u6837\u5F0F\u70B9\u51FB\u5F39\u7A97 "),e.type==="click"?(n(),c("div",{key:12,class:ee(["clickDialog",{textColor:e.leaderName}]),onClick:e.click},L(e.leaderName||e.placeholder),11,te)):o("v-if",!0)]),_:2},1032,["label","prop"]))]),_:2},1032,["span"]))),128))]),_:1})]),_:1},16,["rules","model"])])):o("v-if",!0)])}}};export{se as _};
|