vft 0.0.344 → 0.0.346

package/es/components/carousel/use-carousel.js

@@ -10,7 +10,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as Ie } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { CAROUSEL_ITEM_NAME as H, carouselContextKey as ge } from "./constants.js";
+import { carouselContextKey as ge, CAROUSEL_ITEM_NAME as H } from "./constants.js";
 const L = 300, _e = (t, O, M) => {
   const {
     children: o,

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

@@ -1,63 +1,109 @@
-interface Props {
-    command?: object | string | number;
-    disabled?: boolean;
-    divided?: boolean;
-    textValue?: string;
-    icon?: string;
-}
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    command: () => {};
-    disabled: boolean;
-    divided: boolean;
-    textValue: string;
-    icon: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    pointermove: (event: PointerEvent) => void;
-    pointerleave: (event: PointerEvent) => void;
-    click: (event: MouseEvent) => void;
-    clickimpl: (event: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    command: () => {};
-    disabled: boolean;
-    divided: boolean;
-    textValue: string;
-    icon: string;
-}>>> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-    onPointerleave?: ((event: PointerEvent) => any) | undefined;
-    onPointermove?: ((event: PointerEvent) => any) | undefined;
-    onClickimpl?: ((event: MouseEvent) => any) | undefined;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly command: import("vft/es/utils").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly divided: BooleanConstructor;
+    readonly textValue: StringConstructor;
+    readonly icon: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>, {
-    disabled: boolean;
-    icon: string;
-    command: object | string | number;
-    divided: boolean;
-    textValue: string;
-}, {}, {}, {}, 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> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => 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;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    itemRef: (el: Element | import("vue").ComponentPublicInstance | null) => void;
+    dataset: {
+        "data-vft-collection-item": string;
     };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+    role: import("vue").ComputedRef<string>;
+    tabIndex: import("vue").Ref<number, number>;
+    handleFocus: (e: Event) => void;
+    handleKeydown: (event: KeyboardEvent) => void;
+    handleMousedown: (e: Event) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly command: import("vft/es/utils").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly divided: BooleanConstructor;
+    readonly textValue: StringConstructor;
+    readonly icon: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-};
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
+    onPointermove?: ((...args: any[]) => any) | undefined;
+    onClickimpl?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly command: import("vft/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly 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/es/components/dropdown/dropdown-item-impl.vue.js

@@ -1,4 +1,36 @@
-import f from "./dropdown-item-impl.vue2.js";
+import s from "./dropdown-item-impl.vue2.js";
+import { resolveComponent as t, createElementBlock as r, openBlock as i, Fragment as m, createCommentVNode as d, createElementVNode as a, normalizeClass as p, mergeProps as u, withModifiers as f, createBlock as b, renderSlot as v } from "vue";
+import $ from "../../_virtual/_plugin-vue_export-helper.js";
+const w = ["aria-disabled", "tabindex", "role"];
+function k(e, o, y, C, F, M) {
+  const l = t("vft-icon");
+  return i(), r(m, null, [
+    e.divided ? (i(), r("li", {
+      key: 0,
+      role: "separator",
+      class: p(e.ns.bem("menu", "item", "divided"))
+    }, null, 2)) : d("", !0),
+    a("li", u({ ref: e.itemRef }, { ...e.dataset, ...e.$attrs }, {
+      "aria-disabled": e.disabled,
+      class: [e.ns.be("menu", "item"), e.ns.is("disabled", e.disabled)],
+      tabindex: e.tabIndex,
+      role: e.role,
+      onClick: o[0] || (o[0] = (n) => e.$emit("clickimpl", n)),
+      onFocus: o[1] || (o[1] = (...n) => e.handleFocus && e.handleFocus(...n)),
+      onKeydown: o[2] || (o[2] = f((...n) => e.handleKeydown && e.handleKeydown(...n), ["self"])),
+      onMousedown: o[3] || (o[3] = (...n) => e.handleMousedown && e.handleMousedown(...n)),
+      onPointermove: o[4] || (o[4] = (n) => e.$emit("pointermove", n)),
+      onPointerleave: o[5] || (o[5] = (n) => e.$emit("pointerleave", n))
+    }), [
+      e.icon ? (i(), b(l, {
+        key: 0,
+        icon: "icon"
+      })) : d("", !0),
+      v(e.$slots, "default")
+    ], 16, w)
+  ], 64);
+}
+const P = /* @__PURE__ */ $(s, [["render", k]]);
 export {
-  f as default
+  P as default
 };

package/es/components/dropdown/dropdown-item-impl.vue2.js

@@ -1,90 +1,68 @@
-import { defineComponent as c, computed as m, inject as i, createElementBlock as f, openBlock as l, Fragment as y, createCommentVNode as I, createElementVNode as P, mergeProps as s, unref as t, withModifiers as g, createBlock as D, renderSlot as F, normalizeProps as V } from "vue";
-import { COLLECTION_ITEM_SIGN as $ } from "../collection/collection.js";
-import { VftIcon as J } from "../icon/index.js";
+import { defineComponent as f, inject as e, computed as O } from "vue";
 import "../roving-focus-group/roving-focus-group.vue2.js";
 import "../roving-focus-group/roving-focus-group-impl.vue2.js";
 import "../roving-focus-group/roving-focus-item.vue2.js";
-import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as Y } from "../roving-focus-group/types.js";
-import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as B } from "../roving-focus-group/tokens.js";
-import { EVENT_CODE as E } from "../../constants/aria.js";
+import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as u } from "../roving-focus-group/types.js";
+import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as N } from "../roving-focus-group/tokens.js";
+import { EVENT_CODE as t } from "../../constants/aria.js";
+import { COLLECTION_ITEM_SIGN as C } from "../collection/collection.js";
+import { VftIcon as T } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as G } from "@vft/utils";
-import { composeEventHandlers as S } from "../../utils/event.js";
+import "@vft/utils";
+import { composeEventHandlers as v } from "../../utils/event.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { composeRefs as U } from "../../utils/vue/refs.js";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import { composeRefs as R } from "../../utils/vue/refs.js";
+import { useNamespace as L } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as W } from "./tokens.js";
-import { DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as z } from "./types.js";
-const A = ["aria-disabled", "tabindex", "role"], H = c({
-  name: "DropdownItemImpl"
-}), Ee = /* @__PURE__ */ c({
-  ...H,
-  props: {
-    command: { default: () => ({}) },
-    disabled: { type: Boolean, default: !1 },
-    divided: { type: Boolean, default: !1 },
-    textValue: { default: "" },
-    icon: { default: "" }
+import { dropdownItemProps as K, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as w } from "./dropdown.js";
+import { DROPDOWN_INJECTION_KEY as D } from "./tokens.js";
+const B = f({
+  name: "DropdownItemImpl",
+  components: {
+    VftIcon: T
   },
+  props: K,
   emits: ["pointermove", "pointerleave", "click", "clickimpl"],
-  setup(O, { emit: N }) {
-    const C = O, v = N, r = j("dropdown"), T = m(() => G(C.icon, "icon")), { role: d } = i(W, void 0), { collectionItemRef: _ } = i(
-      z,
+  setup(M, { emit: m }) {
+    const n = L("dropdown"), { role: r } = e(D, void 0), { collectionItemRef: i } = e(
+      w,
       void 0
-    ), { collectionItemRef: b } = i(
-      Y,
+    ), { collectionItemRef: p } = e(
+      u,
       void 0
     ), {
-      rovingFocusGroupItemRef: R,
-      tabIndex: k,
-      handleFocus: a,
-      handleKeydown: w,
-      handleMousedown: p
-    } = i(B, void 0), K = U(
-      _,
-      b,
-      R
-    ), L = m(() => d.value === "menu" ? "menuitem" : d.value === "navigation" ? "link" : "button"), u = S((e) => {
-      const { code: o } = e;
-      if (o === E.enter || o === E.space)
-        return e.preventDefault(), e.stopImmediatePropagation(), v("clickimpl", e), !0;
-    }, w), M = m(() => ({
-      [$]: ""
-    }));
-    return (e, o) => (l(), f(y, null, [
-      e.divided ? (l(), f("li", s({
-        key: 0,
-        role: "separator",
-        class: t(r).bem("menu", "item", "divided")
-      }, e.$attrs), null, 16)) : I("", !0),
-      P("li", s({ ref: t(K) }, { ...M.value, ...e.$attrs }, {
-        "aria-disabled": e.disabled,
-        class: [t(r).be("menu", "item"), t(r).is("disabled", e.disabled)],
-        tabindex: t(k),
-        role: L.value,
-        onClick: o[0] || (o[0] = (n) => e.$emit("clickimpl", n)),
-        onFocus: o[1] || (o[1] = //@ts-ignore
-        (...n) => t(a) && t(a)(...n)),
-        onKeydown: o[2] || (o[2] = g(
-          //@ts-ignore
-          (...n) => t(u) && t(u)(...n),
-          ["self"]
-        )),
-        onMousedown: o[3] || (o[3] = //@ts-ignore
-        (...n) => t(p) && t(p)(...n)),
-        onPointermove: o[4] || (o[4] = (n) => e.$emit("pointermove", n)),
-        onPointerleave: o[5] || (o[5] = (n) => e.$emit("pointerleave", n))
-      }), [
-        e.icon ? (l(), D(t(J), V(s({ key: 0 }, T.value)), null, 16)) : I("", !0),
-        F(e.$slots, "default")
-      ], 16, A)
-    ], 64));
+      rovingFocusGroupItemRef: I,
+      tabIndex: c,
+      handleFocus: s,
+      handleKeydown: l,
+      handleMousedown: d
+    } = e(N, void 0), a = R(
+      i,
+      p,
+      I
+    ), E = O(() => r.value === "menu" ? "menuitem" : r.value === "navigation" ? "link" : "button"), _ = v((o) => {
+      if ([t.enter, t.numpadEnter, t.space].includes(
+        o.code
+      ))
+        return o.preventDefault(), o.stopImmediatePropagation(), m("clickimpl", o), !0;
+    }, l);
+    return {
+      ns: n,
+      itemRef: a,
+      dataset: {
+        [C]: ""
+      },
+      role: E,
+      tabIndex: c,
+      handleFocus: s,
+      handleKeydown: _,
+      handleMousedown: d
+    };
   }
 });
 export {
-  Ee as default
+  B as default
 };

package/es/components/dropdown/dropdown-item.vue.js

@@ -1,4 +1,35 @@
-import f from "./dropdown-item.vue2.js";
+import d from "./dropdown-item.vue2.js";
+import { resolveComponent as o, createBlock as a, openBlock as p, withCtx as n, createVNode as t, mergeProps as m, renderSlot as s } from "vue";
+import c from "../../_virtual/_plugin-vue_export-helper.js";
+function f(e, u, _, v, P, b) {
+  const r = o("dropdown-item-impl"), l = o("roving-focus-item"), i = o("dropdown-collection-item");
+  return p(), a(i, {
+    disabled: e.disabled,
+    "text-value": e.textValue ?? e.textContent
+  }, {
+    default: n(() => [
+      t(l, {
+        focusable: !e.disabled
+      }, {
+        default: n(() => [
+          t(r, m(e.propsAndAttrs, {
+            onPointerleave: e.handlePointerLeave,
+            onPointermove: e.handlePointerMove,
+            onClickimpl: e.handleClick
+          }), {
+            default: n(() => [
+              s(e.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
+        ]),
+        _: 3
+      }, 8, ["focusable"])
+    ]),
+    _: 3
+  }, 8, ["disabled", "text-value"]);
+}
+const k = /* @__PURE__ */ c(d, [["render", f]]);
 export {
-  f as default
+  k as default
 };

package/es/components/dropdown/dropdown-item.vue2.js

@@ -1,86 +1,65 @@
-import { defineComponent as u, useAttrs as w, getCurrentInstance as E, ref as x, computed as m, unref as t, inject as D, createBlock as V, openBlock as y, withCtx as a, createVNode as s, mergeProps as A, renderSlot as B } from "vue";
+import { defineComponent as P, getCurrentInstance as w, ref as h, computed as d, unref as D, inject as k } from "vue";
 import "../roving-focus-group/roving-focus-group.vue2.js";
 import "../roving-focus-group/roving-focus-group-impl.vue2.js";
-import N from "../roving-focus-group/roving-focus-item.vue.js";
+import E from "../roving-focus-group/roving-focus-item.vue.js";
 import "../roving-focus-group/types.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { composeEventHandlers as l, whenMouse as c } from "../../utils/event.js";
+import { composeEventHandlers as i, whenMouse as c } from "../../utils/event.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import O from "./dropdown-item-impl.vue2.js";
-import { DROPDOWN_INJECTION_KEY as R } from "./tokens.js";
-import { VftCollectionItem as H } from "./types.js";
-import { useDropdown as L } from "./useDropdown.js";
-const M = u({
+import g from "./dropdown-item-impl.vue.js";
+import { useDropdown as _ } from "./useDropdown.js";
+import { dropdownItemProps as O, VftCollectionItem as b } from "./dropdown.js";
+import { DROPDOWN_INJECTION_KEY as x } from "./tokens.js";
+const W = P({
   name: "VftDropdownItem",
-  inheritAttrs: !1
-}), X = /* @__PURE__ */ u({
-  ...M,
-  props: {
-    command: { default: () => ({}) },
-    disabled: { type: Boolean, default: !1 },
-    divided: { type: Boolean, default: !1 },
-    textValue: { default: "" },
-    icon: { default: "" }
+  components: {
+    DropdownCollectionItem: b,
+    RovingFocusItem: E,
+    DropdownItemImpl: g
   },
+  inheritAttrs: !1,
+  props: O,
   emits: ["pointermove", "pointerleave", "click"],
-  setup(f, { emit: p }) {
-    const o = f, r = p, v = w(), { elDropdown: i } = L(), P = E(), C = x(null), _ = m(() => t(C)?.textContent ?? ""), { onItemEnter: b, onItemLeave: d } = D(R, void 0), k = l(
-      (e) => (r("pointermove", e), e.defaultPrevented),
+  setup(t, { emit: n, attrs: a }) {
+    const { elDropdown: o } = _(), l = w(), p = h(null), s = d(() => D(p)?.textContent ?? ""), { onItemEnter: f, onItemLeave: m } = k(
+      x,
+      void 0
+    ), u = i(
+      (e) => (n("pointermove", e), e.defaultPrevented),
       c((e) => {
-        if (o.disabled) {
-          d(e);
+        if (t.disabled) {
+          m(e);
           return;
         }
-        const n = e.currentTarget;
-        n === document.activeElement || n.contains(document.activeElement) || (b(e), e.defaultPrevented || n?.focus());
+        const r = e.currentTarget;
+        r === document.activeElement || r.contains(document.activeElement) || (f(e), e.defaultPrevented || r?.focus({
+          preventScroll: !0
+        }));
       })
-    ), h = l(
-      (e) => (r("pointerleave", e), e.defaultPrevented),
-      c((e) => {
-        d(e);
-      })
-    ), I = l(
+    ), v = i((e) => (n("pointerleave", e), e.defaultPrevented), c(m)), I = i(
       (e) => {
-        if (!o.disabled)
-          return r("click", e), e.type !== "keydown" && e.defaultPrevented;
+        if (!t.disabled)
+          return n("click", e), e.type !== "keydown" && e.defaultPrevented;
       },
       (e) => {
-        if (o.disabled) {
+        if (t.disabled) {
           e.stopImmediatePropagation();
           return;
         }
-        i?.hideOnClick?.value && i.handleClick?.(), i.commandHandler?.(o.command, P, e);
+        o?.hideOnClick?.value && o.handleClick?.(), o.commandHandler?.(t.command, l, e);
       }
-    ), g = m(() => ({ ...o, ...v }));
-    return (e, n) => (y(), V(t(H), {
-      disabled: e.disabled,
-      "text-value": e.textValue ?? _.value
-    }, {
-      default: a(() => [
-        s(t(N), {
-          focusable: !e.disabled
-        }, {
-          default: a(() => [
-            s(O, A(g.value, {
-              onPointerleave: t(h),
-              onPointermove: t(k),
-              onClickimpl: t(I)
-            }), {
-              default: a(() => [
-                B(e.$slots, "default")
-              ]),
-              _: 3
-            }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
-          ]),
-          _: 3
-        }, 8, ["focusable"])
-      ]),
-      _: 3
-    }, 8, ["disabled", "text-value"]));
+    ), C = d(() => ({ ...t, ...a }));
+    return {
+      handleClick: I,
+      handlePointerMove: u,
+      handlePointerLeave: v,
+      textContent: s,
+      propsAndAttrs: C
+    };
   }
 });
 export {
-  X as default
+  W as default
 };

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

@@ -1,23 +1,28 @@
-interface Props {
-    onKeydown?: (e: KeyboardEvent) => void;
-}
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: 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>;
-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> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    onKeydown: {
+        readonly type: import("vue").PropType<(e: KeyboardEvent) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+}>, {
+    size: import("vue").ComputedRef<string> | undefined;
+    rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue, import("vue").StyleValue>;
+    tabIndex: import("vue").Ref<number, number>;
+    dropdownKls: import("vue").ComputedRef<string[]>;
+    role: any;
+    triggerId: import("vue").ComputedRef<string>;
+    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance | null) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
+    onBlur: (e: Event) => void;
+    onFocus: (e: FocusEvent) => void;
+    onMousedown: (e: Event) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    onKeydown: {
+        readonly type: import("vue").PropType<(e: KeyboardEvent) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/dropdown/dropdown-menu.vue.js

@@ -1,4 +1,24 @@
-import f from "./dropdown-menu.vue2.js";
+import l from "./dropdown-menu.vue2.js";
+import { createElementBlock as s, openBlock as d, withModifiers as n, normalizeStyle as i, normalizeClass as u, renderSlot as p } from "vue";
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = ["role", "aria-labelledby"];
+function t(o, e, m, w, y, b) {
+  return d(), s("ul", {
+    ref: o.dropdownListWrapperRef,
+    class: u(o.dropdownKls),
+    style: i(o.rovingFocusGroupRootStyle),
+    tabindex: -1,
+    role: o.role,
+    "aria-labelledby": o.triggerId,
+    onBlur: e[0] || (e[0] = (...r) => o.onBlur && o.onBlur(...r)),
+    onFocus: e[1] || (e[1] = (...r) => o.onFocus && o.onFocus(...r)),
+    onKeydown: e[2] || (e[2] = n((...r) => o.handleKeydown && o.handleKeydown(...r), ["self"])),
+    onMousedown: e[3] || (e[3] = n((...r) => o.onMousedown && o.onMousedown(...r), ["self"]))
+  }, [
+    p(o.$slots, "default")
+  ], 46, f);
+}
+const F = /* @__PURE__ */ a(l, [["render", t]]);
 export {
-  f as default
+  F as default
 };