ideaz-element
Version:
<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>
3 lines (2 loc) • 2.72 kB
JavaScript
"use strict";const t=require("vue");require("../../../utils/index.cjs");require("../../../shared/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");require("../../../directives/index.cjs");const g=require("element-plus");require("./hooks/index.cjs");const f=require("./props.cjs"),V=require("../../../hooks/useNamespace.cjs"),C=require("../../../hooks/useFormSize.cjs"),S=require("../../../directives/vueRef.cjs"),y=require("./hooks/useFormItemComponent.cjs"),b=require("./hooks/useFormItemProps.cjs"),x=require("./hooks/useFormItemSlots.cjs"),n=require("../../../utils/is.cjs"),z=require("../../../shared/resolveDynamicComponent.cjs"),p=require("../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/get.cjs"),N=require("../../../utils/object.cjs"),h=require("../../../shared/getContentByRenderAndSlot.cjs"),R=t.defineComponent({name:"ZFormItem",directives:{ref:S.vueRef},props:f.formItemProps,emits:["change","update:modelValue"],setup(o,{slots:i,emit:d}){const u=V.useNamespace("form-item"),{componentName:q}=y.useFormItemComponent(o),{formItemProps:m}=b.useFormItemProps(o),{vSlots:v}=x.useFormItemSlots(o,i),s=C.useFormSize();t.provide(f.formItemProvideKey,t.computed(()=>({...t.toRefs(o),size:s.value})));const P=t.computed(()=>{var e,r,l;return n.isFunction(o.col.render)||o.col.slot||((l=(r=(e=i.default)==null?void 0:e.call(i)[0])==null?void 0:r.children)==null?void 0:l.length)>0}),F=e=>{const{col:r}=o;r.modifier?(n.isFunction(r.modifier)&&d("update:modelValue",r.modifier(e),r.field),r.modifier==="trim"&&d("update:modelValue",n.isString(e)?e.trim():e,r.field)):d("update:modelValue",e,r.field)};return()=>{const{col:e,options:r,formConfig:l}=o;return t.createVNode(g.ElFormItem,t.mergeProps({ref:"formItem",prop:e.field||e.slot,class:[u.b(),l.draggable&&u.b("draggable"),m.value.extra?"z-form-item--column":u.bm("no-extra",s.value)]},{size:s.value,...m.value}),{default:()=>{var a,c;return[P.value?(a=i.default)==null?void 0:a.call(i):t.h(z.resolveDynamicComponent({name:q.value,attrs:{modelValue:n.isFunction(e.fieldProps&&e.fieldProps.format)?(c=e.fieldProps)==null?void 0:c.format(p(o.modelValue,e.field)):p(o.modelValue,e.field),prop:e.field,options:r?r[e.field]||e.fieldProps&&e.fieldProps.options:{},size:s.value,class:e.class,style:e.style,...e.fieldProps,directives:{ref:n.isObject(e.fieldProps)?e.fieldProps.ref||(()=>{}):()=>{}},"onUpdate:modelValue":I=>F(I),...N.extractEvents(e)}})),m.value.extra&&t.createVNode("div",{class:u.e("extra")},[h.getContentByRenderAndSlot(m.value.extra,i)])]},...v.value})}}});module.exports=R;
//# sourceMappingURL=FormItem.cjs.map