@transsionfe/semi-ui-vue 0.0.1 → 0.0.3

package/lib/cjs/components/form/FieldWrapper.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("classnames"),re=require("lodash"),$e=require("@douyinfe/semi-foundation/form/constants"),_=require("@douyinfe/semi-foundation/form/utils"),ze=require("@douyinfe/semi-foundation/utils/isPromise"),ae=require("@douyinfe/semi-foundation/utils/warning"),we=require("./context.cjs"),ne=require("./ErrorMessage.vue.cjs"),W=require("./Label.vue.cjs"),A=require("../grid/Col.vue.cjs");;/* empty css                  */const Ie=require("./hooks/useFormUpdater.cjs"),Me=require("./hooks/useArrayFieldState.cjs"),S=require("./hooks/useStateWithGetter.cjs"),We=require("./hooks/useFormState.cjs"),Ae=["data-field","x-field-id","x-label-pos"],De={key:0,style:{overflow:"hidden"}},Re=e.defineComponent({name:"SemiFormFieldWrapper",inheritAttrs:!1,__name:"FieldWrapper",props:{field:{},label:{},labelPosition:{},labelAlign:{},labelWidth:{},noLabel:{type:Boolean},noErrorMessage:{type:Boolean},name:{},fieldClassName:{},fieldStyle:{},initValue:{},validate:{type:Function},rules:{},trigger:{},transform:{type:Function},convert:{type:Function},allowEmptyString:{type:Boolean},stopValidateWithError:{type:Boolean},helpText:{},extraText:{},extraTextPosition:{},defaultValue:{},pure:{type:Boolean},labelCol:{},wrapperCol:{},isInInputGroup:{type:Boolean},validateStatus:{},keepState:{type:Boolean},emptyValue:{},allowEmpty:{type:Boolean},required:{type:Boolean},id:{}},setup(se){const ue=se,n=$e.cssClasses.PREFIX,D=we.useFormId(),ie=_.mergeProps(ue),{field:o,label:a,labelPosition:de,labelWidth:ce,labelAlign:pe,labelCol:fe,wrapperCol:me,noLabel:N,noErrorMessage:R,isInInputGroup:ve,initValue:f,validate:U,validateStatus:k,trigger:ye,allowEmptyString:ge,allowEmpty:ke,rules:F,required:L,keepState:Be,transform:j,name:O,fieldClassName:be,fieldStyle:xe,convert:G,helpText:he,extraText:r,extraTextPosition:Ve,pure:Ce,id:Pe}=ie;ae(typeof o>"u","[Semi Form]: 'field' is required, please check your props of Field Component");const i=Ie.default();i.getFormProps||ae(!0,"[Semi Form]: Field Component must be used inside the Form, please check your dom declaration");const s=i.getFormProps(["labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","disabled","showValidateIcon","extraTextPosition","stopValidateWithError","trigger"]),X=de||s.labelPosition,Ee=ce||s.labelWidth,H=pe||s.labelAlign,B=fe||s.labelCol,J=me||s.wrapperCol,m=Ve||s.extraTextPosition||"bottom",v=_.transformTrigger(ye,s.trigger),K=typeof o<"u"?i.getValue(o):void 0;let q=typeof f<"u"?f:K;try{const t=Me.default();t!=null&&t.shouldUseInitValue&&typeof f<"u"&&(q=f)}catch{}const[c,Q,Y]=S.default(typeof q<"u"?q:null),[b,_e]=S.default(void 0),[Z,Se]=S.default(!1),[x,h]=S.default(k),T=e.ref(!1),Ne=e.computed(()=>v.includes("mount")),Fe=ke||ge,$=We.default(),ee=e.ref(!1),V=e.ref(!1),te=e.ref(void 0);e.watch(()=>{var t;return(t=$==null?void 0:$.values)==null?void 0:t[o]},t=>{if(o&&ee.value&&!V.value&&t!==void 0){const l=c.value,u=te.value;if(re.isEqual(t,l)||re.isEqual(t,u))return;V.value=!0,te.value=t,Q(t),Promise.resolve().then(()=>{V.value=!1})}},{deep:!0});const y=(t,l)=>{const u=j?j(t):t,d=G?G(u):u;Q(d),typeof o<"u"&&!V.value&&i.updateStateValue(o,d,l)},z=(t,l)=>{_e(t),typeof o<"u"&&i.updateStateError(o,t,l)},C=(t,l)=>{Se(t),typeof o<"u"&&i.updateStateTouched(o,t,l)},p=async(t=c.value)=>{var u,d;if(T.value)return;let l;if(F&&F.length){const g=_.generateValidatesFromRules(o||"",F);try{await g.validate({[o||""]:t})}catch(E){l=((d=(u=E.errors)==null?void 0:u[0])==null?void 0:d.message)||E.message}}if(U&&!l){const g=U(t);if(ze(g))try{await g}catch(E){l=E}else g!==!0&&(l=g)}return z(l),C(!0),h(l?"error":k||"success"),l},qe={getValue:Y,setValue:y,getError:()=>b.value,setError:z,getTouched:()=>Z.value,setTouched:C,getStatus:()=>x.value,setStatus:h,reset:()=>{y(typeof f<"u"?f:K,{notNotify:!0}),z(void 0,{notNotify:!0}),C(!1,{notNotify:!0}),h(k)},validate:p};e.onMounted(()=>{if(T.value=!1,Ne.value&&p(c.value),typeof o>"u")return;const t=Y();i.register(o,{value:t,error:b.value,touched:Z.value,status:x.value},{field:o,fieldApi:qe,keepState:Be||!1,allowEmpty:Fe}),ee.value=!0}),e.onUnmounted(()=>{T.value=!0,typeof o<"u"&&i.unRegister(o)});const w=e.computed(()=>({modelValue:c.value,"onUpdate:modelValue":t=>{y(t),v.includes("change")&&p(t)},value:c.value,"onUpdate:value":t=>{y(t),v.includes("change")&&p(t)},checked:c.value,"onUpdate:checked":t=>{y(t),v.includes("change")&&p(t)},onChange:t=>{y(t),v.includes("change")&&p(t)},onBlur:()=>{C(!0),v.includes("blur")&&p(c.value)},validateStatus:x.value||k,disabled:s.disabled,"aria-required":L,"aria-labelledby":o?`${o}-label`:void 0,name:O||o,id:Pe||(o&&D?`${D}-${o}`:o)})),Te=e.computed(()=>M(`${n}-field`,be,{[`${n}-field-error`]:!_.isValid(b.value)})),oe=e.computed(()=>M(B?`${n}-col-${H}`:"")),I=e.computed(()=>{const t=typeof a=="object"&&a!==null?a.text:a,l=typeof a=="object"&&a!==null?a.extra:void 0,u=typeof a=="object"&&a!==null?a.optional:void 0,d=typeof a=="object"&&a!==null?a.required:void 0;return{text:t||o,align:H,width:Ee,required:d!==void 0?d:L,optional:u,extra:l,name:O||o,id:o?`${o}-label`:void 0}}),le=e.computed(()=>({error:b.value,showValidateIcon:s.showValidateIcon,validateStatus:x.value,helpText:he,isInInputGroup:ve,errorMessageId:o?`${o}-error-message`:void 0,helpTextId:o?`${o}-help-text`:void 0})),P=e.computed(()=>M(`${n}-field-extra`,{[`${n}-field-extra-string`]:typeof r=="string",[`${n}-field-extra-middle`]:m==="middle",[`${n}-field-extra-bottom`]:m==="bottom"}));return(t,l)=>e.unref(Ce)?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:1},w.value))):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(Te.value),style:e.normalizeStyle(e.unref(xe)),"data-field":e.unref(o),"x-field-id":e.unref(o),"x-label-pos":e.unref(X)},[e.unref(B)&&e.unref(J)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(X)==="top"?(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(e.unref(A.default),e.mergeProps(e.unref(B),{class:oe.value}),{default:e.withCtx(()=>[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16))]),_:1},16,["class"])])):(e.openBlock(),e.createBlock(e.unref(A.default),e.mergeProps({key:1},e.unref(B),{class:oe.value}),{default:e.withCtx(()=>[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16))]),_:1},16,["class"])),e.createVNode(e.unref(A.default),e.normalizeProps(e.guardReactiveProps(e.unref(J))),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)}-field-main`)},[e.unref(r)&&e.unref(m)==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps(w.value))),e.unref(R)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ne.default,e.normalizeProps(e.mergeProps({key:1},le.value)),null,16)),e.unref(r)&&e.unref(m)==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0)],2)]),_:3},16)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16)),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)}-field-main`)},[e.unref(r)&&e.unref(m)==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps(w.value))),e.unref(R)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ne.default,e.normalizeProps(e.mergeProps({key:1},le.value)),null,16)),e.unref(r)&&e.unref(m)==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0)],2)],64))],14,Ae))}});exports.default=Re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("classnames"),re=require("lodash"),$e=require("@douyinfe/semi-foundation/form/constants"),_=require("@douyinfe/semi-foundation/form/utils"),ze=require("@douyinfe/semi-foundation/utils/isPromise"),ae=require("@douyinfe/semi-foundation/utils/warning"),we=require("./context.cjs"),ne=require("./ErrorMessage.vue.cjs"),W=require("./Label.vue.cjs"),A=require("../grid/Col.vue.cjs"),Ie=require("./hooks/useFormUpdater.cjs"),Me=require("./hooks/useArrayFieldState.cjs"),S=require("./hooks/useStateWithGetter.cjs"),We=require("./hooks/useFormState.cjs"),Ae=["data-field","x-field-id","x-label-pos"],De={key:0,style:{overflow:"hidden"}},Re=e.defineComponent({name:"SemiFormFieldWrapper",inheritAttrs:!1,__name:"FieldWrapper",props:{field:{},label:{},labelPosition:{},labelAlign:{},labelWidth:{},noLabel:{type:Boolean},noErrorMessage:{type:Boolean},name:{},fieldClassName:{},fieldStyle:{},initValue:{},validate:{type:Function},rules:{},trigger:{},transform:{type:Function},convert:{type:Function},allowEmptyString:{type:Boolean},stopValidateWithError:{type:Boolean},helpText:{},extraText:{},extraTextPosition:{},defaultValue:{},pure:{type:Boolean},labelCol:{},wrapperCol:{},isInInputGroup:{type:Boolean},validateStatus:{},keepState:{type:Boolean},emptyValue:{},allowEmpty:{type:Boolean},required:{type:Boolean},id:{}},setup(se){const ue=se,n=$e.cssClasses.PREFIX,D=we.useFormId(),ie=_.mergeProps(ue),{field:o,label:a,labelPosition:de,labelWidth:ce,labelAlign:pe,labelCol:fe,wrapperCol:me,noLabel:N,noErrorMessage:R,isInInputGroup:ve,initValue:f,validate:U,validateStatus:k,trigger:ye,allowEmptyString:ge,allowEmpty:ke,rules:F,required:L,keepState:Be,transform:j,name:O,fieldClassName:be,fieldStyle:xe,convert:G,helpText:he,extraText:r,extraTextPosition:Ve,pure:Ce,id:Pe}=ie;ae(typeof o>"u","[Semi Form]: 'field' is required, please check your props of Field Component");const i=Ie.default();i.getFormProps||ae(!0,"[Semi Form]: Field Component must be used inside the Form, please check your dom declaration");const s=i.getFormProps(["labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","disabled","showValidateIcon","extraTextPosition","stopValidateWithError","trigger"]),X=de||s.labelPosition,Ee=ce||s.labelWidth,H=pe||s.labelAlign,B=fe||s.labelCol,J=me||s.wrapperCol,m=Ve||s.extraTextPosition||"bottom",v=_.transformTrigger(ye,s.trigger),K=typeof o<"u"?i.getValue(o):void 0;let T=typeof f<"u"?f:K;try{const t=Me.default();t!=null&&t.shouldUseInitValue&&typeof f<"u"&&(T=f)}catch{}const[c,Q,Y]=S.default(typeof T<"u"?T:null),[b,_e]=S.default(void 0),[Z,Se]=S.default(!1),[x,h]=S.default(k),q=e.ref(!1),Ne=e.computed(()=>v.includes("mount")),Fe=ke||ge,$=We.default(),ee=e.ref(!1),V=e.ref(!1),te=e.ref(void 0);e.watch(()=>{var t;return(t=$==null?void 0:$.values)==null?void 0:t[o]},t=>{if(o&&ee.value&&!V.value&&t!==void 0){const l=c.value,u=te.value;if(re.isEqual(t,l)||re.isEqual(t,u))return;V.value=!0,te.value=t,Q(t),Promise.resolve().then(()=>{V.value=!1})}},{deep:!0});const y=(t,l)=>{const u=j?j(t):t,d=G?G(u):u;Q(d),typeof o<"u"&&!V.value&&i.updateStateValue(o,d,l)},z=(t,l)=>{_e(t),typeof o<"u"&&i.updateStateError(o,t,l)},C=(t,l)=>{Se(t),typeof o<"u"&&i.updateStateTouched(o,t,l)},p=async(t=c.value)=>{var u,d;if(q.value)return;let l;if(F&&F.length){const g=_.generateValidatesFromRules(o||"",F);try{await g.validate({[o||""]:t})}catch(E){l=((d=(u=E.errors)==null?void 0:u[0])==null?void 0:d.message)||E.message}}if(U&&!l){const g=U(t);if(ze(g))try{await g}catch(E){l=E}else g!==!0&&(l=g)}return z(l),C(!0),h(l?"error":k||"success"),l},Te={getValue:Y,setValue:y,getError:()=>b.value,setError:z,getTouched:()=>Z.value,setTouched:C,getStatus:()=>x.value,setStatus:h,reset:()=>{y(typeof f<"u"?f:K,{notNotify:!0}),z(void 0,{notNotify:!0}),C(!1,{notNotify:!0}),h(k)},validate:p};e.onMounted(()=>{if(q.value=!1,Ne.value&&p(c.value),typeof o>"u")return;const t=Y();i.register(o,{value:t,error:b.value,touched:Z.value,status:x.value},{field:o,fieldApi:Te,keepState:Be||!1,allowEmpty:Fe}),ee.value=!0}),e.onUnmounted(()=>{q.value=!0,typeof o<"u"&&i.unRegister(o)});const w=e.computed(()=>({modelValue:c.value,"onUpdate:modelValue":t=>{y(t),v.includes("change")&&p(t)},value:c.value,"onUpdate:value":t=>{y(t),v.includes("change")&&p(t)},checked:c.value,"onUpdate:checked":t=>{y(t),v.includes("change")&&p(t)},onChange:t=>{y(t),v.includes("change")&&p(t)},onBlur:()=>{C(!0),v.includes("blur")&&p(c.value)},validateStatus:x.value||k,disabled:s.disabled,"aria-required":L,"aria-labelledby":o?`${o}-label`:void 0,name:O||o,id:Pe||(o&&D?`${D}-${o}`:o)})),qe=e.computed(()=>M(`${n}-field`,be,{[`${n}-field-error`]:!_.isValid(b.value)})),oe=e.computed(()=>M(B?`${n}-col-${H}`:"")),I=e.computed(()=>{const t=typeof a=="object"&&a!==null?a.text:a,l=typeof a=="object"&&a!==null?a.extra:void 0,u=typeof a=="object"&&a!==null?a.optional:void 0,d=typeof a=="object"&&a!==null?a.required:void 0;return{text:t||o,align:H,width:Ee,required:d!==void 0?d:L,optional:u,extra:l,name:O||o,id:o?`${o}-label`:void 0}}),le=e.computed(()=>({error:b.value,showValidateIcon:s.showValidateIcon,validateStatus:x.value,helpText:he,isInInputGroup:ve,errorMessageId:o?`${o}-error-message`:void 0,helpTextId:o?`${o}-help-text`:void 0})),P=e.computed(()=>M(`${n}-field-extra`,{[`${n}-field-extra-string`]:typeof r=="string",[`${n}-field-extra-middle`]:m==="middle",[`${n}-field-extra-bottom`]:m==="bottom"}));return(t,l)=>e.unref(Ce)?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:1},w.value))):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(qe.value),style:e.normalizeStyle(e.unref(xe)),"data-field":e.unref(o),"x-field-id":e.unref(o),"x-label-pos":e.unref(X)},[e.unref(B)&&e.unref(J)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(X)==="top"?(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(e.unref(A.default),e.mergeProps(e.unref(B),{class:oe.value}),{default:e.withCtx(()=>[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16))]),_:1},16,["class"])])):(e.openBlock(),e.createBlock(e.unref(A.default),e.mergeProps({key:1},e.unref(B),{class:oe.value}),{default:e.withCtx(()=>[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16))]),_:1},16,["class"])),e.createVNode(e.unref(A.default),e.normalizeProps(e.guardReactiveProps(e.unref(J))),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)}-field-main`)},[e.unref(r)&&e.unref(m)==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps(w.value))),e.unref(R)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ne.default,e.normalizeProps(e.mergeProps({key:1},le.value)),null,16)),e.unref(r)&&e.unref(m)==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0)],2)]),_:3},16)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16)),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)}-field-main`)},[e.unref(r)&&e.unref(m)==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps(w.value))),e.unref(R)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ne.default,e.normalizeProps(e.mergeProps({key:1},le.value)),null,16)),e.unref(r)&&e.unref(m)==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0)],2)],64))],14,Ae))}});exports.default=Re;
 //# sourceMappingURL=FieldWrapper.vue.cjs.map

package/lib/cjs/components/form/FieldWrapper.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.vue.cjs","sources":["../../../../src/components/form/FieldWrapper.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"!pure\"\n        :class=\"fieldCls\"\n        :style=\"fieldStyle\"\n        :data-field=\"field\"\n        :x-field-id=\"field\"\n        :x-label-pos=\"mergeLabelPos\"\n    >\n        <template v-if=\"mergeLabelCol && mergeWrapperCol\">\n            <div v-if=\"mergeLabelPos === 'top'\" style=\"overflow: hidden\">\n                <Col v-bind=\"mergeLabelCol\" :class=\"labelColCls\">\n                    <Label v-if=\"!noLabel\" v-bind=\"labelProps\" />\n                </Col>\n            </div>\n            <Col v-else v-bind=\"mergeLabelCol\" :class=\"labelColCls\">\n                <Label v-if=\"!noLabel\" v-bind=\"labelProps\" />\n            </Col>\n            <Col v-bind=\"mergeWrapperCol\">\n                <div :class=\"`${prefix}-field-main`\">\n                    <div v-if=\"extraText && mergeExtraPos === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                        <component :is=\"extraText\" v-if=\"isVNode(extraText)\" />\n                        <template v-else>{{ extraText }}</template>\n                    </div>\n                    <slot v-bind=\"fieldBindings\"></slot>\n                    <ErrorMessage v-if=\"!noErrorMessage\" v-bind=\"errorMessageProps\" />\n                    <div v-if=\"extraText && mergeExtraPos === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                        <component :is=\"extraText\" v-if=\"isVNode(extraText)\" />\n                        <template v-else>{{ extraText }}</template>\n                    </div>\n                </div>\n            </Col>\n        </template>\n\n        <template v-else>\n            <Label v-if=\"!noLabel\" v-bind=\"labelProps\" />\n            <div :class=\"`${prefix}-field-main`\">\n                <div v-if=\"extraText && mergeExtraPos === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    <component :is=\"extraText\" v-if=\"isVNode(extraText)\" />\n                    <template v-else>{{ extraText }}</template>\n                </div>\n                <slot v-bind=\"fieldBindings\"></slot>\n                <ErrorMessage v-if=\"!noErrorMessage\" v-bind=\"errorMessageProps\" />\n                <div v-if=\"extraText && mergeExtraPos === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    <component :is=\"extraText\" v-if=\"isVNode(extraText)\" />\n                    <template v-else>{{ extraText }}</template>\n                </div>\n            </div>\n        </template>\n    </div>\n\n    <slot v-else v-bind=\"fieldBindings\"></slot>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch, isVNode } from 'vue';\nimport classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { cssClasses } from '@douyinfe/semi-foundation/form/constants';\nimport {\n    isValid,\n    generateValidatesFromRules,\n    mergeProps,\n    transformTrigger,\n} from '@douyinfe/semi-foundation/form/utils';\nimport isPromise from '@douyinfe/semi-foundation/utils/isPromise';\nimport warning from '@douyinfe/semi-foundation/utils/warning';\nimport { useStateWithGetter, useFormUpdater, useArrayFieldState, useFormState } from './hooks';\nimport { useFormId } from './context';\nimport ErrorMessage from './ErrorMessage.vue';\nimport Label from './Label.vue';\nimport { Col } from '../grid';\nimport type { CallOpts } from '@douyinfe/semi-foundation/form/interface';\nimport type { CommonFieldProps } from './interface';\n\ndefineOptions({ name: 'SemiFormFieldWrapper', inheritAttrs: false });\n\nconst props = defineProps<CommonFieldProps>();\n\nconst prefix = cssClasses.PREFIX;\n\nconst currentFormId = useFormId();\n\nconst merged = mergeProps(props);\nconst {\n    field,\n    label,\n    labelPosition,\n    labelWidth,\n    labelAlign,\n    labelCol,\n    wrapperCol,\n    noLabel,\n    noErrorMessage,\n    isInInputGroup,\n    initValue,\n    validate,\n    validateStatus,\n    trigger,\n    allowEmptyString,\n    allowEmpty,\n    rules,\n    required,\n    keepState,\n    transform,\n    name,\n    fieldClassName,\n    fieldStyle,\n    convert,\n    helpText,\n    extraText,\n    extraTextPosition,\n    pure,\n    id,\n} = merged;\n\nwarning(typeof field === 'undefined', \"[Semi Form]: 'field' is required, please check your props of Field Component\");\n\nconst updater = useFormUpdater();\n\nif (!updater.getFormProps) {\n    warning(true, '[Semi Form]: Field Component must be used inside the Form, please check your dom declaration');\n}\n\nconst formProps = updater.getFormProps([\n    'labelPosition',\n    'labelWidth',\n    'labelAlign',\n    'labelCol',\n    'wrapperCol',\n    'disabled',\n    'showValidateIcon',\n    'extraTextPosition',\n    'stopValidateWithError',\n    'trigger',\n]);\n\nconst mergeLabelPos = labelPosition || formProps.labelPosition;\nconst mergeLabelWidth = labelWidth || formProps.labelWidth;\nconst mergeLabelAlign = labelAlign || formProps.labelAlign;\nconst mergeLabelCol = labelCol || formProps.labelCol;\nconst mergeWrapperCol = wrapperCol || formProps.wrapperCol;\nconst mergeExtraPos = extraTextPosition || formProps.extraTextPosition || 'bottom';\nconst mergeTrigger = transformTrigger(trigger, formProps.trigger);\n\nconst initValueInFormOpts = typeof field !== 'undefined' ? updater.getValue(field) : undefined;\nlet initVal = typeof initValue !== 'undefined' ? initValue : initValueInFormOpts;\n\ntry {\n    const arrayFieldState = useArrayFieldState();\n    if (arrayFieldState?.shouldUseInitValue && typeof initValue !== 'undefined') {\n        initVal = initValue;\n    }\n} catch {}\n\nconst [value, setValue, getVal] = useStateWithGetter(typeof initVal !== 'undefined' ? initVal : null);\nconst [error, setError] = useStateWithGetter<any>(undefined);\nconst [touched, setTouched] = useStateWithGetter(false);\nconst [status, setStatus] = useStateWithGetter<string | undefined>(validateStatus);\n\nconst isUnmounted = ref(false);\nconst validateOnMount = computed(() => mergeTrigger.includes('mount'));\n\nconst allowEmptyValue = allowEmpty || allowEmptyString;\n\nconst formState = useFormState();\nconst isFieldMounted = ref(false);\nconst isUpdatingFromForm = ref(false);\nconst lastSyncedFormValue = ref<any>(undefined);\n\nwatch(\n    () => formState?.values?.[field!],\n    (newFormValue) => {\n        if (field && isFieldMounted.value && !isUpdatingFromForm.value && newFormValue !== undefined) {\n            const currentValue = value.value;\n            const lastSynced = lastSyncedFormValue.value;\n            if (isEqual(newFormValue, currentValue) || isEqual(newFormValue, lastSynced)) {\n                return;\n            }\n            isUpdatingFromForm.value = true;\n            lastSyncedFormValue.value = newFormValue;\n            setValue(newFormValue);\n            Promise.resolve().then(() => {\n                isUpdatingFromForm.value = false;\n            });\n        }\n    },\n    { deep: true }\n);\n\nconst updateValue = (newValue: any, opts?: CallOpts) => {\n    const transformedValue = transform ? transform(newValue) : newValue;\n    const convertedValue = convert ? convert(transformedValue) : transformedValue;\n    setValue(convertedValue);\n    if (typeof field !== 'undefined' && !isUpdatingFromForm.value) {\n        updater.updateStateValue(field, convertedValue, opts);\n    }\n};\n\nconst updateError = (newError: any, opts?: CallOpts) => {\n    setError(newError);\n    if (typeof field !== 'undefined') {\n        updater.updateStateError(field, newError, opts);\n    }\n};\n\nconst updateTouched = (isTouched: boolean, opts?: CallOpts) => {\n    setTouched(isTouched);\n    if (typeof field !== 'undefined') {\n        updater.updateStateTouched(field, isTouched, opts);\n    }\n};\n\nconst fieldValidate = async (val: any = value.value) => {\n    if (isUnmounted.value) {\n        return;\n    }\n\n    let errorMsg: any = undefined;\n\n    if (rules && rules.length) {\n        const validator = generateValidatesFromRules(field || '', rules);\n        try {\n            await validator.validate({ [field || '']: val });\n        } catch (err: any) {\n            errorMsg = err.errors?.[0]?.message || err.message;\n        }\n    }\n\n    if (validate && !errorMsg) {\n        const validateResult = validate(val);\n        if (isPromise(validateResult)) {\n            try {\n                await validateResult;\n            } catch (err: any) {\n                errorMsg = err;\n            }\n        } else if (validateResult !== true) {\n            errorMsg = validateResult;\n        }\n    }\n\n    updateError(errorMsg);\n    updateTouched(true);\n\n    if (errorMsg) {\n        setStatus('error');\n    } else {\n        setStatus(validateStatus || 'success');\n    }\n\n    return errorMsg;\n};\n\nconst fieldApi = {\n    getValue: getVal,\n    setValue: updateValue,\n    getError: () => error.value,\n    setError: updateError,\n    getTouched: () => touched.value,\n    setTouched: updateTouched,\n    getStatus: () => status.value,\n    setStatus,\n    reset: () => {\n        const resetValue = typeof initValue !== 'undefined' ? initValue : initValueInFormOpts;\n        updateValue(resetValue, { notNotify: true });\n        updateError(undefined, { notNotify: true });\n        updateTouched(false, { notNotify: true });\n        setStatus(validateStatus);\n    },\n    validate: fieldValidate,\n};\n\nonMounted(() => {\n    isUnmounted.value = false;\n    if (validateOnMount.value) {\n        fieldValidate(value.value);\n    }\n\n    if (typeof field === 'undefined') {\n        return;\n    }\n\n    const refValue = getVal();\n    updater.register(\n        field,\n        {\n            value: refValue,\n            error: error.value,\n            touched: touched.value,\n            status: status.value as 'error' | 'success' | undefined,\n        },\n        {\n            field,\n            fieldApi,\n            keepState: keepState || false,\n            allowEmpty: allowEmptyValue,\n        }\n    );\n\n    isFieldMounted.value = true;\n});\n\nonUnmounted(() => {\n    isUnmounted.value = true;\n    if (typeof field !== 'undefined') {\n        updater.unRegister(field);\n    }\n});\n\nconst fieldBindings = computed(() => ({\n    modelValue: value.value,\n    'onUpdate:modelValue': (val: any) => {\n        updateValue(val);\n        if (mergeTrigger.includes('change')) {\n            fieldValidate(val);\n        }\n    },\n    value: value.value,\n    'onUpdate:value': (val: any) => {\n        updateValue(val);\n        if (mergeTrigger.includes('change')) {\n            fieldValidate(val);\n        }\n    },\n    checked: value.value,\n    'onUpdate:checked': (val: any) => {\n        updateValue(val);\n        if (mergeTrigger.includes('change')) {\n            fieldValidate(val);\n        }\n    },\n    onChange: (val: any) => {\n        updateValue(val);\n        if (mergeTrigger.includes('change')) {\n            fieldValidate(val);\n        }\n    },\n    onBlur: () => {\n        updateTouched(true);\n        if (mergeTrigger.includes('blur')) {\n            fieldValidate(value.value);\n        }\n    },\n    validateStatus: status.value || validateStatus,\n    disabled: formProps.disabled,\n    'aria-required': required,\n    'aria-labelledby': field ? `${field}-label` : undefined,\n    name: name || field,\n    id: id || (field && currentFormId ? `${currentFormId}-${field}` : field),\n}));\n\nconst fieldCls = computed(() =>\n    classNames(`${prefix}-field`, fieldClassName, {\n        [`${prefix}-field-error`]: !isValid(error.value),\n    })\n);\n\nconst labelColCls = computed(() => classNames(mergeLabelCol ? `${prefix}-col-${mergeLabelAlign}` : ''));\n\nconst labelProps = computed(() => {\n    const labelText = typeof label === 'object' && label !== null ? label.text : label;\n    const labelExtra = typeof label === 'object' && label !== null ? label.extra : undefined;\n    const labelOptional = typeof label === 'object' && label !== null ? label.optional : undefined;\n    const labelRequired = typeof label === 'object' && label !== null ? label.required : undefined;\n\n    return {\n        text: labelText || field,\n        align: mergeLabelAlign,\n        width: mergeLabelWidth,\n        required: labelRequired !== undefined ? labelRequired : required,\n        optional: labelOptional,\n        extra: labelExtra,\n        name: name || field,\n        id: field ? `${field}-label` : undefined,\n    };\n});\n\nconst errorMessageProps = computed(() => ({\n    error: error.value,\n    showValidateIcon: formProps.showValidateIcon,\n    validateStatus: status.value,\n    helpText,\n    isInInputGroup,\n    errorMessageId: field ? `${field}-error-message` : undefined,\n    helpTextId: field ? `${field}-help-text` : undefined,\n}));\n\nconst extraCls = computed(() =>\n    classNames(`${prefix}-field-extra`, {\n        [`${prefix}-field-extra-string`]: typeof extraText === 'string',\n        [`${prefix}-field-extra-middle`]: mergeExtraPos === 'middle',\n        [`${prefix}-field-extra-bottom`]: mergeExtraPos === 'bottom',\n    })\n);\n</script>\n"],"names":["props","__props","prefix","cssClasses","currentFormId","useFormId","merged","mergeProps","field","label","labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","noLabel","noErrorMessage","isInInputGroup","initValue","validate","validateStatus","trigger","allowEmptyString","allowEmpty","rules","required","keepState","transform","name","fieldClassName","fieldStyle","convert","helpText","extraText","extraTextPosition","pure","id","warning","updater","useFormUpdater","formProps","mergeLabelPos","mergeLabelWidth","mergeLabelAlign","mergeLabelCol","mergeWrapperCol","mergeExtraPos","mergeTrigger","transformTrigger","initValueInFormOpts","initVal","arrayFieldState","useArrayFieldState","value","setValue","getVal","useStateWithGetter","error","setError","touched","setTouched","status","setStatus","isUnmounted","ref","validateOnMount","computed","allowEmptyValue","formState","useFormState","isFieldMounted","isUpdatingFromForm","lastSyncedFormValue","watch","_a","newFormValue","currentValue","lastSynced","isEqual","updateValue","newValue","opts","transformedValue","convertedValue","updateError","newError","updateTouched","isTouched","fieldValidate","val","errorMsg","validator","generateValidatesFromRules","err","_b","validateResult","isPromise","fieldApi","onMounted","refValue","onUnmounted","fieldBindings","fieldCls","classNames","isValid","labelColCls","labelProps","labelText","labelExtra","labelOptional","labelRequired","errorMessageProps","extraCls","_unref","_renderSlot","_ctx","_createElementBlock","_Fragment","_openBlock","_hoisted_2","_createVNode","_mergeProps","_createBlock","Label","_createElementVNode","isVNode","_resolveDynamicComponent","ErrorMessage"],"mappings":"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"}
+{"version":3,"file":"FieldWrapper.vue.cjs","sources":["../../../../src/components/form/FieldWrapper.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"!pure\"\n        :class=\"fieldCls\"\n        :style=\"fieldStyle\"\n        :data-field=\"field\"\n        :x-field-id=\"field\"\n        :x-label-pos=\"mergeLabelPos\"\n    >\n        <template v-if=\"mergeLabelCol && mergeWrapperCol\">\n            <div v-if=\"mergeLabelPos === 'top'\" style=\"overflow: hidden\">\n                <Col v-bind=\"mergeLabelCol\" :class=\"labelColCls\">\n                    <Label v-if=\"!noLabel\" v-bind=\"labelProps\" />\n                </Col>\n            </div>\n            <Col v-else v-bind=\"mergeLabelCol\" :class=\"labelColCls\">\n                <Label v-if=\"!noLabel\" v-bind=\"labelProps\" />\n            </Col>\n            <Col v-bind=\"mergeWrapperCol\">\n                <div :class=\"`${prefix}-field-main`\">\n                    <div v-if=\"extraText && mergeExtraPos === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                        <component :is=\"extraText\" v-if=\"isVNode(extraText)\" />\n                        <template v-else>{{ extraText }}</template>\n                    </div>\n                    <slot v-bind=\"fieldBindings\"></slot>\n                    <ErrorMessage v-if=\"!noErrorMessage\" v-bind=\"errorMessageProps\" />\n                    <div v-if=\"extraText && mergeExtraPos === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                        <component :is=\"extraText\" v-if=\"isVNode(extraText)\" />\n                        <template v-else>{{ extraText }}</template>\n                    </div>\n                </div>\n            </Col>\n        </template>\n\n        <template v-else>\n            <Label v-if=\"!noLabel\" v-bind=\"labelProps\" />\n            <div :class=\"`${prefix}-field-main`\">\n                <div v-if=\"extraText && mergeExtraPos === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    <component :is=\"extraText\" v-if=\"isVNode(extraText)\" />\n                    <template v-else>{{ extraText }}</template>\n                </div>\n                <slot v-bind=\"fieldBindings\"></slot>\n                <ErrorMessage v-if=\"!noErrorMessage\" v-bind=\"errorMessageProps\" />\n                <div v-if=\"extraText && mergeExtraPos === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    <component :is=\"extraText\" v-if=\"isVNode(extraText)\" />\n                    <template v-else>{{ extraText }}</template>\n                </div>\n            </div>\n        </template>\n    </div>\n\n    <slot v-else v-bind=\"fieldBindings\"></slot>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch, isVNode } from 'vue';\nimport classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { cssClasses } from '@douyinfe/semi-foundation/form/constants';\nimport {\n    isValid,\n    generateValidatesFromRules,\n    mergeProps,\n    transformTrigger,\n} from '@douyinfe/semi-foundation/form/utils';\nimport isPromise from '@douyinfe/semi-foundation/utils/isPromise';\nimport warning from '@douyinfe/semi-foundation/utils/warning';\nimport { useStateWithGetter, useFormUpdater, useArrayFieldState, useFormState } from './hooks';\nimport { useFormId } from './context';\nimport ErrorMessage from './ErrorMessage.vue';\nimport Label from './Label.vue';\nimport { Col } from '../grid';\nimport type { CallOpts } from '@douyinfe/semi-foundation/form/interface';\nimport type { CommonFieldProps } from './interface';\n\ndefineOptions({ name: 'SemiFormFieldWrapper', inheritAttrs: false });\n\nconst props = defineProps<CommonFieldProps>();\n\nconst prefix = cssClasses.PREFIX;\n\nconst currentFormId = useFormId();\n\nconst merged = mergeProps(props);\nconst {\n    field,\n    label,\n    labelPosition,\n    labelWidth,\n    labelAlign,\n    labelCol,\n    wrapperCol,\n    noLabel,\n    noErrorMessage,\n    isInInputGroup,\n    initValue,\n    validate,\n    validateStatus,\n    trigger,\n    allowEmptyString,\n    allowEmpty,\n    rules,\n    required,\n    keepState,\n    transform,\n    name,\n    fieldClassName,\n    fieldStyle,\n    convert,\n    helpText,\n    extraText,\n    extraTextPosition,\n    pure,\n    id,\n} = merged;\n\nwarning(typeof field === 'undefined', \"[Semi Form]: 'field' is required, please check your props of Field Component\");\n\nconst updater = useFormUpdater();\n\nif (!updater.getFormProps) {\n    warning(true, '[Semi Form]: Field Component must be used inside the Form, please check your dom declaration');\n}\n\nconst formProps = updater.getFormProps([\n    'labelPosition',\n    'labelWidth',\n    'labelAlign',\n    'labelCol',\n    'wrapperCol',\n    'disabled',\n    'showValidateIcon',\n    'extraTextPosition',\n    'stopValidateWithError',\n    'trigger',\n]);\n\nconst mergeLabelPos = labelPosition || formProps.labelPosition;\nconst mergeLabelWidth = labelWidth || formProps.labelWidth;\nconst mergeLabelAlign = labelAlign || formProps.labelAlign;\nconst mergeLabelCol = labelCol || formProps.labelCol;\nconst mergeWrapperCol = wrapperCol || formProps.wrapperCol;\nconst mergeExtraPos = extraTextPosition || formProps.extraTextPosition || 'bottom';\nconst mergeTrigger = transformTrigger(trigger, formProps.trigger);\n\nconst initValueInFormOpts = typeof field !== 'undefined' ? updater.getValue(field) : undefined;\nlet initVal = typeof initValue !== 'undefined' ? initValue : initValueInFormOpts;\n\ntry {\n    const arrayFieldState = useArrayFieldState();\n    if (arrayFieldState?.shouldUseInitValue && typeof initValue !== 'undefined') {\n        initVal = initValue;\n    }\n} catch {}\n\nconst [value, setValue, getVal] = useStateWithGetter(typeof initVal !== 'undefined' ? initVal : null);\nconst [error, setError] = useStateWithGetter<any>(undefined);\nconst [touched, setTouched] = useStateWithGetter(false);\nconst [status, setStatus] = useStateWithGetter<string | undefined>(validateStatus);\n\nconst isUnmounted = ref(false);\nconst validateOnMount = computed(() => mergeTrigger.includes('mount'));\n\nconst allowEmptyValue = allowEmpty || allowEmptyString;\n\nconst formState = useFormState();\nconst isFieldMounted = ref(false);\nconst isUpdatingFromForm = ref(false);\nconst lastSyncedFormValue = ref<any>(undefined);\n\nwatch(\n    () => formState?.values?.[field!],\n    (newFormValue) => {\n        if (field && isFieldMounted.value && !isUpdatingFromForm.value && newFormValue !== undefined) {\n            const currentValue = value.value;\n            const lastSynced = lastSyncedFormValue.value;\n            if (isEqual(newFormValue, currentValue) || isEqual(newFormValue, lastSynced)) {\n                return;\n            }\n            isUpdatingFromForm.value = true;\n            lastSyncedFormValue.value = newFormValue;\n            setValue(newFormValue);\n            Promise.resolve().then(() => {\n                isUpdatingFromForm.value = false;\n            });\n        }\n    },\n    { deep: true }\n);\n\nconst updateValue = (newValue: any, opts?: CallOpts) => {\n    const transformedValue = transform ? transform(newValue) : newValue;\n    const convertedValue = convert ? convert(transformedValue) : transformedValue;\n    setValue(convertedValue);\n    if (typeof field !== 'undefined' && !isUpdatingFromForm.value) {\n        updater.updateStateValue(field, convertedValue, opts);\n    }\n};\n\nconst updateError = (newError: any, opts?: CallOpts) => {\n    setError(newError);\n    if (typeof field !== 'undefined') {\n        updater.updateStateError(field, newError, opts);\n    }\n};\n\nconst updateTouched = (isTouched: boolean, opts?: CallOpts) => {\n    setTouched(isTouched);\n    if (typeof field !== 'undefined') {\n        updater.updateStateTouched(field, isTouched, opts);\n    }\n};\n\nconst fieldValidate = async (val: any = value.value) => {\n    if (isUnmounted.value) {\n        return;\n    }\n\n    let errorMsg: any = undefined;\n\n    if (rules && rules.length) {\n        const validator = generateValidatesFromRules(field || '', rules);\n        try {\n            await validator.validate({ [field || '']: val });\n        } catch (err: any) {\n            errorMsg = err.errors?.[0]?.message || err.message;\n        }\n    }\n\n    if (validate && !errorMsg) {\n        const validateResult = validate(val);\n        if (isPromise(validateResult)) {\n            try {\n                await validateResult;\n            } catch (err: any) {\n                errorMsg = err;\n            }\n        } else if (validateResult !== true) {\n            errorMsg = validateResult;\n        }\n    }\n\n    updateError(errorMsg);\n    updateTouched(true);\n\n    if (errorMsg) {\n        setStatus('error');\n    } else {\n        setStatus(validateStatus || 'success');\n    }\n\n    return errorMsg;\n};\n\nconst fieldApi = {\n    getValue: getVal,\n    setValue: updateValue,\n    getError: () => error.value,\n    setError: updateError,\n    getTouched: () => touched.value,\n    setTouched: updateTouched,\n    getStatus: () => status.value,\n    setStatus,\n    reset: () => {\n        const resetValue = typeof initValue !== 'undefined' ? initValue : initValueInFormOpts;\n        updateValue(resetValue, { notNotify: true });\n        updateError(undefined, { notNotify: true });\n        updateTouched(false, { notNotify: true });\n        setStatus(validateStatus);\n    },\n    validate: fieldValidate,\n};\n\nonMounted(() => {\n    isUnmounted.value = false;\n    if (validateOnMount.value) {\n        fieldValidate(value.value);\n    }\n\n    if (typeof field === 'undefined') {\n        return;\n    }\n\n    const refValue = getVal();\n    updater.register(\n        field,\n        {\n            value: refValue,\n            error: error.value,\n            touched: touched.value,\n            status: status.value as 'error' | 'success' | undefined,\n        },\n        {\n            field,\n            fieldApi,\n            keepState: keepState || false,\n            allowEmpty: allowEmptyValue,\n        }\n    );\n\n    isFieldMounted.value = true;\n});\n\nonUnmounted(() => {\n    isUnmounted.value = true;\n    if (typeof field !== 'undefined') {\n        updater.unRegister(field);\n    }\n});\n\nconst fieldBindings = computed(() => ({\n    modelValue: value.value,\n    'onUpdate:modelValue': (val: any) => {\n        updateValue(val);\n        if (mergeTrigger.includes('change')) {\n            fieldValidate(val);\n        }\n    },\n    value: value.value,\n    'onUpdate:value': (val: any) => {\n        updateValue(val);\n        if (mergeTrigger.includes('change')) {\n            fieldValidate(val);\n        }\n    },\n    checked: value.value,\n    'onUpdate:checked': (val: any) => {\n        updateValue(val);\n        if (mergeTrigger.includes('change')) {\n            fieldValidate(val);\n        }\n    },\n    onChange: (val: any) => {\n        updateValue(val);\n        if (mergeTrigger.includes('change')) {\n            fieldValidate(val);\n        }\n    },\n    onBlur: () => {\n        updateTouched(true);\n        if (mergeTrigger.includes('blur')) {\n            fieldValidate(value.value);\n        }\n    },\n    validateStatus: status.value || validateStatus,\n    disabled: formProps.disabled,\n    'aria-required': required,\n    'aria-labelledby': field ? `${field}-label` : undefined,\n    name: name || field,\n    id: id || (field && currentFormId ? `${currentFormId}-${field}` : field),\n}));\n\nconst fieldCls = computed(() =>\n    classNames(`${prefix}-field`, fieldClassName, {\n        [`${prefix}-field-error`]: !isValid(error.value),\n    })\n);\n\nconst labelColCls = computed(() => classNames(mergeLabelCol ? `${prefix}-col-${mergeLabelAlign}` : ''));\n\nconst labelProps = computed(() => {\n    const labelText = typeof label === 'object' && label !== null ? label.text : label;\n    const labelExtra = typeof label === 'object' && label !== null ? label.extra : undefined;\n    const labelOptional = typeof label === 'object' && label !== null ? label.optional : undefined;\n    const labelRequired = typeof label === 'object' && label !== null ? label.required : undefined;\n\n    return {\n        text: labelText || field,\n        align: mergeLabelAlign,\n        width: mergeLabelWidth,\n        required: labelRequired !== undefined ? labelRequired : required,\n        optional: labelOptional,\n        extra: labelExtra,\n        name: name || field,\n        id: field ? `${field}-label` : undefined,\n    };\n});\n\nconst errorMessageProps = computed(() => ({\n    error: error.value,\n    showValidateIcon: formProps.showValidateIcon,\n    validateStatus: status.value,\n    helpText,\n    isInInputGroup,\n    errorMessageId: field ? `${field}-error-message` : undefined,\n    helpTextId: field ? `${field}-help-text` : undefined,\n}));\n\nconst extraCls = computed(() =>\n    classNames(`${prefix}-field-extra`, {\n        [`${prefix}-field-extra-string`]: typeof extraText === 'string',\n        [`${prefix}-field-extra-middle`]: mergeExtraPos === 'middle',\n        [`${prefix}-field-extra-bottom`]: mergeExtraPos === 'bottom',\n    })\n);\n</script>\n"],"names":["props","__props","prefix","cssClasses","currentFormId","useFormId","merged","mergeProps","field","label","labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","noLabel","noErrorMessage","isInInputGroup","initValue","validate","validateStatus","trigger","allowEmptyString","allowEmpty","rules","required","keepState","transform","name","fieldClassName","fieldStyle","convert","helpText","extraText","extraTextPosition","pure","id","warning","updater","useFormUpdater","formProps","mergeLabelPos","mergeLabelWidth","mergeLabelAlign","mergeLabelCol","mergeWrapperCol","mergeExtraPos","mergeTrigger","transformTrigger","initValueInFormOpts","initVal","arrayFieldState","useArrayFieldState","value","setValue","getVal","useStateWithGetter","error","setError","touched","setTouched","status","setStatus","isUnmounted","ref","validateOnMount","computed","allowEmptyValue","formState","useFormState","isFieldMounted","isUpdatingFromForm","lastSyncedFormValue","watch","_a","newFormValue","currentValue","lastSynced","isEqual","updateValue","newValue","opts","transformedValue","convertedValue","updateError","newError","updateTouched","isTouched","fieldValidate","val","errorMsg","validator","generateValidatesFromRules","err","_b","validateResult","isPromise","fieldApi","onMounted","refValue","onUnmounted","fieldBindings","fieldCls","classNames","isValid","labelColCls","labelProps","labelText","labelExtra","labelOptional","labelRequired","errorMessageProps","extraCls","_unref","_renderSlot","_ctx","_createElementBlock","_Fragment","_openBlock","_hoisted_2","_createVNode","_mergeProps","_createBlock","Label","_createElementVNode","isVNode","_resolveDynamicComponent","ErrorMessage"],"mappings":"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"}

package/lib/cjs/components/form/Form.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("classnames"),$=require("@douyinfe/semi-foundation/form/constants"),E=require("@douyinfe/semi-foundation/utils/uuid"),y=require("lodash"),O=require("@douyinfe/semi-foundation/form/foundation"),z=require("../../_utils/useFoundation.cjs"),K=require("../_utils/useBaseComponent.cjs"),h=require("./context.cjs"),j=require("../grid/Row.vue.cjs");;/* empty css                  */const W=["id","x-form-id"],X=["id","x-form-id"],G=e.defineComponent({name:"SemiForm",inheritAttrs:!1,__name:"Form",props:e.mergeModels({"aria-label":{},onSubmit:{type:Function,default:()=>{}},onSubmitFail:{type:Function,default:()=>{}},onReset:{type:Function,default:()=>{}},onValueChange:{type:Function,default:()=>{}},onErrorChange:{type:Function,default:()=>{}},onChange:{type:Function,default:()=>{}},allowEmpty:{type:Boolean,default:!1},validateFields:{},id:{},getFormApi:{},style:{},className:{},extraTextPosition:{},layout:{default:"vertical"},labelPosition:{default:"top"},labelWidth:{},labelAlign:{},labelCol:{},wrapperCol:{},render:{},component:{},children:{},autoScrollToError:{type:Boolean,default:!1},disabled:{type:Boolean},showValidateIcon:{type:Boolean,default:!0},stopValidateWithError:{type:Boolean},stopPropagation:{},trigger:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["submit","reset","value-change","error-change","change"],["update:modelValue"]),setup(n,{expose:B,emit:q}){const a=e.useModel(n,"modelValue"),r=n,m=q,d=$.cssClasses.PREFIX,p=e.ref(null),i=e.ref(r.id||E.getUuidv4()),C=e.ref({formId:""}),{adapter:R}=K.useBaseComponent(r,C),T={...R,cloneDeep:y.cloneDeep,notifySubmit:(t,o)=>{r.onSubmit(t,o),m("submit",t,o)},notifySubmitFail:(t,o,l)=>{r.onSubmitFail(t,o,l)},forceUpdate:t=>{t&&F.push(t),s&&clearTimeout(s),s=setTimeout(()=>{const o=u.getFormState(!1);w.value++,v.value&&(v.value=o);const l=[...F];F.length=0,e.nextTick(()=>{l.forEach(I=>I())}),s=null},0)},notifyChange:t=>{r.onChange(t),m("change",t)},notifyValueChange:(t,o)=>{r.onValueChange(t,o),m("value-change",t,o),c.value||e.nextTick(()=>{!c.value&&!y.isEqual(t,a.value)&&(a.value=y.cloneDeep(t))})},notifyErrorChange:(t,o)=>{r.onErrorChange(t,o),m("error-change",t,o)},notifyReset:()=>{r.onReset(),m("reset")},initFormId:()=>{i.value||(i.value=r.id||E.getUuidv4()),C.value.formId=i.value},getInitValues:()=>a.value!==void 0?a.value:r.initValues||{},getFormProps:t=>{if(typeof t>"u")return r;if(typeof t=="string")return r[t];{const o={};return t.forEach(l=>{o[l]=r[l]}),o}},getAllErrorDOM:()=>{const t=p.value;return t?t.querySelectorAll(`.${d}-field-error-message`):[]},getFieldDOM:t=>{const o=p.value;return o?o.querySelector(`[data-field="${t}"]`):null},getFieldErrorDOM:t=>{const o=p.value;if(!o)return null;const l=`.${d}-field[x-field-id="${t}"] .${d}-field-error-message`;return o.querySelector(l)}},{foundation:u}=z.useFoundation(O,T),f=e.ref(null),v=e.shallowRef(null),w=e.ref(0);let s=null;const F=[],b=v,M=e.computed(()=>u.getModifyFormStateApi()),c=e.ref(!1);e.provide(h.FormStateContextKey,b),e.provide(h.FormApiContextKey,f),e.provide(h.FormUpdaterContextKey,M),e.provide(h.FormIdContextKey,i);const U=e.computed(()=>({shouldUseInitValue:!0}));e.provide(h.ArrayFieldContextKey,U);let S=!1;e.watch(()=>a.value,t=>{if(!c.value&&S&&t!==void 0){const o=u.getFormState(!1).values;y.isEqual(o,t)||(c.value=!0,u.setValues(t,{isOverride:!0}),e.nextTick(()=>{c.value=!1}))}},{deep:!0}),e.onMounted(()=>{S=!0,u.init(),f.value=u.getFormApi(),v.value=u.getFormState(!1),r.getFormApi&&r.getFormApi(f.value),e.nextTick(()=>{const t=u.getFormState(!1).values;Object.keys(t).length>0&&(a.value===void 0||typeof a.value=="object"&&a.value!==null&&Object.keys(a.value).length===0)&&(c.value=!0,a.value=y.cloneDeep(t),e.nextTick(()=>{c.value=!1}))})}),e.onUnmounted(()=>{s&&(clearTimeout(s),s=null),F.length=0}),B({get formApi(){return f.value},get formState(){return v.value}});const k=e.computed(()=>N(d,r.className,{[`${d}-vertical`]:r.layout==="vertical",[`${d}-horizontal`]:r.layout==="horizontal"})),D=e.computed(()=>r.wrapperCol&&r.labelCol),x=e.computed(()=>{const t=["children","getFormApi","onChange","onSubmit","onSubmitFail","onErrorChange","onValueChange","component","render","validateFields","layout","style","className","labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","allowEmpty","autoScrollToError","showValidateIcon","stopValidateWithError","extraTextPosition","id","trigger","disabled","modelValue","initValues"],o={};for(const l in r)t.includes(l)||(o[l]=r[l]);return o}),g=e.computed(()=>{const t=b.value;return t?{formState:{...t,values:t.values||{},errors:t.errors||{}},formApi:f.value,values:t.values||{}}:{formState:{values:{},errors:{}},formApi:f.value,values:{}}}),P=t=>{var o;(o=r.stopPropagation)!=null&&o.submit&&t.stopPropagation(),u.submit(t)},V=t=>{var o;t.preventDefault(),(o=r.stopPropagation)!=null&&o.reset&&t.stopPropagation(),u.reset()},A=e.defineComponent({name:"RenderVNode",props:{renderFn:{type:Function,required:!0}},setup(t){return()=>{const o=t.renderFn(g.value);return o==null?null:typeof o=="string"||typeof o=="number"?String(o):o}}});return(t,o)=>D.value?(e.openBlock(),e.createBlock(e.unref(j.default),{key:0},{default:e.withCtx(()=>[e.createElementVNode("form",e.mergeProps({id:i.value,ref_key:"formRef",ref:p,class:k.value,style:r.style,"x-form-id":i.value},x.value,{onSubmit:e.withModifiers(P,["prevent"]),onReset:V}),[!n.render&&!n.component?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:0},g.value))):n.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):n.render?(e.openBlock(),e.createBlock(e.unref(A),{key:2,"render-fn":n.render},null,8,["render-fn"])):e.createCommentVNode("",!0)],16,W)]),_:3})):(e.openBlock(),e.createElementBlock("form",e.mergeProps({key:1,id:i.value,ref_key:"formRef",ref:p,class:k.value,style:r.style,"x-form-id":i.value},x.value,{onSubmit:e.withModifiers(P,["prevent"]),onReset:V}),[!n.render&&!n.component?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:0},g.value))):n.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):n.render?(e.openBlock(),e.createBlock(e.unref(A),{key:2,"render-fn":n.render},null,8,["render-fn"])):e.createCommentVNode("",!0)],16,X))}});exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("classnames"),$=require("@douyinfe/semi-foundation/form/constants"),E=require("@douyinfe/semi-foundation/utils/uuid"),y=require("lodash"),O=require("@douyinfe/semi-foundation/form/foundation"),z=require("../../_utils/useFoundation.cjs"),K=require("../_utils/useBaseComponent.cjs"),h=require("./context.cjs"),j=require("../grid/Row.vue.cjs"),W=["id","x-form-id"],X=["id","x-form-id"],G=e.defineComponent({name:"SemiForm",inheritAttrs:!1,__name:"Form",props:e.mergeModels({"aria-label":{},onSubmit:{type:Function,default:()=>{}},onSubmitFail:{type:Function,default:()=>{}},onReset:{type:Function,default:()=>{}},onValueChange:{type:Function,default:()=>{}},onErrorChange:{type:Function,default:()=>{}},onChange:{type:Function,default:()=>{}},allowEmpty:{type:Boolean,default:!1},validateFields:{},id:{},getFormApi:{},style:{},className:{},extraTextPosition:{},layout:{default:"vertical"},labelPosition:{default:"top"},labelWidth:{},labelAlign:{},labelCol:{},wrapperCol:{},render:{},component:{},children:{},autoScrollToError:{type:Boolean,default:!1},disabled:{type:Boolean},showValidateIcon:{type:Boolean,default:!0},stopValidateWithError:{type:Boolean},stopPropagation:{},trigger:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["submit","reset","value-change","error-change","change"],["update:modelValue"]),setup(n,{expose:B,emit:R}){const a=e.useModel(n,"modelValue"),r=n,m=R,d=$.cssClasses.PREFIX,p=e.ref(null),i=e.ref(r.id||E.getUuidv4()),C=e.ref({formId:""}),{adapter:q}=K.useBaseComponent(r,C),T={...q,cloneDeep:y.cloneDeep,notifySubmit:(t,o)=>{r.onSubmit(t,o),m("submit",t,o)},notifySubmitFail:(t,o,l)=>{r.onSubmitFail(t,o,l)},forceUpdate:t=>{t&&F.push(t),s&&clearTimeout(s),s=setTimeout(()=>{const o=u.getFormState(!1);w.value++,v.value&&(v.value=o);const l=[...F];F.length=0,e.nextTick(()=>{l.forEach(I=>I())}),s=null},0)},notifyChange:t=>{r.onChange(t),m("change",t)},notifyValueChange:(t,o)=>{r.onValueChange(t,o),m("value-change",t,o),c.value||e.nextTick(()=>{!c.value&&!y.isEqual(t,a.value)&&(a.value=y.cloneDeep(t))})},notifyErrorChange:(t,o)=>{r.onErrorChange(t,o),m("error-change",t,o)},notifyReset:()=>{r.onReset(),m("reset")},initFormId:()=>{i.value||(i.value=r.id||E.getUuidv4()),C.value.formId=i.value},getInitValues:()=>a.value!==void 0?a.value:r.initValues||{},getFormProps:t=>{if(typeof t>"u")return r;if(typeof t=="string")return r[t];{const o={};return t.forEach(l=>{o[l]=r[l]}),o}},getAllErrorDOM:()=>{const t=p.value;return t?t.querySelectorAll(`.${d}-field-error-message`):[]},getFieldDOM:t=>{const o=p.value;return o?o.querySelector(`[data-field="${t}"]`):null},getFieldErrorDOM:t=>{const o=p.value;if(!o)return null;const l=`.${d}-field[x-field-id="${t}"] .${d}-field-error-message`;return o.querySelector(l)}},{foundation:u}=z.useFoundation(O,T),f=e.ref(null),v=e.shallowRef(null),w=e.ref(0);let s=null;const F=[],b=v,M=e.computed(()=>u.getModifyFormStateApi()),c=e.ref(!1);e.provide(h.FormStateContextKey,b),e.provide(h.FormApiContextKey,f),e.provide(h.FormUpdaterContextKey,M),e.provide(h.FormIdContextKey,i);const U=e.computed(()=>({shouldUseInitValue:!0}));e.provide(h.ArrayFieldContextKey,U);let S=!1;e.watch(()=>a.value,t=>{if(!c.value&&S&&t!==void 0){const o=u.getFormState(!1).values;y.isEqual(o,t)||(c.value=!0,u.setValues(t,{isOverride:!0}),e.nextTick(()=>{c.value=!1}))}},{deep:!0}),e.onMounted(()=>{S=!0,u.init(),f.value=u.getFormApi(),v.value=u.getFormState(!1),r.getFormApi&&r.getFormApi(f.value),e.nextTick(()=>{const t=u.getFormState(!1).values;Object.keys(t).length>0&&(a.value===void 0||typeof a.value=="object"&&a.value!==null&&Object.keys(a.value).length===0)&&(c.value=!0,a.value=y.cloneDeep(t),e.nextTick(()=>{c.value=!1}))})}),e.onUnmounted(()=>{s&&(clearTimeout(s),s=null),F.length=0}),B({get formApi(){return f.value},get formState(){return v.value}});const k=e.computed(()=>N(d,r.className,{[`${d}-vertical`]:r.layout==="vertical",[`${d}-horizontal`]:r.layout==="horizontal"})),D=e.computed(()=>r.wrapperCol&&r.labelCol),x=e.computed(()=>{const t=["children","getFormApi","onChange","onSubmit","onSubmitFail","onErrorChange","onValueChange","component","render","validateFields","layout","style","className","labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","allowEmpty","autoScrollToError","showValidateIcon","stopValidateWithError","extraTextPosition","id","trigger","disabled","modelValue","initValues"],o={};for(const l in r)t.includes(l)||(o[l]=r[l]);return o}),g=e.computed(()=>{const t=b.value;return t?{formState:{...t,values:t.values||{},errors:t.errors||{}},formApi:f.value,values:t.values||{}}:{formState:{values:{},errors:{}},formApi:f.value,values:{}}}),P=t=>{var o;(o=r.stopPropagation)!=null&&o.submit&&t.stopPropagation(),u.submit(t)},V=t=>{var o;t.preventDefault(),(o=r.stopPropagation)!=null&&o.reset&&t.stopPropagation(),u.reset()},A=e.defineComponent({name:"RenderVNode",props:{renderFn:{type:Function,required:!0}},setup(t){return()=>{const o=t.renderFn(g.value);return o==null?null:typeof o=="string"||typeof o=="number"?String(o):o}}});return(t,o)=>D.value?(e.openBlock(),e.createBlock(e.unref(j.default),{key:0},{default:e.withCtx(()=>[e.createElementVNode("form",e.mergeProps({id:i.value,ref_key:"formRef",ref:p,class:k.value,style:r.style,"x-form-id":i.value},x.value,{onSubmit:e.withModifiers(P,["prevent"]),onReset:V}),[!n.render&&!n.component?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:0},g.value))):n.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):n.render?(e.openBlock(),e.createBlock(e.unref(A),{key:2,"render-fn":n.render},null,8,["render-fn"])):e.createCommentVNode("",!0)],16,W)]),_:3})):(e.openBlock(),e.createElementBlock("form",e.mergeProps({key:1,id:i.value,ref_key:"formRef",ref:p,class:k.value,style:r.style,"x-form-id":i.value},x.value,{onSubmit:e.withModifiers(P,["prevent"]),onReset:V}),[!n.render&&!n.component?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:0},g.value))):n.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):n.render?(e.openBlock(),e.createBlock(e.unref(A),{key:2,"render-fn":n.render},null,8,["render-fn"])):e.createCommentVNode("",!0)],16,X))}});exports.default=G;
 //# sourceMappingURL=Form.vue.cjs.map

package/lib/cjs/components/form/Form.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.vue.cjs","sources":["../../../../src/components/form/Form.vue"],"sourcesContent":["<template>\n    <Row v-if=\"shouldAppendRow\">\n        <form\n            :id=\"formId\"\n            ref=\"formRef\"\n            :class=\"formCls\"\n            :style=\"props.style\"\n            :x-form-id=\"formId\"\n            v-bind=\"formAttrs\"\n            @submit.prevent=\"handleSubmit\"\n            @reset=\"handleReset\"\n        >\n            <slot v-if=\"!render && !component\" v-bind=\"componentProps\" />\n            <component :is=\"component\" v-else-if=\"component\" v-bind=\"componentProps\" />\n            <RenderVNode v-else-if=\"render\" :render-fn=\"render\" />\n        </form>\n    </Row>\n    <form\n        v-else\n        :id=\"formId\"\n        ref=\"formRef\"\n        :class=\"formCls\"\n        :style=\"props.style\"\n        :x-form-id=\"formId\"\n        v-bind=\"formAttrs\"\n        @submit.prevent=\"handleSubmit\"\n        @reset=\"handleReset\"\n    >\n        <slot v-if=\"!render && !component\" v-bind=\"componentProps\" />\n        <component :is=\"component\" v-else-if=\"component\" v-bind=\"componentProps\" />\n        <RenderVNode v-else-if=\"render\" :render-fn=\"render\" />\n    </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, provide, onMounted, onUnmounted, watch, nextTick, shallowRef, defineComponent } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/form/constants';\nimport { getUuidv4 } from '@douyinfe/semi-foundation/utils/uuid';\nimport { cloneDeep, isEqual } from 'lodash';\nimport FormFoundation from '@douyinfe/semi-foundation/form/foundation';\nimport type { BaseFormAdapter, FormState, FormUpdaterContextType } from '@douyinfe/semi-foundation/form/interface';\nimport { useFoundation } from '../../_utils/useFoundation';\nimport { useBaseComponent } from '../_utils/useBaseComponent';\nimport {\n    FormStateContextKey,\n    FormApiContextKey,\n    FormUpdaterContextKey,\n    ArrayFieldContextKey,\n    FormIdContextKey,\n} from './context';\nimport { Row } from '../grid';\nimport type { BaseFormProps } from './interface';\n\ndefineOptions({ name: 'SemiForm', inheritAttrs: false });\n\nconst modelValue = defineModel<Record<string, any>>();\n\ninterface FormProps extends BaseFormProps {}\n\nconst props = withDefaults(defineProps<FormProps>(), {\n    onChange: () => {},\n    onSubmitFail: () => {},\n    onSubmit: () => {},\n    onReset: () => {},\n    onValueChange: () => {},\n    onErrorChange: () => {},\n    layout: 'vertical',\n    labelPosition: 'top',\n    allowEmpty: false,\n    autoScrollToError: false,\n    showValidateIcon: true,\n});\n\nconst emit = defineEmits<{\n    submit: [values: any, e?: Event];\n    reset: [];\n    'value-change': [values: any, changedValue: any];\n    'error-change': [errors: any, changedError?: any];\n    change: [formState: FormState];\n}>();\n\nconst prefix = cssClasses.PREFIX;\nconst formRef = ref<HTMLFormElement | null>(null);\nconst formId = ref<string>(props.id || getUuidv4());\n\nconst state = ref({\n    formId: '',\n});\n\nconst { adapter: baseAdapter } = useBaseComponent(props, state);\n\nconst adapter: BaseFormAdapter = {\n    ...baseAdapter,\n    cloneDeep,\n    notifySubmit: (vals: any, e?: Event) => {\n        props.onSubmit(vals, e);\n        emit('submit', vals, e);\n    },\n    notifySubmitFail: (errs: any, vals: any, e?: Event) => {\n        props.onSubmitFail(errs, vals, e);\n    },\n    forceUpdate: (callback?: () => void) => {\n        if (callback) {\n            pendingForceUpdateCallbacks.push(callback);\n        }\n        if (forceUpdateTimer) {\n            clearTimeout(forceUpdateTimer);\n        }\n        forceUpdateTimer = setTimeout(() => {\n            const newFormState = foundation.getFormState(false);\n            forceUpdateTrigger.value++;\n            if (formStateRef.value) {\n                formStateRef.value = newFormState;\n            }\n            const callbacks = [...pendingForceUpdateCallbacks];\n            pendingForceUpdateCallbacks.length = 0;\n            nextTick(() => {\n                callbacks.forEach((cb) => cb());\n            });\n            forceUpdateTimer = null;\n        }, 0);\n    },\n    notifyChange: (formState: FormState) => {\n        props.onChange(formState);\n        emit('change', formState);\n    },\n    notifyValueChange: (vals: any, changedValues: any) => {\n        props.onValueChange(vals, changedValues);\n        emit('value-change', vals, changedValues);\n        if (!isUpdatingFromModelValue.value) {\n            nextTick(() => {\n                if (!isUpdatingFromModelValue.value && !isEqual(vals, modelValue.value)) {\n                    modelValue.value = cloneDeep(vals);\n                }\n            });\n        }\n    },\n    notifyErrorChange: (errs: any, changedError?: any) => {\n        props.onErrorChange(errs, changedError);\n        emit('error-change', errs, changedError);\n    },\n    notifyReset: () => {\n        props.onReset();\n        emit('reset');\n    },\n    initFormId: () => {\n        if (!formId.value) {\n            formId.value = props.id || getUuidv4();\n        }\n        state.value.formId = formId.value;\n    },\n    getInitValues: () => {\n        if (modelValue.value !== undefined) {\n            return modelValue.value;\n        }\n        return props.initValues || {};\n    },\n    getFormProps: (keys?: string | string[]) => {\n        if (typeof keys === 'undefined') {\n            return props;\n        } else if (typeof keys === 'string') {\n            return (props as any)[keys];\n        } else {\n            const result: Record<string, any> = {};\n            keys.forEach((key) => {\n                result[key] = (props as any)[key];\n            });\n            return result;\n        }\n    },\n    getAllErrorDOM: () => {\n        const formEl = formRef.value;\n        if (!formEl) return [] as unknown as NodeList;\n        return formEl.querySelectorAll(`.${prefix}-field-error-message`) as NodeList;\n    },\n    getFieldDOM: (field: string) => {\n        const formEl = formRef.value;\n        if (!formEl) return null;\n        return formEl.querySelector(`[data-field=\"${field}\"]`) as Node;\n    },\n    getFieldErrorDOM: (field: string) => {\n        const formEl = formRef.value;\n        if (!formEl) return null;\n        const selector = `.${prefix}-field[x-field-id=\"${field}\"] .${prefix}-field-error-message`;\n        return formEl.querySelector(selector) as Node;\n    },\n};\n\nconst { foundation } = useFoundation(FormFoundation, adapter);\n\nconst formApiRef = ref<any>(null);\nconst formStateRef = shallowRef<FormState | null>(null);\nconst forceUpdateTrigger = ref(0);\n\nlet forceUpdateTimer: ReturnType<typeof setTimeout> | null = null;\nconst pendingForceUpdateCallbacks: Array<() => void> = [];\n\nconst formState = formStateRef;\nconst updaterApi = computed<FormUpdaterContextType>(() => foundation.getModifyFormStateApi());\n\nconst isUpdatingFromModelValue = ref(false);\n\nprovide(FormStateContextKey, formState);\nprovide(FormApiContextKey, formApiRef);\nprovide(FormUpdaterContextKey, updaterApi);\nprovide(FormIdContextKey, formId);\n\nconst arrayFieldContext = computed(() => ({\n    shouldUseInitValue: true,\n}));\nprovide(ArrayFieldContextKey, arrayFieldContext);\n\nlet isMounted = false;\n\nwatch(\n    () => modelValue.value,\n    (newModelValue) => {\n        if (isUpdatingFromModelValue.value) {\n            return;\n        }\n        if (isMounted && newModelValue !== undefined) {\n            const currentValues = foundation.getFormState(false).values;\n            if (!isEqual(currentValues, newModelValue)) {\n                isUpdatingFromModelValue.value = true;\n                foundation.setValues(newModelValue, { isOverride: true });\n                nextTick(() => {\n                    isUpdatingFromModelValue.value = false;\n                });\n            }\n        }\n    },\n    { deep: true }\n);\n\nonMounted(() => {\n    isMounted = true;\n    foundation.init();\n    formApiRef.value = foundation.getFormApi() as any;\n    formStateRef.value = foundation.getFormState(false);\n\n    if (props.getFormApi) {\n        props.getFormApi(formApiRef.value);\n    }\n\n    nextTick(() => {\n        const currentValues = foundation.getFormState(false).values;\n        if (Object.keys(currentValues).length > 0) {\n            if (\n                modelValue.value === undefined ||\n                (typeof modelValue.value === 'object' &&\n                    modelValue.value !== null &&\n                    Object.keys(modelValue.value).length === 0)\n            ) {\n                isUpdatingFromModelValue.value = true;\n                modelValue.value = cloneDeep(currentValues);\n                nextTick(() => {\n                    isUpdatingFromModelValue.value = false;\n                });\n            }\n        }\n    });\n});\n\nonUnmounted(() => {\n    if (forceUpdateTimer) {\n        clearTimeout(forceUpdateTimer);\n        forceUpdateTimer = null;\n    }\n    pendingForceUpdateCallbacks.length = 0;\n});\n\ndefineExpose({\n    get formApi() {\n        return formApiRef.value;\n    },\n    get formState() {\n        return formStateRef.value;\n    },\n});\n\nconst formCls = computed(() =>\n    classNames(prefix, props.className, {\n        [`${prefix}-vertical`]: props.layout === 'vertical',\n        [`${prefix}-horizontal`]: props.layout === 'horizontal',\n    })\n);\n\nconst shouldAppendRow = computed(() => props.wrapperCol && props.labelCol);\n\nconst formAttrs = computed(() => {\n    const excludedKeys = [\n        'children',\n        'getFormApi',\n        'onChange',\n        'onSubmit',\n        'onSubmitFail',\n        'onErrorChange',\n        'onValueChange',\n        'component',\n        'render',\n        'validateFields',\n        'layout',\n        'style',\n        'className',\n        'labelPosition',\n        'labelWidth',\n        'labelAlign',\n        'labelCol',\n        'wrapperCol',\n        'allowEmpty',\n        'autoScrollToError',\n        'showValidateIcon',\n        'stopValidateWithError',\n        'extraTextPosition',\n        'id',\n        'trigger',\n        'disabled',\n        'modelValue',\n        'initValues',\n    ] as const;\n    const rest: Record<string, any> = {};\n    for (const key in props) {\n        if (!excludedKeys.includes(key as any)) {\n            rest[key] = (props as any)[key];\n        }\n    }\n    return rest;\n});\n\nconst componentProps = computed(() => {\n    const state = formState.value;\n    if (!state) {\n        return {\n            formState: { values: {}, errors: {} } as FormState,\n            formApi: formApiRef.value,\n            values: {},\n        };\n    }\n    return {\n        formState: {\n            ...state,\n            values: state.values || {},\n            errors: state.errors || {},\n        } as FormState,\n        formApi: formApiRef.value,\n        values: state.values || {},\n    };\n});\n\nconst handleSubmit = (e: Event) => {\n    if (props.stopPropagation?.submit) {\n        e.stopPropagation();\n    }\n    foundation.submit(e);\n};\n\nconst handleReset = (e: Event) => {\n    e.preventDefault();\n    if (props.stopPropagation?.reset) {\n        e.stopPropagation();\n    }\n    foundation.reset();\n};\n\nconst RenderVNode = defineComponent({\n    name: 'RenderVNode',\n    props: {\n        renderFn: {\n            type: Function,\n            required: true,\n        },\n    },\n    setup(props) {\n        return () => {\n            const result = props.renderFn(componentProps.value);\n            if (result === null || result === undefined) {\n                return null;\n            }\n            if (typeof result === 'string' || typeof result === 'number') {\n                return String(result);\n            }\n            return result;\n        };\n    },\n});\n</script>\n"],"names":["modelValue","_useModel","props","__props","emit","__emit","prefix","cssClasses","formRef","ref","formId","getUuidv4","state","baseAdapter","useBaseComponent","adapter","cloneDeep","vals","e","errs","callback","pendingForceUpdateCallbacks","forceUpdateTimer","newFormState","foundation","forceUpdateTrigger","formStateRef","callbacks","nextTick","cb","formState","changedValues","isUpdatingFromModelValue","isEqual","changedError","keys","result","key","formEl","field","selector","useFoundation","FormFoundation","formApiRef","shallowRef","updaterApi","computed","provide","FormStateContextKey","FormApiContextKey","FormUpdaterContextKey","FormIdContextKey","arrayFieldContext","ArrayFieldContextKey","isMounted","watch","newModelValue","currentValues","onMounted","onUnmounted","__expose","formCls","classNames","shouldAppendRow","formAttrs","excludedKeys","rest","componentProps","handleSubmit","_a","handleReset","RenderVNode","defineComponent","_createBlock","_unref","Row","_createElementVNode","_mergeProps","_renderSlot","_ctx","_resolveDynamicComponent","_normalizeProps","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"Form.vue.cjs","sources":["../../../../src/components/form/Form.vue"],"sourcesContent":["<template>\n    <Row v-if=\"shouldAppendRow\">\n        <form\n            :id=\"formId\"\n            ref=\"formRef\"\n            :class=\"formCls\"\n            :style=\"props.style\"\n            :x-form-id=\"formId\"\n            v-bind=\"formAttrs\"\n            @submit.prevent=\"handleSubmit\"\n            @reset=\"handleReset\"\n        >\n            <slot v-if=\"!render && !component\" v-bind=\"componentProps\" />\n            <component :is=\"component\" v-else-if=\"component\" v-bind=\"componentProps\" />\n            <RenderVNode v-else-if=\"render\" :render-fn=\"render\" />\n        </form>\n    </Row>\n    <form\n        v-else\n        :id=\"formId\"\n        ref=\"formRef\"\n        :class=\"formCls\"\n        :style=\"props.style\"\n        :x-form-id=\"formId\"\n        v-bind=\"formAttrs\"\n        @submit.prevent=\"handleSubmit\"\n        @reset=\"handleReset\"\n    >\n        <slot v-if=\"!render && !component\" v-bind=\"componentProps\" />\n        <component :is=\"component\" v-else-if=\"component\" v-bind=\"componentProps\" />\n        <RenderVNode v-else-if=\"render\" :render-fn=\"render\" />\n    </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, provide, onMounted, onUnmounted, watch, nextTick, shallowRef, defineComponent } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/form/constants';\nimport { getUuidv4 } from '@douyinfe/semi-foundation/utils/uuid';\nimport { cloneDeep, isEqual } from 'lodash';\nimport FormFoundation from '@douyinfe/semi-foundation/form/foundation';\nimport type { BaseFormAdapter, FormState, FormUpdaterContextType } from '@douyinfe/semi-foundation/form/interface';\nimport { useFoundation } from '../../_utils/useFoundation';\nimport { useBaseComponent } from '../_utils/useBaseComponent';\nimport {\n    FormStateContextKey,\n    FormApiContextKey,\n    FormUpdaterContextKey,\n    ArrayFieldContextKey,\n    FormIdContextKey,\n} from './context';\nimport { Row } from '../grid';\nimport type { BaseFormProps } from './interface';\n\ndefineOptions({ name: 'SemiForm', inheritAttrs: false });\n\nconst modelValue = defineModel<Record<string, any>>();\n\ninterface FormProps extends BaseFormProps {}\n\nconst props = withDefaults(defineProps<FormProps>(), {\n    onChange: () => {},\n    onSubmitFail: () => {},\n    onSubmit: () => {},\n    onReset: () => {},\n    onValueChange: () => {},\n    onErrorChange: () => {},\n    layout: 'vertical',\n    labelPosition: 'top',\n    allowEmpty: false,\n    autoScrollToError: false,\n    showValidateIcon: true,\n});\n\nconst emit = defineEmits<{\n    submit: [values: any, e?: Event];\n    reset: [];\n    'value-change': [values: any, changedValue: any];\n    'error-change': [errors: any, changedError?: any];\n    change: [formState: FormState];\n}>();\n\nconst prefix = cssClasses.PREFIX;\nconst formRef = ref<HTMLFormElement | null>(null);\nconst formId = ref<string>(props.id || getUuidv4());\n\nconst state = ref({\n    formId: '',\n});\n\nconst { adapter: baseAdapter } = useBaseComponent(props, state);\n\nconst adapter: BaseFormAdapter = {\n    ...baseAdapter,\n    cloneDeep,\n    notifySubmit: (vals: any, e?: Event) => {\n        props.onSubmit(vals, e);\n        emit('submit', vals, e);\n    },\n    notifySubmitFail: (errs: any, vals: any, e?: Event) => {\n        props.onSubmitFail(errs, vals, e);\n    },\n    forceUpdate: (callback?: () => void) => {\n        if (callback) {\n            pendingForceUpdateCallbacks.push(callback);\n        }\n        if (forceUpdateTimer) {\n            clearTimeout(forceUpdateTimer);\n        }\n        forceUpdateTimer = setTimeout(() => {\n            const newFormState = foundation.getFormState(false);\n            forceUpdateTrigger.value++;\n            if (formStateRef.value) {\n                formStateRef.value = newFormState;\n            }\n            const callbacks = [...pendingForceUpdateCallbacks];\n            pendingForceUpdateCallbacks.length = 0;\n            nextTick(() => {\n                callbacks.forEach((cb) => cb());\n            });\n            forceUpdateTimer = null;\n        }, 0);\n    },\n    notifyChange: (formState: FormState) => {\n        props.onChange(formState);\n        emit('change', formState);\n    },\n    notifyValueChange: (vals: any, changedValues: any) => {\n        props.onValueChange(vals, changedValues);\n        emit('value-change', vals, changedValues);\n        if (!isUpdatingFromModelValue.value) {\n            nextTick(() => {\n                if (!isUpdatingFromModelValue.value && !isEqual(vals, modelValue.value)) {\n                    modelValue.value = cloneDeep(vals);\n                }\n            });\n        }\n    },\n    notifyErrorChange: (errs: any, changedError?: any) => {\n        props.onErrorChange(errs, changedError);\n        emit('error-change', errs, changedError);\n    },\n    notifyReset: () => {\n        props.onReset();\n        emit('reset');\n    },\n    initFormId: () => {\n        if (!formId.value) {\n            formId.value = props.id || getUuidv4();\n        }\n        state.value.formId = formId.value;\n    },\n    getInitValues: () => {\n        if (modelValue.value !== undefined) {\n            return modelValue.value;\n        }\n        return props.initValues || {};\n    },\n    getFormProps: (keys?: string | string[]) => {\n        if (typeof keys === 'undefined') {\n            return props;\n        } else if (typeof keys === 'string') {\n            return (props as any)[keys];\n        } else {\n            const result: Record<string, any> = {};\n            keys.forEach((key) => {\n                result[key] = (props as any)[key];\n            });\n            return result;\n        }\n    },\n    getAllErrorDOM: () => {\n        const formEl = formRef.value;\n        if (!formEl) return [] as unknown as NodeList;\n        return formEl.querySelectorAll(`.${prefix}-field-error-message`) as NodeList;\n    },\n    getFieldDOM: (field: string) => {\n        const formEl = formRef.value;\n        if (!formEl) return null;\n        return formEl.querySelector(`[data-field=\"${field}\"]`) as Node;\n    },\n    getFieldErrorDOM: (field: string) => {\n        const formEl = formRef.value;\n        if (!formEl) return null;\n        const selector = `.${prefix}-field[x-field-id=\"${field}\"] .${prefix}-field-error-message`;\n        return formEl.querySelector(selector) as Node;\n    },\n};\n\nconst { foundation } = useFoundation(FormFoundation, adapter);\n\nconst formApiRef = ref<any>(null);\nconst formStateRef = shallowRef<FormState | null>(null);\nconst forceUpdateTrigger = ref(0);\n\nlet forceUpdateTimer: ReturnType<typeof setTimeout> | null = null;\nconst pendingForceUpdateCallbacks: Array<() => void> = [];\n\nconst formState = formStateRef;\nconst updaterApi = computed<FormUpdaterContextType>(() => foundation.getModifyFormStateApi());\n\nconst isUpdatingFromModelValue = ref(false);\n\nprovide(FormStateContextKey, formState);\nprovide(FormApiContextKey, formApiRef);\nprovide(FormUpdaterContextKey, updaterApi);\nprovide(FormIdContextKey, formId);\n\nconst arrayFieldContext = computed(() => ({\n    shouldUseInitValue: true,\n}));\nprovide(ArrayFieldContextKey, arrayFieldContext);\n\nlet isMounted = false;\n\nwatch(\n    () => modelValue.value,\n    (newModelValue) => {\n        if (isUpdatingFromModelValue.value) {\n            return;\n        }\n        if (isMounted && newModelValue !== undefined) {\n            const currentValues = foundation.getFormState(false).values;\n            if (!isEqual(currentValues, newModelValue)) {\n                isUpdatingFromModelValue.value = true;\n                foundation.setValues(newModelValue, { isOverride: true });\n                nextTick(() => {\n                    isUpdatingFromModelValue.value = false;\n                });\n            }\n        }\n    },\n    { deep: true }\n);\n\nonMounted(() => {\n    isMounted = true;\n    foundation.init();\n    formApiRef.value = foundation.getFormApi() as any;\n    formStateRef.value = foundation.getFormState(false);\n\n    if (props.getFormApi) {\n        props.getFormApi(formApiRef.value);\n    }\n\n    nextTick(() => {\n        const currentValues = foundation.getFormState(false).values;\n        if (Object.keys(currentValues).length > 0) {\n            if (\n                modelValue.value === undefined ||\n                (typeof modelValue.value === 'object' &&\n                    modelValue.value !== null &&\n                    Object.keys(modelValue.value).length === 0)\n            ) {\n                isUpdatingFromModelValue.value = true;\n                modelValue.value = cloneDeep(currentValues);\n                nextTick(() => {\n                    isUpdatingFromModelValue.value = false;\n                });\n            }\n        }\n    });\n});\n\nonUnmounted(() => {\n    if (forceUpdateTimer) {\n        clearTimeout(forceUpdateTimer);\n        forceUpdateTimer = null;\n    }\n    pendingForceUpdateCallbacks.length = 0;\n});\n\ndefineExpose({\n    get formApi() {\n        return formApiRef.value;\n    },\n    get formState() {\n        return formStateRef.value;\n    },\n});\n\nconst formCls = computed(() =>\n    classNames(prefix, props.className, {\n        [`${prefix}-vertical`]: props.layout === 'vertical',\n        [`${prefix}-horizontal`]: props.layout === 'horizontal',\n    })\n);\n\nconst shouldAppendRow = computed(() => props.wrapperCol && props.labelCol);\n\nconst formAttrs = computed(() => {\n    const excludedKeys = [\n        'children',\n        'getFormApi',\n        'onChange',\n        'onSubmit',\n        'onSubmitFail',\n        'onErrorChange',\n        'onValueChange',\n        'component',\n        'render',\n        'validateFields',\n        'layout',\n        'style',\n        'className',\n        'labelPosition',\n        'labelWidth',\n        'labelAlign',\n        'labelCol',\n        'wrapperCol',\n        'allowEmpty',\n        'autoScrollToError',\n        'showValidateIcon',\n        'stopValidateWithError',\n        'extraTextPosition',\n        'id',\n        'trigger',\n        'disabled',\n        'modelValue',\n        'initValues',\n    ] as const;\n    const rest: Record<string, any> = {};\n    for (const key in props) {\n        if (!excludedKeys.includes(key as any)) {\n            rest[key] = (props as any)[key];\n        }\n    }\n    return rest;\n});\n\nconst componentProps = computed(() => {\n    const state = formState.value;\n    if (!state) {\n        return {\n            formState: { values: {}, errors: {} } as FormState,\n            formApi: formApiRef.value,\n            values: {},\n        };\n    }\n    return {\n        formState: {\n            ...state,\n            values: state.values || {},\n            errors: state.errors || {},\n        } as FormState,\n        formApi: formApiRef.value,\n        values: state.values || {},\n    };\n});\n\nconst handleSubmit = (e: Event) => {\n    if (props.stopPropagation?.submit) {\n        e.stopPropagation();\n    }\n    foundation.submit(e);\n};\n\nconst handleReset = (e: Event) => {\n    e.preventDefault();\n    if (props.stopPropagation?.reset) {\n        e.stopPropagation();\n    }\n    foundation.reset();\n};\n\nconst RenderVNode = defineComponent({\n    name: 'RenderVNode',\n    props: {\n        renderFn: {\n            type: Function,\n            required: true,\n        },\n    },\n    setup(props) {\n        return () => {\n            const result = props.renderFn(componentProps.value);\n            if (result === null || result === undefined) {\n                return null;\n            }\n            if (typeof result === 'string' || typeof result === 'number') {\n                return String(result);\n            }\n            return result;\n        };\n    },\n});\n</script>\n"],"names":["modelValue","_useModel","props","__props","emit","__emit","prefix","cssClasses","formRef","ref","formId","getUuidv4","state","baseAdapter","useBaseComponent","adapter","cloneDeep","vals","e","errs","callback","pendingForceUpdateCallbacks","forceUpdateTimer","newFormState","foundation","forceUpdateTrigger","formStateRef","callbacks","nextTick","cb","formState","changedValues","isUpdatingFromModelValue","isEqual","changedError","keys","result","key","formEl","field","selector","useFoundation","FormFoundation","formApiRef","shallowRef","updaterApi","computed","provide","FormStateContextKey","FormApiContextKey","FormUpdaterContextKey","FormIdContextKey","arrayFieldContext","ArrayFieldContextKey","isMounted","watch","newModelValue","currentValues","onMounted","onUnmounted","__expose","formCls","classNames","shouldAppendRow","formAttrs","excludedKeys","rest","componentProps","handleSubmit","_a","handleReset","RenderVNode","defineComponent","_createBlock","_unref","Row","_createElementVNode","_mergeProps","_renderSlot","_ctx","_resolveDynamicComponent","_normalizeProps","_openBlock","_createElementBlock"],"mappings":"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"}

package/lib/cjs/components/form/Group.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("classnames"),N=require("@douyinfe/semi-foundation/form/constants"),S=require("@douyinfe/semi-foundation/form/utils"),E=require("@douyinfe/semi-foundation/utils/object"),I=require("lodash"),k=require("./Label.vue.cjs"),_=require("./ErrorMessage.vue.cjs"),T=require("../input/InputGroup.vue.cjs"),p=require("../grid/Col.vue.cjs");;/* empty css                  */const q=require("./hooks/useFormUpdater.cjs"),z=require("./hooks/useFormState.cjs");function $(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return l.default=t,Object.freeze(l)}const F=$(E),D=["x-label-pos"],G={style:{overflow:"hidden"}},O=e.defineComponent({name:"SemiFormGroup",inheritAttrs:!1,__name:"Group",props:{label:{},labelPosition:{},extraText:{},extraTextPosition:{default:"bottom"},className:{},size:{},style:{},disabled:{type:Boolean}},setup(t){const l=t,s=e.useSlots(),r=N.cssClasses.PREFIX,V=q.default(),o=e.computed(()=>V.getFormProps(["labelPosition","labelWidth","labelAlign","showValidateIcon","wrapperCol","labelCol","disabled"])),x=e.computed(()=>l.labelPosition||o.value.labelPosition||"top"),d=e.computed(()=>o.value.labelCol),v=e.computed(()=>o.value.wrapperCol),B=e.computed(()=>o.value.labelAlign),f=e.computed(()=>d.value&&v.value),w=e.computed(()=>y({[`${r}-field-group`]:!0})),h=e.computed(()=>d.value?`${r}-col-${B.value}`:""),u=e.computed(()=>l.label?I.isString(l.label)?{width:o.value.labelWidth,text:l.label}:{width:o.value.labelWidth,...l.label}:null),b=e.computed(()=>{const a=[];return s.default&&s.default().forEach(n=>{var c;(c=n==null?void 0:n.props)!=null&&c.field&&a.push(n.props.field)}),a}),i=e.computed(()=>y(`${r}-field-extra`,{[`${r}-field-extra-string`]:typeof l.extraText=="string",[`${r}-field-extra-middle`]:l.extraTextPosition==="middle",[`${r}-field-extra-bottom`]:l.extraTextPosition==="bottom"})),g=e.computed(()=>{const{label:a,labelPosition:m,extraText:n,extraTextPosition:c,...P}=l;return P}),C=e.defineComponent({name:"GroupError",props:{fieldSet:{type:Array,required:!0},showValidateIcon:Boolean,isInInputGroup:Boolean},setup(a){const m=z.default(),n=e.computed(()=>a.fieldSet.map(P=>F.get(m.errors,P))),c=e.computed(()=>!S.isValid(n.value));return()=>c.value?e.h(_.default,{error:n.value,showValidateIcon:a.showValidateIcon,isInInputGroup:a.isInInputGroup}):null}});return(a,m)=>(e.openBlock(),e.createElementBlock("div",{"x-label-pos":x.value,class:e.normalizeClass(w.value)},[f.value?f.value&&x.value==="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",G,[e.createVNode(e.unref(p.default),e.mergeProps(d.value,{class:h.value}),{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)]),_:1},16,["class"])]),e.createVNode(e.unref(p.default),e.normalizeProps(e.guardReactiveProps(v.value)),{default:e.withCtx(()=>[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])]),_:3},16)],64)):f.value&&x.value!=="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createVNode(e.unref(p.default),e.mergeProps(d.value,{class:h.value}),{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)]),_:1},16,["class"]),e.createVNode(e.unref(p.default),e.normalizeProps(e.guardReactiveProps(v.value)),{default:e.withCtx(()=>[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])]),_:3},16)],64)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])])],64))],10,D))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("classnames"),N=require("@douyinfe/semi-foundation/form/constants"),S=require("@douyinfe/semi-foundation/form/utils"),E=require("@douyinfe/semi-foundation/utils/object"),I=require("lodash"),k=require("./Label.vue.cjs"),_=require("./ErrorMessage.vue.cjs"),T=require("../input/InputGroup.vue.cjs"),p=require("../grid/Col.vue.cjs"),z=require("./hooks/useFormUpdater.cjs"),q=require("./hooks/useFormState.cjs");function $(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return l.default=t,Object.freeze(l)}const F=$(E),D=["x-label-pos"],G={style:{overflow:"hidden"}},O=e.defineComponent({name:"SemiFormGroup",inheritAttrs:!1,__name:"Group",props:{label:{},labelPosition:{},extraText:{},extraTextPosition:{default:"bottom"},className:{},size:{},style:{},disabled:{type:Boolean}},setup(t){const l=t,s=e.useSlots(),r=N.cssClasses.PREFIX,V=z.default(),o=e.computed(()=>V.getFormProps(["labelPosition","labelWidth","labelAlign","showValidateIcon","wrapperCol","labelCol","disabled"])),x=e.computed(()=>l.labelPosition||o.value.labelPosition||"top"),d=e.computed(()=>o.value.labelCol),v=e.computed(()=>o.value.wrapperCol),B=e.computed(()=>o.value.labelAlign),f=e.computed(()=>d.value&&v.value),w=e.computed(()=>y({[`${r}-field-group`]:!0})),h=e.computed(()=>d.value?`${r}-col-${B.value}`:""),u=e.computed(()=>l.label?I.isString(l.label)?{width:o.value.labelWidth,text:l.label}:{width:o.value.labelWidth,...l.label}:null),b=e.computed(()=>{const a=[];return s.default&&s.default().forEach(n=>{var c;(c=n==null?void 0:n.props)!=null&&c.field&&a.push(n.props.field)}),a}),i=e.computed(()=>y(`${r}-field-extra`,{[`${r}-field-extra-string`]:typeof l.extraText=="string",[`${r}-field-extra-middle`]:l.extraTextPosition==="middle",[`${r}-field-extra-bottom`]:l.extraTextPosition==="bottom"})),g=e.computed(()=>{const{label:a,labelPosition:m,extraText:n,extraTextPosition:c,...P}=l;return P}),C=e.defineComponent({name:"GroupError",props:{fieldSet:{type:Array,required:!0},showValidateIcon:Boolean,isInInputGroup:Boolean},setup(a){const m=q.default(),n=e.computed(()=>a.fieldSet.map(P=>F.get(m.errors,P))),c=e.computed(()=>!S.isValid(n.value));return()=>c.value?e.h(_.default,{error:n.value,showValidateIcon:a.showValidateIcon,isInInputGroup:a.isInInputGroup}):null}});return(a,m)=>(e.openBlock(),e.createElementBlock("div",{"x-label-pos":x.value,class:e.normalizeClass(w.value)},[f.value?f.value&&x.value==="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",G,[e.createVNode(e.unref(p.default),e.mergeProps(d.value,{class:h.value}),{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)]),_:1},16,["class"])]),e.createVNode(e.unref(p.default),e.normalizeProps(e.guardReactiveProps(v.value)),{default:e.withCtx(()=>[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])]),_:3},16)],64)):f.value&&x.value!=="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createVNode(e.unref(p.default),e.mergeProps(d.value,{class:h.value}),{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)]),_:1},16,["class"]),e.createVNode(e.unref(p.default),e.normalizeProps(e.guardReactiveProps(v.value)),{default:e.withCtx(()=>[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])]),_:3},16)],64)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])])],64))],10,D))}});exports.default=O;
 //# sourceMappingURL=Group.vue.cjs.map

package/lib/cjs/components/form/Group.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Group.vue.cjs","sources":["../../../../src/components/form/Group.vue"],"sourcesContent":["<template>\n    <div :x-label-pos=\"labelPosition\" :class=\"groupCls\">\n        <template v-if=\"!appendCol\">\n            <Label v-if=\"labelContent\" v-bind=\"labelContent\" />\n            <div>\n                <div v-if=\"extraText && extraTextPosition === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <InputGroup v-bind=\"restProps\" :disabled=\"formProps.disabled\">\n                    <slot></slot>\n                </InputGroup>\n                <div v-if=\"extraText && extraTextPosition === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <GroupError\n                    :field-set=\"groupFieldSet\"\n                    :show-validate-icon=\"formProps.showValidateIcon\"\n                    :is-in-input-group=\"true\"\n                />\n            </div>\n        </template>\n        <template v-else-if=\"appendCol && labelPosition === 'top'\">\n            <div style=\"overflow: hidden\">\n                <Col v-bind=\"labelCol\" :class=\"labelColCls\">\n                    <Label v-if=\"labelContent\" v-bind=\"labelContent\" />\n                </Col>\n            </div>\n            <Col v-bind=\"wrapperCol\">\n                <div v-if=\"extraText && extraTextPosition === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <InputGroup v-bind=\"restProps\" :disabled=\"formProps.disabled\">\n                    <slot></slot>\n                </InputGroup>\n                <div v-if=\"extraText && extraTextPosition === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <GroupError\n                    :field-set=\"groupFieldSet\"\n                    :show-validate-icon=\"formProps.showValidateIcon\"\n                    :is-in-input-group=\"true\"\n                />\n            </Col>\n        </template>\n        <template v-else-if=\"appendCol && labelPosition !== 'top'\">\n            <Col v-bind=\"labelCol\" :class=\"labelColCls\">\n                <Label v-if=\"labelContent\" v-bind=\"labelContent\" />\n            </Col>\n            <Col v-bind=\"wrapperCol\">\n                <div v-if=\"extraText && extraTextPosition === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <InputGroup v-bind=\"restProps\" :disabled=\"formProps.disabled\">\n                    <slot></slot>\n                </InputGroup>\n                <div v-if=\"extraText && extraTextPosition === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <GroupError\n                    :field-set=\"groupFieldSet\"\n                    :show-validate-icon=\"formProps.showValidateIcon\"\n                    :is-in-input-group=\"true\"\n                />\n            </Col>\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots, h, defineComponent, type PropType } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/form/constants';\nimport { isValid } from '@douyinfe/semi-foundation/form/utils';\nimport * as ObjectUtil from '@douyinfe/semi-foundation/utils/object';\nimport { isString } from 'lodash';\nimport { useFormUpdater, useFormState } from './hooks';\nimport Label, { type LabelProps } from './Label.vue';\nimport ErrorMessage from './ErrorMessage.vue';\nimport InputGroup from '../input/InputGroup.vue';\nimport { Col } from '../grid';\nimport type { InputGroupProps as BasicInputGroupProps } from '../input/interface';\n\ndefineOptions({ name: 'SemiFormGroup', inheritAttrs: false });\n\nexport interface InputGroupProps extends BasicInputGroupProps {\n    label?: LabelProps | string;\n    labelPosition?: 'left' | 'top';\n    extraText?: string;\n    extraTextPosition?: 'bottom' | 'middle';\n}\n\nconst props = withDefaults(defineProps<InputGroupProps>(), {\n    extraTextPosition: 'bottom',\n});\n\nconst slots = useSlots();\nconst prefix = cssClasses.PREFIX;\nconst updater = useFormUpdater();\n\nconst formProps = computed(() =>\n    updater.getFormProps([\n        'labelPosition',\n        'labelWidth',\n        'labelAlign',\n        'showValidateIcon',\n        'wrapperCol',\n        'labelCol',\n        'disabled',\n    ])\n);\n\nconst labelPosition = computed(() => props.labelPosition || formProps.value.labelPosition || 'top');\nconst labelCol = computed(() => formProps.value.labelCol);\nconst wrapperCol = computed(() => formProps.value.wrapperCol);\nconst labelAlign = computed(() => formProps.value.labelAlign);\nconst appendCol = computed(() => labelCol.value && wrapperCol.value);\n\nconst groupCls = computed(() =>\n    classNames({\n        [`${prefix}-field-group`]: true,\n    })\n);\n\nconst labelColCls = computed(() => (labelCol.value ? `${prefix}-col-${labelAlign.value}` : ''));\n\nconst labelContent = computed(() => {\n    if (!props.label) return null;\n    if (isString(props.label)) {\n        return { width: formProps.value.labelWidth, text: props.label } as LabelProps;\n    }\n    return { width: formProps.value.labelWidth, ...props.label } as LabelProps;\n});\n\nconst groupFieldSet = computed(() => {\n    const fields: string[] = [];\n    if (slots.default) {\n        const children = slots.default();\n        children.forEach((child: any) => {\n            if (child?.props?.field) {\n                fields.push(child.props.field);\n            }\n        });\n    }\n    return fields;\n});\n\nconst extraCls = computed(() =>\n    classNames(`${prefix}-field-extra`, {\n        [`${prefix}-field-extra-string`]: typeof props.extraText === 'string',\n        [`${prefix}-field-extra-middle`]: props.extraTextPosition === 'middle',\n        [`${prefix}-field-extra-bottom`]: props.extraTextPosition === 'bottom',\n    })\n);\n\nconst restProps = computed(() => {\n    // 排除不应该传递给 InputGroup 的 Form 相关属性\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        label: _label,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        labelPosition: _labelPosition,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        extraText: _extraText,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        extraTextPosition: _extraTextPosition,\n        ...rest\n    } = props;\n    return rest;\n});\n\nconst GroupError = defineComponent({\n    name: 'GroupError',\n    props: {\n        fieldSet: {\n            type: Array as PropType<string[]>,\n            required: true,\n        },\n        showValidateIcon: Boolean,\n        isInInputGroup: Boolean,\n    },\n    setup(props) {\n        const formState = useFormState();\n        const error = computed(() => {\n            return props.fieldSet.map((field: string) => ObjectUtil.get(formState.errors, field));\n        });\n\n        const hasError = computed(() => !isValid(error.value));\n\n        return () => {\n            if (!hasError.value) {\n                return null;\n            }\n            return h(ErrorMessage, {\n                error: error.value,\n                showValidateIcon: props.showValidateIcon,\n                isInInputGroup: props.isInInputGroup,\n            });\n        };\n    },\n});\n</script>\n"],"names":["props","__props","slots","useSlots","prefix","cssClasses","updater","useFormUpdater","formProps","computed","labelPosition","labelCol","wrapperCol","labelAlign","appendCol","groupCls","classNames","labelColCls","labelContent","isString","groupFieldSet","fields","child","_a","extraCls","restProps","_label","_labelPosition","_extraText","_extraTextPosition","rest","GroupError","defineComponent","formState","useFormState","error","field","ObjectUtil","hasError","isValid","h","ErrorMessage","_createElementBlock","_Fragment","_createElementVNode","_hoisted_2","_createVNode","_unref","_mergeProps","_openBlock","_createBlock","Label","InputGroup","_renderSlot","_ctx"],"mappings":"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"}
+{"version":3,"file":"Group.vue.cjs","sources":["../../../../src/components/form/Group.vue"],"sourcesContent":["<template>\n    <div :x-label-pos=\"labelPosition\" :class=\"groupCls\">\n        <template v-if=\"!appendCol\">\n            <Label v-if=\"labelContent\" v-bind=\"labelContent\" />\n            <div>\n                <div v-if=\"extraText && extraTextPosition === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <InputGroup v-bind=\"restProps\" :disabled=\"formProps.disabled\">\n                    <slot></slot>\n                </InputGroup>\n                <div v-if=\"extraText && extraTextPosition === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <GroupError\n                    :field-set=\"groupFieldSet\"\n                    :show-validate-icon=\"formProps.showValidateIcon\"\n                    :is-in-input-group=\"true\"\n                />\n            </div>\n        </template>\n        <template v-else-if=\"appendCol && labelPosition === 'top'\">\n            <div style=\"overflow: hidden\">\n                <Col v-bind=\"labelCol\" :class=\"labelColCls\">\n                    <Label v-if=\"labelContent\" v-bind=\"labelContent\" />\n                </Col>\n            </div>\n            <Col v-bind=\"wrapperCol\">\n                <div v-if=\"extraText && extraTextPosition === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <InputGroup v-bind=\"restProps\" :disabled=\"formProps.disabled\">\n                    <slot></slot>\n                </InputGroup>\n                <div v-if=\"extraText && extraTextPosition === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <GroupError\n                    :field-set=\"groupFieldSet\"\n                    :show-validate-icon=\"formProps.showValidateIcon\"\n                    :is-in-input-group=\"true\"\n                />\n            </Col>\n        </template>\n        <template v-else-if=\"appendCol && labelPosition !== 'top'\">\n            <Col v-bind=\"labelCol\" :class=\"labelColCls\">\n                <Label v-if=\"labelContent\" v-bind=\"labelContent\" />\n            </Col>\n            <Col v-bind=\"wrapperCol\">\n                <div v-if=\"extraText && extraTextPosition === 'middle'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <InputGroup v-bind=\"restProps\" :disabled=\"formProps.disabled\">\n                    <slot></slot>\n                </InputGroup>\n                <div v-if=\"extraText && extraTextPosition === 'bottom'\" :class=\"extraCls\" x-semi-prop=\"extraText\">\n                    {{ extraText }}\n                </div>\n                <GroupError\n                    :field-set=\"groupFieldSet\"\n                    :show-validate-icon=\"formProps.showValidateIcon\"\n                    :is-in-input-group=\"true\"\n                />\n            </Col>\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots, h, defineComponent, type PropType } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/form/constants';\nimport { isValid } from '@douyinfe/semi-foundation/form/utils';\nimport * as ObjectUtil from '@douyinfe/semi-foundation/utils/object';\nimport { isString } from 'lodash';\nimport { useFormUpdater, useFormState } from './hooks';\nimport Label, { type LabelProps } from './Label.vue';\nimport ErrorMessage from './ErrorMessage.vue';\nimport InputGroup from '../input/InputGroup.vue';\nimport { Col } from '../grid';\nimport type { InputGroupProps as BasicInputGroupProps } from '../input/interface';\n\ndefineOptions({ name: 'SemiFormGroup', inheritAttrs: false });\n\nexport interface InputGroupProps extends BasicInputGroupProps {\n    label?: LabelProps | string;\n    labelPosition?: 'left' | 'top';\n    extraText?: string;\n    extraTextPosition?: 'bottom' | 'middle';\n}\n\nconst props = withDefaults(defineProps<InputGroupProps>(), {\n    extraTextPosition: 'bottom',\n});\n\nconst slots = useSlots();\nconst prefix = cssClasses.PREFIX;\nconst updater = useFormUpdater();\n\nconst formProps = computed(() =>\n    updater.getFormProps([\n        'labelPosition',\n        'labelWidth',\n        'labelAlign',\n        'showValidateIcon',\n        'wrapperCol',\n        'labelCol',\n        'disabled',\n    ])\n);\n\nconst labelPosition = computed(() => props.labelPosition || formProps.value.labelPosition || 'top');\nconst labelCol = computed(() => formProps.value.labelCol);\nconst wrapperCol = computed(() => formProps.value.wrapperCol);\nconst labelAlign = computed(() => formProps.value.labelAlign);\nconst appendCol = computed(() => labelCol.value && wrapperCol.value);\n\nconst groupCls = computed(() =>\n    classNames({\n        [`${prefix}-field-group`]: true,\n    })\n);\n\nconst labelColCls = computed(() => (labelCol.value ? `${prefix}-col-${labelAlign.value}` : ''));\n\nconst labelContent = computed(() => {\n    if (!props.label) return null;\n    if (isString(props.label)) {\n        return { width: formProps.value.labelWidth, text: props.label } as LabelProps;\n    }\n    return { width: formProps.value.labelWidth, ...props.label } as LabelProps;\n});\n\nconst groupFieldSet = computed(() => {\n    const fields: string[] = [];\n    if (slots.default) {\n        const children = slots.default();\n        children.forEach((child: any) => {\n            if (child?.props?.field) {\n                fields.push(child.props.field);\n            }\n        });\n    }\n    return fields;\n});\n\nconst extraCls = computed(() =>\n    classNames(`${prefix}-field-extra`, {\n        [`${prefix}-field-extra-string`]: typeof props.extraText === 'string',\n        [`${prefix}-field-extra-middle`]: props.extraTextPosition === 'middle',\n        [`${prefix}-field-extra-bottom`]: props.extraTextPosition === 'bottom',\n    })\n);\n\nconst restProps = computed(() => {\n    // 排除不应该传递给 InputGroup 的 Form 相关属性\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        label: _label,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        labelPosition: _labelPosition,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        extraText: _extraText,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        extraTextPosition: _extraTextPosition,\n        ...rest\n    } = props;\n    return rest;\n});\n\nconst GroupError = defineComponent({\n    name: 'GroupError',\n    props: {\n        fieldSet: {\n            type: Array as PropType<string[]>,\n            required: true,\n        },\n        showValidateIcon: Boolean,\n        isInInputGroup: Boolean,\n    },\n    setup(props) {\n        const formState = useFormState();\n        const error = computed(() => {\n            return props.fieldSet.map((field: string) => ObjectUtil.get(formState.errors, field));\n        });\n\n        const hasError = computed(() => !isValid(error.value));\n\n        return () => {\n            if (!hasError.value) {\n                return null;\n            }\n            return h(ErrorMessage, {\n                error: error.value,\n                showValidateIcon: props.showValidateIcon,\n                isInInputGroup: props.isInInputGroup,\n            });\n        };\n    },\n});\n</script>\n"],"names":["props","__props","slots","useSlots","prefix","cssClasses","updater","useFormUpdater","formProps","computed","labelPosition","labelCol","wrapperCol","labelAlign","appendCol","groupCls","classNames","labelColCls","labelContent","isString","groupFieldSet","fields","child","_a","extraCls","restProps","_label","_labelPosition","_extraText","_extraTextPosition","rest","GroupError","defineComponent","formState","useFormState","error","field","ObjectUtil","hasError","isValid","h","ErrorMessage","_createElementBlock","_Fragment","_createElementVNode","_hoisted_2","_createVNode","_unref","_mergeProps","_openBlock","_createBlock","Label","InputGroup","_renderSlot","_ctx"],"mappings":"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"}

package/lib/cjs/components/form/Slot.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("classnames"),S=require("@douyinfe/semi-foundation/form/constants"),t=require("lodash"),b=require("./Label.vue.cjs"),c=require("./ErrorMessage.vue.cjs"),i=require("../grid/Col.vue.cjs");;/* empty css                  */const h=require("./hooks/useFormUpdater.cjs"),V=["x-label-pos"],z={style:{overflow:"hidden"}},E=e.defineComponent({name:"SemiFormSlot",inheritAttrs:!1,__name:"Slot",props:{className:{},style:{},label:{},noLabel:{type:Boolean},labelPosition:{},error:{}},setup(d){const r=d,o=S.cssClasses.PREFIX,k=h.default(),a=e.computed(()=>k.getFormProps(["labelPosition","labelWidth","labelAlign","labelCol","wrapperCol"])),m=e.computed(()=>a.value.labelCol),C=e.computed(()=>a.value.wrapperCol),N=e.computed(()=>a.value.labelWidth),g=e.computed(()=>a.value.labelAlign),p=e.computed(()=>r.labelPosition||a.value.labelPosition||"top"),s=e.computed(()=>m.value&&C.value),B=e.computed(()=>f({[`${o}-field`]:!0,[`${o}-slot`]:!0},r.className)),_=e.computed(()=>f({[`${o}-col-${g.value}`]:!0})),P=e.computed(()=>f({[`${o}-field-main`]:!0,[`${o}-slot-main`]:!0})),y=e.computed(()=>{const l=r.label;return l?t.isObject(l)&&!t.isString(l)&&!t.isNumber(l)?l:t.isString(l)||t.isNumber(l)?{text:String(l)}:{text:l}:null}),v=e.computed(()=>({align:g.value,width:N.value,...y.value})),u=e.computed(()=>r.error===void 0?null:t.isObject(r.error)&&!t.isString(r.error)&&!t.isNumber(r.error)?r.error:t.isString(r.error)||t.isNumber(r.error)?{error:String(r.error)}:{error:r.error}),n=e.computed(()=>u.value||{});return(l,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(B.value),"x-label-pos":p.value,style:e.normalizeStyle(r.style)},[!s.value&&!d.noLabel?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16),e.createElementVNode("div",{class:e.normalizeClass(P.value)},[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)],2)],64)):!s.value&&d.noLabel?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(P.value)},[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)],2)):s.value&&p.value==="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",z,[e.createVNode(e.unref(i.default),e.mergeProps(m.value,{class:_.value}),{default:e.withCtx(()=>[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16)]),_:1},16,["class"])]),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)]),_:3})],64)):s.value&&p.value!=="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(e.unref(i.default),e.mergeProps(m.value,{class:_.value}),{default:e.withCtx(()=>[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16)]),_:1},16,["class"]),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)]),_:3})],64)):e.createCommentVNode("",!0)],14,V))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("classnames"),S=require("@douyinfe/semi-foundation/form/constants"),t=require("lodash"),b=require("./Label.vue.cjs"),c=require("./ErrorMessage.vue.cjs"),i=require("../grid/Col.vue.cjs"),h=require("./hooks/useFormUpdater.cjs"),V=["x-label-pos"],z={style:{overflow:"hidden"}},E=e.defineComponent({name:"SemiFormSlot",inheritAttrs:!1,__name:"Slot",props:{className:{},style:{},label:{},noLabel:{type:Boolean},labelPosition:{},error:{}},setup(d){const r=d,o=S.cssClasses.PREFIX,k=h.default(),a=e.computed(()=>k.getFormProps(["labelPosition","labelWidth","labelAlign","labelCol","wrapperCol"])),m=e.computed(()=>a.value.labelCol),C=e.computed(()=>a.value.wrapperCol),N=e.computed(()=>a.value.labelWidth),g=e.computed(()=>a.value.labelAlign),p=e.computed(()=>r.labelPosition||a.value.labelPosition||"top"),s=e.computed(()=>m.value&&C.value),B=e.computed(()=>f({[`${o}-field`]:!0,[`${o}-slot`]:!0},r.className)),_=e.computed(()=>f({[`${o}-col-${g.value}`]:!0})),P=e.computed(()=>f({[`${o}-field-main`]:!0,[`${o}-slot-main`]:!0})),y=e.computed(()=>{const l=r.label;return l?t.isObject(l)&&!t.isString(l)&&!t.isNumber(l)?l:t.isString(l)||t.isNumber(l)?{text:String(l)}:{text:l}:null}),v=e.computed(()=>({align:g.value,width:N.value,...y.value})),u=e.computed(()=>r.error===void 0?null:t.isObject(r.error)&&!t.isString(r.error)&&!t.isNumber(r.error)?r.error:t.isString(r.error)||t.isNumber(r.error)?{error:String(r.error)}:{error:r.error}),n=e.computed(()=>u.value||{});return(l,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(B.value),"x-label-pos":p.value,style:e.normalizeStyle(r.style)},[!s.value&&!d.noLabel?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16),e.createElementVNode("div",{class:e.normalizeClass(P.value)},[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)],2)],64)):!s.value&&d.noLabel?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(P.value)},[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)],2)):s.value&&p.value==="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",z,[e.createVNode(e.unref(i.default),e.mergeProps(m.value,{class:_.value}),{default:e.withCtx(()=>[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16)]),_:1},16,["class"])]),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)]),_:3})],64)):s.value&&p.value!=="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(e.unref(i.default),e.mergeProps(m.value,{class:_.value}),{default:e.withCtx(()=>[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16)]),_:1},16,["class"]),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)]),_:3})],64)):e.createCommentVNode("",!0)],14,V))}});exports.default=E;
 //# sourceMappingURL=Slot.vue.cjs.map

package/lib/cjs/components/form/Slot.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slot.vue.cjs","sources":["../../../../src/components/form/Slot.vue"],"sourcesContent":["<template>\n    <div :class=\"slotCls\" :x-label-pos=\"labelPosition\" :style=\"props.style\">\n        <template v-if=\"!appendCol && !noLabel\">\n            <Label v-bind=\"mergeLabelProps\" />\n            <div :class=\"mainCls\">\n                <slot></slot>\n                <ErrorMessage v-if=\"slotError\" v-bind=\"slotErrorProps\" />\n            </div>\n        </template>\n        <template v-else-if=\"!appendCol && noLabel\">\n            <div :class=\"mainCls\">\n                <slot></slot>\n                <ErrorMessage v-if=\"slotError\" v-bind=\"slotErrorProps\" />\n            </div>\n        </template>\n        <template v-else-if=\"appendCol && labelPosition === 'top'\">\n            <div style=\"overflow: hidden\">\n                <Col v-bind=\"labelCol\" :class=\"labelColCls\">\n                    <Label v-bind=\"mergeLabelProps\" />\n                </Col>\n            </div>\n            <Col>\n                <slot></slot>\n                <ErrorMessage v-if=\"slotError\" v-bind=\"slotErrorProps\" />\n            </Col>\n        </template>\n        <template v-else-if=\"appendCol && labelPosition !== 'top'\">\n            <Col v-bind=\"labelCol\" :class=\"labelColCls\">\n                <Label v-bind=\"mergeLabelProps\" />\n            </Col>\n            <Col>\n                <slot></slot>\n                <ErrorMessage v-if=\"slotError\" v-bind=\"slotErrorProps\" />\n            </Col>\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/form/constants';\nimport { isString, isNumber, isObject } from 'lodash';\nimport { useFormUpdater } from './hooks';\nimport Label, { type LabelProps } from './Label.vue';\nimport ErrorMessage, { type ErrorMessageProps } from './ErrorMessage.vue';\nimport { Col } from '../grid';\n\ndefineOptions({ name: 'SemiFormSlot', inheritAttrs: false });\n\nexport interface SlotProps {\n    className?: string;\n    style?: Record<string, any>;\n    label?: LabelProps | string;\n    noLabel?: boolean;\n    labelPosition?: 'top' | 'left';\n    error?: ErrorMessageProps | string;\n}\n\nconst props = defineProps<SlotProps>();\n\nconst prefix = cssClasses.PREFIX;\nconst updater = useFormUpdater();\n\nconst formProps = computed(() =>\n    updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'labelCol', 'wrapperCol'])\n);\n\nconst labelCol = computed(() => formProps.value.labelCol);\nconst wrapperCol = computed(() => formProps.value.wrapperCol);\nconst labelWidth = computed(() => formProps.value.labelWidth);\nconst labelAlign = computed(() => formProps.value.labelAlign);\nconst labelPosition = computed(() => props.labelPosition || formProps.value.labelPosition || 'top');\n\nconst appendCol = computed(() => labelCol.value && wrapperCol.value);\n\nconst slotCls = computed(() =>\n    classNames(\n        {\n            [`${prefix}-field`]: true,\n            [`${prefix}-slot`]: true,\n        },\n        props.className\n    )\n);\n\nconst labelColCls = computed(() =>\n    classNames({\n        [`${prefix}-col-${labelAlign.value}`]: true,\n    })\n);\n\nconst mainCls = computed(() =>\n    classNames({\n        [`${prefix}-field-main`]: true,\n        [`${prefix}-slot-main`]: true,\n    })\n);\n\nconst normalizedLabel = computed(() => {\n    const label = props.label;\n    if (!label) return null;\n    if (isObject(label) && !isString(label) && !isNumber(label)) {\n        return label as LabelProps;\n    }\n    if (isString(label) || isNumber(label)) {\n        return { text: String(label) } as LabelProps;\n    }\n    return { text: label } as LabelProps;\n});\n\nconst mergeLabelProps = computed(() => ({\n    align: labelAlign.value,\n    width: labelWidth.value,\n    ...normalizedLabel.value,\n}));\n\nconst slotError = computed(() => {\n    if (props.error === undefined) return null;\n    if (isObject(props.error) && !isString(props.error) && !isNumber(props.error)) {\n        return props.error as ErrorMessageProps;\n    }\n    if (isString(props.error) || isNumber(props.error)) {\n        return { error: String(props.error) } as ErrorMessageProps;\n    }\n    return { error: props.error } as ErrorMessageProps;\n});\n\nconst slotErrorProps = computed(() => slotError.value || {});\n</script>\n"],"names":["props","__props","prefix","cssClasses","updater","useFormUpdater","formProps","computed","labelCol","wrapperCol","labelWidth","labelAlign","labelPosition","appendCol","slotCls","classNames","labelColCls","mainCls","normalizedLabel","label","isObject","isString","isNumber","mergeLabelProps","slotError","slotErrorProps","_createElementBlock","_normalizeStyle","_Fragment","_createVNode","Label","_createElementVNode","_renderSlot","_ctx","_openBlock","_createBlock","ErrorMessage","_hoisted_2","_unref","_mergeProps","Col"],"mappings":"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"}
+{"version":3,"file":"Slot.vue.cjs","sources":["../../../../src/components/form/Slot.vue"],"sourcesContent":["<template>\n    <div :class=\"slotCls\" :x-label-pos=\"labelPosition\" :style=\"props.style\">\n        <template v-if=\"!appendCol && !noLabel\">\n            <Label v-bind=\"mergeLabelProps\" />\n            <div :class=\"mainCls\">\n                <slot></slot>\n                <ErrorMessage v-if=\"slotError\" v-bind=\"slotErrorProps\" />\n            </div>\n        </template>\n        <template v-else-if=\"!appendCol && noLabel\">\n            <div :class=\"mainCls\">\n                <slot></slot>\n                <ErrorMessage v-if=\"slotError\" v-bind=\"slotErrorProps\" />\n            </div>\n        </template>\n        <template v-else-if=\"appendCol && labelPosition === 'top'\">\n            <div style=\"overflow: hidden\">\n                <Col v-bind=\"labelCol\" :class=\"labelColCls\">\n                    <Label v-bind=\"mergeLabelProps\" />\n                </Col>\n            </div>\n            <Col>\n                <slot></slot>\n                <ErrorMessage v-if=\"slotError\" v-bind=\"slotErrorProps\" />\n            </Col>\n        </template>\n        <template v-else-if=\"appendCol && labelPosition !== 'top'\">\n            <Col v-bind=\"labelCol\" :class=\"labelColCls\">\n                <Label v-bind=\"mergeLabelProps\" />\n            </Col>\n            <Col>\n                <slot></slot>\n                <ErrorMessage v-if=\"slotError\" v-bind=\"slotErrorProps\" />\n            </Col>\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/form/constants';\nimport { isString, isNumber, isObject } from 'lodash';\nimport { useFormUpdater } from './hooks';\nimport Label, { type LabelProps } from './Label.vue';\nimport ErrorMessage, { type ErrorMessageProps } from './ErrorMessage.vue';\nimport { Col } from '../grid';\n\ndefineOptions({ name: 'SemiFormSlot', inheritAttrs: false });\n\nexport interface SlotProps {\n    className?: string;\n    style?: Record<string, any>;\n    label?: LabelProps | string;\n    noLabel?: boolean;\n    labelPosition?: 'top' | 'left';\n    error?: ErrorMessageProps | string;\n}\n\nconst props = defineProps<SlotProps>();\n\nconst prefix = cssClasses.PREFIX;\nconst updater = useFormUpdater();\n\nconst formProps = computed(() =>\n    updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'labelCol', 'wrapperCol'])\n);\n\nconst labelCol = computed(() => formProps.value.labelCol);\nconst wrapperCol = computed(() => formProps.value.wrapperCol);\nconst labelWidth = computed(() => formProps.value.labelWidth);\nconst labelAlign = computed(() => formProps.value.labelAlign);\nconst labelPosition = computed(() => props.labelPosition || formProps.value.labelPosition || 'top');\n\nconst appendCol = computed(() => labelCol.value && wrapperCol.value);\n\nconst slotCls = computed(() =>\n    classNames(\n        {\n            [`${prefix}-field`]: true,\n            [`${prefix}-slot`]: true,\n        },\n        props.className\n    )\n);\n\nconst labelColCls = computed(() =>\n    classNames({\n        [`${prefix}-col-${labelAlign.value}`]: true,\n    })\n);\n\nconst mainCls = computed(() =>\n    classNames({\n        [`${prefix}-field-main`]: true,\n        [`${prefix}-slot-main`]: true,\n    })\n);\n\nconst normalizedLabel = computed(() => {\n    const label = props.label;\n    if (!label) return null;\n    if (isObject(label) && !isString(label) && !isNumber(label)) {\n        return label as LabelProps;\n    }\n    if (isString(label) || isNumber(label)) {\n        return { text: String(label) } as LabelProps;\n    }\n    return { text: label } as LabelProps;\n});\n\nconst mergeLabelProps = computed(() => ({\n    align: labelAlign.value,\n    width: labelWidth.value,\n    ...normalizedLabel.value,\n}));\n\nconst slotError = computed(() => {\n    if (props.error === undefined) return null;\n    if (isObject(props.error) && !isString(props.error) && !isNumber(props.error)) {\n        return props.error as ErrorMessageProps;\n    }\n    if (isString(props.error) || isNumber(props.error)) {\n        return { error: String(props.error) } as ErrorMessageProps;\n    }\n    return { error: props.error } as ErrorMessageProps;\n});\n\nconst slotErrorProps = computed(() => slotError.value || {});\n</script>\n"],"names":["props","__props","prefix","cssClasses","updater","useFormUpdater","formProps","computed","labelCol","wrapperCol","labelWidth","labelAlign","labelPosition","appendCol","slotCls","classNames","labelColCls","mainCls","normalizedLabel","label","isObject","isString","isNumber","mergeLabelProps","slotError","slotErrorProps","_createElementBlock","_normalizeStyle","_Fragment","_createVNode","Label","_createElementVNode","_renderSlot","_ctx","_openBlock","_createBlock","ErrorMessage","_hoisted_2","_unref","_mergeProps","Col"],"mappings":"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"}

package/lib/cjs/components/form/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Form.vue.cjs"),t=require("./ArrayField.vue.cjs"),u=require("./FieldWrapper.vue.cjs"),r=require("./Label.vue.cjs"),_=require("./ErrorMessage.vue.cjs"),l=require("./Section.vue.cjs"),a=require("./Slot.vue.cjs"),d=require("./Group.vue.cjs");;/* empty css            */e.default.Slot=a.default;e.default.ErrorMessage=_.default;e.default.InputGroup=d.default;e.default.Label=r.default;e.default.Section=l.default;e.default.ArrayField=t.default;e.default.Field=u.default;exports.default=e.default;exports.ArrayField=t.default;exports.Field=u.default;exports.Label=r.default;exports.ErrorMessage=_.default;exports.Section=l.default;exports.Slot=a.default;exports.Group=d.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Form.vue.cjs"),t=require("./ArrayField.vue.cjs"),u=require("./FieldWrapper.vue.cjs"),r=require("./Label.vue.cjs"),_=require("./ErrorMessage.vue.cjs"),l=require("./Section.vue.cjs"),a=require("./Slot.vue.cjs"),d=require("./Group.vue.cjs");e.default.Slot=a.default;e.default.ErrorMessage=_.default;e.default.InputGroup=d.default;e.default.Label=r.default;e.default.Section=l.default;e.default.ArrayField=t.default;e.default.Field=u.default;exports.default=e.default;exports.ArrayField=t.default;exports.Field=u.default;exports.Label=r.default;exports.ErrorMessage=_.default;exports.Section=l.default;exports.Slot=a.default;exports.Group=d.default;
 //# sourceMappingURL=index.cjs.map

package/lib/cjs/components/form/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/form/index.ts"],"sourcesContent":["import Form from './Form.vue';\nimport ArrayField from './ArrayField.vue';\nimport Field from './FieldWrapper.vue';\nimport Label from './Label.vue';\nimport ErrorMessage from './ErrorMessage.vue';\nimport Section from './Section.vue';\nimport Slot from './Slot.vue';\nimport Group from './Group.vue';\n\n// 导入样式（自动引入）\nimport './form.scss';\n\n// 只挂载辅助组件到 Form 对象上\n(Form as any).Slot = Slot;\n(Form as any).ErrorMessage = ErrorMessage;\n(Form as any).InputGroup = Group;\n(Form as any).Label = Label;\n(Form as any).Section = Section;\n(Form as any).ArrayField = ArrayField;\n(Form as any).Field = Field;\n\nexport default Form;\n\n// 导出核心组件\nexport { ArrayField, Field, Label, ErrorMessage, Section, Slot, Group };\n\n// 导出 HOC 和 Hooks\nexport { withField, withFormApi, withFormState } from './hoc';\nexport { useFormApi, useFormState, useFieldApi, useFieldState } from './hooks';\n\n// 导出类型\nexport * from './interface';\n"],"names":["Form","Slot","ErrorMessage","Group","Label","Section","ArrayField","Field"],"mappings":"wYAaCA,EAAAA,QAAa,KAAOC,EAAAA,QACpBD,EAAAA,QAAa,aAAeE,EAAAA,QAC5BF,EAAAA,QAAa,WAAaG,EAAAA,QAC1BH,EAAAA,QAAa,MAAQI,EAAAA,QACrBJ,EAAAA,QAAa,QAAUK,EAAAA,QACvBL,EAAAA,QAAa,WAAaM,EAAAA,QAC1BN,EAAAA,QAAa,MAAQO,EAAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/form/index.ts"],"sourcesContent":["import Form from './Form.vue';\nimport ArrayField from './ArrayField.vue';\nimport Field from './FieldWrapper.vue';\nimport Label from './Label.vue';\nimport ErrorMessage from './ErrorMessage.vue';\nimport Section from './Section.vue';\nimport Slot from './Slot.vue';\nimport Group from './Group.vue';\n\n// 导入样式（自动引入）\nimport './form.scss';\n\n// 只挂载辅助组件到 Form 对象上\n(Form as any).Slot = Slot;\n(Form as any).ErrorMessage = ErrorMessage;\n(Form as any).InputGroup = Group;\n(Form as any).Label = Label;\n(Form as any).Section = Section;\n(Form as any).ArrayField = ArrayField;\n(Form as any).Field = Field;\n\nexport default Form;\n\n// 导出核心组件\nexport { ArrayField, Field, Label, ErrorMessage, Section, Slot, Group };\n\n// 导出 HOC 和 Hooks\nexport { withField, withFormApi, withFormState } from './hoc';\nexport { useFormApi, useFormState, useFieldApi, useFieldState } from './hooks';\n\n// 导出类型\nexport * from './interface';\n"],"names":["Form","Slot","ErrorMessage","Group","Label","Section","ArrayField","Field"],"mappings":"6WAUAA,EAAAA,QAAA,KAAOC,EAAAA,QAGND,EAAAA,QAAa,aAAOE,EAAAA,QACpBF,EAAAA,QAAa,WAAAG,EAAAA,QACbH,EAAAA,QAAa,MAAAI,EAAAA,QACbJ,EAAAA,QAAa,QAAQK,EAAAA,QACrBL,EAAAA,QAAa,WAAUM,EAAAA,QACvBN,EAAAA,QAAa,MAAAO,EAAAA"}

package/lib/cjs/components/highlight/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Highlight.vue.cjs");;/* empty css                 */exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Highlight.vue.cjs");exports.default=e.default;
 //# sourceMappingURL=index.cjs.map

package/lib/cjs/components/iconButton/IconButton.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("classnames"),g=require("@douyinfe/semi-foundation/button/constants"),P=require("../button/Button.vue.cjs"),v=require("../spin/SpinIcon.vue.cjs");;/* empty css                      */const N=["x-semi-prop"],S=["x-semi-prop"],x=e.defineComponent({name:"IconButton",__name:"IconButton",props:{icon:{},iconPosition:{default:g.strings.DEFAULT_ICON_POSITION||"left"},iconSize:{},iconStyle:{},loading:{type:Boolean,default:!1},theme:{},style:{},className:{},disabled:{type:Boolean},noHorizontalPadding:{type:[Boolean,String,Array],default:!1},prefixCls:{default:g.cssClasses.PREFIX},contentClassName:{},id:{},block:{type:Boolean},circle:{type:Boolean},htmlType:{},size:{},type:{}},setup(l){const s=l,a=e.useSlots(),r=e.useAttrs(),u=e.computed(()=>s["x-semi-children-alias"]||"children"),c=e.computed(()=>{var n;if(!a.default)return!1;try{const t=a.default();return t==null?!1:Array.isArray(t)?t.filter(i=>{var p;return typeof i=="string"?i.trim().length>0:e.isVNode(i)?i.type!==e.Text||((p=i.children)==null?void 0:p.trim().length)>0:i!=null}).length>0:typeof t=="string"?t.trim().length>0:e.isVNode(t)?t.type!==e.Text||((n=t.children)==null?void 0:n.trim().length)>0:t!=null}catch{return!0}}),d=e.computed(()=>{const{prefixCls:n,iconPosition:t}=s;return y({[`${n}-content-left`]:t==="right",[`${n}-content-right`]:t==="left"})}),m=e.computed(()=>{const{prefixCls:n,className:t,loading:o}=s;return y(t,`${n}-with-icon`,{[`${n}-with-icon-only`]:!c.value,[`${n}-loading`]:o})}),f=e.computed(()=>{const{iconSize:n,iconStyle:t}=s,o={};return n&&(o.size=n),t&&(o.style=t),o}),h=e.computed(()=>{const{style:n,noHorizontalPadding:t}=s,o={...n};return Array.isArray(t)?(t.includes("left")&&(o.paddingLeft=0),t.includes("right")&&(o.paddingRight=0)):t===!0?(o.paddingLeft=0,o.paddingRight=0):typeof t=="string"&&(t==="left"&&(o.paddingLeft=0),t==="right"&&(o.paddingRight=0)),o}),B=e.computed(()=>{const{...n}=s;return{...n,icon:void 0,iconPosition:void 0}}),C=e.computed(()=>{const n=Object.keys(r).filter(o=>o.startsWith("on")),t={};return Object.keys(r).forEach(o=>{n.includes(o)||(t[o]=r[o])}),{...B.value,...t}}),k=e.computed(()=>{const n={};return Object.keys(r).forEach(t=>{t.startsWith("on")&&typeof r[t]=="function"&&(n[t]=r[t])}),n});return(n,t)=>(e.openBlock(),e.createBlock(P.default,e.mergeProps({...C.value,...k.value},{class:m.value,className:m.value,style:h.value}),{default:e.withCtx(()=>[l.iconPosition==="left"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.loading&&!s.disabled?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.default),{key:0,class:e.normalizeClass(`${l.prefixCls}-content-loading-icon`)},null,8,["class"])):l.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon),e.normalizeProps(e.mergeProps({key:1},f.value)),null,16)):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(d.value),"x-semi-prop":u.value},[e.renderSlot(n.$slots,"default")],10,N)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[c.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(d.value),"x-semi-prop":u.value},[e.renderSlot(n.$slots,"default")],10,S)):e.createCommentVNode("",!0),l.loading&&!s.disabled?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.default),{key:1,class:e.normalizeClass(`${l.prefixCls}-content-loading-icon`)},null,8,["class"])):l.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon),e.normalizeProps(e.mergeProps({key:2},f.value)),null,16)):e.createCommentVNode("",!0)],64))]),_:3},16,["class","className","style"]))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("classnames"),g=require("@douyinfe/semi-foundation/button/constants"),P=require("../button/Button.vue.cjs"),v=require("../spin/SpinIcon.vue.cjs"),N=["x-semi-prop"],S=["x-semi-prop"],x=e.defineComponent({name:"IconButton",__name:"IconButton",props:{icon:{},iconPosition:{default:g.strings.DEFAULT_ICON_POSITION||"left"},iconSize:{},iconStyle:{},loading:{type:Boolean,default:!1},theme:{},style:{},className:{},disabled:{type:Boolean},noHorizontalPadding:{type:[Boolean,String,Array],default:!1},prefixCls:{default:g.cssClasses.PREFIX},contentClassName:{},id:{},block:{type:Boolean},circle:{type:Boolean},htmlType:{},size:{},type:{}},setup(l){const s=l,a=e.useSlots(),r=e.useAttrs(),u=e.computed(()=>s["x-semi-children-alias"]||"children"),c=e.computed(()=>{var n;if(!a.default)return!1;try{const t=a.default();return t==null?!1:Array.isArray(t)?t.filter(i=>{var p;return typeof i=="string"?i.trim().length>0:e.isVNode(i)?i.type!==e.Text||((p=i.children)==null?void 0:p.trim().length)>0:i!=null}).length>0:typeof t=="string"?t.trim().length>0:e.isVNode(t)?t.type!==e.Text||((n=t.children)==null?void 0:n.trim().length)>0:t!=null}catch{return!0}}),d=e.computed(()=>{const{prefixCls:n,iconPosition:t}=s;return y({[`${n}-content-left`]:t==="right",[`${n}-content-right`]:t==="left"})}),m=e.computed(()=>{const{prefixCls:n,className:t,loading:o}=s;return y(t,`${n}-with-icon`,{[`${n}-with-icon-only`]:!c.value,[`${n}-loading`]:o})}),f=e.computed(()=>{const{iconSize:n,iconStyle:t}=s,o={};return n&&(o.size=n),t&&(o.style=t),o}),h=e.computed(()=>{const{style:n,noHorizontalPadding:t}=s,o={...n};return Array.isArray(t)?(t.includes("left")&&(o.paddingLeft=0),t.includes("right")&&(o.paddingRight=0)):t===!0?(o.paddingLeft=0,o.paddingRight=0):typeof t=="string"&&(t==="left"&&(o.paddingLeft=0),t==="right"&&(o.paddingRight=0)),o}),B=e.computed(()=>{const{...n}=s;return{...n,icon:void 0,iconPosition:void 0}}),C=e.computed(()=>{const n=Object.keys(r).filter(o=>o.startsWith("on")),t={};return Object.keys(r).forEach(o=>{n.includes(o)||(t[o]=r[o])}),{...B.value,...t}}),k=e.computed(()=>{const n={};return Object.keys(r).forEach(t=>{t.startsWith("on")&&typeof r[t]=="function"&&(n[t]=r[t])}),n});return(n,t)=>(e.openBlock(),e.createBlock(P.default,e.mergeProps({...C.value,...k.value},{class:m.value,className:m.value,style:h.value}),{default:e.withCtx(()=>[l.iconPosition==="left"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.loading&&!s.disabled?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.default),{key:0,class:e.normalizeClass(`${l.prefixCls}-content-loading-icon`)},null,8,["class"])):l.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon),e.normalizeProps(e.mergeProps({key:1},f.value)),null,16)):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(d.value),"x-semi-prop":u.value},[e.renderSlot(n.$slots,"default")],10,N)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[c.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(d.value),"x-semi-prop":u.value},[e.renderSlot(n.$slots,"default")],10,S)):e.createCommentVNode("",!0),l.loading&&!s.disabled?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.default),{key:1,class:e.normalizeClass(`${l.prefixCls}-content-loading-icon`)},null,8,["class"])):l.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon),e.normalizeProps(e.mergeProps({key:2},f.value)),null,16)):e.createCommentVNode("",!0)],64))]),_:3},16,["class","className","style"]))}});exports.default=x;
 //# sourceMappingURL=IconButton.vue.cjs.map