@aplus-frontend/ui/lib/src/ap-form/item/index.vue.js

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@aplus-frontend/antdv"),T=require("@aplus-frontend/antdv/es/theme/internal"),a=require("lodash-unified"),_=require("../constant.js"),z=require("@ant-design/icons-vue");require("../../config-provider/index.js");const M=require("../context.js"),R=require("@fruits-chain/utils"),j=require("../../utils/slot.js"),A=require("../style/item.js"),D=require("../../config-provider/hooks/use-namespace.js"),L=e.defineComponent({name:"ApFormItem",__name:"index",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{default:"value"},initialValue:{},_signal:{},transform:{},description:{},customFilled:{},disabled:{type:Boolean}},setup(v,{expose:b}){const o=v,c=e.useSlots(),{model:p,updateModel:y,internalInstance:h}=M.useInjectForm(),{m:u,b:V}=D.useNamespace("ap-form-item"),F=A.default("ap-form-item"),d=e.ref(!1),i=e.ref(),[,g]=T.useToken();e.onMounted(async()=>{let t=a.isFunction(o.initialValue)?o.initialValue():o.initialValue;R.isPromise(t)&&(t=await t),h?.registerField({name:o.name,initialValue:a.cloneDeep(t),transform:o.transform})});const m=e.computed(()=>o.name?a.isArray(o.name)?o.name.reduce((t,r)=>t?.[r],e.unref(p)):p?.value[o.name]:null);function B(t,r){const n=Object.keys(r),l={...r};return n.forEach(s=>{s in t||delete l[s]}),l}function C(){const t=c.default?.()||[];if(!o.name)return t[0];const r=j.getValidVNodeList(t)[0];if(!r)return null;const n=r?.type?.props??{},l={variant:o.bordered?"borderless":r?.props?.variant,bordered:o.bordered?!1:r?.props?.bordered,onFocus:x,onBlur:k};return e.cloneVNode(r,{...B(n,l),[o.valuePropName]:e.unref(m),[`onUpdate:${o.valuePropName}`]:q})}function q(t){y?.(o.name,t)}function x(){d.value=!0}function k(){d.value=!1}function N(){i.value?.onFieldBlur()}function P(){i.value?.onFieldChange()}function w(){i.value?.clearValidate()}function I(){i.value?.resetField()}function S(t=!1){const r=e.unref(m);if(!t||!o.transform)return r;const n=a.isFunction(o.transform)?o.transform:o.transform.transformer;return o.transform?n(r):r}return b({onFieldBlur:N,onFieldChange:P,clearValidate:w,resetField:I,getFieldValue:S}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(f.Form).Item,e.mergeProps({ref_key:"formItemRef",ref:i},e.unref(a.omit)(o,[...e.unref(_.apFormItemColPropKeys),"tooltip","label","description"]),{class:{[e.unref(u)("bordered")]:t.bordered,[e.unref(u)("focused")]:t.bordered&&d.value,[e.unref(u)("disabled")]:t.bordered&&t.disabled,[e.unref(V)()]:!0,[e.unref(F)]:!0},colon:t.bordered?!1:o.colon}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C())))]),_:2},[o.tooltip?{name:"tooltip",fn:e.withCtx(({class:n})=>[e.createElementVNode("span",{class:e.normalizeClass(n)},[e.createVNode(e.unref(f.Tooltip),{title:o.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(z.QuestionCircleOutlined),{style:e.normalizeStyle({color:e.unref(g).colorTextTertiary,fontSize:"14px",transform:"translateY(1px)"})},null,8,["style"])]),_:1},8,["title"])],2)]),key:"0"}:void 0,t.label?{name:"label",fn:e.withCtx(()=>[e.createVNode(e.unref(f.TypographyText),{content:t.label,ellipsis:{tooltip:t.label},style:{"min-width":"0px",flex:"1"}},null,8,["content","ellipsis"])]),key:"1"}:void 0,e.renderList(e.unref(a.omit)(c,"default"),(n,l)=>({name:l,fn:e.withCtx(s=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","colon"]))}});exports.default=L;