vft 0.0.249 → 0.0.252

package/lib/components/date-time-select/index.d.ts

@@ -20,3 +20,4 @@ export declare const VftDateTimeSelect: import("vft/es/utils").SFCWithInstall<im
     onChange?: ((val: string | string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftDateTimeSelect;
+export * from './types';

package/lib/components/date-time-select/types.d.ts

@@ -8,3 +8,7 @@ export interface DateConfigProps {
     format: string;
     dateRange: boolean;
 }
+export interface DateTimeSelectProps {
+    dateList: Partial<DateConfigProps>[][];
+    defaultFormat?: string;
+}

package/lib/components/dialog/dialog-content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const m=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const g=require("../../utils/vue/refs.cjs"),p=require("../../hooks/use-draggable/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 C=require("./constants.cjs"),y=["id"],q=e.defineComponent({name:"vft-dialog-content"}),b=e.defineComponent({...q,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{default:"icon-close"},customClass:{},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:["close"],setup(t){const{dialogRef:n,headerRef:l,bodyId:a,ns:o,style:i}=e.inject(C.dialogInjectionKey),{focusTrapRef:u}=e.inject(m.FOCUS_TRAP_INJECTION_KEY),c=g.composeRefs(u,n),f=e.computed(()=>t.draggable);return p.useDraggable(n,l,f),(r,s)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(c),class:e.normalizeClass([e.unref(o).b(),e.unref(o).is("fullscreen",r.fullscreen),e.unref(o).is("draggable",r.draggable),e.unref(o).is("align-center",r.alignCenter),{[e.unref(o).m("center")]:r.center},r.customClass]),style:e.normalizeStyle(e.unref(i)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:l,class:e.normalizeClass(e.unref(o).e("header"))},[e.renderSlot(r.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(o).e("title"))},e.toDisplayString(r.title),3)]),r.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(o).e("headerbtn")),type:"button",onClick:s[0]||(s[0]=k=>r.$emit("close"))},[e.createVNode(e.unref(d.VftIcon),{class:e.normalizeClass(e.unref(o).e("close")),icon:r.closeIcon,size:"20"},null,8,["class","icon"])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(a),class:e.normalizeClass(e.unref(o).e("body"))},[e.renderSlot(r.$slots,"default")],10,y),r.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass(e.unref(o).e("footer"))},[e.renderSlot(r.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../icon/index.cjs");require("../focus-trap/focus-trap.vue2.cjs");const m=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const g=require("../../utils/vue/refs.cjs"),p=require("../../hooks/use-draggable/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("./constants.cjs"),y=["id"],b=e.defineComponent({name:"vft-dialog-content"}),q=e.defineComponent({...b,props:{center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{default:"icon-close"},customClass:{},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:["close"],setup(t){const{dialogRef:n,headerRef:l,bodyId:a,ns:r,style:i}=e.inject(C.dialogInjectionKey),{focusTrapRef:u}=e.inject(m.FOCUS_TRAP_INJECTION_KEY),c=g.composeRefs(u,n),f=e.computed(()=>t.draggable);return p.useDraggable(n,l,f),(o,s)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(c),class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("fullscreen",o.fullscreen),e.unref(r).is("draggable",o.draggable),e.unref(r).is("align-center",o.alignCenter),{[e.unref(r).m("center")]:o.center},o.customClass]),style:e.normalizeStyle(e.unref(i)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:l,class:e.normalizeClass(e.unref(r).e("header"))},[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading",class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(o.title),3)]),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(r).e("headerbtn")),type:"button",onClick:s[0]||(s[0]=k=>o.$emit("close"))},[e.createVNode(e.unref(d.VftIcon),{class:e.normalizeClass(e.unref(r).e("close")),icon:o.closeIcon,size:"20"},null,8,["class","icon"])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:e.unref(a),class:e.normalizeClass(e.unref(r).e("body"))},[e.renderSlot(o.$slots,"default")],10,y),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass(e.unref(r).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],6))}});exports.default=q;

package/lib/components/dropdown/dropdown-item-impl.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./dropdown-item-impl.vue2.cjs"),o=require("vue"),i=require("../../_virtual/_plugin-vue_export-helper.cjs"),s=["aria-disabled","tabindex","role"];function t(e,n,u,m,p,v){const l=o.resolveComponent("vft-icon");return o.openBlock(),o.createElementBlock(o.Fragment,null,[e.divided?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,role:"separator",class:e.ns.bem("menu","item","divided")},e.$attrs),null,16)):o.createCommentVNode("",!0),o.createElementVNode("li",o.mergeProps({ref:e.itemRef},{...e.dataset,...e.$attrs},{"aria-disabled":e.disabled,class:[e.ns.be("menu","item"),e.ns.is("disabled",e.disabled)],tabindex:e.tabIndex,role:e.role,onClick:n[0]||(n[0]=r=>e.$emit("clickimpl",r)),onFocus:n[1]||(n[1]=(...r)=>e.handleFocus&&e.handleFocus(...r)),onKeydown:n[2]||(n[2]=o.withModifiers((...r)=>e.handleKeydown&&e.handleKeydown(...r),["self"])),onMousedown:n[3]||(n[3]=(...r)=>e.handleMousedown&&e.handleMousedown(...r)),onPointermove:n[4]||(n[4]=r=>e.$emit("pointermove",r)),onPointerleave:n[5]||(n[5]=r=>e.$emit("pointerleave",r))}),[e.icon?(o.openBlock(),o.createBlock(l,o.normalizeProps(o.mergeProps({key:0},e.icon)),null,16)):o.createCommentVNode("",!0),o.renderSlot(e.$slots,"default")],16,s)],64)}const a=i.default(d.default,[["render",t]]);exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./dropdown-item-impl.vue2.cjs"),o=require("vue"),i=require("../../_virtual/_plugin-vue_export-helper.cjs"),s=["aria-disabled","tabindex","role"];function t(e,n,u,m,p,b){const l=o.resolveComponent("drop-icon");return o.openBlock(),o.createElementBlock(o.Fragment,null,[e.divided?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,role:"separator",class:e.ns.bem("menu","item","divided")},e.$attrs),null,16)):o.createCommentVNode("",!0),o.createElementVNode("li",o.mergeProps({ref:e.itemRef},{...e.dataset,...e.$attrs},{"aria-disabled":e.disabled,class:[e.ns.be("menu","item"),e.ns.is("disabled",e.disabled)],tabindex:e.tabIndex,role:e.role,onClick:n[0]||(n[0]=r=>e.$emit("clickimpl",r)),onFocus:n[1]||(n[1]=(...r)=>e.handleFocus&&e.handleFocus(...r)),onKeydown:n[2]||(n[2]=o.withModifiers((...r)=>e.handleKeydown&&e.handleKeydown(...r),["self"])),onMousedown:n[3]||(n[3]=(...r)=>e.handleMousedown&&e.handleMousedown(...r)),onPointermove:n[4]||(n[4]=r=>e.$emit("pointermove",r)),onPointerleave:n[5]||(n[5]=r=>e.$emit("pointerleave",r))}),[e.icon?(o.openBlock(),o.createBlock(l,o.normalizeProps(o.mergeProps({key:0},e.icon)),null,16)):o.createCommentVNode("",!0),o.renderSlot(e.$slots,"default")],16,s)],64)}const a=i.default(d.default,[["render",t]]);exports.default=a;

package/lib/components/dropdown/dropdown-item-impl.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     icon: StringConstructor;
 }>, {
     ns: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -21,9 +21,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     itemRef: (el: Element | import("vue").ComponentPublicInstance | null) => void;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     command: string | number | Record<string, any>;
     divided: boolean;
 }, {}, {
-    VftIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    DropIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         icon: {
             type: import("vue").PropType<string>;
             required: true;

package/lib/components/dropdown/dropdown-item-impl.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("../collection/collection.cjs"),q=require("../icon/index.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");const e=require("vue");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const N=require("../roving-focus-group/types.cjs"),f=require("../roving-focus-group/tokens.cjs"),r=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const v=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const C=require("../../utils/vue/refs.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./tokens.cjs"),g=require("./types.cjs"),D=e.defineComponent({name:"DropdownItemImpl",components:{VftIcon:q.VftIcon},props:{command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:String},emits:["pointermove","pointerleave","click","clickimpl"],setup(S,{emit:i}){const c=T.useNamespace("dropdown"),{role:n}=e.inject(R.DROPDOWN_INJECTION_KEY,void 0),{collectionItemRef:u}=e.inject(g.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,void 0),{collectionItemRef:s}=e.inject(N.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupItemRef:l,tabIndex:d,handleFocus:a,handleKeydown:m,handleMousedown:I}=e.inject(f.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,void 0),p=C.composeRefs(u,s,l),_=e.computed(()=>n.value==="menu"?"menuitem":n.value==="navigation"?"link":"button"),O=v.composeEventHandlers(o=>{const{code:t}=o;if(t===r.EVENT_CODE.enter||t===r.EVENT_CODE.space)return o.preventDefault(),o.stopImmediatePropagation(),i("clickimpl",o),!0},m);return{ns:c,itemRef:p,dataset:{[E.COLLECTION_ITEM_SIGN]:""},role:_,tabIndex:d,handleFocus:a,handleKeydown:O,handleMousedown:I}}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("../collection/collection.cjs"),q=require("../icon/index.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");const e=require("vue");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const N=require("../roving-focus-group/types.cjs"),f=require("../roving-focus-group/tokens.cjs"),r=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const v=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const C=require("../../utils/vue/refs.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./tokens.cjs"),g=require("./types.cjs"),D=e.defineComponent({name:"DropdownItemImpl",components:{DropIcon:q.VftIcon},props:{command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:String},emits:["pointermove","pointerleave","click","clickimpl"],setup(S,{emit:i}){const c=T.useNamespace("dropdown"),{role:n}=e.inject(R.DROPDOWN_INJECTION_KEY,void 0),{collectionItemRef:u}=e.inject(g.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,void 0),{collectionItemRef:s}=e.inject(N.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupItemRef:l,tabIndex:d,handleFocus:a,handleKeydown:m,handleMousedown:I}=e.inject(f.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,void 0),p=C.composeRefs(u,s,l),_=e.computed(()=>n.value==="menu"?"menuitem":n.value==="navigation"?"link":"button"),O=v.composeEventHandlers(o=>{const{code:t}=o;if(t===r.EVENT_CODE.enter||t===r.EVENT_CODE.space)return o.preventDefault(),o.stopImmediatePropagation(),i("clickimpl",o),!0},m);return{ns:c,itemRef:p,dataset:{[E.COLLECTION_ITEM_SIGN]:""},role:_,tabIndex:d,handleFocus:a,handleKeydown:O,handleMousedown:I}}});exports.default=D;

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

@@ -1,27 +1,4 @@
-import { type ButtonProps, type ButtonType } from 'vft/es/components/button';
-import type { Options, Placement } from 'vft/es/components/popper';
-import { type TooltipTriggerType } from 'vft/es/components/tooltip';
-export interface DropdownProps {
-    trigger?: TooltipTriggerType;
-    effect?: 'light' | 'dark';
-    type?: ButtonType;
-    placement?: Placement;
-    popperOptions?: Options;
-    id?: string;
-    size?: string;
-    splitButton?: boolean;
-    hideOnClick?: boolean;
-    loop?: boolean;
-    showTimeout?: number;
-    hideTimeout?: number;
-    tabindex?: number | string;
-    maxHeight?: number | string;
-    popperClass?: string;
-    disabled?: boolean;
-    role?: string;
-    buttonProps?: ButtonProps;
-    teleported?: boolean;
-}
+import { type DropdownProps } from './types';
 declare function handleClose(): void;
 declare function handleOpen(): void;
 declare function __VLS_template(): {
@@ -72,16 +49,16 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     maxHeight: number | string;
     role: string;
     disabled: boolean;
-    placement: Placement;
+    placement: import("@popperjs/core").Placement;
     effect: "light" | "dark";
-    loop: boolean;
-    trigger: TooltipTriggerType;
     tabindex: number | string;
-    popperClass: string;
+    trigger: import("vft/es/components/tooltip").TooltipTriggerType;
+    loop: boolean;
     teleported: boolean;
-    hideOnClick: boolean;
+    popperClass: string;
     showTimeout: number;
     hideTimeout: number;
+    hideOnClick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/components/dropdown/dropdown.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@vft/utils"),C=require("../button/index.cjs");require("../form/index.cjs");const _=require("../icon/index.cjs"),K=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const m=require("../../constants/aria.cjs"),M=require("../scrollbar/index.cjs"),U=require("../slot/only-child.cjs"),j=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const x=require("../../hooks/use-id/index.cjs"),G=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const J=require("./tokens.cjs"),W=require("./types.cjs"),Y=require("../form/hooks/use-form-common-props.cjs"),Q=e.defineComponent({name:"vft-dropdown"}),X=e.defineComponent({...Q,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(y,{expose:w,emit:E}){const r=G.useNamespace("dropdown"),n=y,l=E,q=e.getCurrentInstance(),o=e.ref(),v=e.ref(),d=e.ref(null),i=e.ref(null),k=e.ref(null),f=e.ref(null),g=e.ref(!1),B=[m.EVENT_CODE.enter,m.EVENT_CODE.space,m.EVENT_CODE.down],$=e.computed(()=>({maxHeight:b.addUnit(n.maxHeight)})),T=x.useId().value,p=e.computed(()=>n.id||T);e.watch([o,e.toRef(n,"trigger")],([t,u],[s])=>{const A=b.isArray(u)?u:[u];s?.$el?.removeEventListener&&s.$el.removeEventListener("pointerenter",a),t?.$el?.removeEventListener&&t.$el.removeEventListener("pointerenter",a),t?.$el?.addEventListener&&A.includes("hover")&&t.$el.addEventListener("pointerenter",a)},{immediate:!0}),e.onBeforeUnmount(()=>{o.value?.$el?.removeEventListener&&o.value.$el.removeEventListener("pointerenter",a)});function V(){h()}function h(){d.value?.onClose()}function N(){d.value?.onOpen()}const c=Y.useFormSize();function O(...t){l("command",...t)}function a(){o.value?.$el?.focus()}function S(){}function I(){e.unref(i)?.focus(),f.value=null}function R(t){f.value=t}function z(t){g.value||(t.preventDefault(),t.stopImmediatePropagation())}function L(){l("visible-change",!0)}function P(t){t?.type==="keydown"&&i.value?.focus()}function D(){l("visible-change",!1)}e.provide(J.DROPDOWN_INJECTION_KEY,{contentRef:i,role:e.computed(()=>n.role),triggerId:p,isUsingKeyboard:g,onItemEnter:S,onItemLeave:I}),e.provide("elDropdown",{instance:q,dropdownSize:c,handleClick:V,commandHandler:O,trigger:e.toRef(n,"trigger"),hideOnClick:e.toRef(n,"hideOnClick")});const F=t=>{t.preventDefault(),i.value?.focus?.({preventScroll:!0})},H=t=>{l("click",t)};return w({handleClose:h,handleOpen:N,onFocusAfterTrapped:F}),(t,u)=>{const s=e.resolveComponent("vft-button-group");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",t.disabled)])},[e.createVNode(e.unref(j.VftTooltip),{ref_key:"popperRef",ref:d,role:t.role,effect:t.effect,"fallback-placements":["bottom","top"],"popper-options":t.popperOptions,"gpu-acceleration":!1,"hide-after":t.trigger==="hover"?t.hideTimeout:0,"manual-mode":!0,placement:t.placement,"popper-class":[e.unref(r).e("popper"),t.popperClass],"reference-element":v.value?.$el,trigger:t.trigger,"trigger-keys":B,"trigger-target-el":i.value,"show-after":t.trigger==="hover"?t.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":o.value,"virtual-triggering":t.splitButton,disabled:t.disabled,transition:`${e.unref(r).namespace.value}-zoom-in-top`,teleported:t.teleported,pure:"",persistent:"",onBeforeShow:L,onShow:P,onBeforeHide:D},e.createSlots({content:e.withCtx(()=>[e.createVNode(e.unref(M.VftScrollbar),{ref_key:"scrollbar",ref:k,"wrap-style":$.value,tag:"div","view-class":[e.unref(r).e("list"),"test"]},{default:e.withCtx(()=>[e.createVNode(e.unref(K.default),{loop:t.loop,"current-tab-id":f.value,orientation:"horizontal",onCurrentTabIdChange:R,onEntryFocus:z},{default:e.withCtx(()=>[e.createVNode(e.unref(W.VftCollection),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[t.splitButton?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(e.unref(U.OnlyChild),{id:p.value,ref_key:"triggeringElementRef",ref:o,role:"button",tabindex:t.tabindex},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),t.splitButton?(e.openBlock(),e.createBlock(s,{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(C.VftButton),e.mergeProps({ref_key:"referenceElementRef",ref:v},t.buttonProps,{size:e.unref(c),type:t.type,disabled:t.disabled,tabindex:t.tabindex,onClick:H}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),e.createVNode(e.unref(C.VftButton),e.mergeProps({id:p.value,ref_key:"triggeringElementRef",ref:o},t.buttonProps,{role:"button",size:e.unref(c),type:t.type,class:e.unref(r).e("caret-button"),disabled:t.disabled,tabindex:t.tabindex,"aria-label":"切换下拉菜单"}),{default:e.withCtx(()=>[e.createVNode(e.unref(_.VftIcon),{class:e.normalizeClass(e.unref(r).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):e.createCommentVNode("",!0)],2)}}});exports.default=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../button/index.cjs");require("../form/index.cjs");const K=require("../icon/index.cjs"),M=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const m=require("../../constants/aria.cjs"),U=require("../scrollbar/index.cjs"),G=require("../slot/only-child.cjs"),j=require("../tooltip/index.cjs");require("@vueuse/core");const C=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const x=require("../../hooks/use-id/index.cjs"),J=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const W=require("./tokens.cjs"),Y=require("./types.cjs"),Q=require("../form/hooks/use-form-common-props.cjs"),X=e.defineComponent({name:"vft-dropdown"}),Z=e.defineComponent({...X,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(y,{expose:w,emit:E}){const r=J.useNamespace("dropdown"),o=y,l=E,q=e.getCurrentInstance(),n=e.ref(),v=e.ref(),s=e.ref(null),i=e.ref(null),k=e.ref(null),d=e.ref(null),g=e.ref(!1),B=[m.EVENT_CODE.enter,m.EVENT_CODE.space,m.EVENT_CODE.down],V=e.computed(()=>({maxHeight:C.addUnit(o.maxHeight)})),$=x.useId().value,f=e.computed(()=>o.id||$);e.watch([n,e.toRef(o,"trigger")],([t,u],[b])=>{const A=C.isArray(u)?u:[u];b?.$el?.removeEventListener&&b.$el.removeEventListener("pointerenter",a),t?.$el?.removeEventListener&&t.$el.removeEventListener("pointerenter",a),t?.$el?.addEventListener&&A.includes("hover")&&t.$el.addEventListener("pointerenter",a)},{immediate:!0}),e.onBeforeUnmount(()=>{n.value?.$el?.removeEventListener&&n.value.$el.removeEventListener("pointerenter",a)});function T(){h()}function h(){s.value?.onClose()}function N(){s.value?.onOpen()}const p=Q.useFormSize();function O(...t){l("command",...t)}function a(){n.value?.$el?.focus()}function S(){}function I(){e.unref(i)?.focus(),d.value=null}function R(t){d.value=t}function z(t){g.value||(t.preventDefault(),t.stopImmediatePropagation())}function L(){l("visible-change",!0)}function P(t){t?.type==="keydown"&&i.value?.focus()}function D(){l("visible-change",!1)}e.provide(W.DROPDOWN_INJECTION_KEY,{contentRef:i,role:e.computed(()=>o.role),triggerId:f,isUsingKeyboard:g,onItemEnter:S,onItemLeave:I}),e.provide("elDropdown",{instance:q,dropdownSize:p,handleClick:T,commandHandler:O,trigger:e.toRef(o,"trigger"),hideOnClick:e.toRef(o,"hideOnClick")});const F=t=>{t.preventDefault(),i.value?.focus?.({preventScroll:!0})},H=t=>{l("click",t)};return w({handleClose:h,handleOpen:N,onFocusAfterTrapped:F}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",t.disabled)])},[e.createVNode(e.unref(j.VftTooltip),{ref_key:"popperRef",ref:s,role:t.role,effect:t.effect,"fallback-placements":["bottom","top"],"popper-options":t.popperOptions,"gpu-acceleration":!1,"hide-after":t.trigger==="hover"?t.hideTimeout:0,"manual-mode":!0,placement:t.placement,"popper-class":[e.unref(r).e("popper"),t.popperClass],"reference-element":v.value?.$el,trigger:t.trigger,"trigger-keys":B,"trigger-target-el":i.value,"show-after":t.trigger==="hover"?t.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":n.value,"virtual-triggering":t.splitButton,disabled:t.disabled,transition:`${e.unref(r).namespace.value}-zoom-in-top`,teleported:t.teleported,pure:"",persistent:"",onBeforeShow:L,onShow:P,onBeforeHide:D},e.createSlots({content:e.withCtx(()=>[e.createVNode(e.unref(U.VftScrollbar),{ref_key:"scrollbar",ref:k,"wrap-style":V.value,tag:"div","view-class":[e.unref(r).e("list"),"test"]},{default:e.withCtx(()=>[e.createVNode(e.unref(M.default),{loop:t.loop,"current-tab-id":d.value,orientation:"horizontal",onCurrentTabIdChange:R,onEntryFocus:z},{default:e.withCtx(()=>[e.createVNode(e.unref(Y.VftCollection),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[t.splitButton?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(e.unref(G.OnlyChild),{id:f.value,ref_key:"triggeringElementRef",ref:n,role:"button",tabindex:t.tabindex},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),t.splitButton?(e.openBlock(),e.createBlock(e.unref(c.VftButtonGroup),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(c.VftButton),e.mergeProps({ref_key:"referenceElementRef",ref:v},t.buttonProps,{size:e.unref(p),type:t.type,disabled:t.disabled,tabindex:t.tabindex,onClick:H}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),e.createVNode(e.unref(c.VftButton),e.mergeProps({id:f.value,ref_key:"triggeringElementRef",ref:n},t.buttonProps,{role:"button",size:e.unref(p),type:t.type,class:e.unref(r).e("caret-button"),disabled:t.disabled,tabindex:t.tabindex,"aria-label":"切换下拉菜单"}),{default:e.withCtx(()=>[e.createVNode(e.unref(K.VftIcon),{class:e.normalizeClass(e.unref(r).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):e.createCommentVNode("",!0)],2))}});exports.default=Z;

package/lib/components/footer-layout/footer-layout.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");const i=require("../container/index.cjs");require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("./index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");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");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const t=e.defineComponent({name:"vft-footer-layout"}),o=e.defineComponent({...t,setup(s){const r=q.useNamespace("footer-layout");return(u,n)=>(e.openBlock(),e.createBlock(e.unref(i.VftFooter),{class:e.normalizeClass(e.unref(r).b())},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("left"))},[e.renderSlot(u.$slots,"left")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("center"))},[e.renderSlot(u.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("right"))},[e.renderSlot(u.$slots,"right")],2)]),_:3},8,["class"]))}});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../container/index.cjs");require("@vueuse/core");require("@vft/utils");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 n=e.defineComponent({name:"vft-footer-layout"}),l=e.defineComponent({...n,setup(u){const r=s.useNamespace("footer-layout");return(t,a)=>(e.openBlock(),e.createBlock(e.unref(o.VftFooter),{class:e.normalizeClass(e.unref(r).b())},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("left"))},[e.renderSlot(t.$slots,"left")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("center"))},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("right"))},[e.renderSlot(t.$slots,"right")],2)]),_:3},8,["class"]))}});exports.default=l;

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

@@ -1,4 +1,3 @@
-import type { Ref } from 'vue';
 import type { FormItemProps, FormItemValidateState } from './types';
 declare function __VLS_template(): {
     label?(_: {
@@ -16,8 +15,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     showMessage: boolean;
 }>>, {
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-    validateMessage: Ref<string, string>;
-    validateState: Ref<FormItemValidateState, FormItemValidateState>;
+    validateMessage: import("vue").Ref<string, string>;
+    validateState: import("vue").Ref<FormItemValidateState, FormItemValidateState>;
     validate: (trigger: string, callback?: import("./types").FormValidateCallback) => import("./types").FormValidationResult;
     clearValidate: () => void;
     resetField: () => void;

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

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"),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;
+"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(l,{slots:o}){const n=e.inject(m.formContextKey,void 0),u=e.inject(m.formItemContextKey);u||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&&l.isAutoWidth&&(t==="update"?a.value=p():t==="remove"&&n?.deregisterLabelWidth(a.value))})},s=()=>d("update");return e.onMounted(()=>{s()}),e.onBeforeUnmount(()=>{d("remove")}),e.onUpdated(()=>s()),e.watch(a,(t,i)=>{l.updateAll&&n?.registerLabelWidth(t,i)}),g.useResizeObserver(e.computed(()=>r.value?.firstElementChild??null),s),()=>{if(!o)return null;const{isAutoWidth:t}=l;if(t){const i=n?.autoLabelWidth,v=u?.hasLabel,c={};if(v&&i&&i!=="auto"){const f=Math.max(0,Number.parseInt(i,10)-a.value),W=(u.labelPosition||n.labelPosition)==="left"?"marginRight":"marginLeft";f&&(c[W]=`${f}px`)}return e.createVNode("div",{ref:r,class:[b.be("item","label-wrap")],style:c},[o.default?.()])}else return e.createVNode(e.Fragment,{ref:r},[o.default?.()])}}});exports.default=C;

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

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 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;
+"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("../../../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-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 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;
+"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("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const s=require("../constants.cjs"),f=()=>{const t=u.inject(s.formContextKey,void 0),e=u.inject(s.formItemContextKey,void 0);return{form:t,formItem:e}},p=(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=f;exports.useFormItemInputId=p;

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

@@ -47,6 +47,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         scrollToError: {
             type: import("vue").PropType<boolean>;
         };
+        scrollIntoViewOptions: {
+            type: import("vue").PropType<boolean>;
+        };
     }>> & Readonly<{
         onValidate?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -110,6 +113,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         scrollToError: {
             type: import("vue").PropType<boolean>;
         };
+        scrollIntoViewOptions: {
+            type: import("vue").PropType<boolean>;
+        };
     }>> & Readonly<{
         onValidate?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -168,6 +174,9 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     scrollToError: {
         type: import("vue").PropType<boolean>;
     };
+    scrollIntoViewOptions: {
+        type: import("vue").PropType<boolean>;
+    };
 }>> & Readonly<{
     onValidate?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -201,18 +210,15 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: undefined;
             };
-            labelWidth: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
-            for: {
-                type: import("vue").PropType<string>;
+            labelPosition: {
+                type: import("vue").PropType<"left" | "right" | "top">;
             };
-            validateStatus: {
-                type: import("vue").PropType<"" | "error" | "validating" | "success">;
+            labelWidth: {
+                type: import("vue").PropType<string | number>;
+                default: string;
             };
             inlineMessage: {
                 type: import("vue").PropType<string | boolean>;
@@ -222,6 +228,12 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            for: {
+                type: import("vue").PropType<string>;
+            };
+            validateStatus: {
+                type: import("vue").PropType<"" | "error" | "validating" | "success">;
+            };
         }>> & Readonly<{
             "onUpdate:error"?: ((val: string) => any) | undefined;
         }>, {
@@ -262,18 +274,15 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: undefined;
             };
-            labelWidth: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
-            for: {
-                type: import("vue").PropType<string>;
+            labelPosition: {
+                type: import("vue").PropType<"left" | "right" | "top">;
             };
-            validateStatus: {
-                type: import("vue").PropType<"" | "error" | "validating" | "success">;
+            labelWidth: {
+                type: import("vue").PropType<string | number>;
+                default: string;
             };
             inlineMessage: {
                 type: import("vue").PropType<string | boolean>;
@@ -283,6 +292,12 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            for: {
+                type: import("vue").PropType<string>;
+            };
+            validateStatus: {
+                type: import("vue").PropType<"" | "error" | "validating" | "success">;
+            };
         }>> & Readonly<{
             "onUpdate:error"?: ((val: string) => any) | undefined;
         }>, {
@@ -318,18 +333,15 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: undefined;
         };
-        labelWidth: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
-        for: {
-            type: import("vue").PropType<string>;
+        labelPosition: {
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
-        validateStatus: {
-            type: import("vue").PropType<"" | "error" | "validating" | "success">;
+        labelWidth: {
+            type: import("vue").PropType<string | number>;
+            default: string;
         };
         inlineMessage: {
             type: import("vue").PropType<string | boolean>;
@@ -339,6 +351,12 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        for: {
+            type: import("vue").PropType<string>;
+        };
+        validateStatus: {
+            type: import("vue").PropType<"" | "error" | "validating" | "success">;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -385,18 +403,15 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: undefined;
         };
-        labelWidth: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
-        for: {
-            type: import("vue").PropType<string>;
+        labelPosition: {
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
-        validateStatus: {
-            type: import("vue").PropType<"" | "error" | "validating" | "success">;
+        labelWidth: {
+            type: import("vue").PropType<string | number>;
+            default: string;
         };
         inlineMessage: {
             type: import("vue").PropType<string | boolean>;
@@ -406,6 +421,12 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        for: {
+            type: import("vue").PropType<string>;
+        };
+        validateStatus: {
+            type: import("vue").PropType<"" | "error" | "validating" | "success">;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -446,18 +467,15 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: undefined;
         };
-        labelWidth: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
-        for: {
-            type: import("vue").PropType<string>;
+        labelPosition: {
+            type: import("vue").PropType<"left" | "right" | "top">;
         };
-        validateStatus: {
-            type: import("vue").PropType<"" | "error" | "validating" | "success">;
+        labelWidth: {
+            type: import("vue").PropType<string | number>;
+            default: string;
         };
         inlineMessage: {
             type: import("vue").PropType<string | boolean>;
@@ -467,6 +485,12 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        for: {
+            type: import("vue").PropType<string>;
+        };
+        validateStatus: {
+            type: import("vue").PropType<"" | "error" | "validating" | "success">;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -502,18 +526,15 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: undefined;
     };
-    labelWidth: {
-        type: import("vue").PropType<string | number>;
-        default: string;
-    };
     rules: {
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
-    for: {
-        type: import("vue").PropType<string>;
+    labelPosition: {
+        type: import("vue").PropType<"left" | "right" | "top">;
     };
-    validateStatus: {
-        type: import("vue").PropType<"" | "error" | "validating" | "success">;
+    labelWidth: {
+        type: import("vue").PropType<string | number>;
+        default: string;
     };
     inlineMessage: {
         type: import("vue").PropType<string | boolean>;
@@ -523,6 +544,12 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    for: {
+        type: import("vue").PropType<string>;
+    };
+    validateStatus: {
+        type: import("vue").PropType<"" | "error" | "validating" | "success">;
+    };
 }>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {

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

@@ -17,7 +17,8 @@ export interface FormValidateFailure {
     fields: ValidateFieldsError;
 }
 export type FormContext = FormProps & UnwrapRef<FormLabelWidthContext> & {
-    emit: SetupContext['emit'];
+    emit: SetupContext<any>['emit'];
+    getField: (prop: FormItemProp) => FormItemContext | undefined;
     addField: (field: FormItemContext) => void;
     removeField: (field: FormItemContext) => void;
     resetFields: (props?: Arrayable<FormItemProp>) => void;
@@ -27,11 +28,14 @@ export type FormContext = FormProps & UnwrapRef<FormLabelWidthContext> & {
 export interface FormItemContext extends FormItemProps {
     $el: HTMLDivElement | undefined;
     size: ComponentSize;
+    validateMessage: string;
     validateState: FormItemValidateState;
     isGroup: boolean;
     labelId: string;
     inputIds: string[];
     hasLabel: boolean;
+    fieldValue: any;
+    propString: string;
     addInputId: (id: string) => void;
     removeInputId: (id: string) => void;
     validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
@@ -54,10 +58,12 @@ export interface FormProps {
     validateOnRuleChange?: boolean;
     hideRequiredAsterisk?: boolean;
     scrollToError?: boolean;
+    scrollIntoViewOptions?: boolean;
 }
 export interface FormItemProps {
     label?: string;
     labelWidth?: string | number;
+    labelPosition?: 'left' | 'right' | 'top';
     prop?: string | string[];
     required?: boolean;
     rules?: Arrayable<FormItemRule>;

package/lib/components/form/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");const l=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const a=require("lodash-es"),o=require("vue"),d="vft-form";function f(){const t=o.ref([]),n=o.computed(()=>{if(!t.value.length)return"0";const e=Math.max(...t.value);return e?`${e}px`:""});function i(e){const r=t.value.indexOf(e);return r===-1&&n.value==="0"&&l.debugWarn(d,`unexpected width ${e}`),r}function u(e,r){if(e&&r){const c=i(r);t.value.splice(c,1,e)}else e&&t.value.push(e)}function s(e){const r=i(e);r>-1&&t.value.splice(r,1)}return{autoLabelWidth:n,registerLabelWidth:u,deregisterLabelWidth:s}}const h=(t,n)=>{const i=a.castArray(n);return i.length>0?t.filter(u=>u.prop&&i.includes(u.prop)):t};exports.filterFields=h;exports.useFormLabelWidth=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");require("@vueuse/core");const l=require("@vft/utils"),a=require("../../utils/error.cjs"),d=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const f="vft-form";function h(){const t=o.ref([]),u=o.computed(()=>{if(!t.value.length)return"0";const e=Math.max(...t.value);return e?`${e}px`:""});function n(e){const i=t.value.indexOf(e);return i===-1&&u.value==="0"&&a.debugWarn(f,`unexpected width ${e}`),i}function r(e,i){if(e&&i){const c=n(i);t.value.splice(c,1,e)}else e&&t.value.push(e)}function s(e){const i=n(e);i>-1&&t.value.splice(i,1)}return{autoLabelWidth:u,registerLabelWidth:r,deregisterLabelWidth:s}}const b=(t,u)=>{const n=d.castArray(u).map(r=>l.isArray(r)?r.join("."):r);return n.length>0?t.filter(r=>r.propString&&n.includes(r.propString)):t};exports.filterFields=b;exports.useFormLabelWidth=h;