vft 0.0.521 → 0.0.523

package/es/components/full-screen/full-screen.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as r, openBlock as p, createBlock as s, unref as o, mergeProps as m } from "vue";
-import { useFullscreen as a } from "@vft/use";
-import { delObjAttrNotExist as u } from "@vft/utils";
-import { VftIconText as f } from "../icon-text/index.js";
+import { defineComponent as t, ref as p, onMounted as s, openBlock as a, createBlock as m, unref as o, mergeProps as u } from "vue";
+import { useFullscreen as f } from "@vft/use";
+import { delObjAttrNotExist as d } from "@vft/utils";
+import { VftIconText as x } from "../icon-text/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
-import { primaryColor as d } from "../../utils/ns-cover.js";
+import { primaryColor as _ } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as x } from "../../hooks/use-namespace/index.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const _ = r({
+const y = t({
   name: "full-screen"
-}), z = /* @__PURE__ */ r({
-  ..._,
+}), E = /* @__PURE__ */ t({
+  ...y,
   props: {
     text: {},
     icon: {},
@@ -32,18 +32,20 @@ const _ = r({
     clampTooltipCfg: {},
     useClamp: { type: Boolean }
   },
-  setup(t) {
-    const n = t, l = x("full-screen"), { toggle: i, isFullscreen: e } = a(), c = d().value;
-    return (y, B) => (p(), s(o(f), m({
-      class: o(l).b(),
+  setup(n) {
+    const l = n, i = v("full-screen"), { toggle: c, isFullscreen: e } = f(), r = p("");
+    return s(() => {
+      r.value = _().value;
+    }), (B, C) => (a(), m(o(x), u({
+      class: o(i).b(),
       distance: 2,
-      "hover-color": o(c),
-      onClick: o(i),
+      "hover-color": r.value,
+      onClick: o(c),
       icon: o(e) ? "icon-exit-full-screen" : "icon-full-screen",
       text: o(e) ? "退出全屏" : "全屏"
-    }, o(u)(n, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
+    }, o(d)(l, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
   }
 });
 export {
-  z as default
+  E as default
 };

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

@@ -5,6 +5,9 @@ export declare const VftLogo: import("vft/es/utils").SFCWithInstall<import("vue"
     logo: {
         type: import("vue").PropType<string>;
     };
+    alt: {
+        type: import("vue").PropType<string>;
+    };
     jumpPath: {
         type: import("vue").PropType<string>;
     };
@@ -15,6 +18,9 @@ export declare const VftLogo: import("vft/es/utils").SFCWithInstall<import("vue"
     logo: {
         type: import("vue").PropType<string>;
     };
+    alt: {
+        type: import("vue").PropType<string>;
+    };
     jumpPath: {
         type: import("vue").PropType<string>;
     };

package/es/components/logo/logo.vue2.js

@@ -1,48 +1,49 @@
-import { defineComponent as c, computed as r, getCurrentInstance as p, openBlock as o, createElementBlock as l, normalizeStyle as d, normalizeClass as n, unref as a, createCommentVNode as i, toDisplayString as k } from "vue";
+import { defineComponent as r, computed as o, getCurrentInstance as k, openBlock as l, createElementBlock as n, normalizeStyle as p, normalizeClass as i, unref as c, createCommentVNode as a, toDisplayString as C } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as C } from "../../hooks/use-namespace/index.js";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as h } from "@vft/router";
-const y = ["src"], v = c({
+import { useRouterHelper as v } from "@vft/router";
+const y = ["src", "alt"], P = r({
   name: "vft-logo"
-}), R = /* @__PURE__ */ c({
-  ...v,
+}), R = /* @__PURE__ */ r({
+  ...P,
   props: {
     title: {},
     logo: {},
+    alt: {},
     jumpPath: { default: "/" }
   },
   setup(t) {
-    const e = C("logo"), s = r(() => [e.b()]), m = p().appContext.config.globalProperties.$router, { go: u } = h(m);
-    function g() {
-      t.jumpPath && u(t.jumpPath);
+    const m = o(() => t.alt || t.title || "Logo"), e = h("logo"), s = o(() => [e.b()]), u = k().appContext.config.globalProperties.$router, { go: g } = v(u);
+    function f() {
+      t.jumpPath && g(t.jumpPath);
     }
-    const f = r(
+    const d = o(
       () => t.jumpPath ? {} : e.cssVarBlock({ cursor: "inital" })
     );
-    return (j, x) => t.logo || t.title ? (o(), l("div", {
+    return (x, B) => t.logo || t.title ? (l(), n("div", {
       key: 0,
-      class: n(s.value),
-      onClick: g,
-      style: d(f.value)
+      class: i(s.value),
+      onClick: f,
+      style: p(d.value)
     }, [
-      t.logo ? (o(), l("img", {
+      t.logo ? (l(), n("img", {
         key: 0,
-        class: n(a(e).e("img")),
+        class: i(c(e).e("img")),
         src: t.logo,
-        alt: ""
-      }, null, 10, y)) : i("", !0),
-      t.title ? (o(), l("div", {
+        alt: m.value
+      }, null, 10, y)) : a("", !0),
+      t.title ? (l(), n("div", {
         key: 1,
-        class: n(a(e).e("title"))
-      }, k(t.title), 3)) : i("", !0)
-    ], 6)) : i("", !0);
+        class: i(c(e).e("title"))
+      }, C(t.title), 3)) : a("", !0)
+    ], 6)) : a("", !0);
   }
 });
 export {

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

@@ -3,6 +3,8 @@ export interface LogoProps {
     title?: string;
     /** logo 图片地址 */
     logo?: string;
+    /** logo 图片的 alt 文本（无障碍 / SEO）；缺省时回退到 title，再回退到 'Logo' */
+    alt?: string;
     /** 点击 logo 跳转路径 */
     jumpPath?: string;
 }

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, getCurrentInstance as q, computed as d, ref as v, watchEffect as G, unref as t, onMounted as J, openBlock as g, createElementBlock as P, normalizeStyle as O, normalizeClass as V, createVNode as h, createSlots as Q, withCtx as T, Fragment as X, renderList as Y, createBlock as Z, renderSlot as ee, createElementVNode as te } from "vue";
+import { defineComponent as B, getCurrentInstance as q, computed as v, ref as h, unref as t, watchEffect as G, onMounted as J, openBlock as T, createElementBlock as P, normalizeStyle as O, normalizeClass as V, createVNode as b, createSlots as Q, withCtx as R, Fragment as X, renderList as Y, createBlock as Z, renderSlot as ee, createElementVNode as te } from "vue";
 import { VftTabs as ae, VftTabPane as ne } from "../tabs/index.js";
 import { VftIcon as w } from "../icon/index.js";
 import { isClient as oe } from "@vueuse/core";
@@ -11,7 +11,7 @@ import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as ie, getRouterKeyPath as b, listenerRouteChange as re } from "@vft/router";
+import { getRouterKeyPath as f, useRouterHelper as ie, listenerRouteChange as re } from "@vft/router";
 import { useMultipleTabStore as se, isTabPinned as $, useTabs as ue } from "@vft/store";
 import { useRefs as ce } from "@vft/use";
 import fe from "hotkeys-js";
@@ -32,24 +32,24 @@ const be = B({
     fixExtraScrollWidth: {}
   },
   setup(u) {
-    const R = le("multiple-tabs"), s = q().appContext.config.globalProperties.$router, I = ve(s), l = se(), f = d(
+    const C = le("multiple-tabs"), r = q().appContext.config.globalProperties.$router, I = ve(r), l = se(), m = v(
       () => l.getTabList.filter((e) => !e.meta?.hideTab && $(e)).length
-    ), L = d(
-      () => Math.max(u.fixTabCount, f.value)
-    ), r = v(""), i = v(0), p = v(), { go: C } = ie(s), m = d(() => l.getTabList.filter((e) => !e.meta?.hideTab));
+    ), L = v(
+      () => Math.max(u.fixTabCount, m.value)
+    ), s = h(f(t(r.currentRoute)) || ""), i = h(0), p = h(), { go: y } = ie(r), d = v(() => l.getTabList.filter((e) => !e.meta?.hideTab));
     G(() => {
-      if (r.value) {
-        const e = m.value.findIndex((n) => b(n) === r.value);
-        e === -1 ? i.value = m.value?.length - 1 : i.value = e, i.value = i.value < f.value ? f.value - 1 : i.value;
+      if (s.value) {
+        const e = d.value.findIndex((n) => f(n) === s.value);
+        e === -1 ? i.value = d.value?.length - 1 : i.value = e, i.value = i.value < m.value ? m.value - 1 : i.value;
       }
     }), oe && me(() => {
-      p.value = t(s.currentRoute);
+      p.value = t(r.currentRoute);
     }), re(({ route: e }) => {
       if (!e || e.meta?.hasTokenToRoot)
         return;
-      const { meta: n = {} } = e, { currentActivePath: a, hideTab: c } = n, W = c ? a : null, S = b(e);
-      if (r.value !== S && (r.value = S), W) {
-        const k = s.getRoutes().find((j) => j.path === a);
+      const { meta: n = {} } = e, { currentActivePath: a, hideTab: c } = n, W = c ? a : null, g = f(e);
+      if (g && s.value !== g && (s.value = g), W) {
+        const k = r.getRoutes().find((j) => j.path === a);
         k && l.addTab(
           k,
           t(p),
@@ -59,22 +59,22 @@ const be = B({
       } else c || l.addTab(t(e), t(p), i.value);
     });
     function N(e) {
-      if (r.value === e.paneName)
+      if (s.value === e.paneName)
         return;
-      const n = m.value[e.attrs.index];
-      r.value = e.paneName;
+      const n = d.value[e.attrs.index];
+      s.value = e.paneName;
       const a = n?.meta?.hideActiveRoute?.fullPath;
-      C(a || n.fullPath || n.path);
+      y(a || n.fullPath || n.path);
     }
     function _(e) {
-      l.closeTabByKey(e, s);
+      l.closeTabByKey(e, r);
     }
     const { refs: E, setRefs: F } = ce();
     function A(e) {
       const n = e.pane.attrs.index, a = e.event;
       E.value[n].handleContext(a);
     }
-    const z = d(() => {
+    const z = v(() => {
       const e = {
         padding: "4px 0 0",
         "border-bottom": "none",
@@ -100,41 +100,41 @@ const be = B({
       ),
       ...u.contextMenuStyle
     }, K = () => {
-      l.toggleFullScreen(l.getTabList[i.value], s);
-    }, x = v(!1);
-    let y;
+      l.toggleFullScreen(l.getTabList[i.value], r);
+    }, x = h(!1);
+    let S;
     const U = () => {
-      clearInterval(y), x.value = !0, l.refreshPage(0, s, l.getTabList[i.value]), y = setTimeout(() => {
+      clearInterval(S), x.value = !0, l.refreshPage(0, r, l.getTabList[i.value]), S = setTimeout(() => {
         x.value = !1;
       }, 500);
     };
     return J(() => {
       u.canDrag && he(I), fe("command+e, ctrl+e", () => (D(), !1));
-    }), (e, n) => (g(), P("div", {
-      class: V(t(R).b()),
+    }), (e, n) => (T(), P("div", {
+      class: V(t(C).b()),
       style: O(z.value)
     }, [
-      h(t(ae), {
+      b(t(ae), {
         "show-bar": !1,
         "fix-tab-count": L.value,
         "fix-extra-scroll-width": u.fixExtraScrollWidth,
-        modelValue: r.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
+        modelValue: s.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (a) => s.value = a),
         onTabClick: N,
         onTabRemove: _,
         onTabContextMenu: A
       }, Q({
-        default: T(() => [
-          (g(!0), P(X, null, Y(m.value, (a, c) => (g(), Z(t(ne), {
-            key: t(b)(a) + c,
+        default: R(() => [
+          (T(!0), P(X, null, Y(d.value, (a, c) => (T(), Z(t(ne), {
+            key: t(f)(a) + c,
             closable: !t($)(a),
             index: c,
-            name: t(b)(a)
+            name: t(f)(a)
           }, {
-            label: T(() => [
-              h(de, {
+            label: R(() => [
+              b(de, {
                 "context-menu-style": H,
-                "affix-num": f.value,
+                "affix-num": m.value,
                 ref_for: !0,
                 ref: t(F)(c),
                 "tab-item": a
@@ -147,19 +147,19 @@ const be = B({
       }, [
         u.showNavRight ? {
           name: "navRight",
-          fn: T(() => [
+          fn: R(() => [
             ee(e.$slots, "nav-right", {}, () => [
               te("div", {
-                class: V(t(R).e("nav-right"))
+                class: V(t(C).e("nav-right"))
               }, [
-                h(t(w), {
+                b(t(w), {
                   rotate: x.value,
                   "rotate-speed": 1,
                   onClick: U,
                   icon: "icon-refresh-right",
                   pointer: ""
                 }, null, 8, ["rotate"]),
-                h(t(w), {
+                b(t(w), {
                   onClick: K,
                   icon: t(l).isFullScreen ? "icon-collapse" : "icon-expand",
                   pointer: ""

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

@@ -1,25 +1,25 @@
-import { defineComponent as H, toRefs as de, useSlots as ce, getCurrentInstance as pe, ref as h, computed as b, watch as fe, onMounted as me, nextTick as ve, createVNode as m, h as y, isVNode as he } from "vue";
-import { VftIcon as ge } from "../icon/index.js";
-import { VftMenu as be, VftSubMenu as ye, VftMenuItem as j, VftMenuItemGroup as Me } from "../menu/index.js";
+import { defineComponent as H, toRefs as ce, useSlots as pe, getCurrentInstance as fe, unref as me, ref as v, computed as b, watch as he, onMounted as ve, nextTick as ge, createVNode as m, h as y, isVNode as be } from "vue";
+import { VftIcon as ye } from "../icon/index.js";
+import { VftMenu as Me, VftSubMenu as Se, VftMenuItem as j, VftMenuItemGroup as Ce } from "../menu/index.js";
 import "@vueuse/core";
-import { isNullOrUndefined as q, isNumber as E, isUrl as Se } from "@vft/utils";
-import { addUnit as O } from "../../utils/helper.js";
+import { isNullOrUndefined as q, isNumber as E, isUrl as Oe } from "@vft/utils";
+import { addUnit as T } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import { listenerRouteChange as Ce, useRouterHelper as Oe } from "@vft/router";
-import { useSortable as xe } from "@vft/use/sortable";
-import { useNamespace as Te } from "../../hooks/use-namespace/index.js";
+import { listenerRouteChange as xe, useRouterHelper as Te } from "@vft/router";
+import { useSortable as Be } from "@vft/use/sortable";
+import { useNamespace as _e } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useDragLine as Be } from "./use-drag-line.js";
-function _e(g) {
-  return typeof g == "function" || Object.prototype.toString.call(g) === "[object Object]" && !he(g);
+import { useDragLine as we } from "./use-drag-line.js";
+function ke(g) {
+  return typeof g == "function" || Object.prototype.toString.call(g) === "[object Object]" && !be(g);
 }
-const we = H({
+const De = H({
   name: "vft-side-menu"
-}), Ue = /* @__PURE__ */ H({
-  ...we,
+}), Fe = /* @__PURE__ */ H({
+  ...De,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -106,17 +106,17 @@ const we = H({
   },
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "subMenuOpenClick", "menuItemMouseenter", "menuItemMouseleave"],
   setup(g, {
-    expose: J,
-    emit: L
+    expose: L,
+    emit: P
   }) {
-    const t = g, r = L, {
-      defaultActive: P,
+    const t = g, r = P, {
+      defaultActive: U,
       collapse: f,
-      uniqueOpened: U,
-      defaultOpeneds: $,
-      openMenuCollapse: F,
+      uniqueOpened: $,
+      defaultOpeneds: F,
+      openMenuCollapse: Y,
       defaultOpenedsLevel: M
-    } = de(t), s = Te("side-menu"), d = ce(), x = pe(), T = h(), a = b(() => ({
+    } = ce(t), s = _e("side-menu"), d = pe(), B = fe(), S = B.appContext.config.globalProperties.$router, C = me(S?.currentRoute), _ = v(C?.path && !(C.meta?.hideSide && !t.useRouterJump) ? C.path : void 0), a = b(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -124,7 +124,7 @@ const we = H({
       icon: "icon",
       disabled: "disabled",
       ...t.attrMapping
-    })), Y = (e, n = 1 / 0) => {
+    })), Z = (e, n = 1 / 0) => {
       const l = [], o = (u, c = 0) => {
         c >= n || u.forEach((i) => {
           i[a.value.children]?.length && (l.push(i[a.value.index]), o(i[a.value.children], c + 1));
@@ -132,51 +132,51 @@ const we = H({
       };
       return o(e), l;
     };
-    Ce(({
+    xe(({
       route: e
     }) => {
-      !e || e.meta?.hideSide && !t.useRouterJump || (T.value = e.path);
+      !e || e.meta?.hideSide && !t.useRouterJump || e.path && (_.value = e.path);
     });
-    const Z = (e) => {
+    const z = (e) => {
       const n = e.e;
       if (t.autoScrollActiveDom && n) {
         const l = E(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, o = n.target;
-        B({
+        w({
           activeDom: o,
           offset: l
         });
       }
       r("subMenuOpenClick", e);
-    }, z = (e) => {
+    }, G = (e) => {
       r("subMenuClick", e);
-    }, B = ({
+    }, w = ({
       activeDom: e = null,
       offset: n = 0,
       delay: l = 300
     } = {}) => {
-      v.value?.menu && setTimeout(() => {
+      h.value?.menu && setTimeout(() => {
         const o = e || document.querySelector(".vft-menu-item.is-active") || document.querySelector(".vft-sub-menu.is-active");
-        o && (v.value.menu.scrollTop = v.value.menu.scrollTop + (o.getBoundingClientRect().top - v.value.menu.getBoundingClientRect().top) + n);
+        o && (h.value.menu.scrollTop = h.value.menu.scrollTop + (o.getBoundingClientRect().top - h.value.menu.getBoundingClientRect().top) + n);
       }, l);
-    }, G = (e) => {
-      r("menuItemMouseenter", e);
     }, K = (e) => {
+      r("menuItemMouseenter", e);
+    }, Q = (e) => {
       r("menuItemMouseleave", e);
-    }, Q = (e, n) => !t.enableScroll || !e ? e : f.value && n > t.scrollThreshold ? y(Me, {
+    }, X = (e, n) => !t.enableScroll || !e ? e : f.value && n > t.scrollThreshold ? y(Ce, {
       style: {
-        maxHeight: O(t.scrollMaxHeight),
+        maxHeight: T(t.scrollMaxHeight),
         overflowY: "auto"
       }
-    }, () => e) : e, _ = (e, n) => {
-      const l = e[a.value.path], o = e[a.value.title], u = e?.[a.value.children], c = e?.[a.value.index], i = e?.[a.value.icon], R = !!e?.[a.value.disabled], I = t.disabledJudgeTurnOver ? !R : R, N = c || l || n + o;
-      return u?.length ? y(ye, {
+    }, () => e) : e, k = (e, n) => {
+      const l = e[a.value.path], o = e[a.value.title], u = e?.[a.value.children], c = e?.[a.value.index], i = e?.[a.value.icon], I = !!e?.[a.value.disabled], N = t.disabledJudgeTurnOver ? !I : I, V = c || l || n + o;
+      return u?.length ? y(Se, {
         ...e,
         popperAppendToBody: !0,
-        key: N,
-        index: N,
+        key: V,
+        index: V,
         title: o,
         icon: i,
-        disabled: t.openDisabled && I,
+        disabled: t.openDisabled && N,
         popperClass: s.e("popper"),
         toolTipCfg: {
           placement: "right",
@@ -185,24 +185,24 @@ const we = H({
         }
       }, {
         default: () => {
-          const ae = u?.map((p, ue) => {
-            const C = p[a.value.path], V = p[a.value.index], se = p[a.value.icon], ie = p[a.value.title], W = !!p[a.value.disabled], re = t.disabledJudgeTurnOver ? !W : W;
-            return p?.[a.value.children]?.length ? _(p, ue) : (
+          const ue = u?.map((p, se) => {
+            const x = p[a.value.path], W = p[a.value.index], ie = p[a.value.icon], re = p[a.value.title], J = !!p[a.value.disabled], de = t.disabledJudgeTurnOver ? !J : J;
+            return p?.[a.value.children]?.length ? k(p, se) : (
               // @ts-ignore
               y(j, {
                 ...p,
-                key: V || C,
-                index: V || C,
-                route: C,
-                icon: se,
-                title: ie,
-                disabled: t.openDisabled && re
+                key: W || x,
+                index: W || x,
+                route: x,
+                icon: ie,
+                title: re,
+                disabled: t.openDisabled && de
               }, d.menuItem ? () => d.menuItem?.({
                 item: p
               }) : "")
             );
           });
-          return Q(ae, u?.length || 0);
+          return X(ue, u?.length || 0);
         }
       }) : y(j, {
         ...e,
@@ -211,27 +211,27 @@ const we = H({
         title: o,
         route: l,
         icon: i,
-        disabled: t.openDisabled && I,
-        onMouseenter: () => G(e),
-        onMouseleave: () => K(e)
+        disabled: t.openDisabled && N,
+        onMouseenter: () => K(e),
+        onMouseleave: () => Q(e)
       }, d.menuItem ? () => d.menuItem?.({
         item: e,
         index: n
       }) : "");
-    }, v = h(), X = b(() => ({
+    }, h = v(), ee = b(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), w = x.appContext.config.globalProperties.$router;
-    function ee(e, n) {
+    }));
+    function te(e, n) {
       if (t.useRouterJump) {
         const {
           go: l
-        } = Oe(w), o = e.route;
+        } = Te(S), o = e.route;
         let u = e.route;
-        e.indexPath.some((i) => Se(i)) && (u = e.indexPath.slice(-2).join("/"));
-        const c = w.getRoutes().filter((i) => i.path === u)?.[0]?.meta?.linkTarget;
+        e.indexPath.some((i) => Oe(i)) && (u = e.indexPath.slice(-2).join("/"));
+        const c = S.getRoutes().filter((i) => i.path === u)?.[0]?.meta?.linkTarget;
         l(c ? {
           url: o,
           winOpenOpt: {
@@ -241,27 +241,27 @@ const we = H({
       }
       r("select", e, n);
     }
-    const S = h(), k = h(), D = h(), te = b(() => ({
+    const O = v(), D = v(), R = v(), le = b(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         borderRight: "none"
       } : {},
-      width: O(t.width),
+      width: T(t.width),
       height: t.height
     }));
-    fe(() => f.value, (e) => {
-      le.value || (e ? r("update:width", t.collapseWidth) : r("update:width", D.value || t.width), D.value = t.width);
+    he(() => f.value, (e) => {
+      oe.value || (e ? r("update:width", t.collapseWidth) : r("update:width", R.value || t.width), R.value = t.width);
     });
     const {
-      isDraging: le
-    } = Be(S, k, x), oe = b(() => ({
-      left: O(t.width)
-    })), ne = b(() => [s.b(), t.isFixedLeft ? s.m("fixed") : ""]), A = h([]);
-    return me(() => {
-      ve(() => {
+      isDraging: oe
+    } = we(O, D, B), ne = b(() => ({
+      left: T(t.width)
+    })), ae = b(() => [s.b(), t.isFixedLeft ? s.m("fixed") : ""]), A = v([]);
+    return ve(() => {
+      ge(() => {
         if (t.dragOption?.dragClassName) {
           const e = document.querySelectorAll(`.${s.e(t.dragOption?.dragClassName)}`)?.[0], {
             initSortable: n
-          } = xe(e, {
+          } = Be(e, {
             draggable: ".vft-menu-item",
             onEnd: (l) => {
               const {
@@ -275,53 +275,53 @@ const we = H({
           n();
         }
       });
-    }), J({
-      sideRef: S,
-      jumpActiveDom: B,
-      menuRef: v
+    }), L({
+      sideRef: O,
+      jumpActiveDom: w,
+      menuRef: h
     }), () => {
       let e;
-      return M.value && (A.value = Y(t.menus, E(M.value) ? M.value : 1 / 0)), m("div", {
-        ref: S,
-        class: ne.value,
-        style: te.value
+      return M.value && (A.value = Z(t.menus, E(M.value) ? M.value : 1 / 0)), m("div", {
+        ref: O,
+        class: ae.value,
+        style: le.value
       }, [d.top ? m("div", {
         class: s.e("top")
-      }, [d.top()]) : null, y(m(be, {
-        ref: v,
-        onSelect: ee,
-        onOpen: Z,
-        onSubMenuClick: z,
-        defaultActive: P?.value || T.value,
-        defaultOpeneds: $?.value || A.value,
+      }, [d.top()]) : null, y(m(Me, {
+        ref: h,
+        onSelect: te,
+        onOpen: z,
+        onSubMenuClick: G,
+        defaultActive: U?.value || _.value,
+        defaultOpeneds: F?.value || A.value,
         disableSubMenuAction: t.disableSubMenuAction,
         class: [s.e("con"), t.dragOption?.dragClassName ? s.e(t.dragOption?.dragClassName) : ""],
-        style: X.value,
-        collapse: F.value ? f.value : !1,
-        uniqueOpened: U.value,
+        style: ee.value,
+        collapse: Y.value ? f.value : !1,
+        uniqueOpened: $.value,
         collapseTransition: t.collapseTransition,
         collapseType: t.collapseType
-      }, _e(e = t.menus.map((n, l) => _(n, l))) ? e : {
+      }, ke(e = t.menus.map((n, l) => k(n, l))) ? e : {
         default: () => [e]
       })), d.bottom ? m("div", {
         class: s.e("bottom")
       }, [d.bottom()]) : t.showCollapse ? m("div", {
         onClick: () => r("update:collapse", !f.value),
         class: [s.e("bottom"), s.e("collapse")]
-      }, [m(ge, {
+      }, [m(ye, {
         style: {
           transform: f.value ? "rotateY(180deg)" : ""
         },
         size: 20,
         icon: "icon-sidebar-collapse"
       }, null)]) : null, d.default?.(), t.dragWidthCfg ? m("div", {
-        ref: k,
-        style: oe.value,
+        ref: D,
+        style: ne.value,
         class: s.e("drag-bar")
       }, null) : null]);
     };
   }
 });
 export {
-  Ue as default
+  Fe as default
 };