vft 0.0.239 → 0.0.241

package/lib/components/form/form-item.vue.d.ts

@@ -1,40 +1,42 @@
 import type { Ref } from 'vue';
 import type { FormItemProps, FormItemValidateState } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormItemProps>, {
+declare function __VLS_template(): {
+    label?(_: {
+        label: string;
+    }): any;
+    default?(_: {}): any;
+    error?(_: {
+        error: string;
+    }): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormItemProps>, {
     required: undefined;
     inlineMessage: string;
     labelWidth: string;
     showMessage: boolean;
-}>, {
+}>>, {
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-    validateMessage: Ref<string>;
-    validateState: Ref<FormItemValidateState>;
-    validate: (trigger: string, callback?: import("./types").FormValidateCallback | undefined) => import("./types").FormValidationResult;
+    validateMessage: Ref<string, string>;
+    validateState: Ref<FormItemValidateState, FormItemValidateState>;
+    validate: (trigger: string, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
     clearValidate: () => void;
     resetField: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:error": (val: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormItemProps>, {
     required: undefined;
     inlineMessage: string;
     labelWidth: string;
     showMessage: boolean;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
-}, {
+}>, {
     required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
-}, {}>, {
-    label?(_: {
-        label: string;
-    }): any;
-    default?(_: {}): any;
-    error?(_: {
-        error: string;
-    }): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/form/form-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),re=require("@vueuse/core"),n=require("@vft/utils");require("../../utils/ns-cover.cjs");const g=require("lodash-es"),te=require("../../hooks/use-id/index.cjs"),se=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ie=require("async-validator"),V=require("./constants.cjs"),le=require("./form-label-wrap.cjs"),ae=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],oe=e.defineComponent({name:"vft-form-item"}),ne=e.defineComponent({...oe,props:{label:{},labelWidth:{default:""},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{}},emits:["update:error"],setup($,{expose:j,emit:A}){const i=$,u=se.useNamespace("form-item"),E=A,z=e.useSlots(),r=e.inject(V.formContextKey,void 0),D=e.inject(V.formItemContextKey,void 0),h=ae.useFormSize(void 0,{formItem:!1}),y=te.useId().value,d=e.ref([]),c=e.ref(""),L=re.refDebounced(c,100),p=e.ref(""),F=e.ref();let M,m=!1;const B=e.computed(()=>{if((r==null?void 0:r.labelPosition)==="top")return{};const t=n.addUnit(i.labelWidth||(r==null?void 0:r.labelWidth)||"");return t?{width:t}:{}}),T=e.computed(()=>{if((r==null?void 0:r.labelPosition)==="top"||r!=null&&r.inline)return{};if(!i.label&&!i.labelWidth&&H)return{};const t=n.addUnit(i.labelWidth||(r==null?void 0:r.labelWidth)||"");return!i.label&&!z.label?{marginLeft:t}:{}}),K=e.computed(()=>[u.b(),u.m(h.value),u.is("error",c.value==="error"),u.is("validating",c.value==="validating"),u.is("success",c.value==="success"),u.is("required",X.value||i.required),u.is("no-asterisk",r==null?void 0:r.hideRequiredAsterisk),(r==null?void 0:r.requireAsteriskPosition)==="right"?"asterisk-right":"asterisk-left",{[u.m("feedback")]:r==null?void 0:r.statusIcon}]),U=e.computed(()=>n.isBoolean(i.inlineMessage)?i.inlineMessage:(r==null?void 0:r.inlineMessage)||!1),G=e.computed(()=>[u.e("error"),{[u.em("error","inline")]:U.value}]),O=e.computed(()=>i.prop?n.isString(i.prop)?i.prop:i.prop.join("."):""),q=e.computed(()=>!!(i.label||z.label)),S=e.computed(()=>i.for||d.value.length===1?d.value[0]:void 0),b=e.computed(()=>!S.value&&q.value),H=!!D,P=e.computed(()=>{const t=r==null?void 0:r.model;if(!(!t||!i.prop))return n.getProp(t,i.prop).value}),_=e.computed(()=>{const{required:t}=i,s=[];i.rules&&s.push(...g.castArray(i.rules).map(l=>(l.trigger=l.trigger||"blur",l)));const a=r==null?void 0:r.rules;if(a&&i.prop){const l=n.getProp(a,i.prop).value;l&&s.push(...g.castArray(l))}if(t!==void 0){const l=s.map((o,f)=>[o,f]).filter(([o])=>Object.keys(o).includes("required"));if(l.length>0)for(const[o,f]of l)o.required!==t&&(s[f]={...o,required:t});else s.push({required:t})}return s}),J=e.computed(()=>_.value.length>0),Q=t=>_.value.filter(a=>!a.trigger||!t?!0:Array.isArray(a.trigger)?a.trigger.includes(t):a.trigger===t).map(({trigger:a,...l})=>l),X=e.computed(()=>_.value.some(t=>t.required)),Y=e.computed(()=>L.value==="error"&&i.showMessage&&((r==null?void 0:r.showMessage)??!0)),R=e.computed(()=>`${i.label||""}${(r==null?void 0:r.labelSuffix)||""}`),v=t=>{c.value=t},Z=t=>{var l;const{errors:s,fields:a}=t;(!s||!a)&&console.error(t),v("error"),p.value=s?((l=s==null?void 0:s[0])==null?void 0:l.message)??`${i.prop} is required`:"",r==null||r.emit("validate",i.prop,!1,p.value)},k=()=>{v("success"),r==null||r.emit("validate",i.prop,!0,"")},C=async t=>{const s=O.value;return new ie({[s]:t}).validate({[s]:P.value},{firstFields:!0}).then(()=>(k(),!0)).catch(l=>(Z(l),Promise.reject(l)))},W=async(t,s)=>{if(m||!i.prop)return!1;const a=n.isFunction(s);if(!J.value)return s==null||s(!1),!1;const l=Q(t);return l.length===0?(s==null||s(!0),!0):(v("validating"),C(l).then(()=>(s==null||s(!0),!0)).catch(o=>{const{fields:f}=o;return s==null||s(!1,f),a?!1:Promise.reject(f)}))},w=()=>{i.error&&E("update:error",""),v(""),p.value="",m=!1},N=async()=>{const t=r==null?void 0:r.model;if(!t||!i.prop)return;const s=n.getProp(t,i.prop);m=!0,s.value=g.clone(M),await e.nextTick(),w(),m=!1},x=t=>{d.value.includes(t)||d.value.push(t)},ee=t=>{d.value=d.value.filter(s=>s!==t)};e.watch(()=>i.error,t=>{p.value=t||"",v(t?"error":"")},{immediate:!0}),e.watch(()=>i.validateStatus,t=>v(t||""));const I=e.reactive({...e.toRefs(i),$el:F,size:h,validateState:c,labelId:y,inputIds:d,isGroup:b,hasLabel:q,addInputId:x,removeInputId:ee,resetField:N,clearValidate:w,validate:W});return e.provide(V.formItemContextKey,I),e.onMounted(()=>{i.prop&&(r==null||r.addField(I),M=g.clone(P.value))}),e.onBeforeUnmount(()=>{r==null||r.removeField(I)}),j({size:h,validateMessage:p,validateState:c,validate:W,clearValidate:w,resetField:N}),(t,s)=>{var a;return e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:F,class:e.normalizeClass(K.value),role:b.value?"group":void 0,"aria-labelledby":b.value?e.unref(y):void 0},[q.value?(e.openBlock(),e.createBlock(e.unref(le.default),{key:0,"is-auto-width":B.value.width==="auto","update-all":((a=e.unref(r))==null?void 0:a.labelWidth)==="auto"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S.value?"label":"div"),{id:e.unref(y),for:S.value,class:e.normalizeClass(e.unref(u).e("label")),style:e.normalizeStyle(B.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"]))]),_:3},8,["is-auto-width","update-all"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(u).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[Y.value?e.renderSlot(t.$slots,"error",{key:0,error:p.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(p.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue)}}});exports.default=ne;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),te=require("@vueuse/core"),u=require("@vft/utils");require("../../utils/ns-cover.cjs");const g=require("lodash-es"),re=require("../../hooks/use-id/index.cjs"),oe=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const le=require("async-validator"),I=require("./constants.cjs"),se=require("./form-label-wrap.cjs"),ae=require("./hooks/use-form-common-props.cjs"),ne=["role","aria-labelledby"],ie=e.defineComponent({name:"vft-form-item"}),ue=e.defineComponent({...ie,props:{label:{},labelWidth:{default:""},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{}},emits:["update:error"],setup(R,{expose:W,emit:N}){const r=R,a=oe.useNamespace("form-item"),$=N,V=e.useSlots(),l=e.inject(I.formContextKey,void 0),j=e.inject(I.formItemContextKey,void 0),h=ae.useFormSize(void 0,{formItem:!1}),b=re.useId().value,d=e.ref([]),c=e.ref(""),A=te.refDebounced(c,100),f=e.ref(""),k=e.ref();let x,v=!1;const z=e.computed(()=>{if(l?.labelPosition==="top")return{};const t=u.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),E=e.computed(()=>{if(l?.labelPosition==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&U)return{};const t=u.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!V.label?{marginLeft:t}:{}}),D=e.computed(()=>[a.b(),a.m(h.value),a.is("error",c.value==="error"),a.is("validating",c.value==="validating"),a.is("success",c.value==="success"),a.is("required",H.value||r.required),a.is("no-asterisk",l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[a.m("feedback")]:l?.statusIcon}]),L=e.computed(()=>u.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),T=e.computed(()=>[a.e("error"),{[a.em("error","inline")]:L.value}]),K=e.computed(()=>r.prop?u.isString(r.prop)?r.prop:r.prop.join("."):""),y=e.computed(()=>!!(r.label||V.label)),q=e.computed(()=>r.for||d.value.length===1?d.value[0]:void 0),S=e.computed(()=>!q.value&&y.value),U=!!j,F=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return u.getProp(t,r.prop).value}),C=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...g.castArray(r.rules).map(s=>(s.trigger=s.trigger||"blur",s)));const n=l?.rules;if(n&&r.prop){const s=u.getProp(n,r.prop).value;s&&o.push(...g.castArray(s))}if(t!==void 0){const s=o.map((i,m)=>[i,m]).filter(([i])=>Object.keys(i).includes("required"));if(s.length>0)for(const[i,m]of s)i.required!==t&&(o[m]={...i,required:t});else o.push({required:t})}return o}),G=e.computed(()=>C.value.length>0),O=t=>C.value.filter(n=>!n.trigger||!t?!0:Array.isArray(n.trigger)?n.trigger.includes(t):n.trigger===t).map(({trigger:n,...s})=>s),H=e.computed(()=>C.value.some(t=>t.required)),J=e.computed(()=>A.value==="error"&&r.showMessage&&(l?.showMessage??!0)),M=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),p=t=>{c.value=t},Q=t=>{const{errors:o,fields:n}=t;(!o||!n)&&console.error(t),p("error"),f.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,f.value)},X=()=>{p("success"),l?.emit("validate",r.prop,!0,"")},Y=async t=>{const o=K.value;return new le({[o]:t}).validate({[o]:F.value},{firstFields:!0}).then(()=>(X(),!0)).catch(s=>(Q(s),Promise.reject(s)))},B=async(t,o)=>{if(v||!r.prop)return!1;const n=u.isFunction(o);if(!G.value)return o?.(!1),!1;const s=O(t);return s.length===0?(o?.(!0),!0):(p("validating"),Y(s).then(()=>(o?.(!0),!0)).catch(i=>{const{fields:m}=i;return o?.(!1,m),n?!1:Promise.reject(m)}))},_=()=>{r.error&&$("update:error",""),p(""),f.value="",v=!1},P=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=u.getProp(t,r.prop);v=!0,o.value=g.clone(x),await e.nextTick(),_(),v=!1},Z=t=>{d.value.includes(t)||d.value.push(t)},ee=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{f.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>p(t||""));const w=e.reactive({...e.toRefs(r),$el:k,size:h,validateState:c,labelId:b,inputIds:d,isGroup:S,hasLabel:y,addInputId:Z,removeInputId:ee,resetField:P,clearValidate:_,validate:B});return e.provide(I.formItemContextKey,w),e.onMounted(()=>{r.prop&&(l?.addField(w),x=g.clone(F.value))}),e.onBeforeUnmount(()=>{l?.removeField(w)}),W({size:h,validateMessage:f,validateState:c,validate:B,clearValidate:_,resetField:P}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:k,class:e.normalizeClass(D.value),role:S.value?"group":void 0,"aria-labelledby":S.value?e.unref(b):void 0},[y.value?(e.openBlock(),e.createBlock(e.unref(se.default),{key:0,"is-auto-width":z.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q.value?"label":"div"),{id:e.unref(b),for:q.value,class:e.normalizeClass(e.unref(a).e("label")),style:e.normalizeStyle(z.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:M.value},()=>[e.createTextVNode(e.toDisplayString(M.value),1)])]),_:3},8,["id","for","class","style"]))]),_:3},8,["is-auto-width","update-all"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content")),style:e.normalizeStyle(E.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(a).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[J.value?e.renderSlot(t.$slots,"error",{key:0,error:f.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(T.value)},e.toDisplayString(f.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ne))}});exports.default=ue;

package/lib/components/form/form-label-wrap.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vueuse/core");require("@vft/utils");const w=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const N=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("./constants.cjs"),p="VftLabelWrap",M=e.defineComponent({name:p,props:{isAutoWidth:Boolean,updateAll:Boolean},setup(d,{slots:i}){const r=e.inject(b.formContextKey,void 0),u=e.inject(b.formItemContextKey);u||w.throwError(p,"usage: <vft-form-item><label-wrap /></vft-form-item>");const v=N.useNamespace("form"),n=e.ref(),l=e.ref(0),W=()=>{var t;if((t=n.value)!=null&&t.firstElementChild){const a=window.getComputedStyle(n.value.firstElementChild).width;return Math.ceil(Number.parseFloat(a))}else return 0},s=(t="update")=>{e.nextTick(()=>{i.default&&d.isAutoWidth&&(t==="update"?l.value=W():t==="remove"&&(r==null||r.deregisterLabelWidth(l.value)))})},o=()=>s("update");return e.onMounted(()=>{o()}),e.onBeforeUnmount(()=>{s("remove")}),e.onUpdated(()=>o()),e.watch(l,(t,a)=>{d.updateAll&&(r==null||r.registerLabelWidth(t,a))}),q.useResizeObserver(e.computed(()=>{var t;return((t=n.value)==null?void 0:t.firstElementChild)??null}),o),()=>{var a,f;if(!i)return null;const{isAutoWidth:t}=d;if(t){const c=r==null?void 0:r.autoLabelWidth,g=u==null?void 0:u.hasLabel,h={};if(g&&c&&c!=="auto"){const m=Math.max(0,Number.parseInt(c,10)-l.value),L=r.labelPosition==="left"?"marginRight":"marginLeft";m&&(h[L]=`${m}px`)}return e.createVNode("div",{ref:n,class:[v.be("item","label-wrap")],style:h},[(a=i.default)==null?void 0:a.call(i)])}else return e.createVNode(e.Fragment,{ref:n},[(f=i.default)==null?void 0:f.call(i)])}}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vueuse/core");require("@vft/utils");const L=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("./constants.cjs"),h="VftLabelWrap",C=e.defineComponent({name:h,props:{isAutoWidth:Boolean,updateAll:Boolean},setup(u,{slots:o}){const n=e.inject(m.formContextKey,void 0),s=e.inject(m.formItemContextKey);s||L.throwError(h,"usage: <vft-form-item><label-wrap /></vft-form-item>");const b=q.useNamespace("form"),r=e.ref(),a=e.ref(0),p=()=>{if(r.value?.firstElementChild){const t=window.getComputedStyle(r.value.firstElementChild).width;return Math.ceil(Number.parseFloat(t))}else return 0},d=(t="update")=>{e.nextTick(()=>{o.default&&u.isAutoWidth&&(t==="update"?a.value=p():t==="remove"&&n?.deregisterLabelWidth(a.value))})},l=()=>d("update");return e.onMounted(()=>{l()}),e.onBeforeUnmount(()=>{d("remove")}),e.onUpdated(()=>l()),e.watch(a,(t,i)=>{u.updateAll&&n?.registerLabelWidth(t,i)}),g.useResizeObserver(e.computed(()=>r.value?.firstElementChild??null),l),()=>{if(!o)return null;const{isAutoWidth:t}=u;if(t){const i=n?.autoLabelWidth,v=s?.hasLabel,f={};if(v&&i&&i!=="auto"){const c=Math.max(0,Number.parseInt(i,10)-a.value),W=n.labelPosition==="left"?"marginRight":"marginLeft";c&&(f[W]=`${c}px`)}return e.createVNode("div",{ref:r,class:[b.be("item","label-wrap")],style:f},[o.default?.()])}else return e.createVNode(e.Fragment,{ref:r},[o.default?.()])}}});exports.default=C;

package/lib/components/form/form-label-wrap.d.ts

@@ -1,11 +1,11 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isAutoWidth: BooleanConstructor;
     updateAll: BooleanConstructor;
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isAutoWidth: BooleanConstructor;
     updateAll: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     isAutoWidth: boolean;
     updateAll: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/form/form.vue.d.ts

@@ -1,33 +1,35 @@
 import type { Arrayable } from 'vft/es/utils';
 import type { FormItemProp, FormProps, FormValidateCallback, FormValidationResult } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FormProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormProps>>, {
     /**
      * @description Validate the whole form. Receives a callback or returns `Promise`.
      */
-    validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+    validate: (callback?: FormValidateCallback) => FormValidationResult;
     /**
      * @description Validate specified fields.
      */
-    validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
     /**
      * @description Reset specified fields and remove validation result.
      */
-    resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+    resetFields: (props?: Arrayable<FormItemProp>) => void;
     /**
      * @description Clear validation message for specified fields.
      */
-    clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+    clearValidate: (props?: Arrayable<FormItemProp>) => void;
     /**
      * @description Scroll to the specified fields.
      */
     scrollToField: (prop: FormItemProp) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     validate: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormProps>>> & Readonly<{
     onValidate?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/form/form.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("@vueuse/core");const O=require("@vft/utils"),d=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const V=require("./constants.cjs"),W=require("./hooks/use-form-common-props.cjs"),u=require("./utils.cjs"),j=r.defineComponent({name:"vft-form"}),x=r.defineComponent({...j,props:{size:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean}},emits:["validate"],setup(o,{expose:F,emit:q}){const y=q,l=S.useNamespace("form"),s=[],g=W.useFormSize(),p=r.computed(()=>[l.b(),l.m(g.value||"default"),{[l.m(`label-${o.labelPosition}`)]:o.labelPosition,[l.m("inline")]:o.inline}]),b=e=>{s.push(e)},B=e=>{e.prop&&s.splice(s.indexOf(e),1)},c=(e=[])=>{if(!o.model){d.debugWarn(l.b(),"model is required for resetFields to work.");return}u.filterFields(s,e).forEach(t=>t.resetField())},m=(e=[])=>{u.filterFields(s,e).forEach(t=>t.clearValidate())},w=r.computed(()=>{const e=!!o.model;return e||d.debugWarn(l.b(),"model is required for validate to work."),e}),C=e=>{if(s.length===0)return[];const t=u.filterFields(s,e);return t.length?t:(d.debugWarn(l.b(),"please pass correct props!"),[])},h=async e=>f(void 0,e),P=async(e=[])=>{if(!w.value)return!1;const t=C(e);if(t.length===0)return!0;let i={};for(const n of t)try{await n.validate("")}catch(a){i={...i,...a}}return Object.keys(i).length===0?!0:Promise.reject(i)},f=async(e=[],t)=>{const i=!O.isFunction(t);try{const n=await P(e);return n===!0&&(t==null||t(n)),o.model}catch(n){if(n instanceof Error)throw n;const a=n;return o.scrollToError&&v(Object.keys(a)[0]),t==null||t(!1,a),i&&Promise.reject(a)}},v=e=>{var i;const t=u.filterFields(s,e)[0];t&&((i=t.$el)==null||i.scrollIntoView())};r.watch(()=>o.rules,()=>{o.validateOnRuleChange&&h().catch(e=>d.debugWarn(e))},{deep:!0});const E=r.getCurrentInstance();return r.provide(V.formContextKey,r.reactive({...E.props,emit:y,resetFields:c,clearValidate:m,validateField:f,addField:b,removeField:B,...u.useFormLabelWidth()})),F({validate:h,validateField:f,resetFields:c,clearValidate:m,scrollToField:v}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{class:r.normalizeClass(p.value)},[r.renderSlot(e.$slots,"default")],2))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("@vueuse/core");const k=require("@vft/utils"),d=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const O=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("./constants.cjs"),V=require("./hooks/use-form-common-props.cjs"),u=require("./utils.cjs"),W=r.defineComponent({name:"vft-form"}),j=r.defineComponent({...W,props:{size:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean}},emits:["validate"],setup(o,{expose:v,emit:F}){const q=F,s=O.useNamespace("form"),i=[],y=V.useFormSize(),g=r.computed(()=>[s.b(),s.m(y.value||"default"),{[s.m(`label-${o.labelPosition}`)]:o.labelPosition,[s.m("inline")]:o.inline}]),p=e=>{i.push(e)},B=e=>{e.prop&&i.splice(i.indexOf(e),1)},f=(e=[])=>{if(!o.model){d.debugWarn(s.b(),"model is required for resetFields to work.");return}u.filterFields(i,e).forEach(t=>t.resetField())},m=(e=[])=>{u.filterFields(i,e).forEach(t=>t.clearValidate())},w=r.computed(()=>{const e=!!o.model;return e||d.debugWarn(s.b(),"model is required for validate to work."),e}),C=e=>{if(i.length===0)return[];const t=u.filterFields(i,e);return t.length?t:(d.debugWarn(s.b(),"please pass correct props!"),[])},h=async e=>c(void 0,e),P=async(e=[])=>{if(!w.value)return!1;const t=C(e);if(t.length===0)return!0;let n={};for(const l of t)try{await l.validate("")}catch(a){n={...n,...a}}return Object.keys(n).length===0?!0:Promise.reject(n)},c=async(e=[],t)=>{const n=!k.isFunction(t);try{const l=await P(e);return l===!0&&t?.(l),o.model}catch(l){if(l instanceof Error)throw l;const a=l;return o.scrollToError&&b(Object.keys(a)[0]),t?.(!1,a),n&&Promise.reject(a)}},b=e=>{const t=u.filterFields(i,e)[0];t&&t.$el?.scrollIntoView()};r.watch(()=>o.rules,()=>{o.validateOnRuleChange&&h().catch(e=>d.debugWarn(e))},{deep:!0});const E=r.getCurrentInstance();return r.provide(S.formContextKey,r.reactive({...E.props,emit:q,resetFields:f,clearValidate:m,validateField:c,addField:p,removeField:B,...u.useFormLabelWidth()})),v({validate:h,validateField:c,resetFields:f,clearValidate:m,scrollToField:b}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{class:r.normalizeClass(g.value)},[r.renderSlot(e.$slots,"default")],2))}});exports.default=j;

package/lib/components/form/hooks/use-form-common-props.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue");require("../../config-provider/hooks/use-global-config.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const b=require("../../../hooks/use-size/index.cjs");require("../../../hooks/use-z-index/index.cjs");const n=require("@vft/use"),u=require("../constants.cjs"),c=(o,s={})=>{const i=e.ref(void 0),l=s.prop?i:n.useProp("size"),a=s.global?i:b.useGlobalSize(),r=s.form?{size:void 0}:e.inject(u.formContextKey,void 0),t=s.formItem?{size:void 0}:e.inject(u.formItemContextKey,void 0);return e.computed(()=>l.value||e.unref(o)||(t==null?void 0:t.size)||(r==null?void 0:r.size)||a.value||"")},d=o=>{const s=n.useProp("disabled"),i=e.inject(u.formContextKey,void 0);return e.computed(()=>s.value||e.unref(o)||(i==null?void 0:i.disabled)||!1)},q=c,m=d;exports.useDisabled=m;exports.useFormDisabled=d;exports.useFormSize=c;exports.useSize=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue");require("../../config-provider/hooks/use-global-config.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const a=require("../../../hooks/use-size/index.cjs");require("../../../hooks/use-z-index/index.cjs");const t=require("@vft/use"),i=require("../constants.cjs"),u=(s,o={})=>{const r=e.ref(void 0),c=o.prop?r:t.useProp("size"),d=o.global?r:a.useGlobalSize(),l=o.form?{size:void 0}:e.inject(i.formContextKey,void 0),m=o.formItem?{size:void 0}:e.inject(i.formItemContextKey,void 0);return e.computed(()=>c.value||e.unref(s)||m?.size||l?.size||d.value||"")},n=s=>{const o=t.useProp("disabled"),r=e.inject(i.formContextKey,void 0);return e.computed(()=>o.value||e.unref(s)||r?.disabled||!1)},f=u,b=n;exports.useDisabled=b;exports.useFormDisabled=n;exports.useFormSize=u;exports.useSize=f;

package/lib/components/form/hooks/use-form-common-props.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentSize } from 'vft/es/constants';
 import type { MaybeRef } from '@vueuse/core';
-export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | "default" | "small" | "large">;
+export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => import("vue").ComputedRef<"" | "default" | "small" | "large">;
 export declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;
-export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | "default" | "small" | "large">;
+export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => import("vue").ComputedRef<"" | "default" | "small" | "large">;
 export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;

package/lib/components/form/hooks/use-form-item.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const r=require("vue"),o=require("../../../hooks/use-id/index.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const l=require("../constants.cjs"),y=()=>{const c=r.inject(l.formContextKey,void 0),u=r.inject(l.formItemContextKey,void 0);return{form:c,formItem:u}},F=(c,{formItemContext:u,disableIdGeneration:q,disableIdManagement:i})=>{q||(q=r.ref(!1)),i||(i=r.ref(!1));const e=r.ref();let d;const n=r.computed(()=>{var v;return!!(!c.label&&u&&u.inputIds&&((v=u.inputIds)==null?void 0:v.length)<=1)});return r.onMounted(()=>{d=r.watch([r.toRef(c,"id"),q],([v,p])=>{const s=v??(p?void 0:o.useId().value);s!==e.value&&(u!=null&&u.removeInputId&&(e.value&&u.removeInputId(e.value),!(i!=null&&i.value)&&!p&&s&&u.addInputId(s)),e.value=s)},{immediate:!0})}),r.onUnmounted(()=>{d&&d(),u!=null&&u.removeInputId&&e.value&&u.removeInputId(e.value)}),{isLabeledByFormItem:n,inputId:e}};exports.useFormItem=y;exports.useFormItemInputId=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const u=require("vue"),l=require("../../../hooks/use-id/index.cjs");require("../../config-provider/hooks/use-global-config.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const s=require("../constants.cjs"),q=()=>{const t=u.inject(s.formContextKey,void 0),e=u.inject(s.formItemContextKey,void 0);return{form:t,formItem:e}},f=(t,{formItemContext:e,disableIdGeneration:n,disableIdManagement:o})=>{n||(n=u.ref(!1)),o||(o=u.ref(!1));const r=u.ref();let c;const v=u.computed(()=>!!(!t.label&&e&&e.inputIds&&e.inputIds?.length<=1));return u.onMounted(()=>{c=u.watch([u.toRef(t,"id"),n],([I,d])=>{const i=I??(d?void 0:l.useId().value);i!==r.value&&(e?.removeInputId&&(r.value&&e.removeInputId(r.value),!o?.value&&!d&&i&&e.addInputId(i)),r.value=i)},{immediate:!0})}),u.onUnmounted(()=>{c&&c(),e?.removeInputId&&r.value&&e.removeInputId(r.value)}),{isLabeledByFormItem:v,inputId:r}};exports.useFormItem=q;exports.useFormItemInputId=f;

package/lib/components/form/hooks/use-form-item.d.ts

@@ -9,10 +9,10 @@ export type IUseFormItemInputCommonProps = {
     label?: string | number | boolean | Record<string, any>;
 };
 export declare const useFormItemInputId: (props: Partial<IUseFormItemInputCommonProps>, { formItemContext, disableIdGeneration, disableIdManagement, }: {
-    formItemContext?: FormItemContext | undefined;
-    disableIdGeneration?: ComputedRef<boolean> | Ref<boolean> | undefined;
-    disableIdManagement?: ComputedRef<boolean> | Ref<boolean> | undefined;
+    formItemContext?: FormItemContext;
+    disableIdGeneration?: ComputedRef<boolean> | Ref<boolean>;
+    disableIdManagement?: ComputedRef<boolean> | Ref<boolean>;
 }) => {
     isLabeledByFormItem: ComputedRef<boolean>;
-    inputId: Ref<string | undefined>;
+    inputId: Ref<string | undefined, string | undefined>;
 };