vft 0.0.239 → 0.0.241

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

@@ -1,23 +1,23 @@
 import "../roving-focus-group/roving-focus-group.vue2.js";
-import { defineComponent as b, getCurrentInstance as g, ref as k, computed as d, unref as E, inject as O } from "vue";
+import { defineComponent as g, getCurrentInstance as P, ref as h, computed as d, unref as w, inject as D } from "vue";
 import "../roving-focus-group/roving-focus-group-impl.vue2.js";
-import _ from "../roving-focus-group/roving-focus-item.vue.js";
+import b from "../roving-focus-group/roving-focus-item.vue.js";
 import "../roving-focus-group/types.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { composeEventHandlers as i, whenMouse as l } from "../../utils/event.js";
+import { composeEventHandlers as i, whenMouse as a } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import x from "./dropdown-item-impl.vue.js";
-import { DROPDOWN_INJECTION_KEY as N } from "./tokens.js";
-import { VftCollectionItem as y } from "./types.js";
-import { useDropdown as A } from "./useDropdown.js";
-const W = b({
+import k from "./dropdown-item-impl.vue.js";
+import { DROPDOWN_INJECTION_KEY as E } from "./tokens.js";
+import { VftCollectionItem as O } from "./types.js";
+import { useDropdown as _ } from "./useDropdown.js";
+const J = g({
   name: "VftDropdownItem",
   components: {
-    DropdownCollectionItem: y,
-    RovingFocusItem: _,
-    DropdownItemImpl: x
+    DropdownCollectionItem: O,
+    RovingFocusItem: b,
+    DropdownItemImpl: k
   },
   inheritAttrs: !1,
   props: {
@@ -31,51 +31,47 @@ const W = b({
     icon: String
   },
   emits: ["pointermove", "pointerleave", "click"],
-  setup(o, { emit: r, attrs: s }) {
-    const { elDropdown: e } = A(), u = g(), f = k(null), p = d(() => {
-      var t;
-      return ((t = E(f)) == null ? void 0 : t.textContent) ?? "";
-    }), { onItemEnter: v, onItemLeave: m } = O(
-      N,
+  setup(t, { emit: n, attrs: c }) {
+    const { elDropdown: o } = _(), l = P(), s = h(null), p = d(() => w(s)?.textContent ?? ""), { onItemEnter: u, onItemLeave: m } = D(
+      E,
       void 0
-    ), I = i(
-      (t) => (r("pointermove", t), t.defaultPrevented),
-      l((t) => {
-        if (o.disabled) {
-          m(t);
+    ), f = i(
+      (e) => (n("pointermove", e), e.defaultPrevented),
+      a((e) => {
+        if (t.disabled) {
+          m(e);
           return;
         }
-        const n = t.currentTarget;
-        n === document.activeElement || n.contains(document.activeElement) || (v(t), t.defaultPrevented || n == null || n.focus());
+        const r = e.currentTarget;
+        r === document.activeElement || r.contains(document.activeElement) || (u(e), e.defaultPrevented || r?.focus());
       })
-    ), C = i(
-      (t) => (r("pointerleave", t), t.defaultPrevented),
-      l((t) => {
-        m(t);
+    ), v = i(
+      (e) => (n("pointerleave", e), e.defaultPrevented),
+      a((e) => {
+        m(e);
       })
-    ), P = i(
-      (t) => {
-        if (!o.disabled)
-          return r("click", t), t.type !== "keydown" && t.defaultPrevented;
+    ), I = i(
+      (e) => {
+        if (!t.disabled)
+          return n("click", e), e.type !== "keydown" && e.defaultPrevented;
       },
-      (t) => {
-        var n, c, a;
-        if (o.disabled) {
-          t.stopImmediatePropagation();
+      (e) => {
+        if (t.disabled) {
+          e.stopImmediatePropagation();
           return;
         }
-        (n = e == null ? void 0 : e.hideOnClick) != null && n.value && ((c = e.handleClick) == null || c.call(e)), (a = e.commandHandler) == null || a.call(e, o.command, u, t);
+        o?.hideOnClick?.value && o.handleClick?.(), o.commandHandler?.(t.command, l, e);
       }
-    ), h = d(() => ({ ...o, ...s }));
+    ), C = d(() => ({ ...t, ...c }));
     return {
-      handleClick: P,
-      handlePointerMove: I,
-      handlePointerLeave: C,
+      handleClick: I,
+      handlePointerMove: f,
+      handlePointerLeave: v,
       textContent: p,
-      propsAndAttrs: h
+      propsAndAttrs: C
     };
   }
 });
 export {
-  W as default
+  J as default
 };

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

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

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

@@ -21,7 +21,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 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";
+import { useDropdown as z } from "./useDropdown.js";
 const lo = F({
   name: "VftDropdownMenu",
   props: {
@@ -29,62 +29,61 @@ const lo = F({
       type: Function
     }
   },
-  setup(n) {
-    const s = V("dropdown"), { _elDropdownSize: f } = M(), e = f.value, { focusTrapRef: u, onKeydown: a } = t(
+  setup(c) {
+    const n = V("dropdown"), { _elDropdownSize: d } = z(), i = d.value, { focusTrapRef: f, onKeydown: u } = t(
       Y,
       void 0
-    ), { contentRef: p, role: _, triggerId: O } = t(
+    ), { contentRef: m, role: a, triggerId: _ } = t(
       A,
       void 0
-    ), { collectionRef: I, getItems: l } = t(
+    ), { collectionRef: O, getItems: I } = t(
       W,
       void 0
     ), {
-      rovingFocusGroupRef: E,
-      rovingFocusGroupRootStyle: N,
-      tabIndex: C,
-      onBlur: T,
-      onFocus: R,
-      onMousedown: K
-    } = t(J, void 0), { collectionRef: w } = t(
+      rovingFocusGroupRef: l,
+      rovingFocusGroupRootStyle: E,
+      tabIndex: N,
+      onBlur: C,
+      onFocus: T,
+      onMousedown: R
+    } = t(J, void 0), { collectionRef: K } = t(
       y,
       void 0
-    ), v = S(() => [s.b("menu"), s.bm("menu", e == null ? void 0 : e.value)]), L = U(
-      p,
-      I,
-      u,
-      E,
-      w
-    ), g = P(
+    ), w = S(() => [n.b("menu"), n.bm("menu", i?.value)]), v = U(
+      m,
+      O,
+      f,
+      l,
+      K
+    ), L = P(
       (o) => {
-        var r;
-        (r = n.onKeydown) == null || r.call(n, o);
+        c.onKeydown?.(o);
       },
       (o) => {
-        const { currentTarget: r, code: i, target: c } = o;
-        if (r.contains(
-          c
-        ), b.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(), G(d);
+        const { currentTarget: g, code: r, target: p } = o;
+        if (g.contains(
+          p
+        ), b.tab === r && o.stopImmediatePropagation(), o.preventDefault(), p !== D(m) || !h.includes(r)) return;
+        const s = I().filter(
+          (e) => !e.disabled
+        ).map((e) => e.ref);
+        x.includes(r) && s.reverse(), G(s);
       }
     );
     return {
-      size: e,
-      rovingFocusGroupRootStyle: N,
-      tabIndex: C,
-      dropdownKls: v,
-      role: _,
-      triggerId: O,
-      dropdownListWrapperRef: L,
+      size: i,
+      rovingFocusGroupRootStyle: E,
+      tabIndex: N,
+      dropdownKls: w,
+      role: a,
+      triggerId: _,
+      dropdownListWrapperRef: v,
       handleKeydown: (o) => {
-        g(o), a(o);
+        L(o), u(o);
       },
-      onBlur: T,
-      onFocus: R,
-      onMousedown: K
+      onBlur: C,
+      onFocus: T,
+      onMousedown: R
     };
   }
 });

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

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