vft 0.0.239 → 0.0.240

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     command: {
         type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
         default: () => {};
@@ -7,16 +7,16 @@ declare const _default: import("vue").DefineComponent<{
     divided: BooleanConstructor;
     textValue: StringConstructor;
     icon: StringConstructor;
-}, {
+}>, {
     ns: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -31,11 +31,11 @@ declare const _default: import("vue").DefineComponent<{
         "data-vft-collection-item": string;
     };
     role: import("vue").ComputedRef<string>;
-    tabIndex: import("vue").Ref<number>;
+    tabIndex: import("vue").Ref<number, number>;
     handleFocus: (e: Event) => void;
     handleKeydown: (event: KeyboardEvent) => void;
     handleMousedown: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     command: {
         type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
         default: () => {};
@@ -44,14 +44,62 @@ declare const _default: import("vue").DefineComponent<{
     divided: BooleanConstructor;
     textValue: StringConstructor;
     icon: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onPointerleave?: ((...args: any[]) => any) | undefined;
     onPointermove?: ((...args: any[]) => any) | undefined;
     onClickimpl?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     command: string | number | Record<string, any>;
     divided: boolean;
-}, {}>;
+}, {}, {
+    VftIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        size: {
+            type: import("vue").PropType<string | number>;
+        };
+        color: {
+            type: import("vue").PropType<string>;
+        };
+        rotate: {
+            type: import("vue").PropType<boolean>;
+        };
+        rotateSpeed: {
+            type: import("vue").PropType<number>;
+        };
+        pointer: {
+            type: import("vue").PropType<boolean>;
+        };
+        hoverColor: {
+            type: import("vue").PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        size: {
+            type: import("vue").PropType<string | number>;
+        };
+        color: {
+            type: import("vue").PropType<string>;
+        };
+        rotate: {
+            type: import("vue").PropType<boolean>;
+        };
+        rotateSpeed: {
+            type: import("vue").PropType<number>;
+        };
+        pointer: {
+            type: import("vue").PropType<boolean>;
+        };
+        hoverColor: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../roving-focus-group/roving-focus-group.vue2.cjs");const r=require("vue");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const g=require("../roving-focus-group/roving-focus-item.vue.cjs");require("../roving-focus-group/types.cjs");require("@vueuse/core");require("@vft/utils");const i=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const P=require("./dropdown-item-impl.vue.cjs"),b=require("./tokens.cjs"),h=require("./types.cjs"),E=require("./useDropdown.cjs"),k=r.defineComponent({name:"VftDropdownItem",components:{DropdownCollectionItem:h.VftCollectionItem,RovingFocusItem:g.default,DropdownItemImpl:P.default},inheritAttrs:!1,props:{command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:String},emits:["pointermove","pointerleave","click"],setup(o,{emit:u,attrs:a}){const{elDropdown:t}=E.useDropdown(),l=r.getCurrentInstance(),m=r.ref(null),v=r.computed(()=>{var e;return((e=r.unref(m))==null?void 0:e.textContent)??""}),{onItemEnter:f,onItemLeave:c}=r.inject(b.DROPDOWN_INJECTION_KEY,void 0),p=i.composeEventHandlers(e=>(u("pointermove",e),e.defaultPrevented),i.whenMouse(e=>{if(o.disabled){c(e);return}const n=e.currentTarget;n===document.activeElement||n.contains(document.activeElement)||(f(e),e.defaultPrevented||n==null||n.focus())})),I=i.composeEventHandlers(e=>(u("pointerleave",e),e.defaultPrevented),i.whenMouse(e=>{c(e)})),q=i.composeEventHandlers(e=>{if(!o.disabled)return u("click",e),e.type!=="keydown"&&e.defaultPrevented},e=>{var n,s,d;if(o.disabled){e.stopImmediatePropagation();return}(n=t==null?void 0:t.hideOnClick)!=null&&n.value&&((s=t.handleClick)==null||s.call(t)),(d=t.commandHandler)==null||d.call(t,o.command,l,e)}),C=r.computed(()=>({...o,...a}));return{handleClick:q,handlePointerMove:p,handlePointerLeave:I,textContent:v,propsAndAttrs:C}}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../roving-focus-group/roving-focus-group.vue2.cjs");const t=require("vue");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const q=require("../roving-focus-group/roving-focus-item.vue.cjs");require("../roving-focus-group/types.cjs");require("@vueuse/core");require("@vft/utils");const o=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const g=require("./dropdown-item-impl.vue.cjs"),w=require("./tokens.cjs"),C=require("./types.cjs"),P=require("./useDropdown.cjs"),b=t.defineComponent({name:"VftDropdownItem",components:{DropdownCollectionItem:C.VftCollectionItem,RovingFocusItem:q.default,DropdownItemImpl:g.default},inheritAttrs:!1,props:{command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:String},emits:["pointermove","pointerleave","click"],setup(n,{emit:r,attrs:c}){const{elDropdown:i}=P.useDropdown(),s=t.getCurrentInstance(),l=t.ref(null),a=t.computed(()=>t.unref(l)?.textContent??""),{onItemEnter:m,onItemLeave:d}=t.inject(w.DROPDOWN_INJECTION_KEY,void 0),v=o.composeEventHandlers(e=>(r("pointermove",e),e.defaultPrevented),o.whenMouse(e=>{if(n.disabled){d(e);return}const u=e.currentTarget;u===document.activeElement||u.contains(document.activeElement)||(m(e),e.defaultPrevented||u?.focus())})),f=o.composeEventHandlers(e=>(r("pointerleave",e),e.defaultPrevented),o.whenMouse(e=>{d(e)})),p=o.composeEventHandlers(e=>{if(!n.disabled)return r("click",e),e.type!=="keydown"&&e.defaultPrevented},e=>{if(n.disabled){e.stopImmediatePropagation();return}i?.hideOnClick?.value&&i.handleClick?.(),i.commandHandler?.(n.command,s,e)}),I=t.computed(()=>({...n,...c}));return{handleClick:p,handlePointerMove:v,handlePointerLeave:f,textContent:a,propsAndAttrs:I}}});exports.default=b;

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

@@ -1,11 +1,11 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     onKeydown: {
         type: FunctionConstructor;
     };
-}, {
+}>, {
     size: import("vue").ComputedRef<string> | undefined;
-    rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue>;
-    tabIndex: import("vue").Ref<number>;
+    rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue, import("vue").StyleValue>;
+    tabIndex: import("vue").Ref<number, number>;
     dropdownKls: import("vue").ComputedRef<string[]>;
     role: import("vue").ComputedRef<string>;
     triggerId: import("vue").ComputedRef<string>;
@@ -14,9 +14,9 @@ declare const _default: import("vue").DefineComponent<{
     onBlur: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;
     onMousedown: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onKeydown: {
         type: FunctionConstructor;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../focus-trap/focus-trap.vue2.cjs");const o=require("vue"),y=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const D=require("../roving-focus-group/types.cjs"),F=require("../roving-focus-group/tokens.cjs"),b=require("../roving-focus-group/utils.cjs"),L=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const Y=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const j=require("../../utils/vue/refs.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 P=require("./tokens.cjs"),u=require("./types.cjs"),J=require("./useDropdown.cjs"),M=o.defineComponent({name:"VftDropdownMenu",props:{onKeydown:{type:Function}},setup(t){const c=G.useNamespace("dropdown"),{_elDropdownSize:f}=J.useDropdown(),n=f.value,{focusTrapRef:_,onKeydown:q}=o.inject(y.FOCUS_TRAP_INJECTION_KEY,void 0),{contentRef:d,role:p,triggerId:O}=o.inject(P.DROPDOWN_INJECTION_KEY,void 0),{collectionRef:I,getItems:m}=o.inject(u.DROPDOWN_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupRef:E,rovingFocusGroupRootStyle:N,tabIndex:v,onBlur:R,onFocus:C,onMousedown:w}=o.inject(F.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{collectionRef:T}=o.inject(D.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),K=o.computed(()=>[c.b("menu"),c.bm("menu",n==null?void 0:n.value)]),g=j.composeRefs(d,I,_,E,T),S=Y.composeEventHandlers(e=>{var r;(r=t.onKeydown)==null||r.call(t,e)},e=>{const{currentTarget:r,code:i,target:l}=e;if(r.contains(l),L.EVENT_CODE.tab===i&&e.stopImmediatePropagation(),e.preventDefault(),l!==o.unref(d)||!u.FIRST_LAST_KEYS.includes(i))return;const a=m().filter(s=>!s.disabled).map(s=>s.ref);u.LAST_KEYS.includes(i)&&a.reverse(),b.focusFirst(a)});return{size:n,rovingFocusGroupRootStyle:N,tabIndex:v,dropdownKls:K,role:p,triggerId:O,dropdownListWrapperRef:g,handleKeydown:e=>{S(e),q(e)},onBlur:R,onFocus:C,onMousedown:w}}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../focus-trap/focus-trap.vue2.cjs");const o=require("vue"),y=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const D=require("../roving-focus-group/types.cjs"),F=require("../roving-focus-group/tokens.cjs"),b=require("../roving-focus-group/utils.cjs"),L=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const Y=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const j=require("../../utils/vue/refs.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 P=require("./tokens.cjs"),t=require("./types.cjs"),J=require("./useDropdown.cjs"),M=o.defineComponent({name:"VftDropdownMenu",props:{onKeydown:{type:Function}},setup(p){const s=G.useNamespace("dropdown"),{_elDropdownSize:l}=J.useDropdown(),i=l.value,{focusTrapRef:a,onKeydown:f}=o.inject(y.FOCUS_TRAP_INJECTION_KEY,void 0),{contentRef:u,role:_,triggerId:q}=o.inject(P.DROPDOWN_INJECTION_KEY,void 0),{collectionRef:O,getItems:I}=o.inject(t.DROPDOWN_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupRef:m,rovingFocusGroupRootStyle:E,tabIndex:N,onBlur:v,onFocus:R,onMousedown:C}=o.inject(F.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{collectionRef:w}=o.inject(D.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),T=o.computed(()=>[s.b("menu"),s.bm("menu",i?.value)]),K=j.composeRefs(u,O,a,m,w),g=Y.composeEventHandlers(e=>{p.onKeydown?.(e)},e=>{const{currentTarget:S,code:r,target:c}=e;if(S.contains(c),L.EVENT_CODE.tab===r&&e.stopImmediatePropagation(),e.preventDefault(),c!==o.unref(u)||!t.FIRST_LAST_KEYS.includes(r))return;const d=I().filter(n=>!n.disabled).map(n=>n.ref);t.LAST_KEYS.includes(r)&&d.reverse(),b.focusFirst(d)});return{size:i,rovingFocusGroupRootStyle:E,tabIndex:N,dropdownKls:T,role:_,triggerId:q,dropdownListWrapperRef:K,handleKeydown:e=>{g(e),f(e)},onBlur:v,onFocus:R,onMousedown:C}}});exports.default=M;

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

@@ -24,7 +24,11 @@ export interface DropdownProps {
 }
 declare function handleClose(): void;
 declare function handleOpen(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+declare function __VLS_template(): {
+    dropdown?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
     trigger: string;
     effect: string;
     placement: string;
@@ -38,11 +42,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     role: string;
     teleported: boolean;
-}>, {
+}>>, {
     handleClose: typeof handleClose;
     handleOpen: typeof handleOpen;
     onFocusAfterTrapped: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "visible-change": (val: boolean) => void;
     command: (val: string) => void;
     click: (val: MouseEvent) => void;
@@ -60,28 +64,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     role: string;
     teleported: boolean;
-}>>> & {
+}>>> & Readonly<{
     onClick?: ((val: MouseEvent) => any) | undefined;
     "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
-}, {
-    maxHeight: string | number;
+}>, {
+    maxHeight: number | string;
     role: string;
+    disabled: boolean;
     placement: Placement;
     effect: "light" | "dark";
     loop: boolean;
-    disabled: boolean;
     trigger: TooltipTriggerType;
-    teleported: boolean;
-    tabindex: string | number;
+    tabindex: number | string;
     popperClass: string;
+    teleported: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;
-}, {}>, {
-    dropdown?(_: {}): any;
-    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/dropdown/dropdown.vue2.cjs

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

package/lib/components/dropdown/useDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("@vft/utils"),n=require("../../constants/aria.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("vue"),V=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=()=>{const u=r.inject("elDropdown",{}),t=r.computed(()=>u==null?void 0:u.dropdownSize);return{elDropdown:u,_elDropdownSize:t}},y=(u,t,i)=>{const O=V.useNamespace("dropdown"),s=r.ref(null),a=r.ref(null),c=r.ref(null),E=r.ref(`dropdown-menu-${T.buildShortUUID()}`);c.value=u==null?void 0:u.subTree.el;function f(){var e;t.setAttribute("tabindex","-1"),(e=a.value)==null||e.forEach(o=>{o.setAttribute("tabindex","-1")})}function p(e){f(),e==null||e.setAttribute("tabindex","0")}function x(e){const o=e.code;[n.EVENT_CODE.up,n.EVENT_CODE.down].includes(o)?(f(),p(s.value[0]),s.value[0].focus(),e.preventDefault(),e.stopPropagation()):o===n.EVENT_CODE.enter?i.handleClick():[n.EVENT_CODE.tab,n.EVENT_CODE.esc].includes(o)&&i.hide()}function A(e){const o=e.code,D=e.target,d=a.value.indexOf(D),v=a.value.length-1;let l;[n.EVENT_CODE.up,n.EVENT_CODE.down].includes(o)?(o===n.EVENT_CODE.up?l=d!==0?d-1:0:l=d<v?d+1:v,f(),p(s.value[l]),s.value[l].focus(),e.preventDefault(),e.stopPropagation()):o===n.EVENT_CODE.enter?(b(),D.click(),i.props.hideOnClick&&i.hide()):[n.EVENT_CODE.tab,n.EVENT_CODE.esc].includes(o)&&(i.hide(),b())}function N(){c.value.setAttribute("id",E.value),t.setAttribute("aria-haspopup","list"),t.setAttribute("aria-controls",E.value),i.props.splitButton||(t.setAttribute("role","button"),t.setAttribute("tabindex",i.props.tabindex),T.addClass(t,O.b("selfdefine")))}function q(){var e;t==null||t.addEventListener("keydown",x),(e=c.value)==null||e.addEventListener("keydown",A,!0)}function w(){s.value=c.value.querySelectorAll("[tabindex='-1']"),a.value=Array.from(s.value),q(),N()}function b(){t.focus()}w()};exports.initDropdownDomEvent=y;exports.useDropdown=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@vft/utils"),t=require("../../constants/aria.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("vue"),h=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=()=>{const s=r.inject("elDropdown",{}),n=r.computed(()=>s?.dropdownSize);return{elDropdown:s,_elDropdownSize:n}},V=(s,n,u)=>{const T=h.useNamespace("dropdown"),i=r.ref(null),d=r.ref(null),l=r.ref(null),E=r.ref(`dropdown-menu-${w.buildShortUUID()}`);l.value=s?.subTree.el;function p(){n.setAttribute("tabindex","-1"),d.value?.forEach(e=>{e.setAttribute("tabindex","-1")})}function f(e){p(),e?.setAttribute("tabindex","0")}function O(e){const o=e.code;[t.EVENT_CODE.up,t.EVENT_CODE.down].includes(o)?(p(),f(i.value[0]),i.value[0].focus(),e.preventDefault(),e.stopPropagation()):o===t.EVENT_CODE.enter?u.handleClick():[t.EVENT_CODE.tab,t.EVENT_CODE.esc].includes(o)&&u.hide()}function x(e){const o=e.code,b=e.target,a=d.value.indexOf(b),v=d.value.length-1;let c;[t.EVENT_CODE.up,t.EVENT_CODE.down].includes(o)?(o===t.EVENT_CODE.up?c=a!==0?a-1:0:c=a<v?a+1:v,p(),f(i.value[c]),i.value[c].focus(),e.preventDefault(),e.stopPropagation()):o===t.EVENT_CODE.enter?(D(),b.click(),u.props.hideOnClick&&u.hide()):[t.EVENT_CODE.tab,t.EVENT_CODE.esc].includes(o)&&(u.hide(),D())}function C(){l.value.setAttribute("id",E.value),n.setAttribute("aria-haspopup","list"),n.setAttribute("aria-controls",E.value),u.props.splitButton||(n.setAttribute("role","button"),n.setAttribute("tabindex",u.props.tabindex),w.addClass(n,T.b("selfdefine")))}function A(){n?.addEventListener("keydown",O),l.value?.addEventListener("keydown",x,!0)}function N(){i.value=l.value.querySelectorAll("[tabindex='-1']"),d.value=Array.from(i.value),A(),C()}function D(){n.focus()}N()};exports.initDropdownDomEvent=V;exports.useDropdown=q;

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

@@ -9,10 +9,12 @@ export interface EmptyProps {
     /** 图片底部描述 支持自定义 slot */
     desc?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<EmptyProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<EmptyProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     img?(_: {}): any;
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<EmptyProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<EmptyProps>>> & Readonly<{}>, {}, {}, {}, {}, 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/empty/empty.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils");require("@vueuse/core");const d=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=require("./assets/no-collect.png.cjs"),y=require("./assets/no-data.png.cjs"),E=require("./assets/no-filter.png.cjs"),g=require("./assets/no-page-data.png.cjs"),q=require("./assets/no-search.png.cjs"),n=require("./constants.cjs"),C=["src"],N=e.defineComponent({name:"vft-empty"}),z=e.defineComponent({...N,props:{img:{},type:{default:()=>n.EmptyEnum.NO_DATA},size:{},desc:{}},setup(s){const r=p.useNamespace("empty"),i=e.getCurrentInstance(),t=new Map([[n.EmptyEnum.NO_COLLECT,{text:"暂无收藏记录",img:f.default}],[n.EmptyEnum.NO_PAGE_DATA,{text:"没有找到相关信息",size:300,img:g.default}],[n.EmptyEnum.NO_DATA,{text:"暂无数据",img:y.default}],[n.EmptyEnum.NO_FILTER,{text:"此筛选条件下无结果",img:E.default}],[n.EmptyEnum.NO_SEARCH,{text:"没有搜索结果",img:q.default}]]).get(s.type),m=e.computed(()=>s.img||(t==null?void 0:t.img)),a=e.computed(()=>l.renderTNode(i,"desc",{defaultNode:t==null?void 0:t.text})),u=d.getSizeType(s.size);return(o,T)=>{var c;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(u)?e.unref(r).m(e.unref(u)):""])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("image")),style:e.normalizeStyle(e.unref(u)?{}:e.unref(l.setSize)(((c=e.unref(t))==null?void 0:c.size)||o.size))},[o.$slots.img?e.renderSlot(o.$slots,"img",{key:0}):(e.openBlock(),e.createElementBlock("img",{key:1,src:m.value,alt:""},null,8,C))],6),a.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r).e("desc"))},[e.createVNode(e.unref(l.VNode),{content:a.value},null,8,["content"])],2)):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r).e("bottom"))},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0)],2)}}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils");require("@vueuse/core");const m=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=require("./assets/no-collect.png.cjs"),p=require("./assets/no-data.png.cjs"),g=require("./assets/no-filter.png.cjs"),y=require("./assets/no-page-data.png.cjs"),E=require("./assets/no-search.png.cjs"),t=require("./constants.cjs"),q=["src"],C=e.defineComponent({name:"vft-empty"}),N=e.defineComponent({...C,props:{img:{},type:{default:()=>t.EmptyEnum.NO_DATA},size:{},desc:{}},setup(o){const n=d.useNamespace("empty"),a=e.getCurrentInstance(),s=new Map([[t.EmptyEnum.NO_COLLECT,{text:"暂无收藏记录",img:f.default}],[t.EmptyEnum.NO_PAGE_DATA,{text:"没有找到相关信息",size:300,img:y.default}],[t.EmptyEnum.NO_DATA,{text:"暂无数据",img:p.default}],[t.EmptyEnum.NO_FILTER,{text:"此筛选条件下无结果",img:g.default}],[t.EmptyEnum.NO_SEARCH,{text:"没有搜索结果",img:E.default}]]).get(o.type),c=e.computed(()=>o.img||s?.img),i=e.computed(()=>l.renderTNode(a,"desc",{defaultNode:s?.text})),u=m.getSizeType(o.size);return(r,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(u)?e.unref(n).m(e.unref(u)):""])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("image")),style:e.normalizeStyle(e.unref(u)?{}:e.unref(l.setSize)(e.unref(s)?.size||r.size))},[r.$slots.img?e.renderSlot(r.$slots,"img",{key:0}):(e.openBlock(),e.createElementBlock("img",{key:1,src:c.value,alt:""},null,8,q))],6),i.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("desc"))},[e.createVNode(e.unref(l.VNode),{content:i.value},null,8,["content"])],2)):e.createCommentVNode("",!0),r.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("bottom"))},[e.renderSlot(r.$slots,"default")],2)):e.createCommentVNode("",!0)],2))}});exports.default=N;

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

@@ -1,6 +1,6 @@
 export * from './constants';
 export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         img: {
             type: import("vue").PropType<string>;
         };
@@ -13,20 +13,7 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<{
         desc: {
             type: import("vue").PropType<string>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        img: {
-            type: import("vue").PropType<string>;
-        };
-        type: {
-            type: import("vue").PropType<import("./constants").EmptyEnum>;
-        };
-        size: {
-            type: import("vue").PropType<number[] | import("../types").ComponentSize>;
-        };
-        desc: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, {}, true, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -46,10 +33,10 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<{
         desc: {
             type: import("vue").PropType<string>;
         };
-    }>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     img: {
         type: import("vue").PropType<string>;
@@ -63,7 +50,7 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<{
     desc: {
         type: import("vue").PropType<string>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         img?(_: {}): any;
         default?(_: {}): any;

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

@@ -3,7 +3,7 @@ interface Props {
     showRefresh?: boolean;
     showHome?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,4 +1,4 @@
-export declare const VftException: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftException: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
     };
@@ -8,7 +8,7 @@ export declare const VftException: import("vft/es/utils").SFCWithInstall<import(
     showHome: {
         type: import("vue").PropType<boolean>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
     };
@@ -18,5 +18,5 @@ export declare const VftException: import("vft/es/utils").SFCWithInstall<import(
     showHome: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftException;

package/lib/components/focus-trap/focus-trap.vue.d.ts

@@ -1,32 +1,32 @@
 import type { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loop: BooleanConstructor;
     trapped: BooleanConstructor;
     focusTrapEl: PropType<HTMLElement>;
     focusStartEl: {
-        type: PropType<HTMLElement | "container" | "first">;
+        type: PropType<"container" | "first" | HTMLElement>;
         default: string;
     };
-}, {
+}>, {
     onKeydown: (e: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loop: BooleanConstructor;
     trapped: BooleanConstructor;
     focusTrapEl: PropType<HTMLElement>;
     focusStartEl: {
-        type: PropType<HTMLElement | "container" | "first">;
+        type: PropType<"container" | "first" | HTMLElement>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onFocusin?: ((...args: any[]) => any) | undefined;
     onFocusout?: ((...args: any[]) => any) | undefined;
     onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
     onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
     "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
     "onRelease-requested"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     loop: boolean;
     trapped: boolean;
     focusStartEl: HTMLElement | "container" | "first";
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/focus-trap/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),E=require("./tokens.cjs"),d=r.ref(),i=r.ref(0),l=r.ref(0);let c=0;const F=e=>{const n=[],o=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>{const s=t.tagName==="INPUT"&&t.type==="hidden";return t.disabled||t.hidden||s?NodeFilter.FILTER_SKIP:t.tabIndex>=0||t===document.activeElement?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;o.nextNode();)n.push(o.currentNode);return n},a=(e,n)=>{for(const o of e)if(!p(o,n))return o},p=(e,n)=>{if(process.env.NODE_ENV==="test")return!1;if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(n&&e===n)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1},b=e=>{const n=F(e),o=a(n,e),t=a(n.reverse(),e);return[o,t]},y=e=>e instanceof HTMLInputElement&&"select"in e,w=(e,n)=>{if(e&&e.focus){const o=document.activeElement;e.focus({preventScroll:!0}),l.value=window.performance.now(),e!==o&&y(e)&&n&&e.select()}};function m(e,n){const o=[...e],t=e.indexOf(n);return t!==-1&&o.splice(t,1),o}const S=()=>{let e=[];return{push:t=>{const s=e[0];s&&t!==s&&s.pause(),e=m(e,t),e.unshift(t)},remove:t=>{var s,f;e=m(e,t),(f=(s=e[0])==null?void 0:s.resume)==null||f.call(s)}}},T=(e,n=!1)=>{const o=document.activeElement;for(const t of e)if(w(t,n),document.activeElement!==o)return},N=S(),L=()=>i.value>l.value,u=()=>{d.value="pointer",i.value=window.performance.now()},v=()=>{d.value="keyboard",i.value=window.performance.now()},g=()=>(r.onMounted(()=>{c===0&&(document.addEventListener("mousedown",u),document.addEventListener("touchstart",u),document.addEventListener("keydown",v)),c++}),r.onBeforeUnmount(()=>{c--,c<=0&&(document.removeEventListener("mousedown",u),document.removeEventListener("touchstart",u),document.removeEventListener("keydown",v))}),{focusReason:d,lastUserFocusTimestamp:i,lastAutomatedFocusTimestamp:l}),h=e=>new CustomEvent(E.FOCUSOUT_PREVENTED,{...E.FOCUSOUT_PREVENTED_OPTS,detail:e});exports.createFocusOutPreventedEvent=h;exports.focusFirstDescendant=T;exports.focusableStack=N;exports.getEdges=b;exports.getVisibleElement=a;exports.isFocusCausedByUserEvent=L;exports.isHidden=p;exports.obtainAllFocusableElements=F;exports.tryFocus=w;exports.useFocusReason=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../utils/dom/aria.cjs");require("@vueuse/core");const f=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("vue"),E=require("./tokens.cjs"),d=r.ref(),i=r.ref(0),l=r.ref(0);let u=0;const F=e=>{const s=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>{const o=t.tagName==="INPUT"&&t.type==="hidden";return t.disabled||t.hidden||o?NodeFilter.FILTER_SKIP:t.tabIndex>=0||t===document.activeElement?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)s.push(n.currentNode);return s},a=(e,s)=>{for(const n of e)if(!p(n,s))return n},p=(e,s)=>{if(process.env.NODE_ENV==="test")return!1;if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(s&&e===s)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1},y=e=>{const s=F(e),n=a(s,e),t=a(s.reverse(),e);return[n,t]},S=e=>e instanceof HTMLInputElement&&"select"in e,b=(e,s)=>{if(e&&e.focus){const n=document.activeElement;let t=!1;f.isElement(e)&&!w.isFocusable(e)&&!e.getAttribute("tabindex")&&(e.setAttribute("tabindex","-1"),t=!0),e.focus({preventScroll:!0}),l.value=window.performance.now(),e!==n&&S(e)&&s&&e.select(),f.isElement(e)&&t&&e.removeAttribute("tabindex")}};function v(e,s){const n=[...e],t=e.indexOf(s);return t!==-1&&n.splice(t,1),n}const T=()=>{let e=[];return{push:t=>{const o=e[0];o&&t!==o&&o.pause(),e=v(e,t),e.unshift(t)},remove:t=>{e=v(e,t),e[0]?.resume?.()}}},N=(e,s=!1)=>{const n=document.activeElement;for(const t of e)if(b(t,s),document.activeElement!==n)return},g=T(),L=()=>i.value>l.value,c=()=>{d.value="pointer",i.value=window.performance.now()},m=()=>{d.value="keyboard",i.value=window.performance.now()},h=()=>(r.onMounted(()=>{u===0&&(document.addEventListener("mousedown",c),document.addEventListener("touchstart",c),document.addEventListener("keydown",m)),u++}),r.onBeforeUnmount(()=>{u--,u<=0&&(document.removeEventListener("mousedown",c),document.removeEventListener("touchstart",c),document.removeEventListener("keydown",m))}),{focusReason:d,lastUserFocusTimestamp:i,lastAutomatedFocusTimestamp:l}),k=e=>new CustomEvent(E.FOCUSOUT_PREVENTED,{...E.FOCUSOUT_PREVENTED_OPTS,detail:e});exports.createFocusOutPreventedEvent=k;exports.focusFirstDescendant=N;exports.focusableStack=g;exports.getEdges=y;exports.getVisibleElement=a;exports.isFocusCausedByUserEvent=L;exports.isHidden=p;exports.obtainAllFocusableElements=F;exports.tryFocus=b;exports.useFocusReason=h;

package/lib/components/focus-trap/utils.d.ts

@@ -1,6 +1,6 @@
-declare const focusReason: import("vue").Ref<"pointer" | "keyboard" | undefined>;
-declare const lastUserFocusTimestamp: import("vue").Ref<number>;
-declare const lastAutomatedFocusTimestamp: import("vue").Ref<number>;
+declare const focusReason: import("vue").Ref<"pointer" | "keyboard" | undefined, "pointer" | "keyboard" | undefined>;
+declare const lastUserFocusTimestamp: import("vue").Ref<number, number>;
+declare const lastAutomatedFocusTimestamp: import("vue").Ref<number, number>;
 export type FocusLayer = {
     paused: boolean;
     pause: () => void;
@@ -25,5 +25,5 @@ export declare const useFocusReason: () => {
     lastUserFocusTimestamp: typeof lastUserFocusTimestamp;
     lastAutomatedFocusTimestamp: typeof lastAutomatedFocusTimestamp;
 };
-export declare const createFocusOutPreventedEvent: (detail: CustomEventInit['detail']) => CustomEvent<any>;
+export declare const createFocusOutPreventedEvent: (detail: CustomEventInit["detail"]) => CustomEvent<any>;
 export {};

package/lib/components/footer-layout/footer-layout.vue.d.ts

@@ -1,8 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare function __VLS_template(): {
     left?(_: {}): any;
     default?(_: {}): any;
     right?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/lib/components/footer-layout/index.d.ts

@@ -1,16 +1,16 @@
 export declare const VftFooterLayout: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         left?(_: {}): any;
         default?(_: {}): any;

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> = {