vft 0.0.149 → 0.0.151

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

@@ -24,78 +24,21 @@ export interface DropdownProps {
 }
 declare function handleClose(): void;
 declare function handleOpen(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    maxHeight: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    type: {
-        type: globalThis.PropType<ButtonType>;
-    };
-    placement: {
-        type: globalThis.PropType<Placement>;
-        default: string;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark">;
-        default: string;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<string>;
-    };
-    role: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    loop: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    trigger: {
-        type: globalThis.PropType<TooltipTriggerType>;
-        default: string;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    popperOptions: {
-        type: globalThis.PropType<Options>;
-    };
-    popperClass: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    splitButton: {
-        type: globalThis.PropType<boolean>;
-    };
-    hideOnClick: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    showTimeout: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    hideTimeout: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    buttonProps: {
-        type: globalThis.PropType<ButtonProps>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+    trigger: string;
+    effect: string;
+    placement: string;
+    hideOnClick: boolean;
+    loop: boolean;
+    showTimeout: number;
+    hideTimeout: number;
+    tabindex: number;
+    maxHeight: string;
+    popperClass: string;
+    disabled: boolean;
+    role: string;
+    teleported: boolean;
+}>, {
     handleClose: typeof handleClose;
     handleOpen: typeof handleOpen;
     onFocusAfterTrapped: (e: Event) => void;
@@ -103,92 +46,35 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "visible-change": (val: boolean) => void;
     command: (val: string) => void;
     click: (val: MouseEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    maxHeight: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    type: {
-        type: globalThis.PropType<ButtonType>;
-    };
-    placement: {
-        type: globalThis.PropType<Placement>;
-        default: string;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark">;
-        default: string;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<string>;
-    };
-    role: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    loop: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    trigger: {
-        type: globalThis.PropType<TooltipTriggerType>;
-        default: string;
-    };
-    tabindex: {
-        type: globalThis.PropType<string | number>;
-        default: number;
-    };
-    popperOptions: {
-        type: globalThis.PropType<Options>;
-    };
-    popperClass: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    splitButton: {
-        type: globalThis.PropType<boolean>;
-    };
-    hideOnClick: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    showTimeout: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    hideTimeout: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    buttonProps: {
-        type: globalThis.PropType<ButtonProps>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+    trigger: string;
+    effect: string;
+    placement: string;
+    hideOnClick: boolean;
+    loop: boolean;
+    showTimeout: number;
+    hideTimeout: number;
+    tabindex: number;
+    maxHeight: string;
+    popperClass: string;
+    disabled: boolean;
+    role: string;
+    teleported: boolean;
+}>>> & {
     onClick?: ((val: MouseEvent) => any) | undefined;
     "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
 }, {
     maxHeight: string | number;
-    placement: Placement;
-    effect: "light" | "dark";
+    placement: any;
     role: string;
     loop: boolean;
     disabled: boolean;
     trigger: TooltipTriggerType;
+    effect: "light" | "dark";
+    teleported: boolean;
     tabindex: string | number;
     popperClass: string;
-    teleported: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;
@@ -197,6 +83,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 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;
+    };
+};
+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;

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

@@ -1,33 +1,33 @@
-import { defineComponent as N, getCurrentInstance as x, ref as s, computed as y, watch as ee, toRef as C, onBeforeUnmount as oe, provide as S, resolveComponent as te, openBlock as T, createElementBlock as re, normalizeClass as z, unref as t, createVNode as l, createSlots as ne, withCtx as n, renderSlot as w, createBlock as le, mergeProps as L, createCommentVNode as ae } from "vue";
-import { addUnit as ie, isArray as se } from "@vft/utils";
+import { defineComponent as N, getCurrentInstance as ee, ref as s, computed as y, watch as oe, toRef as C, onBeforeUnmount as te, provide as S, resolveComponent as re, openBlock as T, createElementBlock as ne, normalizeClass as z, unref as t, createVNode as l, createSlots as le, withCtx as n, renderSlot as w, createBlock as ae, mergeProps as L, createCommentVNode as ie } from "vue";
+import { addUnit as se, isArray as pe } from "@vft/utils";
 import { VftButton as V } from "../button/index.js";
 import "../form/index.js";
-import { VftIcon as pe } from "../icon/index.js";
-import de from "../roving-focus-group/roving-focus-group.vue.js";
+import { VftIcon as de } from "../icon/index.js";
+import ue from "../roving-focus-group/roving-focus-group.vue.js";
 import "../roving-focus-group/roving-focus-group-impl.vue2.js";
 import "../roving-focus-group/roving-focus-item.vue2.js";
 import "../roving-focus-group/types.js";
 import { EVENT_CODE as k } from "../../constants/aria.js";
-import { VftScrollbar as ue } from "../scrollbar/index.js";
-import { OnlyChild as fe } from "../slot/only-child.js";
-import { VftTooltip as ce } from "../tooltip/index.js";
+import { VftScrollbar as fe } from "../scrollbar/index.js";
+import { OnlyChild as ce } from "../slot/only-child.js";
+import { VftTooltip as me } from "../tooltip/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useId as me } from "../../hooks/use-id/index.js";
-import { useNamespace as ve } from "../../hooks/use-namespace/index.js";
+import { useId as ve } from "../../hooks/use-id/index.js";
+import { useNamespace as be } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as be } from "./tokens.js";
-import { VftCollection as he } from "./types.js";
-import { useFormSize as ye } from "../form/hooks/use-form-common-props.js";
+import { DROPDOWN_INJECTION_KEY as he } from "./tokens.js";
+import { VftCollection as ye } from "./types.js";
+import { useFormSize as Ce } from "../form/hooks/use-form-common-props.js";
 const a = (
   /* hoist-static*/
-  ve("dropdown")
-), Ce = N({
+  be("dropdown")
+), we = N({
   name: a.b()
-}), Je = /* @__PURE__ */ N({
-  ...Ce,
+}), Me = /* @__PURE__ */ N({
+  ...we,
   props: {
     trigger: { default: "hover" },
     effect: { default: "light" },
@@ -50,15 +50,15 @@ const a = (
     teleported: { type: Boolean, default: !0 }
   },
   emits: ["visible-change", "command", "click"],
-  setup(D, { expose: E, emit: u }) {
-    const p = D, H = x(), i = s(), B = s(), m = s(null), d = s(null), P = s(null), v = s(null), g = s(!1), F = [k.enter, k.space, k.down], A = y(() => ({
-      maxHeight: ie(p.maxHeight)
-    })), K = me().value, b = y(() => p.id || K);
-    ee(
+  setup(D, { expose: E, emit: H }) {
+    const p = D, u = H, P = ee(), i = s(), B = s(), m = s(null), d = s(null), F = s(null), v = s(null), g = s(!1), A = [k.enter, k.space, k.down], K = y(() => ({
+      maxHeight: se(p.maxHeight)
+    })), U = ve().value, b = y(() => p.id || U);
+    oe(
       [i, C(p, "trigger")],
       ([e, o], [r]) => {
         var I, O, R;
-        const c = se(o) ? o : [o];
+        const c = pe(o) ? o : [o];
         (I = r == null ? void 0 : r.$el) != null && I.removeEventListener && r.$el.removeEventListener(
           "pointerenter",
           f
@@ -71,89 +71,89 @@ const a = (
         );
       },
       { immediate: !0 }
-    ), oe(() => {
+    ), te(() => {
       var e, o;
       (o = (e = i.value) == null ? void 0 : e.$el) != null && o.removeEventListener && i.value.$el.removeEventListener(
         "pointerenter",
         f
       );
     });
-    function U() {
+    function G() {
       $();
     }
     function $() {
       var e;
       (e = m.value) == null || e.onClose();
     }
-    function G() {
+    function J() {
       var e;
       (e = m.value) == null || e.onOpen();
     }
-    const h = ye();
-    function J(...e) {
+    const h = Ce();
+    function M(...e) {
       u("command", ...e);
     }
     function f() {
       var e, o;
       (o = (e = i.value) == null ? void 0 : e.$el) == null || o.focus();
     }
-    function M() {
-    }
     function W() {
+    }
+    function Y() {
       const e = t(d);
       e == null || e.focus(), v.value = null;
     }
-    function Y(e) {
+    function j(e) {
       v.value = e;
     }
-    function j(e) {
+    function q(e) {
       g.value || (e.preventDefault(), e.stopImmediatePropagation());
     }
-    function q() {
+    function Q() {
       u("visible-change", !0);
     }
-    function Q(e) {
+    function X(e) {
       var o;
       (e == null ? void 0 : e.type) === "keydown" && ((o = d.value) == null || o.focus());
     }
-    function X() {
+    function Z() {
       u("visible-change", !1);
     }
-    S(be, {
+    S(he, {
       contentRef: d,
       role: y(() => p.role),
       triggerId: b,
       isUsingKeyboard: g,
-      onItemEnter: M,
-      onItemLeave: W
+      onItemEnter: W,
+      onItemLeave: Y
     }), S("elDropdown", {
-      instance: H,
+      instance: P,
       dropdownSize: h,
-      handleClick: U,
-      commandHandler: J,
+      handleClick: G,
+      commandHandler: M,
       trigger: C(p, "trigger"),
       hideOnClick: C(p, "hideOnClick")
     });
-    const Z = (e) => {
+    const _ = (e) => {
       var o, r;
       e.preventDefault(), (r = (o = d.value) == null ? void 0 : o.focus) == null || r.call(o, {
         preventScroll: !0
       });
-    }, _ = (e) => {
+    }, x = (e) => {
       u("click", e);
     };
     return E({
       handleClose: $,
-      handleOpen: G,
+      handleOpen: J,
       // Todo
-      onFocusAfterTrapped: Z
+      onFocusAfterTrapped: _
     }), (e, o) => {
       var c;
-      const r = te("vft-button-group");
-      return T(), re("div", {
+      const r = re("vft-button-group");
+      return T(), ne("div", {
         class: z([t(a).b(), t(a).is("disabled", e.disabled)])
       }, [
-        l(t(ce), {
+        l(t(me), {
           ref_key: "popperRef",
           ref: m,
           role: e.role,
@@ -167,7 +167,7 @@ const a = (
           "popper-class": [t(a).e("popper"), e.popperClass],
           "reference-element": (c = B.value) == null ? void 0 : c.$el,
           trigger: e.trigger,
-          "trigger-keys": F,
+          "trigger-keys": A,
           "trigger-target-el": d.value,
           "show-after": e.trigger === "hover" ? e.showTimeout : 0,
           "stop-popper-mouse-event": !1,
@@ -178,28 +178,28 @@ const a = (
           teleported: e.teleported,
           pure: "",
           persistent: "",
-          onBeforeShow: q,
-          onShow: Q,
-          onBeforeHide: X
-        }, ne({
+          onBeforeShow: Q,
+          onShow: X,
+          onBeforeHide: Z
+        }, le({
           content: n(() => [
-            l(t(ue), {
+            l(t(fe), {
               ref_key: "scrollbar",
-              ref: P,
-              "wrap-style": A.value,
+              ref: F,
+              "wrap-style": K.value,
               tag: "div",
               "view-class": [t(a).e("list"), "test"]
             }, {
               default: n(() => [
-                l(t(de), {
+                l(t(ue), {
                   loop: e.loop,
                   "current-tab-id": v.value,
                   orientation: "horizontal",
-                  onCurrentTabIdChange: Y,
-                  onEntryFocus: j
+                  onCurrentTabIdChange: j,
+                  onEntryFocus: q
                 }, {
                   default: n(() => [
-                    l(t(he), null, {
+                    l(t(ye), null, {
                       default: n(() => [
                         w(e.$slots, "dropdown")
                       ]),
@@ -217,7 +217,7 @@ const a = (
           e.splitButton ? void 0 : {
             name: "default",
             fn: n(() => [
-              l(t(fe), {
+              l(t(ce), {
                 id: b.value,
                 ref_key: "triggeringElementRef",
                 ref: i,
@@ -233,7 +233,7 @@ const a = (
             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(), le(r, { key: 0 }, {
+        e.splitButton ? (T(), ae(r, { key: 0 }, {
           default: n(() => [
             l(t(V), L({
               ref_key: "referenceElementRef",
@@ -243,7 +243,7 @@ const a = (
               type: e.type,
               disabled: e.disabled,
               tabindex: e.tabindex,
-              onClick: _
+              onClick: x
             }), {
               default: n(() => [
                 w(e.$slots, "default")
@@ -264,7 +264,7 @@ const a = (
               "aria-label": "切换下拉菜单"
             }), {
               default: n(() => [
-                l(t(pe), {
+                l(t(de), {
                   class: z(t(a).e("icon")),
                   icon: "icon-arrow-down"
                 }, null, 8, ["class"])
@@ -273,11 +273,11 @@ const a = (
             }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
           ]),
           _: 3
-        })) : ae("", !0)
+        })) : ie("", !0)
       ], 2);
     };
   }
 });
 export {
-  Je as default
+  Me as default
 };