vft 0.0.436 → 0.0.438

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

@@ -61,9 +61,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -479,9 +479,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

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

@@ -85,9 +85,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -503,9 +503,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1006,9 +1006,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1424,9 +1424,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly visible?: boolean | null | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
+                readonly visible?: boolean | null | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
@@ -1916,9 +1916,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -2334,9 +2334,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

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

@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-    };
     dark: {
         type: import("vue").PropType<boolean>;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,7 +1,7 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
@@ -9,7 +9,7 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = C();
+const a = g();
 function d(o, e = void 0) {
   const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
@@ -27,7 +27,7 @@ function B(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as he } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as nt } from "../form/hooks/use-form-item.js";
 const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       n.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(we.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = nt(we.props, {
       formItemContext: F
-    }), ke = at(), x = nt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), x = tt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

package/es/components/md-container/md-container.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as S, getCurrentInstance as R, ref as $, computed as v, onMounted as A, nextTick as P, onDeactivated as q, onBeforeMount as z, createElementBlock as u, openBlock as r, normalizeClass as c, unref as e, createBlock as C, createCommentVNode as x, createElementVNode as i, createVNode as m, toDisplayString as _, Fragment as I, renderList as B, withCtx as F, createTextVNode as H, renderSlot as J } from "vue";
-import { VftIcon as k } from "../icon/index.js";
+import { defineComponent as T, getCurrentInstance as R, ref as $, computed as v, onMounted as P, nextTick as q, onDeactivated as z, onBeforeMount as A, createElementBlock as u, openBlock as s, normalizeClass as c, unref as e, createBlock as C, createCommentVNode as x, createElementVNode as i, createVNode as m, toDisplayString as k, Fragment as I, renderList as B, withCtx as F, createTextVNode as H, renderSlot as J } from "vue";
+import { VftIcon as b } from "../icon/index.js";
 import { VftIconText as O } from "../icon-text/index.js";
 import { VftMdComment as j } from "../md-comment/index.js";
 import { VftSideMenu as U } from "../side-menu/index.js";
 import { VftTag as Y } from "../tag/index.js";
 import "@vueuse/core";
-import { handleScrollPosition as G, jumpElement as b, getRandomElementForArr as K, isClient as Q } from "@vft/utils";
+import { handleScrollPosition as G, jumpElement as S, getRandomElementForArr as K, isClient as Q } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import { primaryColor as W } from "../../utils/ns-cover.js";
 import { debounce as X } from "lodash-es";
@@ -26,18 +26,18 @@ const re = { class: "info-container" }, se = {
 }, ce = { class: "infos" }, me = {
   class: "reading",
   title: "阅读量"
-}, de = ["data-path"], ue = S({
+}, de = ["data-path"], ue = T({
   name: "vft-md-container"
-}), Pe = /* @__PURE__ */ S({
+}), qe = /* @__PURE__ */ T({
   ...ue,
   props: {
     tocList: {},
     scrollDom: { default: ".layout-content" }
   },
-  setup(s) {
-    const l = Z("md-container"), T = R(), f = $(), d = v(() => s.tocList && s.tocList !== "undefined" ? JSON.parse(s.tocList) : ""), { initPhotoSwipe: D } = oe(`.${l.e("content")} img`);
+  setup(r) {
+    const l = Z("md-container"), _ = R(), f = $(), d = v(() => r.tocList && r.tocList !== "undefined" ? JSON.parse(r.tocList) : ""), { initPhotoSwipe: D } = oe(`.${l.e("content")} img`);
     D(), ae();
-    const p = T.appContext.config.globalProperties.$router, a = p.currentRoute.value, L = W(), V = Q ? location.pathname : "", { go: w } = ee(p);
+    const p = _.appContext.config.globalProperties.$router, a = p.currentRoute.value, L = W(), V = Q ? location.pathname : "", { go: w } = ee(p);
     function E(o) {
       w(`/?classify=${o}`);
     }
@@ -46,24 +46,22 @@ const re = { class: "info-container" }, se = {
         scrollDom: ".layout-content",
         contentDom: ".header-anchor",
         selectAttrName: "href",
-        offset: 100,
+        offset: 130,
         callback: (o) => {
-          f.value.menuRef.updateActiveIndex(
-            o.slice(1)
-          );
+          f.value.menuRef.activeIndex = o.slice(1);
         }
       }),
       100
     ), h = (o) => {
-      b(`#${o.index}`);
+      S(`#${o.index}`, r.scrollDom, 120);
     }, y = () => {
-      const o = document.querySelector(s.scrollDom);
+      const o = document.querySelector(r.scrollDom);
       o && o.removeEventListener("scroll", g);
     };
-    return A(() => {
-      P(() => {
+    return P(() => {
+      q(() => {
         setTimeout(() => {
-          b(encodeURI(a.hash));
+          S(encodeURI(a.hash));
         }), setTimeout(() => {
           const t = document.querySelector(".layout-content");
           t && t.addEventListener("scroll", g);
@@ -76,14 +74,14 @@ const re = { class: "info-container" }, se = {
             n[t].offsetHeight === 0 ? (n[t].style.height = "auto", n[t].style.visibility = "visible") : (n[t].style.height = "0px", n[t].style.visibility = "hidden");
           });
       });
-    }), q(() => {
-      y();
     }), z(() => {
       y();
-    }), (o, n) => (r(), u("div", {
+    }), A(() => {
+      y();
+    }), (o, n) => (s(), u("div", {
       class: c([e(l).b(), e(l).is("api", M.value)])
     }, [
-      d.value?.length ? (r(), C(e(U), {
+      d.value?.length ? (s(), C(e(U), {
         key: 0,
         ref_key: "sideMenuRef",
         ref: f,
@@ -105,15 +103,15 @@ const re = { class: "info-container" }, se = {
       }, [
         i("h1", {
           class: c(e(l).e("title"))
-        }, _(e(a).meta?.title), 3),
+        }, k(e(a).meta?.title), 3),
         i("div", re, [
-          e(a).meta?.category?.length ? (r(), u("div", se, [
-            m(e(k), {
+          e(a).meta?.category?.length ? (s(), u("div", se, [
+            m(e(b), {
               size: 14,
               color: e(L),
               icon: "icon-category"
             }, null, 8, ["color"]),
-            (r(!0), u(I, null, B(e(a).meta?.category, (t, N) => (r(), C(e(Y), {
+            (s(!0), u(I, null, B(e(a).meta?.category, (t, N) => (s(), C(e(Y), {
               size: "small",
               class: "tag",
               type: e(K)(e(le), 1)[0],
@@ -121,7 +119,7 @@ const re = { class: "info-container" }, se = {
               onClick: (fe) => E(t)
             }, {
               default: F(() => [
-                H(_(t), 1)
+                H(k(t), 1)
               ]),
               _: 2
             }, 1032, ["type", "onClick"]))), 128))
@@ -138,7 +136,7 @@ const re = { class: "info-container" }, se = {
               )
             }, null, 8, ["text"]),
             i("div", me, [
-              m(e(k), {
+              m(e(b), {
                 icon: "icon-reading",
                 size: 14,
                 class: "mr-5px"
@@ -169,5 +167,5 @@ const re = { class: "info-container" }, se = {
   }
 });
 export {
-  Pe as default
+  qe as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as u, Fragment as pe, withDirectives as me, vShow as de } from "vue";
+import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as x, reactive as ue, watch as ae, provide as se, onMounted as ie, onBeforeUnmount as re, useSlots as ce, h as a, Fragment as de, withDirectives as pe, vShow as me } from "vue";
 import { singleAttrToObj as g, renderTNode as ve, isMobile as fe } from "@vft/utils";
 import { VftTooltip as Me } from "../tooltip/index.js";
 import { VftIcon as L } from "../icon/index.js";
@@ -14,11 +14,11 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import he from "./use-menu.js";
 import { useMenuCssVar as Te } from "./use-menu-css-var.js";
-const Ce = Z({
+const xe = Z({
   name: "vft-sub-menu",
   inheritAttrs: !1
 }), Ve = /* @__PURE__ */ Z({
-  ...Ce,
+  ...xe,
   props: {
     index: {},
     showTimeout: {
@@ -53,29 +53,29 @@ const Ce = Z({
     expose: q,
     emit: G
   }) {
-    const y = G, I = w("sub-menu"), m = le(), {
+    const I = G, y = w("sub-menu"), p = le(), {
       indexPath: f,
       parentMenu: k
-    } = he(m, l(() => o.index)), i = w("menu"), a = w("sub-menu"), e = D("rootMenu");
-    e || U(I.b(), "can not inject root menu");
-    const r = D(`subMenu:${k.value.uid}`);
-    r || U(I.b(), "can not inject sub menu");
-    const S = C({});
+    } = he(p, l(() => o.index)), r = w("menu"), u = w("sub-menu"), e = D("rootMenu");
+    e || U(y.b(), "can not inject root menu");
+    const i = D(`subMenu:${k.value.uid}`);
+    i || U(y.b(), "can not inject sub menu");
+    const C = x({});
     let M;
-    const z = C(!1), J = C(), E = C(null), A = l(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => r.level === 0), x = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), Q = l(() => p.value === "horizontal" && b.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 = l(() => e.openedMenus.includes(o.index)), d = l(() => {
+    const z = x(!1), J = x(), E = x(null), A = l(() => d.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => i.level === 0), S = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${r.namespace.value}-zoom-in-left` : `${r.namespace.value}-zoom-in-top`), Q = l(() => d.value === "horizontal" && b.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 = l(() => e.openedMenus.includes(o.index)), m = l(() => {
       let t = !1;
-      return Object.values(S.value).forEach((s) => {
+      return Object.values(C.value).forEach((s) => {
         s.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), B = l(() => e.props.backgroundColor || ""), P = l(() => e.props.activeTextColor || ""), F = l(() => e.props.textColor || ""), p = l(() => e.props.mode), W = l(() => e.props.persistent), h = ue({
+    }), B = l(() => e.props.backgroundColor || ""), P = l(() => e.props.activeTextColor || ""), F = l(() => e.props.textColor || ""), d = l(() => e.props.mode), W = l(() => e.props.persistent), h = ue({
       index: o.index,
       indexPath: f,
-      active: d
-    }), j = Te(e.props, r.level + 1), $ = l(() => p.value !== "horizontal" ? {
+      active: m
+    }), j = Te(e.props, i.level + 1), $ = l(() => d.value !== "horizontal" ? {
       color: F.value
     } : {
-      borderBottomColor: d.value ? e.props.activeTextColor ? P.value : "" : "transparent",
-      color: d.value ? P.value : F.value
+      borderBottomColor: m.value ? e.props.activeTextColor ? P.value : "" : "transparent",
+      color: m.value ? P.value : F.value
     }), X = () => E.value?.popperRef?.popperInstanceRef?.destroy(), Y = (t) => {
       t || X();
     }, O = (t) => {
@@ -83,7 +83,7 @@ const Ce = Z({
         e: t,
         index: o.index,
         indexPath: f.value,
-        active: d.value
+        active: m.value
       };
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !fe() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
         e.handleSubMenuClick({
@@ -94,11 +94,11 @@ const Ce = Z({
       }
       e.handleSubMenuClick(s);
     }, v = (t, s = o.showTimeout) => {
-      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (r.mouseInChild.value = !0, M?.(), {
+      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (i.mouseInChild.value = !0, M?.(), {
         stop: M
       } = H(() => {
         e.openMenu(o.index, f.value);
-      }, s), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
+      }, s), S.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), I("mouseenter", t)));
     }, _ = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
@@ -108,35 +108,33 @@ const Ce = Z({
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
     }, T = (t, s = !1) => {
-      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (M?.(), r.mouseInChild.value = !1, {
+      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (M?.(), i.mouseInChild.value = !1, {
         stop: M
       } = H(() => {
         !z.value && e.closeMenu(o.index, f.value);
-      }, o.hideTimeout), x.value && s && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
+      }, o.hideTimeout), S.value && s && p.parent?.type.name === "vft-sub-menu" && i.handleMouseleave?.(t, !0), I("mouseleave", t));
     };
     ae(() => e.props.collapse, (t) => Y(!!t));
     {
       const t = (n) => {
-        S.value[n.index] = n;
+        C.value[n.index] = n;
       }, s = (n) => {
-        delete S.value[n.index];
+        delete C.value[n.index];
       };
-      se(`subMenu:${m.uid}`, {
+      se(`subMenu:${p.uid}`, {
         addSubMenu: t,
         removeSubMenu: s,
         handleMouseleave: T,
         mouseInChild: z,
-        level: r.level + 1
+        level: i.level + 1
       });
     }
-    q({
-      opened: c
+    ie(() => {
+      e.addSubMenu(h), i.addSubMenu(h);
     }), re(() => {
-      e.addSubMenu(h), r.addSubMenu(h);
-    }), ie(() => {
-      r.removeSubMenu(h), e.removeSubMenu(h);
+      i.removeSubMenu(h), e.removeSubMenu(h);
     });
-    const V = ce(), N = l(() => g(o.icon, "icon")), oe = l(() => g(o.expandIcon, "icon")), te = l(() => g(o.collapseIcon, "icon")), ne = l(() => p.value === "horizontal" && b.value || p.value === "vertical" && !e.props.collapse ? {
+    const V = ce(), N = l(() => g(o.icon, "icon")), oe = l(() => g(o.expandIcon, "icon")), te = l(() => g(o.collapseIcon, "icon")), ne = l(() => d.value === "horizontal" && b.value || d.value === "vertical" && !e.props.collapse ? {
       icon: "icon-arrow-down",
       size: 20,
       ...oe.value
@@ -144,20 +142,22 @@ const Ce = Z({
       icon: "icon-arrow-right",
       size: 18,
       ...te.value
-    }), R = l(() => ve(m, "title"));
-    return () => {
-      const t = [N.value?.icon ? u(L, {
+    }), R = l(() => ve(p, "title"));
+    return q({
+      opened: c
+    }), () => {
+      const t = [N.value?.icon ? a(L, {
         ...N.value
-      }) : null, u("span", {
-        class: [a.e("text"), a.is("arrow", o.showArrow)],
-        title: m.props.title
-      }, R.value), o.showArrow ? u(L, {
-        class: a.e("icon-arrow"),
+      }) : null, a("span", {
+        class: [u.e("text"), u.is("arrow", o.showArrow)],
+        title: p.props.title
+      }, R.value), o.showArrow ? a(L, {
+        class: u.e("icon-arrow"),
         ...ne.value,
         style: {
           transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], s = e.isMenuPopup ? u(Me, {
+      }) : !1], s = e.isMenuPopup ? a(Me, {
         ref: E,
         visible: c.value,
         effect: "light",
@@ -167,25 +167,25 @@ const Ce = Z({
         persistent: W.value,
         popperClass: o.popperClass,
         placement: A.value,
-        teleported: x.value,
+        teleported: S.value,
         fallbackPlacements: Q.value,
         transition: K.value,
         gpuAcceleration: !1,
         ...o.toolTipCfg
       }, {
-        content: () => u("div", {
-          class: [i.m(p.value), i.m("popup-container"), o.popperClass],
+        content: () => a("div", {
+          class: [r.m(d.value), r.m("popup-container"), o.popperClass],
           onMouseenter: (n) => v(n, 100),
           onMouseleave: (n) => T(n, !0),
           onFocus: (n) => v(n, 100)
-        }, [u("div", {
-          class: [i.b(), i.m("popup"), i.m(`popup-${A.value}`)],
+        }, [a("div", {
+          class: [r.b(), r.m("popup"), r.m(`popup-${A.value}`)],
           style: j.value
-        }, [u("ul", {
-          class: i.m("popup-ul-list")
+        }, [a("ul", {
+          class: r.m("popup-ul-list")
         }, V.default?.())])]),
-        default: () => u("div", {
-          class: a.e("title"),
+        default: () => a("div", {
+          class: [u.e("title"), u.is("active", o.index === e.activeIndex)],
           style: [$.value, {
             backgroundColor: B.value
           }],
@@ -195,23 +195,23 @@ const Ce = Z({
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        u(pe, {}, [R.value ? u("div", {
-          class: a.e("title"),
+        a(de, {}, [R.value ? a("div", {
+          class: [u.e("title"), u.is("active", o.index === e.activeIndex)],
           style: [$.value, {
             backgroundColor: B.value
           }],
           ref: J,
           onClick: O
-        }, t) : null, u(be, {}, {
-          default: () => me(u("ul", {
+        }, t) : null, a(be, {}, {
+          default: () => pe(a("ul", {
             role: "menu",
-            class: [i.b(), i.m("inline")],
+            class: [r.b(), r.m("inline")],
             style: j.value
-          }, [V.default?.()]), [[de, c.value]])
+          }, [V.default?.()]), [[me, c.value]])
         })])
       );
-      return u("li", {
-        class: [a.b(), a.is("active", d.value), a.e(String(r.level)), a.is("in-popup", r.level !== 0), a.is("opened", c.value), a.is("arrow", !0), a.is("disabled", o.disabled)],
+      return a("li", {
+        class: [u.b(), u.is("active", m.value), u.e(String(i.level)), u.is("in-popup", i.level !== 0), u.is("opened", c.value), u.is("arrow", !0), u.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,