vft 0.0.170 → 0.0.172

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

@@ -7,7 +7,7 @@ export declare const VftCard: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | object | any[]>;
         };
         shadow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
+            type: globalThis.PropType<"always" | "hover" | "never">;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
         header: {
@@ -17,7 +17,7 @@ export declare const VftCard: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | object | any[]>;
         };
         shadow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
+            type: globalThis.PropType<"always" | "hover" | "never">;
         };
     }>>, {}, true, {}, {}, {
         P: {};
@@ -34,7 +34,7 @@ export declare const VftCard: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | object | any[]>;
         };
         shadow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
+            type: globalThis.PropType<"always" | "hover" | "never">;
         };
     }>>, {}, {}, {}, {}, {}>;
     __isFragment?: undefined;
@@ -48,7 +48,7 @@ export declare const VftCard: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string | object | any[]>;
     };
     shadow: {
-        type: globalThis.PropType<"always" | "never" | "hover">;
+        type: globalThis.PropType<"always" | "hover" | "never">;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1,5 +1,5 @@
 export interface CarouselProps {
-    initialIndex?: number;
+    initialIndex?: number | string;
     height?: string;
     trigger?: 'hover' | 'click';
     autoplay?: boolean;
@@ -50,10 +50,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     direction: "vertical" | "horizontal";
     height: string;
     type: "" | "card";
-    arrow: "always" | "never" | "hover";
+    arrow: "always" | "hover" | "never";
     loop: boolean;
     trigger: "click" | "hover";
-    initialIndex: number;
+    initialIndex: string | number;
     interval: number;
     autoplay: boolean;
     indicatorPosition: "" | "none" | "outside";

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

@@ -13,7 +13,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             default: string;
         };
         arrow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
+            type: globalThis.PropType<"always" | "hover" | "never">;
             default: string;
         };
         loop: {
@@ -25,7 +25,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             default: string;
         };
         initialIndex: {
-            type: globalThis.PropType<number>;
+            type: globalThis.PropType<string | number>;
             default: number;
         };
         interval: {
@@ -66,7 +66,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             default: string;
         };
         arrow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
+            type: globalThis.PropType<"always" | "hover" | "never">;
             default: string;
         };
         loop: {
@@ -78,7 +78,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             default: string;
         };
         initialIndex: {
-            type: globalThis.PropType<number>;
+            type: globalThis.PropType<string | number>;
             default: number;
         };
         interval: {
@@ -103,10 +103,10 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         direction: "vertical" | "horizontal";
         height: string;
         type: "" | "card";
-        arrow: "always" | "never" | "hover";
+        arrow: "always" | "hover" | "never";
         loop: boolean;
         trigger: "click" | "hover";
-        initialIndex: number;
+        initialIndex: string | number;
         interval: number;
         autoplay: boolean;
         indicatorPosition: "" | "none" | "outside";
@@ -132,7 +132,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             default: string;
         };
         arrow: {
-            type: globalThis.PropType<"always" | "never" | "hover">;
+            type: globalThis.PropType<"always" | "hover" | "never">;
             default: string;
         };
         loop: {
@@ -144,7 +144,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             default: string;
         };
         initialIndex: {
-            type: globalThis.PropType<number>;
+            type: globalThis.PropType<string | number>;
             default: number;
         };
         interval: {
@@ -173,10 +173,10 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         direction: "vertical" | "horizontal";
         height: string;
         type: "" | "card";
-        arrow: "always" | "never" | "hover";
+        arrow: "always" | "hover" | "never";
         loop: boolean;
         trigger: "click" | "hover";
-        initialIndex: number;
+        initialIndex: string | number;
         interval: number;
         autoplay: boolean;
         indicatorPosition: "" | "none" | "outside";
@@ -199,7 +199,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         default: string;
     };
     arrow: {
-        type: globalThis.PropType<"always" | "never" | "hover">;
+        type: globalThis.PropType<"always" | "hover" | "never">;
         default: string;
     };
     loop: {
@@ -211,7 +211,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         default: string;
     };
     initialIndex: {
-        type: globalThis.PropType<number>;
+        type: globalThis.PropType<string | number>;
         default: number;
     };
     interval: {
@@ -242,10 +242,10 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
     direction: "vertical" | "horizontal";
     height: string;
     type: "" | "card";
-    arrow: "always" | "never" | "hover";
+    arrow: "always" | "hover" | "never";
     loop: boolean;
     trigger: "click" | "hover";
-    initialIndex: number;
+    initialIndex: string | number;
     interval: number;
     autoplay: boolean;
     indicatorPosition: "" | "none" | "outside";

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

@@ -27,10 +27,6 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         tabindex: {
             type: globalThis.PropType<string | number>;
         };
-        validateEvent: {
-            type: globalThis.PropType<boolean>;
-            default: boolean;
-        };
         checked: {
             type: globalThis.PropType<boolean>;
         };
@@ -46,6 +42,10 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         controls: {
             type: globalThis.PropType<string>;
         };
+        validateEvent: {
+            type: globalThis.PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -80,10 +80,6 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         tabindex: {
             type: globalThis.PropType<string | number>;
         };
-        validateEvent: {
-            type: globalThis.PropType<boolean>;
-            default: boolean;
-        };
         checked: {
             type: globalThis.PropType<boolean>;
         };
@@ -99,6 +95,10 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         controls: {
             type: globalThis.PropType<string>;
         };
+        validateEvent: {
+            type: globalThis.PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -139,10 +139,6 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         tabindex: {
             type: globalThis.PropType<string | number>;
         };
-        validateEvent: {
-            type: globalThis.PropType<boolean>;
-            default: boolean;
-        };
         checked: {
             type: globalThis.PropType<boolean>;
         };
@@ -158,6 +154,10 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         controls: {
             type: globalThis.PropType<string>;
         };
+        validateEvent: {
+            type: globalThis.PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -195,10 +195,6 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
     tabindex: {
         type: globalThis.PropType<string | number>;
     };
-    validateEvent: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
     checked: {
         type: globalThis.PropType<boolean>;
     };
@@ -214,6 +210,10 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
     controls: {
         type: globalThis.PropType<string>;
     };
+    validateEvent: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/es/components/date-picker/date-picker.d.ts

@@ -167,12 +167,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly placeholder: string;
-    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOptions: Partial<import("@popperjs/core").Options>;
     readonly popperClass: string;
+    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
+    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly rangeSeparator: string;
     readonly isRange: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/date-picker/index.d.ts

@@ -167,12 +167,12 @@ declare const _DatePicker: import("vue").DefineComponent<{
     readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly placeholder: string;
-    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOptions: Partial<import("@popperjs/core").Options>;
     readonly popperClass: string;
+    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
+    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly rangeSeparator: string;
     readonly isRange: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -350,12 +350,12 @@ export declare const VftDatePicker: import("vue").DefineComponent<{
     readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly placeholder: string;
-    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOptions: Partial<import("@popperjs/core").Options>;
     readonly popperClass: string;
+    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
+    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly rangeSeparator: string;
     readonly isRange: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -33,7 +33,7 @@ const b = (
   },
   emits: ["update:collapse", "sub-menu-click", "select", "close", "open"],
   setup(n, { expose: V, emit: $ }) {
-    const v = $, y = Y(), h = Z(), O = h.appContext.config.globalProperties.$router, s = i(), z = W("sub-menu"), m = i(-1), u = i(
+    const v = $, y = Y(), h = Z(), O = h.appContext.config.globalProperties.$router, s = i(), z = W("sub-menu"), f = i(-1), u = i(
       n.defaultOpeneds && !n.collapse ? n.defaultOpeneds.slice(0) : []
     ), a = i(n.defaultActive), r = i({}), p = i({}), q = _(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), D = () => {
       const e = a.value && r.value[a.value];
@@ -53,16 +53,17 @@ const b = (
     }, L = ({
       e,
       index: t,
-      indexPath: l
+      indexPath: l,
+      isFirstLevel: o = !1
     }) => {
-      u.value.includes(t) ? C(t, l, e) : g(t, l, e), v("sub-menu-click", { e, index: t, indexPath: l });
+      o || (u.value.includes(t) ? C(t, l, e) : g(t, l, e)), v("sub-menu-click", { e, index: t, indexPath: l });
     }, F = (e) => {
       (n.mode === "horizontal" || n.collapse) && (u.value = []);
       const { index: t, indexPath: l } = e;
       if (!(B(t) || B(l))) {
         if (n.router && O) {
-          const o = e.route || t, f = O.push(o).then((c) => (c || (a.value = t), c));
-          v("select", e, f);
+          const o = e.route || t, d = O.push(o).then((c) => (c || (a.value = t), c));
+          v("select", e, d);
         } else
           a.value = t, v("select", e);
         oe() && setTimeout(() => {
@@ -73,10 +74,10 @@ const b = (
       const t = r.value, l = t[e] || a.value && t[a.value] || t[n.defaultActive];
       l ? a.value = l.index : a.value = e;
     }, j = () => {
-      var d;
+      var m;
       if (!s.value)
         return -1;
-      const e = Array.from(((d = s.value) == null ? void 0 : d.childNodes) ?? []).filter(
+      const e = Array.from(((m = s.value) == null ? void 0 : m.childNodes) ?? []).filter(
         (x) => x.nodeName !== "#text" || x.nodeValue
       ), t = 64, l = Number.parseInt(
         getComputedStyle(s.value).paddingLeft,
@@ -84,10 +85,10 @@ const b = (
       ), o = Number.parseInt(
         getComputedStyle(s.value).paddingRight,
         10
-      ), f = s.value.clientWidth - l - o;
+      ), d = s.value.clientWidth - l - o;
       let c = 0, M = 0;
       return e.forEach((x, X) => {
-        c += x.offsetWidth || 0, c <= f - t && (M = X + 1);
+        c += x.offsetWidth || 0, c <= d - t && (M = X + 1);
       }), M === e.length ? -1 : M;
     }, G = (e, t = 33.34) => {
       let l;
@@ -100,8 +101,8 @@ const b = (
     let k = !0;
     const P = () => {
       const e = () => {
-        m.value = -1, le(() => {
-          m.value = j();
+        f.value = -1, le(() => {
+          f.value = j();
         });
       };
       k ? e() : G(e)(), k = !1;
@@ -169,12 +170,12 @@ const b = (
       menu: s,
       inSubMenu: w
     }), () => {
-      var f;
-      let e = ((f = y.default) == null ? void 0 : f.call(y)) ?? [];
+      var d;
+      let e = ((d = y.default) == null ? void 0 : d.call(y)) ?? [];
       const t = [];
       if (n.mode === "horizontal" && s.value) {
-        const c = ie(e), M = m.value === -1 ? c : c.slice(0, m.value), d = m.value === -1 ? [] : c.slice(m.value);
-        d != null && d.length && n.ellipsis && (e = M, t.push(
+        const c = ie(e), M = f.value === -1 ? c : c.slice(0, f.value), m = f.value === -1 ? [] : c.slice(f.value);
+        m != null && m.length && n.ellipsis && (e = M, t.push(
           I(
             ce,
             {
@@ -187,7 +188,7 @@ const b = (
                 icon: "icon-menu-line",
                 class: z.e("icon-more")
               }),
-              default: () => d
+              default: () => m
             }
           )
         ));

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

@@ -1,4 +1,4 @@
-import { defineComponent as G, getCurrentInstance as ne, computed as i, inject as L, ref as g, reactive as le, watch as ue, provide as ae, onMounted as se, onBeforeUnmount as pe, useSlots as me, h as s, Fragment as ce, withDirectives as de, vShow as ve } from "vue";
+import { defineComponent as G, getCurrentInstance as ne, computed as i, inject as H, ref as g, reactive as le, watch as ue, provide as ae, onMounted as se, onBeforeUnmount as pe, useSlots as me, h as s, Fragment as ce, withDirectives as de, vShow as ve } from "vue";
 import { singleAttrToObj as I, renderTNode as fe, isMobile as Me } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
@@ -98,14 +98,11 @@ import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
 import Te from "./use-menu.js";
 import { useMenuCssVar as Ce } from "./use-menu-css-var.js";
-const z = (
-  /* hoist-static*/
-  k("sub-menu")
-), xe = G({
-  name: z.b(),
+const Se = G({
+  name: "vft-sub-menu",
   inheritAttrs: !1
 }), ft = /* @__PURE__ */ G({
-  ...xe,
+  ...Se,
   props: {
     index: {},
     showTimeout: {
@@ -144,21 +141,21 @@ const z = (
     expose: J,
     emit: K
   }) {
-    const E = K, f = ne(), {
+    const z = k("sub-menu"), E = K, f = ne(), {
       indexPath: T,
       parentMenu: A
-    } = Te(f, i(() => o.index)), p = k("menu"), a = k("sub-menu"), e = L("rootMenu");
+    } = Te(f, i(() => o.index)), p = k("menu"), a = k("sub-menu"), e = H("rootMenu");
     e || q(z.b(), "can not inject root menu");
-    const u = L(`subMenu:${A.value.uid}`);
+    const u = H(`subMenu:${A.value.uid}`);
     u || q(z.b(), "can not inject sub menu");
     const w = g({});
     let m;
-    const B = g(!1), Q = g(), P = g(null), j = i(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = i(() => u.level === 0), y = i(() => o.teleported === void 0 ? C.value : o.teleported), W = i(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), X = i(() => d.value === "horizontal" && C.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = i(() => e.openedMenus.includes(o.index)), M = i(() => {
+    const B = g(!1), Q = g(), P = g(null), F = i(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = i(() => u.level === 0), y = i(() => o.teleported === void 0 ? C.value : o.teleported), W = i(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), X = i(() => d.value === "horizontal" && C.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = i(() => e.openedMenus.includes(o.index)), M = i(() => {
       let t = !1;
       return Object.values(w.value).forEach((l) => {
         l.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), F = i(() => e.props.backgroundColor || ""), $ = i(() => e.props.activeTextColor || ""), O = i(() => e.props.textColor || ""), d = i(() => e.props.mode), x = le({
+    }), j = i(() => e.props.backgroundColor || ""), $ = i(() => e.props.activeTextColor || ""), O = i(() => e.props.textColor || ""), d = i(() => e.props.mode), S = le({
       index: o.index,
       indexPath: T,
       active: M
@@ -173,14 +170,19 @@ const z = (
     }, _ = (t) => {
       t || Y();
     }, R = (t) => {
-      if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !Me() || e.props.collapse && e.props.mode === "vertical" || o.disabled)
-        return;
       const l = {
         e: t,
         index: o.index,
         indexPath: T.value,
         active: M.value
       };
+      if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !Me() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
+        e.handleSubMenuClick({
+          ...l,
+          isFirstLevel: !0
+        });
+        return;
+      }
       e.handleSubMenuClick(l);
     }, b = (t, l = o.showTimeout) => {
       var n;
@@ -197,7 +199,7 @@ const z = (
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
-    }, S = (t, l = !1) => {
+    }, x = (t, l = !1) => {
       var n, r;
       e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (m == null || m(), u.mouseInChild.value = !1, {
         stop: m
@@ -215,7 +217,7 @@ const z = (
       ae(`subMenu:${f.uid}`, {
         addSubMenu: t,
         removeSubMenu: l,
-        handleMouseleave: S,
+        handleMouseleave: x,
         mouseInChild: B,
         level: u.level + 1
       });
@@ -223,9 +225,9 @@ const z = (
     J({
       opened: c
     }), se(() => {
-      e.addSubMenu(x), u.addSubMenu(x);
+      e.addSubMenu(S), u.addSubMenu(S);
     }), pe(() => {
-      u.removeSubMenu(x), e.removeSubMenu(x);
+      u.removeSubMenu(S), e.removeSubMenu(S);
     });
     const v = me(), D = i(() => I(o.icon, "icon")), te = i(() => I(o.expandIcon, "icon")), re = i(() => I(o.collapseIcon, "icon")), ie = i(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
       icon: "icon-arrow-down",
@@ -235,7 +237,7 @@ const z = (
       icon: "icon-arrow-right",
       size: 18,
       ...re.value
-    }), H = i(() => fe(f, "title"));
+    }), L = i(() => fe(f, "title"));
     return () => {
       var n;
       const t = [(n = D.value) != null && n.icon ? s(U, {
@@ -243,7 +245,7 @@ const z = (
       }) : null, s("span", {
         class: [a.e("text"), a.is("arrow", o.showArrow)],
         title: f.props.title
-      }, H.value), o.showArrow ? s(U, {
+      }, L.value), o.showArrow ? s(U, {
         class: a.e("icon-arrow"),
         ...ie.value,
         style: {
@@ -258,7 +260,7 @@ const z = (
         showArrow: !1,
         persistent: !0,
         popperClass: o.popperClass,
-        placement: j.value,
+        placement: F.value,
         teleported: y.value,
         fallbackPlacements: X.value,
         transition: W.value,
@@ -270,28 +272,28 @@ const z = (
           return s("div", {
             class: [p.m(d.value), p.m("popup-container"), o.popperClass],
             onMouseenter: (h) => b(h, 100),
-            onMouseleave: (h) => S(h, !0),
+            onMouseleave: (h) => x(h, !0),
             onFocus: (h) => b(h, 100)
           }, [s("ul", {
-            class: [p.b(), p.m("popup"), p.m(`popup-${j.value}`)],
+            class: [p.b(), p.m("popup"), p.m(`popup-${F.value}`)],
             style: V.value
           }, [(r = v.default) == null ? void 0 : r.call(v)])]);
         },
         default: () => s("div", {
           class: a.e("title"),
           style: [N.value, {
-            backgroundColor: F.value
+            backgroundColor: j.value
           }],
           onMouseenter: (r) => b(r),
-          onMouseleave: (r) => S(r, !0),
+          onMouseleave: (r) => x(r, !0),
           onClick: (r) => R(r)
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        s(ce, {}, [H.value ? s("div", {
+        s(ce, {}, [L.value ? s("div", {
           class: a.e("title"),
           style: [N.value, {
-            backgroundColor: F.value
+            backgroundColor: j.value
           }],
           ref: Q,
           onClick: R
@@ -312,7 +314,7 @@ const z = (
         ariaHaspopup: !0,
         ariaExpanded: c.value,
         onMouseenter: [ee, (r) => b(r)],
-        onMouseleave: [oe, (r) => S(r, !0)],
+        onMouseleave: [oe, (r) => x(r, !0)],
         onFocus: b
       }, [l]);
     };

package/es/components/menu/types.d.ts

@@ -5,6 +5,7 @@ export interface MenuItemRegistered {
     index: string;
     indexPath: string[];
     active: boolean;
+    isFirstLevel?: boolean;
 }
 export interface MenuItemClicked {
     index: string;

package/es/components/time-picker/common/picker.vue.d.ts

@@ -211,12 +211,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly placeholder: string;
-    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOptions: Partial<Options>;
     readonly popperClass: string;
+    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
+    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly rangeSeparator: string;
     readonly isRange: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/time-picker/index.d.ts

@@ -178,12 +178,12 @@ declare const _TimePicker: import("vue").DefineComponent<{
     disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     placeholder: string;
-    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
+    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
+    clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;
     isRange: boolean;
@@ -368,12 +368,12 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
     disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     placeholder: string;
-    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
+    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
+    clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;
     isRange: boolean;