vft 0.0.50 → 0.0.53

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

@@ -0,0 +1,35 @@
+import d from "./dropdown-item.vue2.js";
+import { resolveComponent as o, openBlock as a, createBlock 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 a(), p(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 {
+  k as default
+};

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

@@ -0,0 +1,24 @@
+import l from "./dropdown-menu.vue2.js";
+import { openBlock as s, createElementBlock as d, normalizeClass as i, normalizeStyle as u, withModifiers as n, 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 s(), d("ul", {
+    ref: o.dropdownListWrapperRef,
+    class: i(o.dropdownKls),
+    style: u(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
+};

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

@@ -0,0 +1,95 @@
+import { defineComponent as F, inject as t, computed as S, unref as D } from "vue";
+import "@vft/utils";
+import { composeRefs as Y } from "../../utils/vue/refs.js";
+import "lodash";
+import "@vueuse/core";
+import { composeEventHandlers as y } from "../../utils/event.js";
+import "../../utils/ns-cover.js";
+import { EVENT_CODE as J } from "../../constants/aria.js";
+import "../focus-trap/focus-trap.vue2.js";
+import { FOCUS_TRAP_INJECTION_KEY as G } from "../focus-trap/tokens.js";
+import "../focus-trap/utils.js";
+import "../roving-focus-group/roving-focus-group.vue2.js";
+import "../roving-focus-group/roving-focus-item.vue2.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as b } from "../roving-focus-group/types.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as P } from "../roving-focus-group/tokens.js";
+import { focusFirst as U } from "../roving-focus-group/utils.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { DROPDOWN_INJECTION_KEY as A } from "./tokens.js";
+import { DROPDOWN_COLLECTION_INJECTION_KEY as W, FIRST_LAST_KEYS as h, LAST_KEYS as x } from "./types.js";
+import { useDropdown as M } from "./useDropdown.js";
+const Eo = F({
+  name: "VftDropdownMenu",
+  props: {
+    onKeydown: {
+      type: Function
+    }
+  },
+  setup(n) {
+    const s = V("dropdown"), { _elDropdownSize: f } = M(), e = f.value, { focusTrapRef: u, onKeydown: a } = t(
+      G,
+      void 0
+    ), { contentRef: p, role: _, triggerId: O } = t(
+      A,
+      void 0
+    ), { collectionRef: I, getItems: l } = t(
+      W,
+      void 0
+    ), {
+      rovingFocusGroupRef: E,
+      rovingFocusGroupRootStyle: N,
+      tabIndex: C,
+      onBlur: T,
+      onFocus: R,
+      onMousedown: K
+    } = t(P, void 0), { collectionRef: w } = t(
+      b,
+      void 0
+    ), v = S(() => [s.b("menu"), s.bm("menu", e == null ? void 0 : e.value)]), L = Y(
+      p,
+      I,
+      u,
+      E,
+      w
+    ), g = y(
+      (o) => {
+        var r;
+        (r = n.onKeydown) == null || r.call(n, o);
+      },
+      (o) => {
+        const { currentTarget: r, code: i, target: c } = o;
+        if (r.contains(
+          c
+        ), J.tab === i && o.stopImmediatePropagation(), o.preventDefault(), c !== D(p) || !h.includes(i))
+          return;
+        const d = l().filter(
+          (m) => !m.disabled
+        ).map((m) => m.ref);
+        x.includes(i) && d.reverse(), U(d);
+      }
+    );
+    return {
+      size: e,
+      rovingFocusGroupRootStyle: N,
+      tabIndex: C,
+      dropdownKls: v,
+      role: _,
+      triggerId: O,
+      dropdownListWrapperRef: L,
+      handleKeydown: (o) => {
+        g(o), a(o);
+      },
+      onBlur: T,
+      onFocus: R,
+      onMousedown: K
+    };
+  }
+});
+export {
+  Eo as default
+};

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

@@ -290,12 +290,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -308,7 +308,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -500,12 +500,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -514,7 +514,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -724,12 +724,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;

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

@@ -0,0 +1,129 @@
+import h from "./dropdown.vue2.js";
+import { resolveComponent as r, openBlock as a, createElementBlock as v, normalizeClass as s, createVNode as n, createSlots as w, withCtx as o, renderSlot as t, createBlock as y, mergeProps as p, createCommentVNode as C } from "vue";
+import B from "../../_virtual/_plugin-vue_export-helper.js";
+function k(e, S, E, z, T, $) {
+  var i;
+  const d = r("dropdown-collection"), f = r("roving-focus-group"), u = r("vft-scrollbar"), g = r("vft-only-child"), b = r("vft-tooltip"), l = r("vft-button"), m = r("vft-icon"), c = r("vft-button-group");
+  return a(), v("div", {
+    class: s([e.ns.b(), e.ns.is("disabled", e.disabled)])
+  }, [
+    n(b, {
+      ref: "popperRef",
+      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": [e.ns.e("popper"), e.popperClass],
+      "reference-element": (i = e.referenceElementRef) == null ? void 0 : i.$el,
+      trigger: e.trigger,
+      "trigger-keys": e.triggerKeys,
+      "trigger-target-el": e.contentRef,
+      "show-after": e.trigger === "hover" ? e.showTimeout : 0,
+      "stop-popper-mouse-event": !1,
+      "virtual-ref": e.triggeringElementRef,
+      "virtual-triggering": e.splitButton,
+      disabled: e.disabled,
+      transition: `${e.ns.namespace.value}-zoom-in-top`,
+      teleported: e.teleported,
+      pure: "",
+      persistent: "",
+      onBeforeShow: e.handleBeforeShowTooltip,
+      onShow: e.handleShowTooltip,
+      onBeforeHide: e.handleBeforeHideTooltip
+    }, w({
+      content: o(() => [
+        n(u, {
+          ref: "scrollbar",
+          "wrap-style": e.wrapStyle,
+          tag: "div",
+          "view-class": e.ns.e("list")
+        }, {
+          default: o(() => [
+            n(f, {
+              loop: e.loop,
+              "current-tab-id": e.currentTabId,
+              orientation: "horizontal",
+              onCurrentTabIdChange: e.handleCurrentTabIdChange,
+              onEntryFocus: e.handleEntryFocus
+            }, {
+              default: o(() => [
+                n(d, null, {
+                  default: o(() => [
+                    t(e.$slots, "dropdown")
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            }, 8, ["loop", "current-tab-id", "onCurrentTabIdChange", "onEntryFocus"])
+          ]),
+          _: 3
+        }, 8, ["wrap-style", "view-class"])
+      ]),
+      _: 2
+    }, [
+      e.splitButton ? void 0 : {
+        name: "default",
+        fn: o(() => [
+          n(g, {
+            id: e.triggerId,
+            ref: "triggeringElementRef",
+            role: "button",
+            tabindex: e.tabindex
+          }, {
+            default: o(() => [
+              t(e.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["id", "tabindex"])
+        ]),
+        key: "0"
+      }
+    ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
+    e.splitButton ? (a(), y(c, { key: 0 }, {
+      default: o(() => [
+        n(l, p({ ref: "referenceElementRef" }, e.buttonProps, {
+          size: e.dropdownSize,
+          type: e.type,
+          disabled: e.disabled,
+          tabindex: e.tabindex,
+          onClick: e.handlerMainButtonClick
+        }), {
+          default: o(() => [
+            t(e.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["size", "type", "disabled", "tabindex", "onClick"]),
+        n(l, p({
+          id: e.triggerId,
+          ref: "triggeringElementRef"
+        }, e.buttonProps, {
+          role: "button",
+          size: e.dropdownSize,
+          type: e.type,
+          class: e.ns.e("caret-button"),
+          disabled: e.disabled,
+          tabindex: e.tabindex,
+          "aria-label": "切换下拉菜单"
+        }), {
+          default: o(() => [
+            n(m, {
+              class: s(e.ns.e("icon")),
+              icon: "ico-ep:arrow-down"
+            }, null, 8, ["class"])
+          ]),
+          _: 1
+        }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
+      ]),
+      _: 3
+    })) : C("", !0)
+  ], 2);
+}
+const H = /* @__PURE__ */ B(h, [["render", k]]);
+export {
+  H as default
+};

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

@@ -0,0 +1,220 @@
+import { defineComponent as P, getCurrentInstance as U, ref as n, computed as f, watch as M, toRef as s, onBeforeUnmount as E, provide as w, unref as J } from "vue";
+import { VftButton as B } from "../button/index.js";
+import { VftTooltip as W } from "../tooltip/index.js";
+import { VftScrollbar as Y } from "../scrollbar/index.js";
+import { VftIcon as q } from "../icon/index.js";
+import Q from "../roving-focus-group/roving-focus-group.vue.js";
+import "../roving-focus-group/roving-focus-item.vue2.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import "../roving-focus-group/types.js";
+import { EVENT_CODE as m } from "../../constants/aria.js";
+import { OnlyChild as X } from "../slot/only-child.js";
+import "../form/index.js";
+import { addUnit as Z, isArray as g } from "@vft/utils";
+import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useId as oe } from "../../hooks/use-id/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { DROPDOWN_INJECTION_KEY as te } from "./tokens.js";
+import { VftCollection as ne } from "./types.js";
+import { useFormSize as re } from "../form/hooks/use-form-common-props.js";
+const { ButtonGroup: ie } = B, Fe = P({
+  name: "VftDropdown",
+  components: {
+    VftButton: B,
+    VftButtonGroup: ie,
+    VftScrollbar: Y,
+    DropdownCollection: ne,
+    VftTooltip: W,
+    RovingFocusGroup: Q,
+    VftOnlyChild: X,
+    VftIcon: q
+  },
+  props: {
+    trigger: Object,
+    effect: {
+      type: String,
+      default: "light"
+    },
+    type: {
+      type: String
+    },
+    placement: {
+      type: String,
+      default: "bottom"
+    },
+    popperOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    id: String,
+    size: {
+      type: String,
+      default: ""
+    },
+    splitButton: Boolean,
+    hideOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    loop: {
+      type: Boolean,
+      default: !0
+    },
+    showTimeout: {
+      type: Number,
+      default: 150
+    },
+    hideTimeout: {
+      type: Number,
+      default: 150
+    },
+    tabindex: {
+      type: [Number, String],
+      default: 0
+    },
+    maxHeight: {
+      type: [Number, String],
+      default: ""
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    role: {
+      type: String,
+      default: "menu"
+    },
+    buttonProps: {
+      type: Object
+    },
+    teleported: String
+  },
+  emits: ["visible-change", "click", "command"],
+  setup(r, { emit: u }) {
+    const I = U(), h = ee("dropdown"), i = n(), T = n(), c = n(null), l = n(null), V = n(null), p = n(null), v = n(!1), k = [m.enter, m.space, m.down], L = f(() => ({
+      maxHeight: Z(r.maxHeight)
+    })), N = f(() => [h.m(d.value)]), $ = oe().value, y = f(() => r.id || $);
+    M(
+      [i, s(r, "trigger")],
+      ([e, o], [t]) => {
+        var C, S, O;
+        const z = g(o) ? o : [o];
+        (C = t == null ? void 0 : t.$el) != null && C.removeEventListener && t.$el.removeEventListener(
+          "pointerenter",
+          a
+        ), (S = e == null ? void 0 : e.$el) != null && S.removeEventListener && e.$el.removeEventListener(
+          "pointerenter",
+          a
+        ), (O = e == null ? void 0 : e.$el) != null && O.addEventListener && z.includes("hover") && e.$el.addEventListener(
+          "pointerenter",
+          a
+        );
+      },
+      { immediate: !0 }
+    ), E(() => {
+      var e, o;
+      (o = (e = i.value) == null ? void 0 : e.$el) != null && o.removeEventListener && i.value.$el.removeEventListener(
+        "pointerenter",
+        a
+      );
+    });
+    function D() {
+      b();
+    }
+    function b() {
+      var e;
+      (e = c.value) == null || e.onClose();
+    }
+    function R() {
+      var e;
+      (e = c.value) == null || e.onOpen();
+    }
+    const d = re();
+    function F(...e) {
+      u("command", ...e);
+    }
+    function a() {
+      var e, o;
+      (o = (e = i.value) == null ? void 0 : e.$el) == null || o.focus();
+    }
+    function _() {
+    }
+    function x() {
+      const e = J(l);
+      e == null || e.focus(), p.value = null;
+    }
+    function A(e) {
+      p.value = e;
+    }
+    function H(e) {
+      v.value || (e.preventDefault(), e.stopImmediatePropagation());
+    }
+    function G() {
+      u("visible-change", !0);
+    }
+    function K(e) {
+      var o;
+      (e == null ? void 0 : e.type) === "keydown" && ((o = l.value) == null || o.focus());
+    }
+    function j() {
+      u("visible-change", !1);
+    }
+    return w(te, {
+      contentRef: l,
+      role: f(() => r.role),
+      triggerId: y,
+      isUsingKeyboard: v,
+      onItemEnter: _,
+      onItemLeave: x
+    }), w("elDropdown", {
+      instance: I,
+      dropdownSize: d,
+      handleClick: D,
+      commandHandler: F,
+      trigger: s(r, "trigger"),
+      hideOnClick: s(r, "hideOnClick")
+    }), {
+      ns: h,
+      scrollbar: V,
+      wrapStyle: L,
+      dropdownTriggerKls: N,
+      dropdownSize: d,
+      triggerId: y,
+      triggerKeys: k,
+      currentTabId: p,
+      handleCurrentTabIdChange: A,
+      handlerMainButtonClick: (e) => {
+        u("click", e);
+      },
+      handleEntryFocus: H,
+      handleClose: b,
+      handleOpen: R,
+      handleBeforeShowTooltip: G,
+      handleShowTooltip: K,
+      handleBeforeHideTooltip: j,
+      onFocusAfterTrapped: (e) => {
+        var o, t;
+        e.preventDefault(), (t = (o = l.value) == null ? void 0 : o.focus) == null || t.call(o, {
+          preventScroll: !0
+        });
+      },
+      popperRef: c,
+      contentRef: l,
+      triggeringElementRef: i,
+      referenceElementRef: T
+    };
+  }
+});
+export {
+  Fe as default
+};

package/es/components/dropdown/index.d.ts

@@ -290,12 +290,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -308,7 +308,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
@@ -500,12 +500,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -514,7 +514,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -724,12 +724,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;

package/es/components/dropdown/useDropdown.js

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