vft 0.0.239 → 0.0.240

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

@@ -4,12 +4,12 @@ export * from './hooks/use-dialog';
 export * from './types';
 export type { DialogProps };
 export declare const VftDialog: 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<{
         appendToBody: {
             type: import("vue").PropType<boolean>;
         };
         beforeClose: {
-            type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+            type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
         };
         destroyOnClose: {
             type: import("vue").PropType<boolean>;
@@ -74,104 +74,26 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         title: {
             type: import("vue").PropType<string>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
-        onOpenAutoFocus?: (() => any) | undefined;
-        onCloseAutoFocus?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
-    }, {
-        visible: import("vue").Ref<boolean>;
-        dialogContentRef: import("vue").Ref<any>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => void;
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+    }>, {
+        visible: import("vue").Ref<boolean, boolean>;
+        dialogContentRef: import("vue").Ref<any, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: () => void;
+        "update:modelValue": (value: boolean) => void;
         open: () => void;
         opened: () => void;
         closed: () => void;
         openAutoFocus: () => void;
         closeAutoFocus: () => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-        };
-        beforeClose: {
-            type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
-        };
-        destroyOnClose: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeOnClickModal: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-        };
-        lockScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        modal: {
-            type: import("vue").PropType<boolean>;
-        };
-        openDelay: {
-            type: import("vue").PropType<number>;
-        };
-        closeDelay: {
-            type: import("vue").PropType<number>;
-        };
-        top: {
-            type: import("vue").PropType<string>;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-        };
-        modalClass: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
-        zIndex: {
-            type: import("vue").PropType<number>;
-        };
-        trapFocus: {
-            type: import("vue").PropType<boolean>;
-        };
-        center: {
-            type: import("vue").PropType<boolean>;
-        };
-        alignCenter: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeIcon: {
-            type: import("vue").PropType<string>;
-        };
-        customClass: {
-            type: import("vue").PropType<string>;
-        };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-        };
-        fullscreen: {
-            type: import("vue").PropType<boolean>;
-        };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & {
-        onClose?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        onOpen?: (() => any) | undefined;
-        onOpenAutoFocus?: (() => any) | undefined;
-        onCloseAutoFocus?: (() => any) | undefined;
-        onOpened?: (() => any) | undefined;
-        onClosed?: (() => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -183,7 +105,7 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         beforeClose: {
-            type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+            type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
         };
         destroyOnClose: {
             type: import("vue").PropType<boolean>;
@@ -248,27 +170,27 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         title: {
             type: import("vue").PropType<string>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
-        onOpenAutoFocus?: (() => any) | undefined;
-        onCloseAutoFocus?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
-    }, {
-        visible: import("vue").Ref<boolean>;
-        dialogContentRef: import("vue").Ref<any>;
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+    }>, {
+        visible: import("vue").Ref<boolean, boolean>;
+        dialogContentRef: import("vue").Ref<any, any>;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     appendToBody: {
         type: import("vue").PropType<boolean>;
     };
     beforeClose: {
-        type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+        type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
     };
     destroyOnClose: {
         type: import("vue").PropType<boolean>;
@@ -333,26 +255,26 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     title: {
         type: import("vue").PropType<string>;
     };
-}>> & {
+}>> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-}, {
-    visible: import("vue").Ref<boolean>;
-    dialogContentRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}>, {
+    visible: import("vue").Ref<boolean, boolean>;
+    dialogContentRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    "update:modelValue": (value: boolean) => void;
     open: () => void;
     opened: () => void;
     closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {
             close: () => void;

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

@@ -12,9 +12,11 @@ export interface DividerProps {
     marginY?: string;
     marginX?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DividerProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DividerProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DividerProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DividerProps>>> & 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/divider/index.d.ts

@@ -1,5 +1,5 @@
 export declare const VftDivider: 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<{
         direction: {
             type: import("vue").PropType<"vertical" | "horizontal">;
         };
@@ -18,26 +18,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         marginX: {
             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<{
-        direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
-        };
-        contentPosition: {
-            type: import("vue").PropType<"left" | "right" | "center">;
-        };
-        borderStyle: {
-            type: import("vue").PropType<string>;
-        };
-        borderColor: {
-            type: import("vue").PropType<string>;
-        };
-        marginY: {
-            type: import("vue").PropType<string>;
-        };
-        marginX: {
-            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: {};
@@ -63,10 +44,10 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         marginX: {
             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<{
     direction: {
         type: import("vue").PropType<"vertical" | "horizontal">;
@@ -86,7 +67,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
     marginX: {
         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: {
         default?(_: {}): any;
     };

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

@@ -5,34 +5,36 @@ export interface DrawerProps extends DialogProps {
     withHeader?: boolean;
     modalFade?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DrawerProps>, {
+declare function __VLS_template(): {
+    header?(_: {
+        close: () => void;
+        titleId: string;
+        titleClass: string;
+    }): any;
+    title?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DrawerProps>>, {
     close: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    "update:modelValue": (value: boolean) => void;
     open: () => void;
     opened: () => void;
     closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DrawerProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DrawerProps>>> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-}, {}, {}>, {
-    header?(_: {
-        close: () => void;
-        titleId: string;
-        titleClass: string;
-    }): any;
-    title?(_: {}): any;
-    default?(_: {}): any;
-    footer?(_: {}): any;
-}>;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/drawer/drawer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../dialog/index.cjs");const z=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const E=require("../icon/index.cjs"),V=require("../overlay/index.cjs"),g=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const N=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("../dialog/hooks/use-dialog.cjs"),$=["aria-label","aria-labelledby","aria-describedby"],A=["id"],D=["id"],R=e.defineComponent({name:"vft-drawer"}),I=e.defineComponent({...R,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[g.UPDATE_MODEL_EVENT]:l=>c.isBoolean(l),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(l,{expose:p}){const t=N.useNamespace("drawer"),m=e.getCurrentInstance(),n=e.ref(),{afterEnter:y,afterLeave:C,beforeLeave:B,handleClose:r,onModalClick:k,close:T,doClose:F,onOpenAutoFocus:L,onCloseAutoFocus:O,onCloseRequested:v,onFocusoutPrevented:M,titleId:s,bodyId:d,closed:P,style:H,overlayDialogStyle:U,rendered:b,visible:u,zIndex:h}=S.useDialog(m.props,n),i=e.ref(),q=e.computed(()=>l.direction==="rtl"||l.direction==="ltr"),f=e.computed(()=>c.addUnit(l.size));return p({close:r}),(o,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:e.unref(t).b("fade"),onAfterEnter:e.unref(y),onAfterLeave:e.unref(C),onBeforeLeave:e.unref(B)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(V.VftOverlay),{mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(h),onClick:e.unref(k)},{default:e.withCtx(()=>[e.createVNode(e.unref(z.default),{loop:"",trapped:e.unref(u),"focus-trap-el":n.value,"focus-start-el":i.value,onReleaseRequested:e.unref(v)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:n,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(s),"aria-describedby":e.unref(d)},o.$attrs,{class:[e.unref(t).b(),o.direction,e.unref(u)&&"open",o.customClass],style:q.value?"width: "+f.value:"height: "+f.value,role:"dialog",onClick:a[1]||(a[1]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:i,class:e.normalizeClass(e.unref(t).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(e.unref(t).e("header"))},[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(r),titleId:e.unref(s),titleClass:e.unref(t).e("title")},()=>[o.$slots.title?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,id:e.unref(s),role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),11,A))]),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(e.unref(t).e("close-btn")),type:"button",onClick:a[0]||(a[0]=(...w)=>e.unref(r)&&e.unref(r)(...w))},[e.createVNode(e.unref(E.VftIcon),{icon:"icon-close",class:e.normalizeClass(e.unref(t).e("close"))},null,8,["class"])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(d),class:e.normalizeClass(e.unref(t).e("body"))},[e.renderSlot(o.$slots,"default")],10,D)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],16,$)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(u)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../dialog/index.cjs");const V=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const z=require("../icon/index.cjs"),E=require("../overlay/index.cjs"),g=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const N=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=require("../teleport/index.cjs"),$=require("../dialog/hooks/use-dialog.cjs"),A=["aria-label","aria-labelledby","aria-describedby"],D=["id"],R=["id"],I=e.defineComponent({name:"vft-drawer"}),T=e.defineComponent({...I,props:{direction:{default:"rtl"},size:{default:"30%"},withHeader:{type:Boolean,default:!0},modalFade:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[g.UPDATE_MODEL_EVENT]:l=>c.isBoolean(l),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(l,{expose:p}){const t=N.useNamespace("drawer"),m=e.getCurrentInstance(),n=e.ref(),{afterEnter:y,afterLeave:C,beforeLeave:B,handleClose:r,onModalClick:k,close:F,doClose:L,onOpenAutoFocus:O,onCloseAutoFocus:M,onCloseRequested:v,onFocusoutPrevented:P,titleId:s,bodyId:d,closed:H,style:U,overlayDialogStyle:j,rendered:b,visible:u,zIndex:h}=$.useDialog(m.props,n),i=e.ref(),q=e.computed(()=>l.direction==="rtl"||l.direction==="ltr"),f=e.computed(()=>c.addUnit(l.size));return p({close:r}),(o,a)=>(e.openBlock(),e.createBlock(e.unref(S.VftTeleport),{to:"body",disabled:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:e.unref(t).b("fade"),onAfterEnter:e.unref(y),onAfterLeave:e.unref(C),onBeforeLeave:e.unref(B)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(E.VftOverlay),{mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(h),onClick:e.unref(k)},{default:e.withCtx(()=>[e.createVNode(e.unref(V.default),{loop:"",trapped:e.unref(u),"focus-trap-el":n.value,"focus-start-el":i.value,onReleaseRequested:e.unref(v)},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({ref_key:"drawerRef",ref:n,"aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(s),"aria-describedby":e.unref(d)},o.$attrs,{class:[e.unref(t).b(),o.direction,e.unref(u)&&"open",o.customClass],style:q.value?"width: "+f.value:"height: "+f.value,role:"dialog",onClick:a[1]||(a[1]=e.withModifiers(()=>{},["stop"]))}),[e.createElementVNode("span",{ref_key:"focusStartRef",ref:i,class:e.normalizeClass(e.unref(t).e("sr-focus")),tabindex:"-1"},null,2),o.withHeader?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(e.unref(t).e("header"))},[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(r),titleId:e.unref(s),titleClass:e.unref(t).e("title")},()=>[o.$slots.title?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,id:e.unref(s),role:"heading",class:e.normalizeClass(e.unref(t).e("title"))},e.toDisplayString(o.title),11,D))]),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(e.unref(t).e("close-btn")),type:"button",onClick:a[0]||(a[0]=(...w)=>e.unref(r)&&e.unref(r)(...w))},[e.createVNode(e.unref(z.VftIcon),{icon:"icon-close",class:e.normalizeClass(e.unref(t).e("close"))},null,8,["class"])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:1,id:e.unref(d),class:e.normalizeClass(e.unref(t).e("body"))},[e.renderSlot(o.$slots,"default")],10,R)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],16,A)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])]),_:3},8,["mask","overlay-class","z-index","onClick"]),[[e.vShow,e.unref(u)]])]),_:3},8,["name","onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["disabled"]))}});exports.default=T;

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

@@ -1,6 +1,6 @@
 import { type DrawerProps } from './drawer.vue';
 export declare const VftDrawer: 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<{
         direction: {
             type: import("vue").PropType<"ltr" | "rtl" | "ttb" | "btt">;
         };
@@ -17,7 +17,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         beforeClose: {
-            type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+            type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
         };
         destroyOnClose: {
             type: import("vue").PropType<boolean>;
@@ -82,115 +82,25 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         title: {
             type: import("vue").PropType<string>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
-        onOpenAutoFocus?: (() => any) | undefined;
-        onCloseAutoFocus?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
-    }, {
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+    }>, {
         close: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: () => void;
+        "update:modelValue": (value: boolean) => void;
         open: () => void;
         opened: () => void;
         closed: () => void;
         openAutoFocus: () => void;
         closeAutoFocus: () => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        direction: {
-            type: import("vue").PropType<"ltr" | "rtl" | "ttb" | "btt">;
-        };
-        size: {
-            type: import("vue").PropType<string | number>;
-        };
-        withHeader: {
-            type: import("vue").PropType<boolean>;
-        };
-        modalFade: {
-            type: import("vue").PropType<boolean>;
-        };
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-        };
-        beforeClose: {
-            type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
-        };
-        destroyOnClose: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeOnClickModal: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-        };
-        lockScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        modal: {
-            type: import("vue").PropType<boolean>;
-        };
-        openDelay: {
-            type: import("vue").PropType<number>;
-        };
-        closeDelay: {
-            type: import("vue").PropType<number>;
-        };
-        top: {
-            type: import("vue").PropType<string>;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-        };
-        modalClass: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
-        zIndex: {
-            type: import("vue").PropType<number>;
-        };
-        trapFocus: {
-            type: import("vue").PropType<boolean>;
-        };
-        center: {
-            type: import("vue").PropType<boolean>;
-        };
-        alignCenter: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeIcon: {
-            type: import("vue").PropType<string>;
-        };
-        customClass: {
-            type: import("vue").PropType<string>;
-        };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-        };
-        fullscreen: {
-            type: import("vue").PropType<boolean>;
-        };
-        showClose: {
-            type: import("vue").PropType<boolean>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & {
-        onClose?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        onOpen?: (() => any) | undefined;
-        onOpenAutoFocus?: (() => any) | undefined;
-        onCloseAutoFocus?: (() => any) | undefined;
-        onOpened?: (() => any) | undefined;
-        onClosed?: (() => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -214,7 +124,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         beforeClose: {
-            type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+            type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
         };
         destroyOnClose: {
             type: import("vue").PropType<boolean>;
@@ -279,20 +189,20 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         title: {
             type: import("vue").PropType<string>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
-        onOpenAutoFocus?: (() => any) | undefined;
-        onCloseAutoFocus?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
-    }, {
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+    }>, {
         close: () => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: import("vue").PropType<"ltr" | "rtl" | "ttb" | "btt">;
@@ -310,7 +220,7 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     beforeClose: {
-        type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+        type: import("vue").PropType<(done: (cancel?: boolean) => void) => void>;
     };
     destroyOnClose: {
         type: import("vue").PropType<boolean>;
@@ -375,25 +285,25 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
     title: {
         type: import("vue").PropType<string>;
     };
-}>> & {
+}>> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-}, {
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}>, {
     close: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    "update:modelValue": (value: boolean) => void;
     open: () => void;
     opened: () => void;
     closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {
             close: () => void;