vft 0.0.142 → 0.0.145

package/es/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/es/components/dropdown/dropdown.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, getCurrentInstance as x, ref as i, computed as y, watch as ee, toRef as w, 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 C, createBlock as le, mergeProps as L, createCommentVNode as ae } from "vue";
+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 { VftButton as V } from "../button/index.js";
 import "../form/index.js";
@@ -21,13 +21,13 @@ 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";
-const s = (
+const a = (
   /* hoist-static*/
   ve("dropdown")
-), we = N({
-  name: "vft-dropdown"
+), Ce = N({
+  name: a.b()
 }), Je = /* @__PURE__ */ N({
-  ...we,
+  ...Ce,
   props: {
     trigger: { default: "hover" },
     effect: { default: "light" },
@@ -51,11 +51,11 @@ const s = (
   },
   emits: ["visible-change", "command", "click"],
   setup(D, { expose: E, emit: u }) {
-    const p = D, H = x(), a = i(), B = i(), m = i(null), d = i(null), P = i(null), v = i(null), g = i(!1), F = [k.enter, k.space, k.down], A = y(() => ({
+    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(
-      [a, w(p, "trigger")],
+      [i, C(p, "trigger")],
       ([e, o], [r]) => {
         var I, O, R;
         const c = se(o) ? o : [o];
@@ -73,7 +73,7 @@ const s = (
       { immediate: !0 }
     ), oe(() => {
       var e, o;
-      (o = (e = a.value) == null ? void 0 : e.$el) != null && o.removeEventListener && a.value.$el.removeEventListener(
+      (o = (e = i.value) == null ? void 0 : e.$el) != null && o.removeEventListener && i.value.$el.removeEventListener(
         "pointerenter",
         f
       );
@@ -95,7 +95,7 @@ const s = (
     }
     function f() {
       var e, o;
-      (o = (e = a.value) == null ? void 0 : e.$el) == null || o.focus();
+      (o = (e = i.value) == null ? void 0 : e.$el) == null || o.focus();
     }
     function M() {
     }
@@ -131,8 +131,8 @@ const s = (
       dropdownSize: h,
       handleClick: U,
       commandHandler: J,
-      trigger: w(p, "trigger"),
-      hideOnClick: w(p, "hideOnClick")
+      trigger: C(p, "trigger"),
+      hideOnClick: C(p, "hideOnClick")
     });
     const Z = (e) => {
       var o, r;
@@ -151,7 +151,7 @@ const s = (
       var c;
       const r = te("vft-button-group");
       return T(), re("div", {
-        class: z([t(s).b(), t(s).is("disabled", e.disabled)])
+        class: z([t(a).b(), t(a).is("disabled", e.disabled)])
       }, [
         l(t(ce), {
           ref_key: "popperRef",
@@ -164,17 +164,17 @@ const s = (
           "hide-after": e.trigger === "hover" ? e.hideTimeout : 0,
           "manual-mode": !0,
           placement: e.placement,
-          "popper-class": [t(s).e("popper"), e.popperClass],
+          "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-target-el": d.value,
           "show-after": e.trigger === "hover" ? e.showTimeout : 0,
           "stop-popper-mouse-event": !1,
-          "virtual-ref": a.value,
+          "virtual-ref": i.value,
           "virtual-triggering": e.splitButton,
           disabled: e.disabled,
-          transition: `${t(s).namespace.value}-zoom-in-top`,
+          transition: `${t(a).namespace.value}-zoom-in-top`,
           teleported: e.teleported,
           pure: "",
           persistent: "",
@@ -188,7 +188,7 @@ const s = (
               ref: P,
               "wrap-style": A.value,
               tag: "div",
-              "view-class": [t(s).e("list"), "test"]
+              "view-class": [t(a).e("list"), "test"]
             }, {
               default: n(() => [
                 l(t(de), {
@@ -201,7 +201,7 @@ const s = (
                   default: n(() => [
                     l(t(he), null, {
                       default: n(() => [
-                        C(e.$slots, "dropdown")
+                        w(e.$slots, "dropdown")
                       ]),
                       _: 3
                     })
@@ -220,12 +220,12 @@ const s = (
               l(t(fe), {
                 id: b.value,
                 ref_key: "triggeringElementRef",
-                ref: a,
+                ref: i,
                 role: "button",
                 tabindex: e.tabindex
               }, {
                 default: n(() => [
-                  C(e.$slots, "default")
+                  w(e.$slots, "default")
                 ]),
                 _: 3
               }, 8, ["id", "tabindex"])
@@ -246,26 +246,26 @@ const s = (
               onClick: _
             }), {
               default: n(() => [
-                C(e.$slots, "default")
+                w(e.$slots, "default")
               ]),
               _: 3
             }, 16, ["size", "type", "disabled", "tabindex"]),
             l(t(V), L({
               id: b.value,
               ref_key: "triggeringElementRef",
-              ref: a
+              ref: i
             }, e.buttonProps, {
               role: "button",
               size: t(h),
               type: e.type,
-              class: t(s).e("caret-button"),
+              class: t(a).e("caret-button"),
               disabled: e.disabled,
               tabindex: e.tabindex,
               "aria-label": "切换下拉菜单"
             }), {
               default: n(() => [
                 l(t(pe), {
-                  class: z(t(s).e("icon")),
+                  class: z(t(a).e("icon")),
                   icon: "icon-arrow-down"
                 }, null, 8, ["class"])
               ]),

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

@@ -4,25 +4,26 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         $data: {};
         $props: {
             maxHeight?: string | number | undefined;
+            role?: string | undefined;
             placement?: import("@popperjs/core").Placement | undefined;
             effect?: "light" | "dark" | undefined;
-            tabindex?: string | number | undefined;
-            role?: string | undefined;
             disabled?: boolean | undefined;
-            trigger?: import("..").TooltipTriggerType | undefined;
             loop?: boolean | undefined;
-            teleported?: boolean | undefined;
+            trigger?: import("..").TooltipTriggerType | undefined;
+            tabindex?: string | number | undefined;
             popperClass?: string | undefined;
+            teleported?: boolean | undefined;
             hideOnClick?: boolean | undefined;
             showTimeout?: number | undefined;
             hideTimeout?: number | undefined;
             style?: unknown;
             key?: string | number | symbol | undefined;
+            readonly id?: string | undefined;
             readonly type?: import("..").ButtonType | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
-            readonly id?: string | undefined;
             readonly size?: string | undefined;
+            onClick?: ((val: MouseEvent) => any) | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -63,7 +64,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onClick?: ((val: MouseEvent) => any) | undefined;
             readonly popperOptions?: import("@popperjs/core").Options | undefined;
             "onVisible-change"?: ((val: boolean) => any) | undefined;
             readonly splitButton?: boolean | undefined;
@@ -88,6 +88,13 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 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<import("..").ButtonType>;
             };
@@ -99,35 +106,24 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 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<import("..").TooltipTriggerType>;
-                default: string;
-            };
             loop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            teleported: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            trigger: {
+                type: import("vue").PropType<import("..").TooltipTriggerType>;
+                default: string;
+            };
+            tabindex: {
+                type: import("vue").PropType<string | number>;
+                default: number;
             };
             popperOptions: {
                 type: import("vue").PropType<import("@popperjs/core").Options>;
@@ -136,6 +132,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            teleported: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             splitButton: {
                 type: import("vue").PropType<boolean>;
             };
@@ -168,15 +168,15 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             click: (val: MouseEvent) => void;
         }, string, {
             maxHeight: string | number;
+            role: string;
             placement: import("@popperjs/core").Placement;
             effect: "light" | "dark";
-            tabindex: string | number;
-            role: string;
             disabled: boolean;
-            trigger: import("..").TooltipTriggerType;
             loop: boolean;
-            teleported: boolean;
+            trigger: import("..").TooltipTriggerType;
+            tabindex: string | number;
             popperClass: string;
+            teleported: boolean;
             hideOnClick: boolean;
             showTimeout: number;
             hideTimeout: number;
@@ -205,6 +205,13 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             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<import("..").ButtonType>;
         };
@@ -216,35 +223,24 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             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<import("..").TooltipTriggerType>;
-            default: string;
-        };
         loop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        trigger: {
+            type: import("vue").PropType<import("..").TooltipTriggerType>;
+            default: string;
+        };
+        tabindex: {
+            type: import("vue").PropType<string | number>;
+            default: number;
         };
         popperOptions: {
             type: import("vue").PropType<import("@popperjs/core").Options>;
@@ -253,6 +249,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         splitButton: {
             type: import("vue").PropType<boolean>;
         };
@@ -288,6 +288,13 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         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<import("..").ButtonType>;
     };
@@ -299,35 +306,24 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         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<import("..").TooltipTriggerType>;
-        default: string;
-    };
     loop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    trigger: {
+        type: import("vue").PropType<import("..").TooltipTriggerType>;
+        default: string;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+        default: number;
     };
     popperOptions: {
         type: import("vue").PropType<import("@popperjs/core").Options>;
@@ -336,6 +332,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     splitButton: {
         type: import("vue").PropType<boolean>;
     };
@@ -368,15 +368,15 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     click: (val: MouseEvent) => void;
 }, string, {
     maxHeight: string | number;
+    role: string;
     placement: import("@popperjs/core").Placement;
     effect: "light" | "dark";
-    tabindex: string | number;
-    role: string;
     disabled: boolean;
-    trigger: import("..").TooltipTriggerType;
     loop: boolean;
-    teleported: boolean;
+    trigger: import("..").TooltipTriggerType;
+    tabindex: string | number;
     popperClass: string;
+    teleported: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;

package/es/components/dropdown/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import p from "./dropdown.vue2.js";
 import t from "./dropdown-item.vue.js";