ideaz-element/lib/element/form/src/BaseForm.cjs

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

"use strict";const t=require("vue");require("../../../hooks/index.cjs");require("../../../node_modules/.pnpm/lodash-unified@1.0.3_@types_lodash-es@4.17.12_lodash-es@4.17.21_lodash@4.17.21/node_modules/lodash-unified/import.cjs");const K=require("@element-plus/icons-vue");require("../../../shared/index.cjs");const te=require("../../../node_modules/.pnpm/@vueuse_core@10.11.0_@vue_composition-api@1.7.2_vue@3.4.27_typescript@5.4.5___vue@3.4.27_typescript@5.4.5_/node_modules/@vueuse/core/index.cjs");require("../../../utils/index.cjs");const s=require("element-plus");require("../../../directives/index.cjs");require("./hooks/index.cjs");const E=require("./props.cjs"),I=require("./FormColumns.cjs"),B=require("./OperationCard.cjs"),T=require("./FormItem.cjs"),re=require("../../../hooks/useNamespace.cjs"),oe=require("../../../hooks/useLocale.cjs"),ae=require("../../../directives/tableDraggable.cjs"),le=require("./hooks/useFormItems.cjs"),ne=require("./hooks/useRow.cjs"),de=require("./hooks/useFormConfig.cjs"),se=require("./hooks/useFormMethods.cjs"),ue=require("./hooks/useDraggable.cjs"),ie=require("../../../hooks/useExpose.cjs"),D=require("../../../utils/is.cjs"),R=require("../../../shared/getContentByRenderAndSlot.cjs"),w=require("../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/omit.cjs"),U=require("../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.cjs");function h(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!t.isVNode(l)}const ce=t.defineComponent({name:"ZForm",components:{FormColumns:I,OperationCard:B,ZFormItem:T},props:E.formProps,directives:{draggable:ae.draggable},emits:["input","update:modelValue","change","update:activeCollapse","collapse-change","next-step","previous-step","update:activeStep","submit","update:columns"],setup(l,{emit:o,slots:a}){const{formatFormItems:i}=le.useFormItems(l),{rowStyle:x,rowKls:W}=ne.useRow(l),{formConfig:_}=de.useFormConfig(l),{resetFields:j,validate:Y,validateField:Z,clearValidate:z,scrollToField:G}=se.useFormMethods(l),{draggableOptions:H}=ue.useDraggable(o,i),y=re.useNamespace("form"),{t:C}=oe.useLocale(),{proxy:S}=t.getCurrentInstance(),f=te.useVModel(l,"activeStep",o);ie.useExpose({resetFields:j,validate:Y,validateField:Z,clearValidate:z,scrollToField:G}),t.provide(E.formProvideKey,t.computed(()=>({...t.toRefs(l),size:_.value.size})));const V=d=>{const{modelValue:m,options:N}=l;return t.createVNode(I,{modelValue:m,options:N,columns:d,formProps:l,"onUpdate:modelValue":(...v)=>{o("update:modelValue",...v)},onChange:(...v)=>{o("change",...v)}},a)},J=()=>{let d,m,N;const{footer:v}=l;return D.isFunction(v)?v():a.footer?a.footer():t.createVNode(s.ElFormItem,null,{default:()=>[t.createVNode(s.ElButton,{disabled:f.value===0,onClick:()=>{o("previous-step"),f.value--<=0&&(f.value=0)}},h(d=C("form.previousStep"))?d:{default:()=>[d]}),f.value!==i.value.length-1&&t.createVNode(s.ElButton,{type:"primary",onClick:()=>{(S==null?void 0:S.$refs.formRef).validate(q=>{q&&(o("next-step"),f.value++>=i.value.length-1&&(f.value=0))})}},h(m=C("form.nextStep"))?m:{default:()=>[m]}),f.value===i.value.length-1&&t.createVNode(s.ElButton,{type:"primary",onClick:()=>{(S==null?void 0:S.$refs.formRef).validate(q=>{q&&o("submit")})}},h(N=C("common.submit"))?N:{default:()=>[N]})]})},Q=()=>{const{type:d,contentPosition:m,borderStyle:N,activeCollapse:v,accordion:q,modelValue:u,options:A,finishStatus:X,processStatus:$,simple:ee,max:P,min:M,action:b}=l,O=i.value.some(r=>r.children);if(D.isFunction(a.default))return a.default();if(d==="group")return i.value.map(r=>{if(r.label&&r.children&&r.children.length){let e;return t.createVNode(t.Fragment,null,[t.createVNode(s.ElDivider,{contentPosition:r.contentPosition||m,borderStyle:r.borderStyle||N},h(e=R.getContentByRenderAndSlot(r.label,a))?e:{default:()=>[e]}),V(r.children||[])])}return V([r])});if(d==="collapse"){let r;return t.createVNode(s.ElCollapse,{modelValue:v,accordion:q,class:y.b("collapse"),"onUpdate:modelValue":e=>{o("update:activeCollapse",e)},onChange:e=>{o("collapse-change",e)}},h(r=i.value.map(e=>{if(e.children){const n=D.isString(e.label)?e.label:e.key;return t.createVNode(s.ElCollapseItem,{name:n,disabled:e.disabled},{default:()=>{var c,p;return[((c=e.render)==null?void 0:c.call(e))||((p=a[e.slot||""])==null?void 0:p.call(a))||V(e.children||[])]},title:()=>R.getContentByRenderAndSlot(e.label,a)})}else return e.slot||e.render?V([e]):null}))?r:{default:()=>[r]})}else if(d==="array"&&!O){let r;const e=[...u];return t.createVNode(t.Fragment,null,[u.map((n,c)=>{const p=w(l,E.FORM_FILTER_KEYS);return t.createVNode(B,{onAdd:()=>{o("update:modelValue",[...e,{}])},onDelete:()=>{if(u.length===M){s.ElMessage.warning(`${C("form.minNum")}${M}${C("form.minNumUnit")}`);return}e.splice(c,1),o("update:modelValue",e)},showAdd:u.length!==P&&!!b,showDelete:!!b,action:b,contentIndex:c},{default:()=>[t.createVNode(s.ElForm,t.mergeProps({labelWidth:_.value.labelWidth,...p},{model:n,ref:`arrayForm${c}`}),{default:()=>[t.createVNode(I,{modelValue:n,options:A,columns:i.value,"onUpdate:modelValue":F=>{e.splice(c,1,F),o("update:modelValue",e)},onChange:(...F)=>{o("change",...F)}},a)]})],...a})}),u.length!==P&&b&&t.createVNode(s.ElButton,{class:y.be("array","add"),onClick:()=>{o("update:modelValue",[...e,{}])},icon:K.Plus},h(r=C("form.add"))?r:{default:()=>[r]})])}else{if(d==="array"&&O)return i.value.map(r=>{if(r.label&&r.children&&r.children.length){let e;const n=r.field,c=r.max||P;return t.createVNode(T,{col:r,class:y.b("array-form-item"),formConfig:{...w(r,E.FORM_ITEM_FILTER_KEYS)}},{default:()=>[t.createVNode(t.Fragment,null,[u[n].map((p,F)=>{const k=w(r,E.FORM_FILTER_KEYS);return t.createVNode(B,{onAdd:()=>{const g={...u};g[n].push({}),o("update:modelValue",g)},onDelete:()=>{const g=U(u);g[n].splice(F,1),o("update:modelValue",g)},showAdd:u[n].length!==c&&!!b,showDelete:!!b,action:b,contentIndex:F},{default:()=>[t.createVNode(s.ElForm,t.mergeProps({labelWidth:_.value.labelWidth,...k,rules:k.rules},{model:p,ref:`arrayForm${F}${n}`}),{default:()=>[t.createVNode(I,{modelValue:p,options:r.options||A,columns:r.children,"onUpdate:modelValue":g=>{const L=U(u[n]);L.splice(F,1,g),o("update:modelValue",{...u,[n]:L})},onChange:(...g)=>{o("change",...g)}},a)]})],...a})}),u[n].length!==c&&b&&t.createVNode(s.ElButton,{class:y.be("array","add"),onClick:()=>{const p={...u};p[n].push({}),o("update:modelValue",p)},icon:K.Plus},h(e=C("form.add"))?e:{default:()=>[e]})])],...a})}return V([r])});if(d==="step"){let r;return t.createVNode(t.Fragment,null,[t.createVNode(s.ElSteps,{active:f.value,finishStatus:X,processStatus:$,simple:ee,class:y.b("steps")},h(r=i.value.map(e=>t.createVNode(s.ElStep,{status:e.status},{icon:()=>R.getContentByRenderAndSlot(e.icon,a),description:()=>R.getContentByRenderAndSlot(e.description,a),title:()=>R.getContentByRenderAndSlot(e.label,a)})))?r:{default:()=>[r]}),i.value.map((e,n)=>n===f.value?e.label&&e.children&&e.children.length?V(e.children||[]):V([e]):null),J()])}else return V(i.value)}};return()=>{let d;const{modelValue:m}=l;return t.withDirectives(t.createVNode(s.ElForm,t.mergeProps({..._.value,model:m},{ref:"formRef",class:[W.value,y.b("")],style:x.value}),h(d=Q())?d:{default:()=>[d]}),[[t.resolveDirective("draggable"),H]])}}});module.exports=ce;
//# sourceMappingURL=BaseForm.cjs.map