vft 0.0.142 → 0.0.145

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

@@ -5,12 +5,13 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
         $props: {
             style?: unknown;
             readonly title?: string | undefined;
-            readonly direction?: "vertical" | "horizontal" | undefined;
+            readonly direction?: "horizontal" | "vertical" | undefined;
             readonly border?: boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             readonly size?: string | undefined;
+            readonly column?: number | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -51,7 +52,6 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly column?: number | undefined;
             readonly extra?: string | undefined;
         };
         $attrs: {
@@ -75,7 +75,7 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<number>;
             };
             direction: {
-                type: import("vue").PropType<"vertical" | "horizontal">;
+                type: import("vue").PropType<"horizontal" | "vertical">;
             };
             size: {
                 type: import("vue").PropType<string>;
@@ -114,7 +114,7 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
+            type: import("vue").PropType<"horizontal" | "vertical">;
         };
         size: {
             type: import("vue").PropType<string>;
@@ -137,7 +137,7 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
     };
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
     size: {
         type: import("vue").PropType<string>;
@@ -159,12 +159,13 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                readonly width?: string | number | undefined;
                 readonly label?: string | undefined;
                 readonly span?: number | undefined;
                 style?: unknown;
                 readonly minWidth?: string | number | undefined;
-                readonly width?: string | number | undefined;
                 key?: string | number | symbol | undefined;
+                readonly className?: string | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 class?: unknown;
                 ref_for?: boolean | undefined;
@@ -207,7 +208,6 @@ export declare const VftDescriptions: import("vft/es/utils").SFCWithInstall<{
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly className?: string | undefined;
                 readonly align?: string | undefined;
                 readonly labelAlign?: string | undefined;
                 readonly labelClassName?: string | undefined;
@@ -335,12 +335,13 @@ export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly width?: string | number | undefined;
             readonly label?: string | undefined;
             readonly span?: number | undefined;
             style?: unknown;
             readonly minWidth?: string | number | undefined;
-            readonly width?: string | number | undefined;
             key?: string | number | symbol | undefined;
+            readonly className?: string | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             ref_for?: boolean | undefined;
@@ -383,7 +384,6 @@ export declare const VftDescriptionsItem: import("vft/es/utils").SFCWithInstall<
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly className?: string | undefined;
             readonly align?: string | undefined;
             readonly labelAlign?: string | undefined;
             readonly labelClassName?: string | undefined;

package/lib/components/dialog/dialog-content.vue.d.ts

@@ -33,7 +33,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: {
         type: import("vue").PropType<string>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     center: {
         type: import("vue").PropType<boolean>;
     };

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

@@ -92,13 +92,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visible: import("vue").Ref<boolean>;
     dialogContentRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => boolean;
-    open: () => true;
-    opened: () => true;
-    close: () => true;
-    closed: () => true;
-    openAutoFocus: () => true;
-    closeAutoFocus: () => true;
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     appendToBody: {
         type: import("vue").PropType<boolean>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("@vft/utils"),T=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const E=require("../overlay/index.cjs"),$=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const I=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const D=require("../../hooks/use-same-target/index.cjs");require("../../hooks/use-z-index/index.cjs");const V=require("./constants.cjs"),L=require("./dialog-content.vue2.cjs"),N=require("./hooks/use-dialog.cjs"),O=["aria-label","aria-labelledby","aria-describedby"],s=I.useNamespace("dialog"),P=e.defineComponent({name:"vft-dialog",inheritAttrs:!1}),z=e.defineComponent({...P,props:{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:{[$.UPDATE_MODEL_EVENT]:n=>R.isBoolean(n),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(n,{expose:y}){const u=e.ref(),v=e.ref(),d=e.ref(),C=e.getCurrentInstance(),{visible:a,titleId:i,bodyId:f,style:g,overlayDialogStyle:m,rendered:c,zIndex:b,afterEnter:B,afterLeave:q,beforeLeave:k,handleClose:p,onModalClick:w,onOpenAutoFocus:h,onCloseAutoFocus:A,onCloseRequested:F,onFocusoutPrevented:S}=N.useDialog(C.props,u);e.provide(V.dialogInjectionKey,{dialogRef:u,headerRef:v,bodyId:f,ns:s,rendered:c,style:g});const t=D.useSameTarget(w),M=e.computed(()=>n.draggable&&!n.fullscreen);return y({visible:a,dialogContentRef:d}),(o,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(B),onAfterLeave:e.unref(q),onBeforeLeave:e.unref(k)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(E.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(i),"aria-describedby":e.unref(f),class:e.normalizeClass(`${e.unref(s).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(m)),onClick:l[0]||(l[0]=(...r)=>e.unref(t).onClick&&e.unref(t).onClick(...r)),onMousedown:l[1]||(l[1]=(...r)=>e.unref(t).onMousedown&&e.unref(t).onMousedown(...r)),onMouseup:l[2]||(l[2]=(...r)=>e.unref(t).onMouseup&&e.unref(t).onMouseup(...r))},[e.createVNode(e.unref(T.default),{loop:"",trapped:e.unref(a),"focus-start-el":"container",onFocusAfterTrapped:e.unref(h),onFocusAfterReleased:e.unref(A),onFocusoutPrevented:e.unref(S),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createBlock(L.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:d},o.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:M.value,fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e.unref(p)}),e.createSlots({header:e.withCtx(()=>[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(p),titleId:e.unref(i),titleClass:e.unref(s).e("title")})]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer")]),key:"0"}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,O)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(a)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("@vft/utils"),T=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const E=require("../overlay/index.cjs"),$=require("../../constants/event.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const I=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const D=require("../../hooks/use-same-target/index.cjs");require("../../hooks/use-z-index/index.cjs");const V=require("./constants.cjs"),L=require("./dialog-content.vue2.cjs"),N=require("./hooks/use-dialog.cjs"),O=["aria-label","aria-labelledby","aria-describedby"],a=I.useNamespace("dialog"),P=e.defineComponent({name:a.b(),inheritAttrs:!1}),z=e.defineComponent({...P,props:{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:{[$.UPDATE_MODEL_EVENT]:n=>R.isBoolean(n),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(n,{expose:y}){const u=e.ref(),C=e.ref(),d=e.ref(),v=e.getCurrentInstance(),{visible:s,titleId:i,bodyId:f,style:m,overlayDialogStyle:g,rendered:c,zIndex:b,afterEnter:B,afterLeave:q,beforeLeave:k,handleClose:p,onModalClick:w,onOpenAutoFocus:h,onCloseAutoFocus:A,onCloseRequested:F,onFocusoutPrevented:S}=N.useDialog(v.props,u);e.provide(V.dialogInjectionKey,{dialogRef:u,headerRef:C,bodyId:f,ns:a,rendered:c,style:m});const t=D.useSameTarget(w),M=e.computed(()=>n.draggable&&!n.fullscreen);return y({visible:s,dialogContentRef:d}),(o,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!o.appendToBody},[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(B),onAfterLeave:e.unref(q),onBeforeLeave:e.unref(k)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(E.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(i),"aria-describedby":e.unref(f),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(g)),onClick:l[0]||(l[0]=(...r)=>e.unref(t).onClick&&e.unref(t).onClick(...r)),onMousedown:l[1]||(l[1]=(...r)=>e.unref(t).onMousedown&&e.unref(t).onMousedown(...r)),onMouseup:l[2]||(l[2]=(...r)=>e.unref(t).onMouseup&&e.unref(t).onMouseup(...r))},[e.createVNode(e.unref(T.default),{loop:"",trapped:e.unref(s),"focus-start-el":"container",onFocusAfterTrapped:e.unref(h),onFocusAfterReleased:e.unref(A),onFocusoutPrevented:e.unref(S),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createBlock(L.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:d},o.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:M.value,fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e.unref(p)}),e.createSlots({header:e.withCtx(()=>[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(p),titleId:e.unref(i),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer")]),key:"0"}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,O)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(s)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])],8,["disabled"]))}});exports.default=z;

package/lib/components/dialog/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const t=require("../../utils/vue/install.cjs");require("vue");const i=require("./dialog.vue2.cjs"),r=require("./constants.cjs"),u=require("./hooks/use-dialog.cjs"),e=t.withInstall(i.default);exports.dialogInjectionKey=r.dialogInjectionKey;exports.useDialog=u.useDialog;exports.VftDialog=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash");require("vue");const i=require("./dialog.vue2.cjs"),r=require("./constants.cjs"),u=require("./hooks/use-dialog.cjs"),e=t.withInstall(i.default);exports.dialogInjectionKey=r.dialogInjectionKey;exports.useDialog=u.useDialog;exports.VftDialog=e;exports.default=e;

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

@@ -8,13 +8,14 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly top?: string | undefined;
+            readonly width?: string | number | undefined;
             style?: unknown;
             readonly title?: string | undefined;
             readonly center?: boolean | undefined;
-            readonly top?: string | undefined;
-            readonly width?: string | number | undefined;
             readonly zIndex?: number | undefined;
             key?: string | number | symbol | undefined;
+            readonly draggable?: boolean | undefined;
             readonly fullscreen?: boolean | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
@@ -59,13 +60,12 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly draggable?: boolean | undefined;
             readonly customClass?: string | undefined;
             onClose?: (() => any) | undefined;
             readonly showClose?: boolean | undefined;
-            readonly closeOnPressEscape?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
             readonly closeIcon?: string | undefined;
             readonly appendToBody?: boolean | undefined;
@@ -178,13 +178,13 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             visible: import("vue").Ref<boolean>;
             dialogContentRef: import("vue").Ref<any>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => boolean;
-            open: () => true;
-            opened: () => true;
-            close: () => true;
-            closed: () => true;
-            openAutoFocus: () => true;
-            closeAutoFocus: () => true;
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            close: () => void;
+            opened: () => void;
+            closed: () => void;
+            openAutoFocus: () => void;
+            closeAutoFocus: () => void;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -372,13 +372,13 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
     visible: import("vue").Ref<boolean>;
     dialogContentRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => boolean;
-    open: () => true;
-    opened: () => true;
-    close: () => true;
-    closed: () => true;
-    openAutoFocus: () => true;
-    closeAutoFocus: () => true;
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {

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

@@ -1,15 +1,20 @@
 import type { BorderColor, BorderStyle } from './types';
 export interface DividerProps {
+    /** 分割线方向 */
     direction?: 'horizontal' | 'vertical';
+    /** 分隔线内容的位置 */
     contentPosition?: 'left' | 'center' | 'right';
+    /** 分隔线样式 */
     borderStyle?: BorderStyle;
+    /** 分隔线颜色 */
     borderColor?: BorderColor;
+    /** margin 边距 */
     marginY?: string;
     marginX?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
     contentPosition: {
         type: import("vue").PropType<"left" | "right" | "center">;
@@ -28,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
     contentPosition: {
         type: import("vue").PropType<"left" | "right" | "center">;

package/lib/components/divider/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("../../utils/vue/install.cjs");require("vue");const t=require("./divider.vue2.cjs"),e=r.withInstall(t.default);exports.VftDivider=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash");require("vue");const t=require("./divider.vue2.cjs"),e=r.withInstall(t.default);exports.VftDivider=e;exports.default=e;

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

@@ -4,7 +4,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         $data: {};
         $props: {
             style?: unknown;
-            readonly direction?: "vertical" | "horizontal" | undefined;
+            readonly direction?: "horizontal" | "vertical" | undefined;
             readonly borderColor?: string | undefined;
             readonly borderStyle?: string | undefined;
             key?: string | number | symbol | undefined;
@@ -69,7 +69,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             direction: {
-                type: import("vue").PropType<"vertical" | "horizontal">;
+                type: import("vue").PropType<"horizontal" | "vertical">;
             };
             contentPosition: {
                 type: import("vue").PropType<"left" | "right" | "center">;
@@ -108,7 +108,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         direction: {
-            type: import("vue").PropType<"vertical" | "horizontal">;
+            type: import("vue").PropType<"horizontal" | "vertical">;
         };
         contentPosition: {
             type: import("vue").PropType<"left" | "right" | "center">;
@@ -131,7 +131,7 @@ export declare const VftDivider: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
     contentPosition: {
         type: import("vue").PropType<"left" | "right" | "center">;

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

@@ -90,13 +90,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     close: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => boolean;
-    open: () => true;
-    opened: () => true;
-    close: () => true;
-    closed: () => true;
-    openAutoFocus: () => true;
-    closeAutoFocus: () => true;
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: import("vue").PropType<"ltr" | "rtl" | "ttb" | "btt">;

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");const N=require("../../hooks/use-namespace/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"],t=N.useNamespace("drawer"),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 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 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");const N=require("../../hooks/use-namespace/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"],t=N.useNamespace("drawer"),R=e.defineComponent({name:t.b()}),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 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:b,onFocusoutPrevented:M,titleId:s,bodyId:d,closed:P,style:H,overlayDialogStyle:U,rendered:v,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(b)},{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(v)?(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;

package/lib/components/drawer/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("../../utils/vue/install.cjs");require("vue");const t=require("./drawer.vue2.cjs"),e=r.withInstall(t.default);exports.VftDrawer=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash");require("vue");const t=require("./drawer.vue2.cjs"),e=r.withInstall(t.default);exports.VftDrawer=e;exports.default=e;

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

@@ -4,14 +4,15 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly top?: string | undefined;
+            readonly width?: string | number | undefined;
             style?: unknown;
             readonly title?: string | undefined;
             readonly center?: boolean | undefined;
             readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
-            readonly top?: string | undefined;
-            readonly width?: string | number | undefined;
             readonly zIndex?: number | undefined;
             key?: string | number | symbol | undefined;
+            readonly draggable?: boolean | undefined;
             readonly fullscreen?: boolean | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
@@ -57,13 +58,12 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            readonly draggable?: boolean | undefined;
             readonly customClass?: string | undefined;
             onClose?: (() => any) | undefined;
             readonly showClose?: boolean | undefined;
-            readonly closeOnPressEscape?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
             readonly closeIcon?: string | undefined;
             readonly appendToBody?: boolean | undefined;
@@ -189,13 +189,13 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         }, {
             close: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => boolean;
-            open: () => true;
-            opened: () => true;
-            close: () => true;
-            closed: () => true;
-            openAutoFocus: () => true;
-            closeAutoFocus: () => true;
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            close: () => void;
+            opened: () => void;
+            closed: () => void;
+            openAutoFocus: () => void;
+            closeAutoFocus: () => void;
         }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -405,13 +405,13 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
 }, {
     close: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => boolean;
-    open: () => true;
-    opened: () => true;
-    close: () => true;
-    closed: () => true;
-    openAutoFocus: () => true;
-    closeAutoFocus: () => true;
+    "update:modelValue": (value: boolean) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {

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

@@ -29,6 +29,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | number>;
         default: string;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    role: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     type: {
         type: import("vue").PropType<ButtonType>;
     };
@@ -40,35 +47,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"light" | "dark">;
         default: string;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<string>;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-        default: number;
-    };
-    role: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    trigger: {
-        type: import("vue").PropType<TooltipTriggerType>;
-        default: string;
-    };
     loop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    trigger: {
+        type: import("vue").PropType<TooltipTriggerType>;
+        default: string;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+        default: number;
     };
     popperOptions: {
         type: import("vue").PropType<Options>;
@@ -77,6 +73,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     splitButton: {
         type: import("vue").PropType<boolean>;
     };
@@ -108,6 +108,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | number>;
         default: string;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    role: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     type: {
         type: import("vue").PropType<ButtonType>;
     };
@@ -119,35 +126,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"light" | "dark">;
         default: string;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<string>;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-        default: number;
-    };
-    role: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    trigger: {
-        type: import("vue").PropType<TooltipTriggerType>;
-        default: string;
-    };
     loop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    trigger: {
+        type: import("vue").PropType<TooltipTriggerType>;
+        default: string;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+        default: number;
     };
     popperOptions: {
         type: import("vue").PropType<Options>;
@@ -156,6 +152,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     splitButton: {
         type: import("vue").PropType<boolean>;
     };
@@ -180,15 +180,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onCommand?: ((val: string) => any) | undefined;
 }, {
     maxHeight: string | number;
+    role: string;
     placement: Placement;
     effect: "light" | "dark";
-    tabindex: string | number;
-    role: string;
     disabled: boolean;
-    trigger: TooltipTriggerType;
     loop: boolean;
-    teleported: boolean;
+    trigger: TooltipTriggerType;
+    tabindex: string | number;
     popperClass: string;
+    teleported: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;

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