jmash-core 0.0.57 → 0.0.59

package/dist/{index-DRZi4CPJ.mjs → index-B_6ikcFI.mjs}

@@ -1,12 +1,12 @@
-import { b as ke, i as Ee, u as ne, _ as ue, d as Ve, E as we, w as ot, a as at, c as dn, e as vt, f as fn, U as _t, g as ve, h as Fe, C as mn, j as Et, k as zt, l as pn, m as hn, n as vn, o as _n, p as gn, q as bn, r as Ue, s as yn, t as Tt, v as Ht, x as Wt, y as qt, z as It, A as re, B as kn, D as Cn, F as Mn, G as $n, H as wn, I as Sn, J as Ze, K as ut, L as xn, T as En, M as tt, N as Tn, O as At, P as In, Q as An, R as Pn, S as Vn, V as Ln, W as _e, X as Nn, Y as Ne, Z as Kt, $ as Ut, a0 as jt, a1 as bt, a2 as On, a3 as Se, a4 as Je, a5 as Bn, a6 as ze, a7 as Rn, a8 as ie, a9 as Pt, aa as Vt, ab as je, ac as ct, ad as Fn, ae as Dn, af as zn, ag as Hn, ah as Wn, ai as yt, aj as He, ak as qn } from "./index-Bv_UlYXv.mjs";
-import { defineComponent as D, ref as T, provide as We, onMounted as pe, openBlock as m, createElementBlock as M, normalizeClass as w, unref as r, renderSlot as ae, getCurrentInstance as ge, inject as Le, createElementVNode as C, createBlock as L, withCtx as $, resolveDynamicComponent as lt, toDisplayString as K, shallowRef as Lt, watch as ee, computed as E, normalizeStyle as ye, watchEffect as kt, Fragment as oe, renderList as xe, reactive as st, nextTick as Me, withDirectives as $e, withKeys as Nt, createVNode as _, createCommentVNode as H, createTextVNode as Q, vShow as qe, useSlots as Kn, Teleport as Un, Transition as rt, mergeProps as Xt, withModifiers as Te, onBeforeUnmount as Gt, h as te, toRef as jn, resolveComponent as Oe, isRef as nt, onBeforeMount as Xn, TransitionGroup as Gn, pushScopeId as Yn, popScopeId as Zn, KeepAlive as Jn, normalizeProps as Qn, guardReactiveProps as eo } from "vue";
+import { b as Ce, i as Ee, u as oe, _ as ue, d as Ve, E as we, w as ot, a as at, c as dn, e as vt, f as fn, U as _t, g as ve, h as De, C as mn, j as Et, k as zt, l as pn, m as hn, n as vn, o as _n, p as gn, q as bn, r as Ue, s as yn, t as Tt, v as Ht, x as Wt, y as qt, z as It, A as re, B as kn, D as Cn, F as Mn, G as $n, H as wn, I as Sn, J as Ze, K as ut, L as xn, T as En, M as tt, N as Tn, O as At, P as In, Q as An, R as Pn, S as Vn, V as Ln, W as _e, X as Nn, Y as Ne, Z as Kt, $ as Ut, a0 as jt, a1 as bt, a2 as On, a3 as Se, a4 as Je, a5 as Rn, a6 as ze, a7 as Bn, a8 as ie, a9 as Pt, aa as Vt, ab as je, ac as ct, ad as Dn, ae as Fn, af as zn, ag as Hn, ah as Wn, ai as yt, aj as He, ak as qn } from "./index-BIgjgL-a.mjs";
+import { defineComponent as F, ref as T, provide as We, onMounted as pe, openBlock as m, createElementBlock as M, normalizeClass as w, unref as r, renderSlot as le, getCurrentInstance as ge, inject as Le, createElementVNode as C, createBlock as N, withCtx as $, resolveDynamicComponent as lt, toDisplayString as q, shallowRef as Lt, watch as te, computed as E, normalizeStyle as ke, watchEffect as kt, Fragment as ae, renderList as xe, reactive as st, nextTick as $e, withDirectives as ye, withKeys as Nt, createVNode as _, createCommentVNode as H, createTextVNode as ee, vShow as qe, useSlots as Kn, Teleport as Un, Transition as rt, mergeProps as Xt, withModifiers as Te, onBeforeUnmount as Gt, h as ne, toRef as jn, resolveComponent as Oe, resolveDirective as Xn, isRef as nt, onBeforeMount as Gn, TransitionGroup as Yn, pushScopeId as Zn, popScopeId as Jn, KeepAlive as Qn, normalizeProps as eo, guardReactiveProps as to } from "vue";
 import { useRoute as Xe, useRouter as Ct } from "vue-router";
-import { _ as to } from "./updatePwd.vue_vue_type_script_setup_true_lang-C9ddxsF-.mjs";
-import { t as Qe, _ as no, E as oo } from "./runAs.vue_vue_type_script_setup_true_lang-NiGYDJH8.mjs";
-import { g as Mt } from "./position-qNbrdpNO.mjs";
-import { storeToRefs as ao } from "pinia";
-import { _ as lo } from "./index-kKX3Hw8G.mjs";
-const Yt = Symbol("breadcrumbKey"), so = ke({
+import { _ as no } from "./updatePwd.vue_vue_type_script_setup_true_lang-CLY6hMmO.mjs";
+import { t as Qe, _ as oo, E as ao } from "./runAs.vue_vue_type_script_setup_true_lang-BZBTd_j_.mjs";
+import { g as Mt } from "./position-CHQrk0lU.mjs";
+import { storeToRefs as lo } from "pinia";
+import { _ as so } from "./index-otAWIrpX.mjs";
+const Yt = Symbol("breadcrumbKey"), ro = Ce({
   separator: {
     type: String,
     default: "/"
@@ -14,13 +14,13 @@ const Yt = Symbol("breadcrumbKey"), so = ke({
   separatorIcon: {
     type: Ee
   }
-}), ro = D({
+}), io = F({
   name: "ElBreadcrumb"
-}), io = /* @__PURE__ */ D({
-  ...ro,
-  props: so,
+}), uo = /* @__PURE__ */ F({
+  ...io,
+  props: ro,
   setup(e) {
-    const n = e, t = ne("breadcrumb"), o = T();
+    const n = e, t = oe("breadcrumb"), o = T();
     return We(Yt, n), pe(() => {
       const s = o.value.querySelectorAll(`.${t.e("item")}`);
       s.length && s[s.length - 1].setAttribute("aria-current", "page");
@@ -31,12 +31,12 @@ const Yt = Symbol("breadcrumbKey"), so = ke({
       "aria-label": "Breadcrumb",
       role: "navigation"
     }, [
-      ae(s.$slots, "default")
+      le(s.$slots, "default")
     ], 2));
   }
 });
-var uo = /* @__PURE__ */ ue(io, [["__file", "breadcrumb.vue"]]);
-const co = ke({
+var co = /* @__PURE__ */ ue(uo, [["__file", "breadcrumb.vue"]]);
+const fo = Ce({
   to: {
     type: Ve([String, Object]),
     default: ""
@@ -45,13 +45,13 @@ const co = ke({
     type: Boolean,
     default: !1
   }
-}), fo = D({
+}), mo = F({
   name: "ElBreadcrumbItem"
-}), mo = /* @__PURE__ */ D({
-  ...fo,
-  props: co,
+}), po = /* @__PURE__ */ F({
+  ...mo,
+  props: fo,
   setup(e) {
-    const n = e, t = ge(), o = Le(Yt, void 0), s = ne("breadcrumb"), a = t.appContext.config.globalProperties.$router, l = T(), u = () => {
+    const n = e, t = ge(), o = Le(Yt, void 0), s = oe("breadcrumb"), a = t.appContext.config.globalProperties.$router, l = T(), u = () => {
       !n.to || !a || (n.replace ? a.replace(n.to) : a.push(n.to));
     };
     return (i, c) => {
@@ -66,29 +66,29 @@ const co = ke({
           role: "link",
           onClick: u
         }, [
-          ae(i.$slots, "default")
+          le(i.$slots, "default")
         ], 2),
-        (f = r(o)) != null && f.separatorIcon ? (m(), L(r(we), {
+        (f = r(o)) != null && f.separatorIcon ? (m(), N(r(we), {
           key: 0,
           class: w(r(s).e("separator"))
         }, {
           default: $(() => [
-            (m(), L(lt(r(o).separatorIcon)))
+            (m(), N(lt(r(o).separatorIcon)))
           ]),
           _: 1
         }, 8, ["class"])) : (m(), M("span", {
           key: 1,
           class: w(r(s).e("separator")),
           role: "presentation"
-        }, K((d = r(o)) == null ? void 0 : d.separator), 3))
+        }, q((d = r(o)) == null ? void 0 : d.separator), 3))
       ], 2);
     };
   }
 });
-var Zt = /* @__PURE__ */ ue(mo, [["__file", "breadcrumb-item.vue"]]);
-const po = ot(uo, {
+var Zt = /* @__PURE__ */ ue(po, [["__file", "breadcrumb-item.vue"]]);
+const ho = ot(co, {
   BreadcrumbItem: Zt
-}), ho = at(Zt), vo = ke({
+}), vo = at(Zt), _o = Ce({
   color: {
     type: Ve(Object),
     required: !0
@@ -114,7 +114,7 @@ function Ke(e, n) {
   };
   e.addEventListener("mousedown", s), e.addEventListener("touchstart", s);
 }
-const _o = (e) => {
+const go = (e) => {
   const n = ge(), t = Lt(), o = Lt();
   function s(l) {
     l.target !== t.value && a(l);
@@ -137,31 +137,31 @@ const _o = (e) => {
     handleDrag: a,
     handleClick: s
   };
-}, go = (e, {
+}, bo = (e, {
   bar: n,
   thumb: t,
   handleDrag: o
 }) => {
-  const s = ge(), a = ne("color-alpha-slider"), l = T(0), u = T(0), i = T();
+  const s = ge(), a = oe("color-alpha-slider"), l = T(0), u = T(0), i = T();
   function c() {
     if (!t.value || e.vertical)
       return 0;
-    const N = s.vnode.el, b = e.color.get("alpha");
-    return N ? Math.round(b * (N.offsetWidth - t.value.offsetWidth / 2) / 100) : 0;
+    const O = s.vnode.el, b = e.color.get("alpha");
+    return O ? Math.round(b * (O.offsetWidth - t.value.offsetWidth / 2) / 100) : 0;
   }
   function f() {
     if (!t.value)
       return 0;
-    const N = s.vnode.el;
+    const O = s.vnode.el;
     if (!e.vertical)
       return 0;
     const b = e.color.get("alpha");
-    return N ? Math.round(b * (N.offsetHeight - t.value.offsetHeight / 2) / 100) : 0;
+    return O ? Math.round(b * (O.offsetHeight - t.value.offsetHeight / 2) / 100) : 0;
   }
   function d() {
     if (e.color && e.color.value) {
-      const { r: N, g: b, b: Z } = e.color.toRgb();
-      return `linear-gradient(to right, rgba(${N}, ${b}, ${Z}, 0) 0%, rgba(${N}, ${b}, ${Z}, 1) 100%)`;
+      const { r: O, g: b, b: Y } = e.color.toRgb();
+      return `linear-gradient(to right, rgba(${O}, ${b}, ${Y}, 0) 0%, rgba(${O}, ${b}, ${Y}, 1) 100%)`;
     }
     return "";
   }
@@ -171,7 +171,7 @@ const _o = (e) => {
   pe(() => {
     if (!n.value || !t.value)
       return;
-    const N = {
+    const O = {
       drag: (b) => {
         o(b);
       },
@@ -179,20 +179,20 @@ const _o = (e) => {
         o(b);
       }
     };
-    Ke(n.value, N), Ke(t.value, N), p();
-  }), ee(() => e.color.get("alpha"), () => p()), ee(() => e.color.value, () => p());
-  const v = E(() => [a.b(), a.is("vertical", e.vertical)]), g = E(() => a.e("bar")), k = E(() => a.e("thumb")), S = E(() => ({ background: i.value })), R = E(() => ({
+    Ke(n.value, O), Ke(t.value, O), p();
+  }), te(() => e.color.get("alpha"), () => p()), te(() => e.color.value, () => p());
+  const v = E(() => [a.b(), a.is("vertical", e.vertical)]), g = E(() => a.e("bar")), k = E(() => a.e("thumb")), S = E(() => ({ background: i.value })), B = E(() => ({
     left: vt(l.value),
     top: vt(u.value)
   }));
-  return { rootKls: v, barKls: g, barStyle: S, thumbKls: k, thumbStyle: R, update: p };
-}, bo = "ElColorAlphaSlider", yo = D({
-  name: bo
-}), ko = /* @__PURE__ */ D({
-  ...yo,
-  props: vo,
+  return { rootKls: v, barKls: g, barStyle: S, thumbKls: k, thumbStyle: B, update: p };
+}, yo = "ElColorAlphaSlider", ko = F({
+  name: yo
+}), Co = /* @__PURE__ */ F({
+  ...ko,
+  props: _o,
   setup(e, { expose: n }) {
-    const t = e, { bar: o, thumb: s, handleDrag: a, handleClick: l } = _o(t), { rootKls: u, barKls: i, barStyle: c, thumbKls: f, thumbStyle: d, update: p } = go(t, {
+    const t = e, { bar: o, thumb: s, handleDrag: a, handleClick: l } = go(t), { rootKls: u, barKls: i, barStyle: c, thumbKls: f, thumbStyle: d, update: p } = bo(t, {
       bar: o,
       thumb: s,
       handleDrag: a
@@ -208,20 +208,20 @@ const _o = (e) => {
         ref_key: "bar",
         ref: o,
         class: w(r(i)),
-        style: ye(r(c)),
+        style: ke(r(c)),
         onClick: g[0] || (g[0] = (...k) => r(l) && r(l)(...k))
       }, null, 6),
       C("div", {
         ref_key: "thumb",
         ref: s,
         class: w(r(f)),
-        style: ye(r(d))
+        style: ke(r(d))
       }, null, 6)
     ], 2));
   }
 });
-var Co = /* @__PURE__ */ ue(ko, [["__file", "alpha-slider.vue"]]);
-const Mo = D({
+var Mo = /* @__PURE__ */ ue(Co, [["__file", "alpha-slider.vue"]]);
+const $o = F({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -231,8 +231,8 @@ const Mo = D({
     vertical: Boolean
   },
   setup(e) {
-    const n = ne("color-hue-slider"), t = ge(), o = T(), s = T(), a = T(0), l = T(0), u = E(() => e.color.get("hue"));
-    ee(() => u.value, () => {
+    const n = oe("color-hue-slider"), t = ge(), o = T(), s = T(), a = T(0), l = T(0), u = E(() => e.color.get("hue"));
+    te(() => u.value, () => {
       p();
     });
     function i(v) {
@@ -241,16 +241,16 @@ const Mo = D({
     function c(v) {
       if (!s.value || !o.value)
         return;
-      const k = t.vnode.el.getBoundingClientRect(), { clientX: S, clientY: R } = Mt(v);
-      let N;
+      const k = t.vnode.el.getBoundingClientRect(), { clientX: S, clientY: B } = Mt(v);
+      let O;
       if (e.vertical) {
-        let b = R - k.top;
-        b = Math.min(b, k.height - o.value.offsetHeight / 2), b = Math.max(o.value.offsetHeight / 2, b), N = Math.round((b - o.value.offsetHeight / 2) / (k.height - o.value.offsetHeight) * 360);
+        let b = B - k.top;
+        b = Math.min(b, k.height - o.value.offsetHeight / 2), b = Math.max(o.value.offsetHeight / 2, b), O = Math.round((b - o.value.offsetHeight / 2) / (k.height - o.value.offsetHeight) * 360);
       } else {
         let b = S - k.left;
-        b = Math.min(b, k.width - o.value.offsetWidth / 2), b = Math.max(o.value.offsetWidth / 2, b), N = Math.round((b - o.value.offsetWidth / 2) / (k.width - o.value.offsetWidth) * 360);
+        b = Math.min(b, k.width - o.value.offsetWidth / 2), b = Math.max(o.value.offsetWidth / 2, b), O = Math.round((b - o.value.offsetWidth / 2) / (k.width - o.value.offsetWidth) * 360);
       }
-      e.color.set("hue", N);
+      e.color.set("hue", O);
     }
     function f() {
       if (!o.value)
@@ -297,7 +297,7 @@ const Mo = D({
     };
   }
 });
-function $o(e, n, t, o, s, a) {
+function wo(e, n, t, o, s, a) {
   return m(), M("div", {
     class: w([e.ns.b(), e.ns.is("vertical", e.vertical)])
   }, [
@@ -309,15 +309,15 @@ function $o(e, n, t, o, s, a) {
     C("div", {
       ref: "thumb",
       class: w(e.ns.e("thumb")),
-      style: ye({
+      style: ke({
         left: e.thumbLeft + "px",
         top: e.thumbTop + "px"
       })
     }, null, 6)
   ], 2);
 }
-var wo = /* @__PURE__ */ ue(Mo, [["render", $o], ["__file", "hue-slider.vue"]]);
-const So = ke({
+var So = /* @__PURE__ */ ue($o, [["render", wo], ["__file", "hue-slider.vue"]]);
+const xo = Ce({
   modelValue: String,
   id: String,
   showAlpha: Boolean,
@@ -343,10 +343,10 @@ const So = ke({
     type: Boolean,
     default: !0
   }
-}), xo = {
-  [_t]: (e) => ve(e) || Fe(e),
-  [mn]: (e) => ve(e) || Fe(e),
-  activeChange: (e) => ve(e) || Fe(e),
+}), Eo = {
+  [_t]: (e) => ve(e) || De(e),
+  [mn]: (e) => ve(e) || De(e),
+  activeChange: (e) => ve(e) || De(e),
   focus: (e) => e instanceof FocusEvent,
   blur: (e) => e instanceof FocusEvent
 }, Jt = Symbol("colorPickerContextKey"), Ot = function(e, n, t) {
@@ -355,15 +355,15 @@ const So = ke({
     n * t / ((e = (2 - n) * t) < 1 ? e : 2 - e) || 0,
     e / 2
   ];
-}, Eo = function(e) {
-  return typeof e == "string" && e.includes(".") && Number.parseFloat(e) === 1;
 }, To = function(e) {
+  return typeof e == "string" && e.includes(".") && Number.parseFloat(e) === 1;
+}, Io = function(e) {
   return typeof e == "string" && e.includes("%");
 }, Ie = function(e, n) {
-  Eo(e) && (e = "100%");
-  const t = To(e);
+  To(e) && (e = "100%");
+  const t = Io(e);
   return e = Math.min(n, Math.max(0, Number.parseFloat(`${e}`))), t && (e = Number.parseInt(`${e * n}`, 10) / 100), Math.abs(e - n) < 1e-6 ? 1 : e % n / Number.parseFloat(n);
-}, Bt = {
+}, Rt = {
   10: "A",
   11: "B",
   12: "C",
@@ -373,8 +373,8 @@ const So = ke({
 }, et = (e) => {
   e = Math.min(Math.round(e), 255);
   const n = Math.floor(e / 16), t = e % 16;
-  return `${Bt[n] || n}${Bt[t] || t}`;
-}, Rt = function({ r: e, g: n, b: t }) {
+  return `${Rt[n] || n}${Rt[t] || t}`;
+}, Bt = function({ r: e, g: n, b: t }) {
   return Number.isNaN(+e) || Number.isNaN(+n) || Number.isNaN(+t) ? "" : `#${et(e)}${et(n)}${et(t)}`;
 }, ft = {
   A: 10,
@@ -383,9 +383,9 @@ const So = ke({
   D: 13,
   E: 14,
   F: 15
-}, Ce = function(e) {
+}, Me = function(e) {
   return e.length === 2 ? (ft[e[0].toUpperCase()] || +e[0]) * 16 + (ft[e[1].toUpperCase()] || +e[1]) : ft[e[1].toUpperCase()] || +e[1];
-}, Io = function(e, n, t) {
+}, Ao = function(e, n, t) {
   n = n / 100, t = t / 100;
   let o = n;
   const s = Math.max(t, 0.01);
@@ -396,7 +396,7 @@ const So = ke({
     s: l * 100,
     v: a * 100
   };
-}, Ft = (e, n, t) => {
+}, Dt = (e, n, t) => {
   e = Ie(e, 255), n = Ie(n, 255), t = Ie(t, 255);
   const o = Math.max(e, n, t), s = Math.min(e, n, t);
   let a;
@@ -421,7 +421,7 @@ const So = ke({
     a /= 6;
   }
   return { h: a * 360, s: i * 100, v: l * 100 };
-}, Re = function(e, n, t) {
+}, Be = function(e, n, t) {
   e = Ie(e, 360) * 6, n = Ie(n, 100), t = Ie(t, 100);
   const o = Math.floor(e), s = e - o, a = t * (1 - n), l = t * (1 - s * n), u = t * (1 - (1 - s) * n), i = o % 6, c = [t, l, a, a, u, t][i], f = [u, t, t, l, a, a][i], d = [a, a, u, t, t, l][i];
   return {
@@ -430,7 +430,7 @@ const So = ke({
     b: Math.round(d * 255)
   };
 };
-class De {
+class Fe {
   constructor(n = {}) {
     this._hue = 0, this._saturation = 100, this._value = 100, this._alpha = 100, this.enableAlpha = !1, this.format = "hex", this.value = "";
     for (const t in n)
@@ -449,7 +449,7 @@ class De {
     return n === "alpha" ? Math.floor(this[`_${n}`]) : this[`_${n}`];
   }
   toRgb() {
-    return Re(this._hue, this._saturation, this._value);
+    return Be(this._hue, this._saturation, this._value);
   }
   fromString(n) {
     if (!n) {
@@ -462,7 +462,7 @@ class De {
     if (n.includes("hsl")) {
       const o = n.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((s) => s !== "").map((s, a) => a > 2 ? Number.parseFloat(s) : Number.parseInt(s, 10));
       if (o.length === 4 ? this._alpha = Number.parseFloat(o[3]) * 100 : o.length === 3 && (this._alpha = 100), o.length >= 3) {
-        const { h: s, s: a, v: l } = Io(o[0], o[1], o[2]);
+        const { h: s, s: a, v: l } = Ao(o[0], o[1], o[2]);
         t(s, a, l);
       }
     } else if (n.includes("hsv")) {
@@ -471,7 +471,7 @@ class De {
     } else if (n.includes("rgb")) {
       const o = n.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((s) => s !== "").map((s, a) => a > 2 ? Number.parseFloat(s) : Number.parseInt(s, 10));
       if (o.length === 4 ? this._alpha = Number.parseFloat(o[3]) * 100 : o.length === 3 && (this._alpha = 100), o.length >= 3) {
-        const { h: s, s: a, v: l } = Ft(o[0], o[1], o[2]);
+        const { h: s, s: a, v: l } = Dt(o[0], o[1], o[2]);
         t(s, a, l);
       }
     } else if (n.includes("#")) {
@@ -479,8 +479,8 @@ class De {
       if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(o))
         return;
       let s, a, l;
-      o.length === 3 ? (s = Ce(o[0] + o[0]), a = Ce(o[1] + o[1]), l = Ce(o[2] + o[2])) : (o.length === 6 || o.length === 8) && (s = Ce(o.slice(0, 2)), a = Ce(o.slice(2, 4)), l = Ce(o.slice(4, 6))), o.length === 8 ? this._alpha = Ce(o.slice(6)) / 255 * 100 : (o.length === 3 || o.length === 6) && (this._alpha = 100);
-      const { h: u, s: i, v: c } = Ft(s, a, l);
+      o.length === 3 ? (s = Me(o[0] + o[0]), a = Me(o[1] + o[1]), l = Me(o[2] + o[2])) : (o.length === 6 || o.length === 8) && (s = Me(o.slice(0, 2)), a = Me(o.slice(2, 4)), l = Me(o.slice(4, 6))), o.length === 8 ? this._alpha = Me(o.slice(6)) / 255 * 100 : (o.length === 3 || o.length === 6) && (this._alpha = 100);
+      const { h: u, s: i, v: c } = Dt(s, a, l);
       t(u, i, c);
     }
   }
@@ -501,11 +501,11 @@ class De {
           break;
         }
         case "hex": {
-          this.value = `${Rt(Re(n, t, o))}${et(s * 255 / 100)}`;
+          this.value = `${Bt(Be(n, t, o))}${et(s * 255 / 100)}`;
           break;
         }
         default: {
-          const { r: l, g: u, b: i } = Re(n, t, o);
+          const { r: l, g: u, b: i } = Be(n, t, o);
           this.value = `rgba(${l}, ${u}, ${i}, ${this.get("alpha") / 100})`;
         }
       }
@@ -521,16 +521,16 @@ class De {
           break;
         }
         case "rgb": {
-          const { r: l, g: u, b: i } = Re(n, t, o);
+          const { r: l, g: u, b: i } = Be(n, t, o);
           this.value = `rgb(${l}, ${u}, ${i})`;
           break;
         }
         default:
-          this.value = Rt(Re(n, t, o));
+          this.value = Bt(Be(n, t, o));
       }
   }
 }
-const Ao = D({
+const Po = F({
   props: {
     colors: {
       type: Array,
@@ -542,9 +542,9 @@ const Ao = D({
     }
   },
   setup(e) {
-    const n = ne("color-predefine"), { currentColor: t } = Le(Jt), o = T(a(e.colors, e.color));
-    ee(() => t.value, (l) => {
-      const u = new De();
+    const n = oe("color-predefine"), { currentColor: t } = Le(Jt), o = T(a(e.colors, e.color));
+    te(() => t.value, (l) => {
+      const u = new Fe();
       u.fromString(l), o.value.forEach((i) => {
         i.selected = u.compare(i);
       });
@@ -556,7 +556,7 @@ const Ao = D({
     }
     function a(l, u) {
       return l.map((i) => {
-        const c = new De();
+        const c = new Fe();
         return c.enableAlpha = !0, c.format = "rgba", c.fromString(i), c.selected = c.value === u.value, c;
       });
     }
@@ -566,15 +566,15 @@ const Ao = D({
       ns: n
     };
   }
-}), Po = ["onClick"];
-function Vo(e, n, t, o, s, a) {
+}), Vo = ["onClick"];
+function Lo(e, n, t, o, s, a) {
   return m(), M("div", {
     class: w(e.ns.b())
   }, [
     C("div", {
       class: w(e.ns.e("colors"))
     }, [
-      (m(!0), M(oe, null, xe(e.rgbaColors, (l, u) => (m(), M("div", {
+      (m(!0), M(ae, null, xe(e.rgbaColors, (l, u) => (m(), M("div", {
         key: e.colors[u],
         class: w([
           e.ns.e("color-selector"),
@@ -584,14 +584,14 @@ function Vo(e, n, t, o, s, a) {
         onClick: (i) => e.handleSelect(u)
       }, [
         C("div", {
-          style: ye({ backgroundColor: l.value })
+          style: ke({ backgroundColor: l.value })
         }, null, 4)
-      ], 10, Po))), 128))
+      ], 10, Vo))), 128))
     ], 2)
   ], 2);
 }
-var Lo = /* @__PURE__ */ ue(Ao, [["render", Vo], ["__file", "predefine.vue"]]);
-const No = D({
+var No = /* @__PURE__ */ ue(Po, [["render", Lo], ["__file", "predefine.vue"]]);
+const Oo = F({
   name: "ElSlPanel",
   props: {
     color: {
@@ -600,7 +600,7 @@ const No = D({
     }
   },
   setup(e) {
-    const n = ne("color-svpanel"), t = ge(), o = T(0), s = T(0), a = T("hsl(0, 100%, 50%)"), l = E(() => {
+    const n = oe("color-svpanel"), t = ge(), o = T(0), s = T(0), a = T("hsl(0, 100%, 50%)"), l = E(() => {
       const c = e.color.get("hue"), f = e.color.get("value");
       return { hue: c, value: f };
     });
@@ -616,7 +616,7 @@ const No = D({
         value: 100 - k / d.height * 100
       });
     }
-    return ee(() => l.value, () => {
+    return te(() => l.value, () => {
       u();
     }), pe(() => {
       Ke(t.vnode.el, {
@@ -637,13 +637,13 @@ const No = D({
       ns: n
     };
   }
-}), Oo = /* @__PURE__ */ C("div", null, null, -1), Bo = [
-  Oo
+}), Ro = /* @__PURE__ */ C("div", null, null, -1), Bo = [
+  Ro
 ];
-function Ro(e, n, t, o, s, a) {
+function Do(e, n, t, o, s, a) {
   return m(), M("div", {
     class: w(e.ns.b()),
-    style: ye({
+    style: ke({
       backgroundColor: e.background
     })
   }, [
@@ -655,26 +655,26 @@ function Ro(e, n, t, o, s, a) {
     }, null, 2),
     C("div", {
       class: w(e.ns.e("cursor")),
-      style: ye({
+      style: ke({
         top: e.cursorTop + "px",
         left: e.cursorLeft + "px"
       })
     }, Bo, 6)
   ], 6);
 }
-var Fo = /* @__PURE__ */ ue(No, [["render", Ro], ["__file", "sv-panel.vue"]]);
-const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"], Ho = D({
+var Fo = /* @__PURE__ */ ue(Oo, [["render", Do], ["__file", "sv-panel.vue"]]);
+const zo = ["onKeydown"], Ho = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"], Wo = F({
   name: "ElColorPicker"
-}), Wo = /* @__PURE__ */ D({
-  ...Ho,
-  props: So,
-  emits: xo,
+}), qo = /* @__PURE__ */ F({
+  ...Wo,
+  props: xo,
+  emits: Eo,
   setup(e, { expose: n, emit: t }) {
-    const o = e, { t: s } = zt(), a = ne("color"), { formItem: l } = pn(), u = hn(), i = vn(), { inputId: c, isLabeledByFormItem: f } = _n(o, {
+    const o = e, { t: s } = zt(), a = oe("color"), { formItem: l } = pn(), u = hn(), i = vn(), { inputId: c, isLabeledByFormItem: f } = _n(o, {
       formItemContext: l
     }), d = T(), p = T(), v = T(), g = T(), k = T(), S = T(), {
-      isFocused: R,
-      handleFocus: N,
+      isFocused: B,
+      handleFocus: O,
       handleBlur: b
     } = gn(k, {
       beforeBlur(V) {
@@ -682,81 +682,81 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
         return (J = g.value) == null ? void 0 : J.isFocusInsideContent(V);
       },
       afterBlur() {
-        B(!1), h();
+        R(!1), h();
       }
-    }), Z = (V) => {
+    }), Y = (V) => {
       if (i.value)
         return wt();
-      N(V);
+      O(V);
     };
-    let Y = !0;
-    const O = st(new De({
+    let Z = !0;
+    const L = st(new Fe({
       enableAlpha: o.showAlpha,
       format: o.colorFormat || "",
       value: o.modelValue
-    })), j = T(!1), P = T(!1), W = T(""), le = E(() => !o.modelValue && !P.value ? "transparent" : I(O, o.showAlpha)), ce = E(() => !o.modelValue && !P.value ? "" : O.value), de = E(() => f.value ? void 0 : o.label || s("el.colorpicker.defaultLabel")), be = E(() => f.value ? l == null ? void 0 : l.labelId : void 0), x = E(() => [
+    })), U = T(!1), P = T(!1), j = T(""), Q = E(() => !o.modelValue && !P.value ? "transparent" : I(L, o.showAlpha)), ce = E(() => !o.modelValue && !P.value ? "" : L.value), de = E(() => f.value ? void 0 : o.label || s("el.colorpicker.defaultLabel")), be = E(() => f.value ? l == null ? void 0 : l.labelId : void 0), x = E(() => [
       a.b("picker"),
       a.is("disabled", i.value),
       a.bm("picker", u.value),
-      a.is("focused", R.value)
+      a.is("focused", B.value)
     ]);
     function I(V, J) {
-      if (!(V instanceof De))
+      if (!(V instanceof Fe))
         throw new TypeError("color should be instance of _color Class");
       const { r: fe, g: St, b: xt } = V.toRgb();
       return J ? `rgba(${fe}, ${St}, ${xt}, ${V.get("alpha") / 100})` : `rgb(${fe}, ${St}, ${xt})`;
     }
-    function B(V) {
-      j.value = V;
+    function R(V) {
+      U.value = V;
     }
-    const X = bn(B, 100, { leading: !0 });
-    function U() {
-      i.value || B(!0);
+    const X = bn(R, 100, { leading: !0 });
+    function K() {
+      i.value || R(!0);
     }
     function y() {
       X(!1), h();
     }
     function h() {
-      Me(() => {
-        o.modelValue ? O.fromString(o.modelValue) : (O.value = "", Me(() => {
+      $e(() => {
+        o.modelValue ? L.fromString(o.modelValue) : (L.value = "", $e(() => {
           P.value = !1;
         }));
       });
     }
     function A() {
-      i.value || X(!j.value);
+      i.value || X(!U.value);
     }
-    function F() {
-      O.fromString(W.value);
+    function D() {
+      L.fromString(j.value);
     }
-    function q() {
-      const V = O.value;
-      t(_t, V), t("change", V), o.validateEvent && (l == null || l.validate("change").catch((J) => It(J))), X(!1), Me(() => {
-        const J = new De({
+    function W() {
+      const V = L.value;
+      t(_t, V), t("change", V), o.validateEvent && (l == null || l.validate("change").catch((J) => It(J))), X(!1), $e(() => {
+        const J = new Fe({
           enableAlpha: o.showAlpha,
           format: o.colorFormat || "",
           value: o.modelValue
         });
-        O.compare(J) || h();
+        L.compare(J) || h();
       });
     }
     function z() {
       X(!1), t(_t, null), t("change", null), o.modelValue !== null && o.validateEvent && (l == null || l.validate("change").catch((V) => It(V))), h();
     }
     function G(V) {
-      if (j.value && (y(), R.value)) {
+      if (U.value && (y(), B.value)) {
         const J = new FocusEvent("focus", V);
         b(J);
       }
     }
     function se(V) {
-      V.preventDefault(), V.stopPropagation(), B(!1), h();
+      V.preventDefault(), V.stopPropagation(), R(!1), h();
     }
     function Ge(V) {
       switch (V.code) {
         case re.enter:
         case re.space:
-          V.preventDefault(), V.stopPropagation(), U(), S.value.focus();
+          V.preventDefault(), V.stopPropagation(), K(), S.value.focus();
           break;
         case re.esc:
           se(V);
@@ -770,30 +770,30 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
       k.value.blur();
     }
     return pe(() => {
-      o.modelValue && (W.value = ce.value);
-    }), ee(() => o.modelValue, (V) => {
-      V ? V && V !== O.value && (Y = !1, O.fromString(V)) : P.value = !1;
-    }), ee(() => ce.value, (V) => {
-      W.value = V, Y && t("activeChange", V), Y = !0;
-    }), ee(() => O.value, () => {
+      o.modelValue && (j.value = ce.value);
+    }), te(() => o.modelValue, (V) => {
+      V ? V && V !== L.value && (Z = !1, L.fromString(V)) : P.value = !1;
+    }), te(() => ce.value, (V) => {
+      j.value = V, Z && t("activeChange", V), Z = !0;
+    }), te(() => L.value, () => {
       !o.modelValue && !P.value && (P.value = !0);
-    }), ee(() => j.value, () => {
-      Me(() => {
+    }), te(() => U.value, () => {
+      $e(() => {
         var V, J, fe;
         (V = d.value) == null || V.update(), (J = p.value) == null || J.update(), (fe = v.value) == null || fe.update();
       });
     }), We(Jt, {
       currentColor: ce
     }), n({
-      color: O,
-      show: U,
+      color: L,
+      show: K,
       hide: y,
       focus: Ye,
       blur: wt
-    }), (V, J) => (m(), L(r(Ue), {
+    }), (V, J) => (m(), N(r(Ue), {
       ref_key: "popper",
       ref: g,
-      visible: j.value,
+      visible: U.value,
       "show-arrow": !1,
       "fallback-placements": ["bottom", "top", "right", "left"],
       offset: 0,
@@ -804,38 +804,38 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
       trigger: "click",
       transition: `${r(a).namespace.value}-zoom-in-top`,
       persistent: "",
-      onHide: J[2] || (J[2] = (fe) => B(!1))
+      onHide: J[2] || (J[2] = (fe) => R(!1))
     }, {
       content: $(() => [
-        $e((m(), M("div", {
+        ye((m(), M("div", {
           onKeydown: Nt(se, ["esc"])
         }, [
           C("div", {
             class: w(r(a).be("dropdown", "main-wrapper"))
           }, [
-            _(wo, {
+            _(So, {
               ref_key: "hue",
               ref: d,
               class: "hue-slider",
-              color: r(O),
+              color: r(L),
               vertical: ""
             }, null, 8, ["color"]),
             _(Fo, {
               ref_key: "sv",
               ref: p,
-              color: r(O)
+              color: r(L)
             }, null, 8, ["color"])
           ], 2),
-          V.showAlpha ? (m(), L(Co, {
+          V.showAlpha ? (m(), N(Mo, {
             key: 0,
             ref_key: "alpha",
             ref: v,
-            color: r(O)
+            color: r(L)
           }, null, 8, ["color"])) : H("v-if", !0),
-          V.predefine ? (m(), L(Lo, {
+          V.predefine ? (m(), N(No, {
             key: 1,
             ref: "predefine",
-            color: r(O),
+            color: r(L),
             colors: V.predefine
           }, null, 8, ["color", "colors"])) : H("v-if", !0),
           C("div", {
@@ -847,12 +847,12 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
               _(r(yn), {
                 ref_key: "inputRef",
                 ref: S,
-                modelValue: W.value,
-                "onUpdate:modelValue": J[0] || (J[0] = (fe) => W.value = fe),
+                modelValue: j.value,
+                "onUpdate:modelValue": J[0] || (J[0] = (fe) => j.value = fe),
                 "validate-event": !1,
                 size: "small",
-                onKeyup: Nt(F, ["enter"]),
-                onBlur: F
+                onKeyup: Nt(D, ["enter"]),
+                onBlur: D
               }, null, 8, ["modelValue", "onKeyup"])
             ], 2),
             _(r(Tt), {
@@ -862,7 +862,7 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
               onClick: z
             }, {
               default: $(() => [
-                Q(K(r(s)("el.colorpicker.clear")), 1)
+                ee(q(r(s)("el.colorpicker.clear")), 1)
               ]),
               _: 1
             }, 8, ["class"]),
@@ -870,15 +870,15 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
               plain: "",
               size: "small",
               class: w(r(a).be("dropdown", "btn")),
-              onClick: q
+              onClick: W
             }, {
               default: $(() => [
-                Q(K(r(s)("el.colorpicker.confirm")), 1)
+                ee(q(r(s)("el.colorpicker.confirm")), 1)
               ]),
               _: 1
             }, 8, ["class"])
           ], 2)
-        ], 40, Do)), [
+        ], 40, zo)), [
           [r(Ht), G]
         ])
       ]),
@@ -895,7 +895,7 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
           "aria-disabled": r(i),
           tabindex: r(i) ? -1 : V.tabindex,
           onKeydown: Ge,
-          onFocus: Z,
+          onFocus: Y,
           onBlur: J[1] || (J[1] = (...fe) => r(b) && r(b)(...fe))
         }, [
           r(i) ? (m(), M("div", {
@@ -911,11 +911,11 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
             }, [
               C("span", {
                 class: w(r(a).be("picker", "color-inner")),
-                style: ye({
-                  backgroundColor: r(le)
+                style: ke({
+                  backgroundColor: r(Q)
                 })
               }, [
-                $e(_(r(we), {
+                ye(_(r(we), {
                   class: w([r(a).be("picker", "icon"), r(a).is("icon-arrow-down")])
                 }, {
                   default: $(() => [
@@ -925,7 +925,7 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
                 }, 8, ["class"]), [
                   [qe, V.modelValue || P.value]
                 ]),
-                $e(_(r(we), {
+                ye(_(r(we), {
                   class: w([r(a).be("picker", "empty"), r(a).is("icon-close")])
                 }, {
                   default: $(() => [
@@ -938,14 +938,14 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
               ], 6)
             ], 2)
           ], 2)
-        ], 42, zo)
+        ], 42, Ho)
       ]),
       _: 1
     }, 8, ["visible", "popper-class", "transition"]));
   }
 });
-var qo = /* @__PURE__ */ ue(Wo, [["__file", "color-picker.vue"]]);
-const Ko = ot(qo), Uo = ke({
+var Ko = /* @__PURE__ */ ue(qo, [["__file", "color-picker.vue"]]);
+const Uo = ot(Ko), jo = Ce({
   ...kn,
   direction: {
     type: String,
@@ -968,13 +968,13 @@ const Ko = ot(qo), Uo = ke({
     type: String,
     default: "2"
   }
-}), jo = Cn, Xo = ["aria-label", "aria-labelledby", "aria-describedby"], Go = ["id", "aria-level"], Yo = ["aria-label"], Zo = ["id"], Jo = D({
+}), Xo = Cn, Go = ["aria-label", "aria-labelledby", "aria-describedby"], Yo = ["id", "aria-level"], Zo = ["aria-label"], Jo = ["id"], Qo = F({
   name: "ElDrawer",
   inheritAttrs: !1
-}), Qo = /* @__PURE__ */ D({
-  ...Jo,
-  props: Uo,
-  emits: jo,
+}), ea = /* @__PURE__ */ F({
+  ...Qo,
+  props: jo,
+  emits: Xo,
   setup(e, { expose: n }) {
     const t = e, o = Kn();
     Mn({
@@ -984,7 +984,7 @@ const Ko = ot(qo), Uo = ke({
       version: "3.0.0",
       ref: "https://element-plus.org/en-US/component/drawer.html#slots"
     }, E(() => !!o.title));
-    const s = T(), a = T(), l = ne("drawer"), { t: u } = zt(), {
+    const s = T(), a = T(), l = oe("drawer"), { t: u } = zt(), {
       afterEnter: i,
       afterLeave: c,
       beforeLeave: f,
@@ -994,17 +994,17 @@ const Ko = ot(qo), Uo = ke({
       bodyId: g,
       zIndex: k,
       onModalClick: S,
-      onOpenAutoFocus: R,
-      onCloseAutoFocus: N,
+      onOpenAutoFocus: B,
+      onCloseAutoFocus: O,
       onFocusoutPrevented: b,
-      onCloseRequested: Z,
-      handleClose: Y
-    } = $n(t, s), O = E(() => t.direction === "rtl" || t.direction === "ltr"), j = E(() => vt(t.size));
+      onCloseRequested: Y,
+      handleClose: Z
+    } = $n(t, s), L = E(() => t.direction === "rtl" || t.direction === "ltr"), U = E(() => vt(t.size));
     return n({
-      handleClose: Y,
+      handleClose: Z,
       afterEnter: i,
       afterLeave: c
-    }), (P, W) => (m(), L(Un, {
+    }), (P, j) => (m(), N(Un, {
       to: "body",
       disabled: !P.appendToBody
     }, [
@@ -1016,7 +1016,7 @@ const Ko = ot(qo), Uo = ke({
         persisted: ""
       }, {
         default: $(() => [
-          $e(_(r(wn), {
+          ye(_(r(wn), {
             mask: P.modal,
             "overlay-class": P.modalClass,
             "z-index": r(k),
@@ -1028,10 +1028,10 @@ const Ko = ot(qo), Uo = ke({
                 trapped: r(d),
                 "focus-trap-el": s.value,
                 "focus-start-el": a.value,
-                onFocusAfterTrapped: r(R),
-                onFocusAfterReleased: r(N),
+                onFocusAfterTrapped: r(B),
+                onFocusAfterReleased: r(O),
                 onFocusoutPrevented: r(b),
-                onReleaseRequested: r(Z)
+                onReleaseRequested: r(Y)
               }, {
                 default: $(() => [
                   C("div", Xt({
@@ -1043,9 +1043,9 @@ const Ko = ot(qo), Uo = ke({
                     "aria-describedby": r(g)
                   }, P.$attrs, {
                     class: [r(l).b(), P.direction, r(d) && "open"],
-                    style: r(O) ? "width: " + r(j) : "height: " + r(j),
+                    style: r(L) ? "width: " + r(U) : "height: " + r(U),
                     role: "dialog",
-                    onClick: W[1] || (W[1] = Te(() => {
+                    onClick: j[1] || (j[1] = Te(() => {
                     }, ["stop"]))
                   }), [
                     C("span", {
@@ -1058,11 +1058,11 @@ const Ko = ot(qo), Uo = ke({
                       key: 0,
                       class: w(r(l).e("header"))
                     }, [
-                      P.$slots.title ? ae(P.$slots, "title", { key: 1 }, () => [
+                      P.$slots.title ? le(P.$slots, "title", { key: 1 }, () => [
                         H(" DEPRECATED SLOT ")
-                      ]) : ae(P.$slots, "header", {
+                      ]) : le(P.$slots, "header", {
                         key: 0,
-                        close: r(Y),
+                        close: r(Z),
                         titleId: r(v),
                         titleClass: r(l).e("title")
                       }, () => [
@@ -1072,14 +1072,14 @@ const Ko = ot(qo), Uo = ke({
                           role: "heading",
                           "aria-level": P.headerAriaLevel,
                           class: w(r(l).e("title"))
-                        }, K(P.title), 11, Go))
+                        }, q(P.title), 11, Yo))
                       ]),
                       P.showClose ? (m(), M("button", {
                         key: 2,
                         "aria-label": r(u)("el.drawer.close"),
                         class: w(r(l).e("close-btn")),
                         type: "button",
-                        onClick: W[0] || (W[0] = (...le) => r(Y) && r(Y)(...le))
+                        onClick: j[0] || (j[0] = (...Q) => r(Z) && r(Z)(...Q))
                       }, [
                         _(r(we), {
                           class: w(r(l).e("close"))
@@ -1089,22 +1089,22 @@ const Ko = ot(qo), Uo = ke({
                           ]),
                           _: 1
                         }, 8, ["class"])
-                      ], 10, Yo)) : H("v-if", !0)
+                      ], 10, Zo)) : H("v-if", !0)
                     ], 2)) : H("v-if", !0),
                     r(p) ? (m(), M("div", {
                       key: 1,
                       id: r(g),
                       class: w(r(l).e("body"))
                     }, [
-                      ae(P.$slots, "default")
-                    ], 10, Zo)) : H("v-if", !0),
+                      le(P.$slots, "default")
+                    ], 10, Jo)) : H("v-if", !0),
                     P.$slots.footer ? (m(), M("div", {
                       key: 2,
                       class: w(r(l).e("footer"))
                     }, [
-                      ae(P.$slots, "footer")
+                      le(P.$slots, "footer")
                     ], 2)) : H("v-if", !0)
-                  ], 16, Xo)
+                  ], 16, Go)
                 ]),
                 _: 3
               }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -1119,9 +1119,9 @@ const Ko = ot(qo), Uo = ke({
     ], 8, ["disabled"]));
   }
 });
-var ea = /* @__PURE__ */ ue(Qo, [["__file", "drawer.vue"]]);
-const ta = ot(ea);
-let na = class {
+var ta = /* @__PURE__ */ ue(ea, [["__file", "drawer.vue"]]);
+const na = ot(ta);
+let oa = class {
   constructor(n, t) {
     this.parent = n, this.domNode = t, this.subIndex = 0, this.subIndex = 0, this.init();
   }
@@ -1159,14 +1159,14 @@ let na = class {
       });
     });
   }
-}, oa = class {
+}, aa = class {
   constructor(n, t) {
     this.domNode = n, this.submenu = null, this.submenu = null, this.init(t);
   }
   init(n) {
     this.domNode.setAttribute("tabindex", "0");
     const t = this.domNode.querySelector(`.${n}-menu`);
-    t && (this.submenu = new na(this, t)), this.addListeners();
+    t && (this.submenu = new oa(this, t)), this.addListeners();
   }
   addListeners() {
     this.domNode.addEventListener("keydown", (n) => {
@@ -1193,21 +1193,21 @@ let na = class {
       t && n.preventDefault();
     });
   }
-}, aa = class {
+}, la = class {
   constructor(n, t) {
     this.domNode = n, this.init(t);
   }
   init(n) {
     const t = this.domNode.childNodes;
     Array.from(t).forEach((o) => {
-      o.nodeType === 1 && new oa(o, n);
+      o.nodeType === 1 && new aa(o, n);
     });
   }
 };
-const la = D({
+const sa = F({
   name: "ElMenuCollapseTransition",
   setup() {
-    const e = ne("menu");
+    const e = oe("menu");
     return {
       listeners: {
         onBeforeEnter: (t) => t.style.opacity = "0.2",
@@ -1227,15 +1227,15 @@ const la = D({
     };
   }
 });
-function sa(e, n, t, o, s, a) {
-  return m(), L(rt, Xt({ mode: "out-in" }, e.listeners), {
+function ra(e, n, t, o, s, a) {
+  return m(), N(rt, Xt({ mode: "out-in" }, e.listeners), {
     default: $(() => [
-      ae(e.$slots, "default")
+      le(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-var ra = /* @__PURE__ */ ue(la, [["render", sa], ["__file", "menu-collapse-transition.vue"]]);
+var ia = /* @__PURE__ */ ue(sa, [["render", ra], ["__file", "menu-collapse-transition.vue"]]);
 function Qt(e, n) {
   const t = E(() => {
     let s = e.parent;
@@ -1254,23 +1254,23 @@ function Qt(e, n) {
     indexPath: t
   };
 }
-function ia(e) {
+function ua(e) {
   return E(() => {
     const t = e.backgroundColor;
     return t ? new En(t).shade(20).toString() : "";
   });
 }
 const en = (e, n) => {
-  const t = ne("menu");
+  const t = oe("menu");
   return E(() => t.cssVarBlock({
     "text-color": e.textColor || "",
     "hover-text-color": e.textColor || "",
     "bg-color": e.backgroundColor || "",
-    "hover-bg-color": ia(e).value || "",
+    "hover-bg-color": ua(e).value || "",
     "active-color": e.activeTextColor || "",
     level: `${n}`
   }));
-}, ua = ke({
+}, ca = Ce({
   index: {
     type: String,
     required: !0
@@ -1297,20 +1297,20 @@ const en = (e, n) => {
     type: Ee
   }
 }), mt = "ElSubMenu";
-var $t = D({
+var $t = F({
   name: mt,
-  props: ua,
+  props: ca,
   setup(e, { slots: n, expose: t }) {
-    const o = ge(), { indexPath: s, parentMenu: a } = Qt(o, E(() => e.index)), l = ne("menu"), u = ne("sub-menu"), i = Le("rootMenu");
+    const o = ge(), { indexPath: s, parentMenu: a } = Qt(o, E(() => e.index)), l = oe("menu"), u = oe("sub-menu"), i = Le("rootMenu");
     i || tt(mt, "can not inject root menu");
     const c = Le(`subMenu:${a.value.uid}`);
     c || tt(mt, "can not inject sub menu");
     const f = T({}), d = T({});
     let p;
-    const v = T(!1), g = T(), k = T(null), S = E(() => P.value === "horizontal" && N.value ? "bottom-start" : "right-start"), R = E(() => P.value === "horizontal" && N.value || P.value === "vertical" && !i.props.collapse ? e.expandCloseIcon && e.expandOpenIcon ? O.value ? e.expandOpenIcon : e.expandCloseIcon : Wt : e.collapseCloseIcon && e.collapseOpenIcon ? O.value ? e.collapseOpenIcon : e.collapseCloseIcon : Tn), N = E(() => c.level === 0), b = E(() => {
+    const v = T(!1), g = T(), k = T(null), S = E(() => P.value === "horizontal" && O.value ? "bottom-start" : "right-start"), B = E(() => P.value === "horizontal" && O.value || P.value === "vertical" && !i.props.collapse ? e.expandCloseIcon && e.expandOpenIcon ? L.value ? e.expandOpenIcon : e.expandCloseIcon : Wt : e.collapseCloseIcon && e.collapseOpenIcon ? L.value ? e.collapseOpenIcon : e.collapseCloseIcon : Tn), O = E(() => c.level === 0), b = E(() => {
       const h = e.teleported;
-      return h === void 0 ? N.value : h;
-    }), Z = E(() => i.props.collapse ? `${l.namespace.value}-zoom-in-left` : `${l.namespace.value}-zoom-in-top`), Y = E(() => P.value === "horizontal" && N.value ? [
+      return h === void 0 ? O.value : h;
+    }), Y = E(() => i.props.collapse ? `${l.namespace.value}-zoom-in-left` : `${l.namespace.value}-zoom-in-top`), Z = E(() => P.value === "horizontal" && O.value ? [
       "bottom-start",
       "bottom-end",
       "top-start",
@@ -1326,18 +1326,18 @@ var $t = D({
       "bottom-end",
       "top-start",
       "top-end"
-    ]), O = E(() => i.openedMenus.includes(e.index)), j = E(() => {
+    ]), L = E(() => i.openedMenus.includes(e.index)), U = E(() => {
       let h = !1;
       return Object.values(f.value).forEach((A) => {
         A.active && (h = !0);
       }), Object.values(d.value).forEach((A) => {
         A.active && (h = !0);
       }), h;
-    }), P = E(() => i.props.mode), W = st({
+    }), P = E(() => i.props.mode), j = st({
       index: e.index,
       indexPath: s,
-      active: j
-    }), le = en(i.props, c.level + 1), ce = E(() => {
+      active: U
+    }), Q = en(i.props, c.level + 1), ce = E(() => {
       var h;
       return (h = e.popperOffset) != null ? h : i.props.popperOffset;
     }), de = E(() => {
@@ -1350,18 +1350,18 @@ var $t = D({
       var h;
       return (h = e.hideTimeout) != null ? h : i.props.hideTimeout;
     }), I = () => {
-      var h, A, F;
-      return (F = (A = (h = k.value) == null ? void 0 : h.popperRef) == null ? void 0 : A.popperInstanceRef) == null ? void 0 : F.destroy();
-    }, B = (h) => {
+      var h, A, D;
+      return (D = (A = (h = k.value) == null ? void 0 : h.popperRef) == null ? void 0 : A.popperInstanceRef) == null ? void 0 : D.destroy();
+    }, R = (h) => {
       h || I();
     }, X = () => {
       i.props.menuTrigger === "hover" && i.props.mode === "horizontal" || i.props.collapse && i.props.mode === "vertical" || e.disabled || i.handleSubMenuClick({
         index: e.index,
         indexPath: s.value,
-        active: j.value
+        active: U.value
       });
-    }, U = (h, A = be.value) => {
-      var F;
+    }, K = (h, A = be.value) => {
+      var D;
       if (h.type !== "focus") {
         if (i.props.menuTrigger === "click" && i.props.mode === "horizontal" || !i.props.collapse && i.props.mode === "vertical" || e.disabled) {
           c.mouseInChild.value = !0;
@@ -1369,7 +1369,7 @@ var $t = D({
         }
         c.mouseInChild.value = !0, p == null || p(), { stop: p } = At(() => {
           i.openMenu(e.index, s.value);
-        }, A), b.value && ((F = a.value.vnode.el) == null || F.dispatchEvent(new MouseEvent("mouseenter")));
+        }, A), b.value && ((D = a.value.vnode.el) == null || D.dispatchEvent(new MouseEvent("mouseenter")));
       }
     }, y = (h = !1) => {
       var A;
@@ -1379,12 +1379,12 @@ var $t = D({
       }
       p == null || p(), c.mouseInChild.value = !1, { stop: p } = At(() => !v.value && i.closeMenu(e.index, s.value), x.value), b.value && h && ((A = c.handleMouseleave) == null || A.call(c, !0));
     };
-    ee(() => i.props.collapse, (h) => B(!!h));
+    te(() => i.props.collapse, (h) => R(!!h));
     {
-      const h = (F) => {
-        d.value[F.index] = F;
-      }, A = (F) => {
-        delete d.value[F.index];
+      const h = (D) => {
+        d.value[D.index] = D;
+      }, A = (D) => {
+        delete d.value[D.index];
       };
       We(`subMenu:${o.uid}`, {
         addSubMenu: h,
@@ -1395,26 +1395,26 @@ var $t = D({
       });
     }
     return t({
-      opened: O
+      opened: L
     }), pe(() => {
-      i.addSubMenu(W), c.addSubMenu(W);
+      i.addSubMenu(j), c.addSubMenu(j);
     }), Gt(() => {
-      c.removeSubMenu(W), i.removeSubMenu(W);
+      c.removeSubMenu(j), i.removeSubMenu(j);
     }), () => {
       var h;
       const A = [
         (h = n.title) == null ? void 0 : h.call(n),
-        te(we, {
+        ne(we, {
           class: u.e("icon-arrow"),
           style: {
-            transform: O.value ? e.expandCloseIcon && e.expandOpenIcon || e.collapseCloseIcon && e.collapseOpenIcon && i.props.collapse ? "none" : "rotateZ(180deg)" : "none"
+            transform: L.value ? e.expandCloseIcon && e.expandOpenIcon || e.collapseCloseIcon && e.collapseOpenIcon && i.props.collapse ? "none" : "rotateZ(180deg)" : "none"
           }
         }, {
-          default: () => ve(R.value) ? te(o.appContext.components[R.value]) : te(R.value)
+          default: () => ve(B.value) ? ne(o.appContext.components[B.value]) : ne(B.value)
         })
-      ], F = i.isMenuPopup ? te(Ue, {
+      ], D = i.isMenuPopup ? ne(Ue, {
         ref: k,
-        visible: O.value,
+        visible: L.value,
         effect: "light",
         pure: !0,
         offset: ce.value,
@@ -1423,71 +1423,71 @@ var $t = D({
         popperClass: de.value,
         placement: S.value,
         teleported: b.value,
-        fallbackPlacements: Y.value,
-        transition: Z.value,
+        fallbackPlacements: Z.value,
+        transition: Y.value,
         gpuAcceleration: !1
       }, {
         content: () => {
-          var q;
-          return te("div", {
+          var W;
+          return ne("div", {
             class: [
               l.m(P.value),
               l.m("popup-container"),
               de.value
             ],
-            onMouseenter: (z) => U(z, 100),
+            onMouseenter: (z) => K(z, 100),
             onMouseleave: () => y(!0),
-            onFocus: (z) => U(z, 100)
+            onFocus: (z) => K(z, 100)
           }, [
-            te("ul", {
+            ne("ul", {
               class: [
                 l.b(),
                 l.m("popup"),
                 l.m(`popup-${S.value}`)
               ],
-              style: le.value
-            }, [(q = n.default) == null ? void 0 : q.call(n)])
+              style: Q.value
+            }, [(W = n.default) == null ? void 0 : W.call(n)])
           ]);
         },
-        default: () => te("div", {
+        default: () => ne("div", {
           class: u.e("title"),
           onClick: X
         }, A)
-      }) : te(oe, {}, [
-        te("div", {
+      }) : ne(ae, {}, [
+        ne("div", {
           class: u.e("title"),
           ref: g,
           onClick: X
         }, A),
-        te(lo, {}, {
+        ne(so, {}, {
           default: () => {
-            var q;
-            return $e(te("ul", {
+            var W;
+            return ye(ne("ul", {
               role: "menu",
               class: [l.b(), l.m("inline")],
-              style: le.value
-            }, [(q = n.default) == null ? void 0 : q.call(n)]), [[qe, O.value]]);
+              style: Q.value
+            }, [(W = n.default) == null ? void 0 : W.call(n)]), [[qe, L.value]]);
           }
         })
       ]);
-      return te("li", {
+      return ne("li", {
         class: [
           u.b(),
-          u.is("active", j.value),
-          u.is("opened", O.value),
+          u.is("active", U.value),
+          u.is("opened", L.value),
           u.is("disabled", e.disabled)
         ],
         role: "menuitem",
         ariaHaspopup: !0,
-        ariaExpanded: O.value,
-        onMouseenter: U,
+        ariaExpanded: L.value,
+        onMouseenter: K,
         onMouseleave: () => y(),
-        onFocus: U
-      }, [F]);
+        onFocus: K
+      }, [D]);
     };
   }
 });
-const ca = ke({
+const da = Ce({
   mode: {
     type: String,
     values: ["horizontal", "vertical"],
@@ -1543,94 +1543,94 @@ const ca = ke({
     type: Number,
     default: 300
   }
-}), pt = (e) => Array.isArray(e) && e.every((n) => ve(n)), da = {
+}), pt = (e) => Array.isArray(e) && e.every((n) => ve(n)), fa = {
   close: (e, n) => ve(e) && pt(n),
   open: (e, n) => ve(e) && pt(n),
   select: (e, n, t, o) => ve(e) && pt(n) && Ln(t) && (o === void 0 || o instanceof Promise)
 };
-var fa = D({
+var ma = F({
   name: "ElMenu",
-  props: ca,
-  emits: da,
+  props: da,
+  emits: fa,
   setup(e, { emit: n, slots: t, expose: o }) {
-    const s = ge(), a = s.appContext.config.globalProperties.$router, l = T(), u = ne("menu"), i = ne("sub-menu"), c = T(-1), f = T(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), d = T(e.defaultActive), p = T({}), v = T({}), g = E(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), k = () => {
+    const s = ge(), a = s.appContext.config.globalProperties.$router, l = T(), u = oe("menu"), i = oe("sub-menu"), c = T(-1), f = T(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), d = T(e.defaultActive), p = T({}), v = T({}), g = E(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), k = () => {
       const x = d.value && p.value[d.value];
       if (!x || e.mode === "horizontal" || e.collapse)
         return;
-      x.indexPath.forEach((B) => {
-        const X = v.value[B];
-        X && S(B, X.indexPath);
+      x.indexPath.forEach((R) => {
+        const X = v.value[R];
+        X && S(R, X.indexPath);
       });
     }, S = (x, I) => {
-      f.value.includes(x) || (e.uniqueOpened && (f.value = f.value.filter((B) => I.includes(B))), f.value.push(x), n("open", x, I));
-    }, R = (x) => {
+      f.value.includes(x) || (e.uniqueOpened && (f.value = f.value.filter((R) => I.includes(R))), f.value.push(x), n("open", x, I));
+    }, B = (x) => {
       const I = f.value.indexOf(x);
       I !== -1 && f.value.splice(I, 1);
-    }, N = (x, I) => {
-      R(x), n("close", x, I);
+    }, O = (x, I) => {
+      B(x), n("close", x, I);
     }, b = ({
       index: x,
       indexPath: I
     }) => {
-      f.value.includes(x) ? N(x, I) : S(x, I);
-    }, Z = (x) => {
+      f.value.includes(x) ? O(x, I) : S(x, I);
+    }, Y = (x) => {
       (e.mode === "horizontal" || e.collapse) && (f.value = []);
-      const { index: I, indexPath: B } = x;
-      if (!(Fe(I) || Fe(B)))
+      const { index: I, indexPath: R } = x;
+      if (!(De(I) || De(R)))
         if (e.router && a) {
-          const X = x.route || I, U = a.push(X).then((y) => (y || (d.value = I), y));
-          n("select", I, B, { index: I, indexPath: B, route: X }, U);
+          const X = x.route || I, K = a.push(X).then((y) => (y || (d.value = I), y));
+          n("select", I, R, { index: I, indexPath: R, route: X }, K);
         } else
-          d.value = I, n("select", I, B, { index: I, indexPath: B });
-    }, Y = (x) => {
-      const I = p.value, B = I[x] || d.value && I[d.value] || I[e.defaultActive];
-      B ? d.value = B.index : d.value = x;
-    }, O = (x) => {
-      const I = getComputedStyle(x), B = Number.parseInt(I.marginLeft, 10), X = Number.parseInt(I.marginRight, 10);
-      return x.offsetWidth + B + X || 0;
-    }, j = () => {
+          d.value = I, n("select", I, R, { index: I, indexPath: R });
+    }, Z = (x) => {
+      const I = p.value, R = I[x] || d.value && I[d.value] || I[e.defaultActive];
+      R ? d.value = R.index : d.value = x;
+    }, L = (x) => {
+      const I = getComputedStyle(x), R = Number.parseInt(I.marginLeft, 10), X = Number.parseInt(I.marginRight, 10);
+      return x.offsetWidth + R + X || 0;
+    }, U = () => {
       var x, I;
       if (!l.value)
         return -1;
-      const B = Array.from((I = (x = l.value) == null ? void 0 : x.childNodes) != null ? I : []).filter((z) => z.nodeName !== "#comment" && (z.nodeName !== "#text" || z.nodeValue)), X = 64, U = getComputedStyle(l.value), y = Number.parseInt(U.paddingLeft, 10), h = Number.parseInt(U.paddingRight, 10), A = l.value.clientWidth - y - h;
-      let F = 0, q = 0;
-      return B.forEach((z, G) => {
-        F += O(z), F <= A - X && (q = G + 1);
-      }), q === B.length ? -1 : q;
-    }, P = (x) => v.value[x].indexPath, W = (x, I = 33.34) => {
-      let B;
+      const R = Array.from((I = (x = l.value) == null ? void 0 : x.childNodes) != null ? I : []).filter((z) => z.nodeName !== "#comment" && (z.nodeName !== "#text" || z.nodeValue)), X = 64, K = getComputedStyle(l.value), y = Number.parseInt(K.paddingLeft, 10), h = Number.parseInt(K.paddingRight, 10), A = l.value.clientWidth - y - h;
+      let D = 0, W = 0;
+      return R.forEach((z, G) => {
+        D += L(z), D <= A - X && (W = G + 1);
+      }), W === R.length ? -1 : W;
+    }, P = (x) => v.value[x].indexPath, j = (x, I = 33.34) => {
+      let R;
       return () => {
-        B && clearTimeout(B), B = setTimeout(() => {
+        R && clearTimeout(R), R = setTimeout(() => {
           x();
         }, I);
       };
     };
-    let le = !0;
+    let Q = !0;
     const ce = () => {
-      if (c.value === j())
+      if (c.value === U())
         return;
       const x = () => {
-        c.value = -1, Me(() => {
-          c.value = j();
+        c.value = -1, $e(() => {
+          c.value = U();
         });
       };
-      le ? x() : W(x)(), le = !1;
+      Q ? x() : j(x)(), Q = !1;
     };
-    ee(() => e.defaultActive, (x) => {
-      p.value[x] || (d.value = ""), Y(x);
-    }), ee(() => e.collapse, (x) => {
+    te(() => e.defaultActive, (x) => {
+      p.value[x] || (d.value = ""), Z(x);
+    }), te(() => e.collapse, (x) => {
       x && (f.value = []);
-    }), ee(p.value, k);
+    }), te(p.value, k);
     let de;
     kt(() => {
       e.mode === "horizontal" && e.ellipsis ? de = In(l, ce).stop : de == null || de();
     });
     const be = T(!1);
     {
-      const x = (U) => {
-        v.value[U.index] = U;
-      }, I = (U) => {
-        delete v.value[U.index];
+      const x = (K) => {
+        v.value[K.index] = K;
+      }, I = (K) => {
+        delete v.value[K.index];
       };
       We("rootMenu", st({
         props: e,
@@ -1639,17 +1639,17 @@ var fa = D({
         subMenus: v,
         activeIndex: d,
         isMenuPopup: g,
-        addMenuItem: (U) => {
-          p.value[U.index] = U;
+        addMenuItem: (K) => {
+          p.value[K.index] = K;
         },
-        removeMenuItem: (U) => {
-          delete p.value[U.index];
+        removeMenuItem: (K) => {
+          delete p.value[K.index];
         },
         addSubMenu: x,
         removeSubMenu: I,
         openMenu: S,
-        closeMenu: N,
-        handleMenuItemClick: Z,
+        closeMenu: O,
+        handleMenuItemClick: Y,
         handleSubMenuClick: b
       })), We(`subMenu:${s.uid}`, {
         addSubMenu: x,
@@ -1659,56 +1659,56 @@ var fa = D({
       });
     }
     return pe(() => {
-      e.mode === "horizontal" && new aa(s.vnode.el, u.namespace.value);
+      e.mode === "horizontal" && new la(s.vnode.el, u.namespace.value);
     }), o({
       open: (I) => {
-        const { indexPath: B } = v.value[I];
-        B.forEach((X) => S(X, B));
+        const { indexPath: R } = v.value[I];
+        R.forEach((X) => S(X, R));
       },
-      close: R,
+      close: B,
       handleResize: ce
     }), () => {
       var x, I;
-      let B = (I = (x = t.default) == null ? void 0 : x.call(t)) != null ? I : [];
+      let R = (I = (x = t.default) == null ? void 0 : x.call(t)) != null ? I : [];
       const X = [];
       if (e.mode === "horizontal" && l.value) {
-        const A = An(B), F = c.value === -1 ? A : A.slice(0, c.value), q = c.value === -1 ? [] : A.slice(c.value);
-        q != null && q.length && e.ellipsis && (B = F, X.push(te($t, {
+        const A = An(R), D = c.value === -1 ? A : A.slice(0, c.value), W = c.value === -1 ? [] : A.slice(c.value);
+        W != null && W.length && e.ellipsis && (R = D, X.push(ne($t, {
           index: "sub-menu-more",
           class: i.e("hide-arrow"),
           popperOffset: e.popperOffset
         }, {
-          title: () => te(we, {
+          title: () => ne(we, {
             class: i.e("icon-more")
           }, {
-            default: () => te(e.ellipsisIcon)
+            default: () => ne(e.ellipsisIcon)
           }),
-          default: () => q
+          default: () => W
         })));
       }
-      const U = en(e, 0), y = e.closeOnClickOutside ? [
+      const K = en(e, 0), y = e.closeOnClickOutside ? [
         [
           Ht,
           () => {
             f.value.length && (be.value || (f.value.forEach((A) => n("close", A, P(A))), f.value = []));
           }
         ]
-      ] : [], h = $e(te("ul", {
+      ] : [], h = ye(ne("ul", {
         key: String(e.collapse),
         role: "menubar",
         ref: l,
-        style: U.value,
+        style: K.value,
         class: {
           [u.b()]: !0,
           [u.m(e.mode)]: !0,
           [u.m("collapse")]: e.collapse
         }
-      }, [...B, ...X]), y);
-      return e.collapseTransition && e.mode === "vertical" ? te(ra, () => h) : h;
+      }, [...R, ...X]), y);
+      return e.collapseTransition && e.mode === "vertical" ? ne(ia, () => h) : h;
     };
   }
 });
-const ma = ke({
+const pa = Ce({
   index: {
     type: Ve([String, null]),
     default: null
@@ -1717,17 +1717,17 @@ const ma = ke({
     type: Ve([String, Object])
   },
   disabled: Boolean
-}), pa = {
+}), ha = {
   click: (e) => ve(e.index) && Array.isArray(e.indexPath)
-}, ht = "ElMenuItem", ha = D({
+}, ht = "ElMenuItem", va = F({
   name: ht,
   components: {
     ElTooltip: Ue
   },
-  props: ma,
-  emits: pa,
+  props: pa,
+  emits: ha,
   setup(e, { emit: n }) {
-    const t = ge(), o = Le("rootMenu"), s = ne("menu"), a = ne("menu-item");
+    const t = ge(), o = Le("rootMenu"), s = oe("menu"), a = oe("menu-item");
     o || tt(ht, "can not inject root menu");
     const { parentMenu: l, indexPath: u } = Qt(t, jn(e, "index")), i = Le(`subMenu:${l.value.uid}`);
     i || tt(ht, "can not inject sub menu");
@@ -1756,7 +1756,7 @@ const ma = ke({
     };
   }
 });
-function va(e, n, t, o, s, a) {
+function _a(e, n, t, o, s, a) {
   const l = Oe("el-tooltip");
   return m(), M("li", {
     class: w([
@@ -1768,7 +1768,7 @@ function va(e, n, t, o, s, a) {
     tabindex: "-1",
     onClick: n[0] || (n[0] = (...u) => e.handleClick && e.handleClick(...u))
   }, [
-    e.parentMenu.type.name === "ElMenu" && e.rootMenu.props.collapse && e.$slots.title ? (m(), L(l, {
+    e.parentMenu.type.name === "ElMenu" && e.rootMenu.props.collapse && e.$slots.title ? (m(), N(l, {
       key: 0,
       effect: e.rootMenu.props.popperEffect,
       placement: "right",
@@ -1776,58 +1776,58 @@ function va(e, n, t, o, s, a) {
       persistent: ""
     }, {
       content: $(() => [
-        ae(e.$slots, "title")
+        le(e.$slots, "title")
       ]),
       default: $(() => [
         C("div", {
           class: w(e.nsMenu.be("tooltip", "trigger"))
         }, [
-          ae(e.$slots, "default")
+          le(e.$slots, "default")
         ], 2)
       ]),
       _: 3
-    }, 8, ["effect"])) : (m(), M(oe, { key: 1 }, [
-      ae(e.$slots, "default"),
-      ae(e.$slots, "title")
+    }, 8, ["effect"])) : (m(), M(ae, { key: 1 }, [
+      le(e.$slots, "default"),
+      le(e.$slots, "title")
     ], 64))
   ], 2);
 }
-var tn = /* @__PURE__ */ ue(ha, [["render", va], ["__file", "menu-item.vue"]]);
-const _a = {
+var tn = /* @__PURE__ */ ue(va, [["render", _a], ["__file", "menu-item.vue"]]);
+const ga = {
   title: String
-}, ga = "ElMenuItemGroup", ba = D({
-  name: ga,
-  props: _a,
+}, ba = "ElMenuItemGroup", ya = F({
+  name: ba,
+  props: ga,
   setup() {
     return {
-      ns: ne("menu-item-group")
+      ns: oe("menu-item-group")
     };
   }
 });
-function ya(e, n, t, o, s, a) {
+function ka(e, n, t, o, s, a) {
   return m(), M("li", {
     class: w(e.ns.b())
   }, [
     C("div", {
       class: w(e.ns.e("title"))
     }, [
-      e.$slots.title ? ae(e.$slots, "title", { key: 1 }) : (m(), M(oe, { key: 0 }, [
-        Q(K(e.title), 1)
+      e.$slots.title ? le(e.$slots, "title", { key: 1 }) : (m(), M(ae, { key: 0 }, [
+        ee(q(e.title), 1)
       ], 64))
     ], 2),
     C("ul", null, [
-      ae(e.$slots, "default")
+      le(e.$slots, "default")
     ])
   ], 2);
 }
-var nn = /* @__PURE__ */ ue(ba, [["render", ya], ["__file", "menu-item-group.vue"]]);
-const on = ot(fa, {
+var nn = /* @__PURE__ */ ue(ya, [["render", ka], ["__file", "menu-item-group.vue"]]);
+const on = ot(ma, {
   MenuItem: tn,
   MenuItemGroup: nn,
   SubMenu: $t
 }), an = at(tn);
 at(nn);
-const ka = at($t), Ca = /* @__PURE__ */ D({
+const Ca = at($t), Ma = /* @__PURE__ */ F({
   __name: "index",
   setup(e) {
     const n = _e(), t = T([
@@ -1840,20 +1840,20 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
     }
     return (s, a) => {
       const l = Ne, u = Kt, i = Ut, c = jt;
-      return m(), L(c, {
+      return m(), N(c, {
         trigger: "click",
         onCommand: o
       }, {
         dropdown: $(() => [
           _(i, null, {
             default: $(() => [
-              (m(!0), M(oe, null, xe(r(t), (f) => (m(), L(u, {
+              (m(!0), M(ae, null, xe(r(t), (f) => (m(), N(u, {
                 key: f.value,
                 disabled: r(n).size == f.value,
                 command: f.value
               }, {
                 default: $(() => [
-                  Q(K(f.label), 1)
+                  ee(q(f.label), 1)
                 ]),
                 _: 2
               }, 1032, ["disabled", "command"]))), 128))
@@ -1870,15 +1870,15 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
       });
     };
   }
-}), Ma = { class: "flex" }, $a = { class: "flex-center h100% p10px" }, wa = ["src"], Sa = /* @__PURE__ */ D({
+}), $a = { class: "flex" }, wa = { class: "flex-center h100% p10px" }, Sa = ["src"], xa = /* @__PURE__ */ F({
   __name: "NavbarRight",
   setup(e) {
-    const n = _e(), t = bt(), o = On(), s = Se(), a = Xe(), l = Ct(), u = E(() => n.device === Je.MOBILE), i = T(!1), c = T(!1), { isFullscreen: f, toggle: d } = Bn();
+    const n = _e(), t = bt(), o = On(), s = Se(), a = Xe(), l = Ct(), u = E(() => n.device === Je.MOBILE), i = T(!1), c = T(!1), { isFullscreen: f, toggle: d } = Rn();
     function p() {
       c.value = !0;
     }
     function v() {
-      oo.confirm("确定注销并退出系统吗？", "提示", {
+      ao.confirm("确定注销并退出系统吗？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
@@ -1895,15 +1895,15 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
       i.value = k;
     }
     return (k, S) => {
-      const R = Ne, N = Ca, b = Ue, Z = Rn, Y = Kt, O = Oe("router-link"), j = Ut, P = jt;
-      return m(), M("div", Ma, [
-        r(u) ? H("", !0) : (m(), M(oe, { key: 0 }, [
+      const B = Ne, O = Ma, b = Ue, Y = Bn, Z = Oe("router-link"), L = Kt, U = Ut, P = jt, j = Xn("hasRole");
+      return m(), M("div", $a, [
+        r(u) ? H("", !0) : (m(), M(ae, { key: 0 }, [
           C("div", {
             class: "setting-item",
             onClick: S[0] || (S[0] = //@ts-ignore
-            (...W) => r(d) && r(d)(...W))
+            (...Q) => r(d) && r(d)(...Q))
           }, [
-            _(R, {
+            _(B, {
               "icon-class": r(f) ? "fullscreen-exit" : "fullscreen"
             }, null, 8, ["icon-class"])
           ]),
@@ -1913,61 +1913,65 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
             placement: "bottom"
           }, {
             default: $(() => [
-              _(N, { class: "setting-item" })
+              _(O, { class: "setting-item" })
             ]),
             _: 1
           }, 8, ["content"]),
-          _(Z, { class: "setting-item" })
+          _(Y, { class: "setting-item" })
         ], 64)),
         _(P, {
           class: "setting-item",
           trigger: "click"
         }, {
           dropdown: $(() => [
-            _(j, null, {
+            _(U, null, {
               default: $(() => [
-                _(O, { to: "/" }, {
+                _(L, null, {
                   default: $(() => [
-                    _(Y, null, {
+                    _(Z, { to: "/" }, {
                       default: $(() => [
-                        Q(K(k.$t("navbar.Dashboard")), 1)
+                        ee(q(k.$t("navbar.Dashboard")), 1)
                       ]),
                       _: 1
                     })
                   ]),
                   _: 1
                 }),
-                _(Y, null, {
+                _(L, null, {
                   default: $(() => [
-                    _(O, { to: "/my/profile" }, {
+                    _(Z, { to: "/my/profile" }, {
                       default: $(() => [
-                        Q(K(k.$t("navbar.profile")), 1)
+                        ee(q(k.$t("navbar.profile")), 1)
                       ]),
                       _: 1
                     })
                   ]),
                   _: 1
                 }),
-                _(Y, {
-                  onClick: S[1] || (S[1] = (W) => i.value = !0)
+                _(L, {
+                  onClick: S[1] || (S[1] = (Q) => i.value = !0)
                 }, {
                   default: $(() => [
-                    Q(K(k.$t("navbar.changePwd")), 1)
-                  ]),
-                  _: 1
-                }),
-                _(Y, { onClick: p }, {
-                  default: $(() => [
-                    Q(K(k.$t("navbar.runAs")), 1)
+                    ee(q(k.$t("navbar.changePwd")), 1)
                   ]),
                   _: 1
                 }),
-                _(Y, {
+                ye((m(), M("div", null, [
+                  _(L, { onClick: p }, {
+                    default: $(() => [
+                      ee(q(k.$t("navbar.runAs")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])), [
+                  [j, ["tester"]]
+                ]),
+                _(L, {
                   divided: "",
                   onClick: v
                 }, {
                   default: $(() => [
-                    Q(K(k.$t("navbar.logout")), 1)
+                    ee(q(k.$t("navbar.logout")), 1)
                   ]),
                   _: 1
                 })
@@ -1976,12 +1980,12 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
             })
           ]),
           default: $(() => [
-            C("div", $a, [
+            C("div", wa, [
               C("img", {
                 src: r(o).user.avatar,
                 class: "rounded-full mr-10px w24px w24px"
-              }, null, 8, wa),
-              C("span", null, K(r(o).user.nickName), 1)
+              }, null, 8, Sa),
+              C("span", null, q(r(o).user.nickName), 1)
             ])
           ]),
           _: 1
@@ -1989,25 +1993,25 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
         r(ze).showSettings ? (m(), M("div", {
           key: 1,
           class: "setting-item",
-          onClick: S[2] || (S[2] = (W) => r(s).settingsVisible = !0)
+          onClick: S[2] || (S[2] = (Q) => r(s).settingsVisible = !0)
         }, [
-          _(R, { "icon-class": "setting" })
+          _(B, { "icon-class": "setting" })
         ])) : H("", !0),
-        r(i) ? (m(), L(to, {
+        r(i) ? (m(), N(no, {
           key: 2,
           "pwd-visible": r(i),
           onDialogActionChange: g
         }, null, 8, ["pwd-visible"])) : H("", !0),
-        r(c) ? (m(), L(no, {
+        r(c) ? (m(), N(oo, {
           key: 3,
           modelValue: r(c),
-          "onUpdate:modelValue": S[3] || (S[3] = (W) => nt(c) ? c.value = W : null)
+          "onUpdate:modelValue": S[3] || (S[3] = (Q) => nt(c) ? c.value = Q : null)
         }, null, 8, ["modelValue"])) : H("", !0)
       ]);
     };
   }
-}), ln = /* @__PURE__ */ ie(Sa, [["__scopeId", "data-v-6a566e2e"]]);
-function xa(e) {
+}), ln = /* @__PURE__ */ ie(xa, [["__scopeId", "data-v-7c24d1a3"]]);
+function Ea(e) {
   for (var n = [], t = 0; t < e.length; ) {
     var o = e[t];
     if (o === "*" || o === "+" || o === "?") {
@@ -2075,21 +2079,21 @@ function xa(e) {
   }
   return n.push({ type: "END", index: t, value: "" }), n;
 }
-function Ea(e, n) {
+function Ta(e, n) {
   n === void 0 && (n = {});
-  for (var t = xa(e), o = n.prefixes, s = o === void 0 ? "./" : o, a = "[^".concat(Aa(n.delimiter || "/#?"), "]+?"), l = [], u = 0, i = 0, c = "", f = function(O) {
-    if (i < t.length && t[i].type === O)
+  for (var t = Ea(e), o = n.prefixes, s = o === void 0 ? "./" : o, a = "[^".concat(Pa(n.delimiter || "/#?"), "]+?"), l = [], u = 0, i = 0, c = "", f = function(L) {
+    if (i < t.length && t[i].type === L)
       return t[i++].value;
-  }, d = function(O) {
-    var j = f(O);
-    if (j !== void 0)
-      return j;
-    var P = t[i], W = P.type, le = P.index;
-    throw new TypeError("Unexpected ".concat(W, " at ").concat(le, ", expected ").concat(O));
+  }, d = function(L) {
+    var U = f(L);
+    if (U !== void 0)
+      return U;
+    var P = t[i], j = P.type, Q = P.index;
+    throw new TypeError("Unexpected ".concat(j, " at ").concat(Q, ", expected ").concat(L));
   }, p = function() {
-    for (var O = "", j; j = f("CHAR") || f("ESCAPED_CHAR"); )
-      O += j;
-    return O;
+    for (var L = "", U; U = f("CHAR") || f("ESCAPED_CHAR"); )
+      L += U;
+    return L;
   }; i < t.length; ) {
     var v = f("CHAR"), g = f("NAME"), k = f("PATTERN");
     if (g || k) {
@@ -2103,20 +2107,20 @@ function Ea(e, n) {
       });
       continue;
     }
-    var R = v || f("ESCAPED_CHAR");
-    if (R) {
-      c += R;
+    var B = v || f("ESCAPED_CHAR");
+    if (B) {
+      c += B;
       continue;
     }
     c && (l.push(c), c = "");
-    var N = f("OPEN");
-    if (N) {
-      var S = p(), b = f("NAME") || "", Z = f("PATTERN") || "", Y = p();
+    var O = f("OPEN");
+    if (O) {
+      var S = p(), b = f("NAME") || "", Y = f("PATTERN") || "", Z = p();
       d("CLOSE"), l.push({
-        name: b || (Z ? u++ : ""),
-        pattern: b && !Z ? a : Z,
+        name: b || (Y ? u++ : ""),
+        pattern: b && !Y ? a : Y,
         prefix: S,
-        suffix: Y,
+        suffix: Z,
         modifier: f("MODIFIER") || ""
       });
       continue;
@@ -2125,12 +2129,12 @@ function Ea(e, n) {
   }
   return l;
 }
-function Ta(e, n) {
-  return Ia(Ea(e, n), n);
-}
 function Ia(e, n) {
+  return Aa(Ta(e, n), n);
+}
+function Aa(e, n) {
   n === void 0 && (n = {});
-  var t = Pa(n), o = n.encode, s = o === void 0 ? function(i) {
+  var t = Va(n), o = n.encode, s = o === void 0 ? function(i) {
     return i;
   } : o, a = n.validate, l = a === void 0 ? !0 : a, u = e.map(function(i) {
     if (typeof i == "object")
@@ -2168,39 +2172,39 @@ function Ia(e, n) {
         continue;
       }
       if (!v) {
-        var R = g ? "an array" : "a string";
-        throw new TypeError('Expected "'.concat(d.name, '" to be ').concat(R));
+        var B = g ? "an array" : "a string";
+        throw new TypeError('Expected "'.concat(d.name, '" to be ').concat(B));
       }
     }
     return c;
   };
 }
-function Aa(e) {
+function Pa(e) {
   return e.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
 }
-function Pa(e) {
+function Va(e) {
   return e && e.sensitive ? "" : "i";
 }
 function gt(e) {
   var n, t;
   return it((n = e.name) == null ? void 0 : n.toString(), (t = e.meta) == null ? void 0 : t.title);
 }
-function Va(e) {
+function La(e) {
   return it(e.name, e.title);
 }
 function it(e, n) {
   let t = e && e != "" ? e : n;
   return Pt.global.te("route." + t) ? Pt.global.t("route." + t) : n || e;
 }
-const La = {
+const Na = {
   key: 0,
   class: "color-gray-400"
-}, Na = ["onClick"], Oa = /* @__PURE__ */ D({
+}, Oa = ["onClick"], Ra = /* @__PURE__ */ F({
   __name: "index",
   setup(e) {
     const n = Xe(), t = (u) => {
       const { params: i } = n;
-      return Ta(u)(i);
+      return Ia(u)(i);
     }, o = T([]);
     function s() {
       let u = n.matched.filter(
@@ -2227,27 +2231,27 @@ const La = {
         console.warn(f);
       });
     }
-    return ee(
+    return te(
       () => n.path,
       (u) => {
         u.startsWith("/redirect/") || s();
       }
-    ), Xn(() => {
+    ), Gn(() => {
       s();
     }), (u, i) => {
-      const c = ho, f = po;
-      return m(), L(f, { class: "flex-y-center" }, {
+      const c = vo, f = ho;
+      return m(), N(f, { class: "flex-y-center" }, {
         default: $(() => [
-          _(Gn, { "enter-active-class": "animate__animated animate__fadeInRight" }, {
+          _(Yn, { "enter-active-class": "animate__animated animate__fadeInRight" }, {
             default: $(() => [
-              (m(!0), M(oe, null, xe(r(o), (d, p) => (m(), L(c, {
+              (m(!0), M(ae, null, xe(r(o), (d, p) => (m(), N(c, {
                 key: d.path
               }, {
                 default: $(() => [
-                  d.redirect === "noredirect" || p === r(o).length - 1 ? (m(), M("span", La, K(r(gt)(d)), 1)) : (m(), M("a", {
+                  d.redirect === "noredirect" || p === r(o).length - 1 ? (m(), M("span", Na, q(r(gt)(d)), 1)) : (m(), M("a", {
                     key: 1,
                     onClick: Te((v) => l(d), ["prevent"])
-                  }, K(r(gt)(d)), 9, Na))
+                  }, q(r(gt)(d)), 9, Oa))
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -2259,7 +2263,7 @@ const La = {
       });
     };
   }
-}), Ba = /* @__PURE__ */ ie(Oa, [["__scopeId", "data-v-6109c28e"]]), Ra = /* @__PURE__ */ D({
+}), Ba = /* @__PURE__ */ ie(Ra, [["__scopeId", "data-v-6109c28e"]]), Da = /* @__PURE__ */ F({
   __name: "index",
   props: {
     isActive: {
@@ -2287,7 +2291,7 @@ const La = {
       ]);
     };
   }
-}), sn = /* @__PURE__ */ ie(Ra, [["__scopeId", "data-v-42e37629"]]), Fa = { class: "flex" }, Da = /* @__PURE__ */ D({
+}), sn = /* @__PURE__ */ ie(Da, [["__scopeId", "data-v-42e37629"]]), Fa = { class: "flex" }, za = /* @__PURE__ */ F({
   __name: "NavbarLeft",
   setup(e) {
     const n = _e();
@@ -2305,26 +2309,26 @@ const La = {
       ]);
     };
   }
-}), za = {}, Ha = { class: "navbar-container" };
-function Wa(e, n) {
-  const t = Da, o = ln;
-  return m(), M("div", Ha, [
+}), Ha = {}, Wa = { class: "navbar-container" };
+function qa(e, n) {
+  const t = za, o = ln;
+  return m(), M("div", Wa, [
     _(t),
     _(o)
   ]);
 }
-const qa = /* @__PURE__ */ ie(za, [["render", Wa], ["__scopeId", "data-v-b1624593"]]);
+const Ka = /* @__PURE__ */ ie(Ha, [["render", qa], ["__scopeId", "data-v-b1624593"]]);
 var he = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.TOP = "top", e.MIX = "mix", e))(he || {});
-const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex flex-wrap justify-around w-full h-12" }, Ua = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), ja = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Xa = [
-  Ua,
-  ja
-], Ga = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Ya = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Za = [
-  Ga,
-  Ya
-], Ja = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Qa = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), el = [
-  Ja,
-  Qa
-], tl = /* @__PURE__ */ D({
+const Re = (e) => (Zn("data-v-2bdf1403"), e = e(), Jn(), e), Ua = { class: "flex flex-wrap justify-around w-full h-12" }, ja = /* @__PURE__ */ Re(() => /* @__PURE__ */ C("div", null, null, -1)), Xa = /* @__PURE__ */ Re(() => /* @__PURE__ */ C("div", null, null, -1)), Ga = [
+  ja,
+  Xa
+], Ya = /* @__PURE__ */ Re(() => /* @__PURE__ */ C("div", null, null, -1)), Za = /* @__PURE__ */ Re(() => /* @__PURE__ */ C("div", null, null, -1)), Ja = [
+  Ya,
+  Za
+], Qa = /* @__PURE__ */ Re(() => /* @__PURE__ */ C("div", null, null, -1)), el = /* @__PURE__ */ Re(() => /* @__PURE__ */ C("div", null, null, -1)), tl = [
+  Qa,
+  el
+], nl = /* @__PURE__ */ F({
   __name: "LayoutSelect",
   props: {
     modelValue: String
@@ -2337,7 +2341,7 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
     }
     return (s, a) => {
       const l = Ue;
-      return m(), M("div", Ka, [
+      return m(), M("div", Ua, [
         _(l, {
           content: "左侧模式",
           placement: "bottom"
@@ -2346,7 +2350,7 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
             C("div", {
               class: w(["layout-item left", { "is-active": e.modelValue === r(he).LEFT }]),
               onClick: a[0] || (a[0] = (u) => o(r(he).LEFT))
-            }, Xa, 2)
+            }, Ga, 2)
           ]),
           _: 1
         }),
@@ -2358,7 +2362,7 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
             C("div", {
               class: w(["layout-item top", { "is-active": e.modelValue === r(he).TOP }]),
               onClick: a[1] || (a[1] = (u) => o(r(he).TOP))
-            }, Za, 2)
+            }, Ja, 2)
           ]),
           _: 1
         }),
@@ -2370,14 +2374,14 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
             C("div", {
               class: w(["layout-item mix", { "is-active": e.modelValue === r(he).MIX }]),
               onClick: a[2] || (a[2] = (u) => o(r(he).MIX))
-            }, el, 2)
+            }, tl, 2)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), nl = /* @__PURE__ */ ie(tl, [["__scopeId", "data-v-2bdf1403"]]), ol = /* @__PURE__ */ D({
+}), ol = /* @__PURE__ */ ie(nl, [["__scopeId", "data-v-2bdf1403"]]), al = /* @__PURE__ */ F({
   __name: "ThemeColorPicker",
   props: {
     modelValue: String
@@ -2396,11 +2400,11 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
       "rgb(255, 120, 0)",
       "hsva(120, 40, 94)"
     ], a = T(t.modelValue);
-    return ee(a, (l) => {
+    return te(a, (l) => {
       o("update:modelValue", l);
     }), (l, u) => {
-      const i = Ko;
-      return m(), L(i, {
+      const i = Uo;
+      return m(), N(i, {
         modelValue: r(a),
         "onUpdate:modelValue": u[0] || (u[0] = (c) => nt(a) ? a.value = c : null),
         predefine: s,
@@ -2408,7 +2412,7 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
       }, null, 8, ["modelValue"]);
     };
   }
-}), al = /* @__PURE__ */ ie(ol, [["__scopeId", "data-v-92c1fd79"]]), ll = { class: "flex-center" }, sl = { class: "settings-option" }, rl = { class: "text-xs" }, il = { class: "settings-option" }, ul = { class: "text-xs" }, cl = { class: "settings-option" }, dl = { class: "text-xs" }, fl = { class: "settings-option" }, ml = { class: "text-xs" }, pl = { class: "settings-option" }, hl = { class: "text-xs" }, vl = /* @__PURE__ */ D({
+}), ll = /* @__PURE__ */ ie(al, [["__scopeId", "data-v-92c1fd79"]]), sl = { class: "flex-center" }, rl = { class: "settings-option" }, il = { class: "text-xs" }, ul = { class: "settings-option" }, cl = { class: "text-xs" }, dl = { class: "settings-option" }, fl = { class: "text-xs" }, ml = { class: "settings-option" }, pl = { class: "text-xs" }, hl = { class: "settings-option" }, vl = { class: "text-xs" }, _l = /* @__PURE__ */ F({
   __name: "index",
   setup(e) {
     const n = Xe(), t = _e(), o = Se(), s = je(), a = E({
@@ -2434,13 +2438,13 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
     }
     function d(p, v) {
       let g = {};
-      function k(R, N) {
-        if (g[R.name] = N, R.children)
-          for (let b = 0; b < R.children.length; b++)
-            k(R.children[b], R);
+      function k(B, O) {
+        if (g[B.name] = O, B.children)
+          for (let b = 0; b < B.children.length; b++)
+            k(B.children[b], B);
       }
-      for (let R = 0; R < p.length; R++)
-        k(p[R], null);
+      for (let B = 0; B < p.length; B++)
+        k(p[B], null);
       let S = g[v];
       for (; S; ) {
         if (!g[S.name])
@@ -2450,8 +2454,8 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
       return null;
     }
     return (p, v) => {
-      const g = zn, k = Hn, S = al, R = nl, N = ta;
-      return m(), L(N, {
+      const g = zn, k = Hn, S = ll, B = ol, O = na;
+      return m(), N(O, {
         modelValue: r(a),
         "onUpdate:modelValue": v[7] || (v[7] = (b) => nt(a) ? a.value = b : null),
         size: "300",
@@ -2460,27 +2464,27 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
         default: $(() => [
           _(g, null, {
             default: $(() => [
-              Q(K(p.$t("settings.theme")), 1)
+              ee(q(p.$t("settings.theme")), 1)
             ]),
             _: 1
           }),
-          C("div", ll, [
+          C("div", sl, [
             _(k, {
               modelValue: r(u),
               "onUpdate:modelValue": v[0] || (v[0] = (b) => nt(u) ? u.value = b : null),
-              "active-icon": r(Fn),
-              "inactive-icon": r(Dn),
+              "active-icon": r(Dn),
+              "inactive-icon": r(Fn),
               onChange: i
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])
           ]),
           _(g, null, {
             default: $(() => [
-              Q(K(p.$t("settings.interface")), 1)
+              ee(q(p.$t("settings.interface")), 1)
             ]),
             _: 1
           }),
-          C("div", sl, [
-            C("span", rl, K(p.$t("settings.themeColor")), 1),
+          C("div", rl, [
+            C("span", il, q(p.$t("settings.themeColor")), 1),
             _(S, {
               modelValue: r(o).themeColor,
               "onUpdate:modelValue": [
@@ -2489,29 +2493,29 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
               ]
             }, null, 8, ["modelValue"])
           ]),
-          C("div", il, [
-            C("span", ul, K(p.$t("settings.tagsView")), 1),
+          C("div", ul, [
+            C("span", cl, q(p.$t("settings.tagsView")), 1),
             _(k, {
               modelValue: r(o).tagsView,
               "onUpdate:modelValue": v[2] || (v[2] = (b) => r(o).tagsView = b)
             }, null, 8, ["modelValue"])
           ]),
-          C("div", cl, [
-            C("span", dl, K(p.$t("settings.fixedHeader")), 1),
+          C("div", dl, [
+            C("span", fl, q(p.$t("settings.fixedHeader")), 1),
             _(k, {
               modelValue: r(o).fixedHeader,
               "onUpdate:modelValue": v[3] || (v[3] = (b) => r(o).fixedHeader = b)
             }, null, 8, ["modelValue"])
           ]),
-          C("div", fl, [
-            C("span", ml, K(p.$t("settings.sidebarLogo")), 1),
+          C("div", ml, [
+            C("span", pl, q(p.$t("settings.sidebarLogo")), 1),
             _(k, {
               modelValue: r(o).sidebarLogo,
               "onUpdate:modelValue": v[4] || (v[4] = (b) => r(o).sidebarLogo = b)
             }, null, 8, ["modelValue"])
           ]),
-          C("div", pl, [
-            C("span", hl, K(p.$t("settings.watermark")), 1),
+          C("div", hl, [
+            C("span", vl, q(p.$t("settings.watermark")), 1),
             _(k, {
               modelValue: r(o).watermarkEnabled,
               "onUpdate:modelValue": v[5] || (v[5] = (b) => r(o).watermarkEnabled = b)
@@ -2519,11 +2523,11 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
           ]),
           _(g, null, {
             default: $(() => [
-              Q(K(p.$t("settings.navigation")), 1)
+              ee(q(p.$t("settings.navigation")), 1)
             ]),
             _: 1
           }),
-          _(R, {
+          _(B, {
             modelValue: r(o).layout,
             "onUpdate:modelValue": [
               v[6] || (v[6] = (b) => r(o).layout = b),
@@ -2535,13 +2539,13 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
       }, 8, ["modelValue", "title"]);
     };
   }
-}), _l = /* @__PURE__ */ ie(vl, [["__scopeId", "data-v-70f5bf10"]]), gl = { class: "app-main" }, bl = /* @__PURE__ */ D({
+}), gl = /* @__PURE__ */ ie(_l, [["__scopeId", "data-v-70f5bf10"]]), bl = { class: "app-main" }, yl = /* @__PURE__ */ F({
   __name: "index",
   setup(e) {
     const n = E(() => bt().cachedViews);
     return (t, o) => {
       const s = Oe("router-view");
-      return m(), M("section", gl, [
+      return m(), M("section", bl, [
         _(s, null, {
           default: $(({ Component: a, route: l }) => [
             _(rt, {
@@ -2549,8 +2553,8 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
               mode: "out-in"
             }, {
               default: $(() => [
-                (m(), L(Jn, { include: r(n) }, [
-                  (m(), L(lt(a), {
+                (m(), N(Qn, { include: r(n) }, [
+                  (m(), N(lt(a), {
                     key: l.path
                   }))
                 ], 1032, ["include"]))
@@ -2563,25 +2567,25 @@ const Be = (e) => (Yn("data-v-2bdf1403"), e = e(), Zn(), e), Ka = { class: "flex
       ]);
     };
   }
-}), yl = /* @__PURE__ */ ie(bl, [["__scopeId", "data-v-37d096bd"]]), kl = {
+}), kl = /* @__PURE__ */ ie(yl, [["__scopeId", "data-v-37d096bd"]]), Cl = {
   viewBox: "0 0 1024 1024",
   width: "1.2em",
   height: "1.2em"
-}, Cl = /* @__PURE__ */ C("path", {
+}, Ml = /* @__PURE__ */ C("path", {
   fill: "currentColor",
   d: "M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-}, null, -1), Ml = [
-  Cl
+}, null, -1), $l = [
+  Ml
 ];
-function $l(e, n) {
-  return m(), M("svg", kl, [...Ml]);
+function wl(e, n) {
+  return m(), M("svg", Cl, [...$l]);
 }
-const wl = { name: "ep-close", render: $l };
+const Sl = { name: "ep-close", render: wl };
 function me(e) {
   if (typeof e != "string")
     throw new TypeError("Path must be a string. Received " + JSON.stringify(e));
 }
-function Dt(e, n) {
+function Ft(e, n) {
   for (var t = "", o = 0, s = -1, a = 0, l, u = 0; u <= e.length; ++u) {
     if (u < e.length)
       l = e.charCodeAt(u);
@@ -2614,7 +2618,7 @@ function Dt(e, n) {
   }
   return t;
 }
-function Sl(e, n) {
+function xl(e, n) {
   var t = n.dir || n.root, o = n.base || (n.name || "") + (n.ext || "");
   return t ? t === n.root ? t + o : t + e + o : o;
 }
@@ -2625,13 +2629,13 @@ var Ae = {
       var a;
       s >= 0 ? a = arguments[s] : (o === void 0 && (o = process.cwd()), a = o), me(a), a.length !== 0 && (n = a + "/" + n, t = a.charCodeAt(0) === 47);
     }
-    return n = Dt(n, !t), t ? n.length > 0 ? "/" + n : "/" : n.length > 0 ? n : ".";
+    return n = Ft(n, !t), t ? n.length > 0 ? "/" + n : "/" : n.length > 0 ? n : ".";
   },
   normalize: function(n) {
     if (me(n), n.length === 0)
       return ".";
     var t = n.charCodeAt(0) === 47, o = n.charCodeAt(n.length - 1) === 47;
-    return n = Dt(n, !t), n.length === 0 && !t && (n = "."), n.length > 0 && o && (n += "/"), t ? "/" + n : n;
+    return n = Ft(n, !t), n.length === 0 && !t && (n = "."), n.length > 0 && o && (n += "/"), t ? "/" + n : n;
   },
   isAbsolute: function(n) {
     return me(n), n.length > 0 && n.charCodeAt(0) === 47;
@@ -2741,7 +2745,7 @@ var Ae = {
   format: function(n) {
     if (n === null || typeof n != "object")
       throw new TypeError('The "pathObject" argument must be of type Object. Received type ' + typeof n);
-    return Sl("/", n);
+    return xl("/", n);
   },
   parse: function(n) {
     me(n);
@@ -2771,10 +2775,10 @@ var Ae = {
 };
 Ae.posix = Ae;
 var rn = Ae;
-const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__PURE__ */ D({
+const un = /* @__PURE__ */ Wn(rn), El = { class: "tags-container" }, Tl = /* @__PURE__ */ F({
   __name: "index",
   setup(e) {
-    const { proxy: n } = ge(), t = Ct(), o = Xe(), s = je(), a = bt(), l = _e(), { visitedViews: u } = ao(a), i = Se(), c = E(() => i.layout), f = T({
+    const { proxy: n } = ge(), t = Ct(), o = Xe(), s = je(), a = bt(), l = _e(), { visitedViews: u } = lo(a), i = Se(), c = E(() => i.layout), f = T({
       path: "",
       fullPath: "",
       name: "",
@@ -2782,10 +2786,10 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       affix: !1,
       keepAlive: !1
     }), d = T([]), p = T(0), v = T(0);
-    ee(
+    te(
       o,
       () => {
-        R(), N();
+        B(), O();
       },
       {
         immediate: !0
@@ -2793,23 +2797,23 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       }
     );
     const g = T(!1);
-    ee(g, (y) => {
+    te(g, (y) => {
       y ? document.body.addEventListener("click", I) : document.body.removeEventListener("click", I);
     });
     function k(y, h = "/") {
       let A = [];
-      return y.forEach((F) => {
+      return y.forEach((D) => {
         var z, G, se, Ge;
-        const q = rn.resolve(h, F.path);
-        if ((z = F.meta) != null && z.affix && A.push({
-          path: q,
-          fullPath: q,
-          name: String(F.name),
-          title: ((G = F.meta) == null ? void 0 : G.title) || "no-name",
-          affix: (se = F.meta) == null ? void 0 : se.affix,
-          keepAlive: (Ge = F.meta) == null ? void 0 : Ge.keepAlive
-        }), F.children) {
-          const Ye = k(F.children, h + F.path);
+        const W = rn.resolve(h, D.path);
+        if ((z = D.meta) != null && z.affix && A.push({
+          path: W,
+          fullPath: W,
+          name: String(D.name),
+          title: ((G = D.meta) == null ? void 0 : G.title) || "no-name",
+          affix: (se = D.meta) == null ? void 0 : se.affix,
+          keepAlive: (Ge = D.meta) == null ? void 0 : Ge.keepAlive
+        }), D.children) {
+          const Ye = k(D.children, h + D.path);
           Ye.length >= 1 && (A = [...A, ...Ye]);
         }
       }), A;
@@ -2820,7 +2824,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       for (const h of y)
         h.name && a.addVisitedView(h);
     }
-    function R() {
+    function B() {
       var y, h;
       o.meta.title && a.addView({
         name: o.name,
@@ -2831,8 +2835,8 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
         keepAlive: (h = o.meta) == null ? void 0 : h.keepAlive
       });
     }
-    function N() {
-      Me(() => {
+    function O() {
+      $e(() => {
         var y, h;
         for (const A of u.value)
           A.path === o.path && A.fullPath !== o.fullPath && a.updateVisitedView({
@@ -2848,27 +2852,27 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
     function b(y) {
       return y.path === o.path;
     }
-    function Z(y) {
+    function Y(y) {
       return y == null ? void 0 : y.affix;
     }
-    function Y() {
+    function Z() {
       try {
         return f.value.path === "/dashboard" || f.value.fullPath === a.visitedViews[1].fullPath;
       } catch {
         return !1;
       }
     }
-    function O() {
+    function L() {
       try {
         return f.value.fullPath === a.visitedViews[a.visitedViews.length - 1].fullPath;
       } catch {
         return !1;
       }
     }
-    function j(y) {
+    function U(y) {
       a.delCachedView(y);
       const { fullPath: h } = y;
-      Me(() => {
+      $e(() => {
         t.replace({ path: "/redirect" + h });
       });
     }
@@ -2876,12 +2880,12 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       const A = y.slice(-1)[0];
       A && A.fullPath ? t.push(A.fullPath) : (h == null ? void 0 : h.name) === "Dashboard" ? t.replace({ path: "/redirect" + h.fullPath }) : t.push("/");
     }
-    function W(y) {
+    function j(y) {
       a.delView(y).then((h) => {
         b(y) && P(h.visitedViews, y);
       });
     }
-    function le() {
+    function Q() {
       a.delLeftViews(f.value).then((y) => {
         y.visitedViews.find((h) => h.path === o.path) || P(y.visitedViews);
       });
@@ -2893,7 +2897,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
     }
     function de() {
       t.push(f.value), a.delOtherViews(f.value).then(() => {
-        N();
+        O();
       });
     }
     function be(y) {
@@ -2902,42 +2906,42 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       });
     }
     function x(y, h) {
-      const F = n == null ? void 0 : n.$el.getBoundingClientRect().left, z = (n == null ? void 0 : n.$el.offsetWidth) - 105, G = h.clientX - F + 15;
+      const D = n == null ? void 0 : n.$el.getBoundingClientRect().left, z = (n == null ? void 0 : n.$el.offsetWidth) - 105, G = h.clientX - D + 15;
       G > z ? p.value = z : p.value = G, c.value === "mix" ? v.value = h.clientY - 50 : v.value = h.clientY, g.value = !0, f.value = y;
     }
     function I() {
       g.value = !1;
     }
-    function B() {
+    function R() {
       I();
     }
     function X(y, h) {
       let A = {};
-      function F(z, G) {
+      function D(z, G) {
         if (A[z.name] = G, z.children)
           for (let se = 0; se < z.children.length; se++)
-            F(z.children[se], z);
+            D(z.children[se], z);
       }
       for (let z = 0; z < y.length; z++)
-        F(y[z], null);
-      let q = A[h];
-      for (; q; ) {
-        if (!A[q.name])
-          return q;
-        q = A[q.name];
+        D(y[z], null);
+      let W = A[h];
+      for (; W; ) {
+        if (!A[W.name])
+          return W;
+        W = A[W.name];
       }
       return null;
     }
-    const U = (y) => {
+    const K = (y) => {
       if (c.value !== "mix")
         return;
       const h = X(s.routes, y);
       l.activeTopMenu !== h.path && l.activeTopMenu(h.path);
     };
-    return ee(
+    return te(
       () => o.name,
       (y) => {
-        y && U(y);
+        y && K(y);
       },
       {
         deep: !0
@@ -2945,30 +2949,30 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
     ), pe(() => {
       S();
     }), (y, h) => {
-      const A = wl, F = Oe("router-link"), q = yt, z = Ne;
-      return m(), M("div", xl, [
-        _(q, {
+      const A = Sl, D = Oe("router-link"), W = yt, z = Ne;
+      return m(), M("div", El, [
+        _(W, {
           class: "scroll-container",
           vertical: !1,
-          onWheel: Te(B, ["prevent"])
+          onWheel: Te(R, ["prevent"])
         }, {
           default: $(() => [
-            (m(!0), M(oe, null, xe(r(u), (G) => (m(), L(F, {
+            (m(!0), M(ae, null, xe(r(u), (G) => (m(), N(D, {
               ref_for: !0,
               ref: "tagRef",
               key: G.fullPath,
               class: w("tags-item " + (b(G) ? "active" : "")),
               to: { path: G.path, query: G.query },
-              onMouseup: Te((se) => Z(G) ? "" : W(G), ["middle"]),
+              onMouseup: Te((se) => Y(G) ? "" : j(G), ["middle"]),
               onContextmenu: Te((se) => x(G, se), ["prevent"])
             }, {
               default: $(() => [
-                Q(K(r(Va)(G)) + " ", 1),
-                Z(G) ? H("", !0) : (m(), L(A, {
+                ee(q(r(La)(G)) + " ", 1),
+                Y(G) ? H("", !0) : (m(), N(A, {
                   key: 0,
                   class: "close-icon",
                   size: "12px",
-                  onClick: Te((se) => W(G), ["prevent", "stop"])
+                  onClick: Te((se) => j(G), ["prevent", "stop"])
                 }, null, 8, ["onClick"]))
               ]),
               _: 2
@@ -2976,46 +2980,46 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
           ]),
           _: 1
         }),
-        $e(C("ul", {
+        ye(C("ul", {
           class: "contextmenu",
-          style: ye({ left: r(p) + "px", top: r(v) + "px" })
+          style: ke({ left: r(p) + "px", top: r(v) + "px" })
         }, [
           C("li", {
-            onClick: h[0] || (h[0] = (G) => j(r(f)))
+            onClick: h[0] || (h[0] = (G) => U(r(f)))
           }, [
             _(z, { "icon-class": "refresh" }),
-            Q(" 刷新 ")
+            ee(" 刷新 ")
           ]),
-          Z(r(f)) ? H("", !0) : (m(), M("li", {
+          Y(r(f)) ? H("", !0) : (m(), M("li", {
             key: 0,
-            onClick: h[1] || (h[1] = (G) => W(r(f)))
+            onClick: h[1] || (h[1] = (G) => j(r(f)))
           }, [
             _(z, { "icon-class": "close" }),
-            Q(" 关闭 ")
+            ee(" 关闭 ")
           ])),
           C("li", { onClick: de }, [
             _(z, { "icon-class": "close_other" }),
-            Q(" 关闭其它 ")
+            ee(" 关闭其它 ")
           ]),
-          Y() ? H("", !0) : (m(), M("li", {
+          Z() ? H("", !0) : (m(), M("li", {
             key: 1,
-            onClick: le
+            onClick: Q
           }, [
             _(z, { "icon-class": "close_left" }),
-            Q(" 关闭左侧 ")
+            ee(" 关闭左侧 ")
           ])),
-          O() ? H("", !0) : (m(), M("li", {
+          L() ? H("", !0) : (m(), M("li", {
             key: 2,
             onClick: ce
           }, [
             _(z, { "icon-class": "close_right" }),
-            Q(" 关闭右侧 ")
+            ee(" 关闭右侧 ")
           ])),
           C("li", {
             onClick: h[2] || (h[2] = (G) => be(r(f)))
           }, [
             _(z, { "icon-class": "close_all" }),
-            Q(" 关闭所有 ")
+            ee(" 关闭所有 ")
           ])
         ], 4), [
           [qe, r(g)]
@@ -3023,7 +3027,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       ]);
     };
   }
-}), Tl = /* @__PURE__ */ ie(El, [["__scopeId", "data-v-fe2fff79"]]), Il = /* @__PURE__ */ D({
+}), Il = /* @__PURE__ */ ie(Tl, [["__scopeId", "data-v-fe2fff79"]]), Al = /* @__PURE__ */ F({
   name: "AppLink",
   inheritAttrs: !1,
   __name: "index",
@@ -3035,17 +3039,17 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
   },
   setup(e) {
     const n = e, t = E(() => He(n.to)), o = E(() => t.value ? "a" : "router-link"), s = (a) => t.value ? { href: a, target: "_blank", rel: "noopener noreferrer" } : { to: a };
-    return (a, l) => (m(), L(lt(r(o)), Qn(eo(s(e.to))), {
+    return (a, l) => (m(), N(lt(r(o)), eo(to(s(e.to))), {
       default: $(() => [
-        ae(a.$slots, "default")
+        le(a.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Al = {
+}), Pl = {
   key: 3,
   class: "ml-1"
-}, Pl = /* @__PURE__ */ D({
+}, Vl = /* @__PURE__ */ F({
   __name: "SidebarMenuItemTitle",
   props: {
     icon: {
@@ -3064,27 +3068,27 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
   setup(e) {
     return (n, t) => {
       const o = we, s = Ne;
-      return m(), M(oe, null, [
-        e.icon && e.icon.startsWith("el-icon") ? (m(), L(o, {
+      return m(), M(ae, null, [
+        e.icon && e.icon.startsWith("el-icon") ? (m(), N(o, {
           key: 0,
           class: "sub-el-icon"
         }, {
           default: $(() => [
-            (m(), L(lt(e.icon.replace("el-icon-", ""))))
+            (m(), N(lt(e.icon.replace("el-icon-", ""))))
           ]),
           _: 1
-        })) : e.icon ? (m(), L(s, {
+        })) : e.icon ? (m(), N(s, {
           key: 1,
           "icon-class": e.icon
-        }, null, 8, ["icon-class"])) : (m(), L(s, {
+        }, null, 8, ["icon-class"])) : (m(), N(s, {
           key: 2,
           "icon-class": "menu"
         })),
-        e.title ? (m(), M("span", Al, K(r(it)(e.name, e.title)), 1)) : H("", !0)
+        e.title ? (m(), M("span", Pl, q(r(it)(e.name, e.title)), 1)) : H("", !0)
       ], 64);
     };
   }
-}), Vl = /* @__PURE__ */ ie(Pl, [["__scopeId", "data-v-992a058f"]]), Ll = { key: 0 }, Nl = /* @__PURE__ */ D({
+}), Ll = /* @__PURE__ */ ie(Vl, [["__scopeId", "data-v-992a058f"]]), Nl = { key: 0 }, Ol = /* @__PURE__ */ F({
   name: "SidebarMenuItem",
   inheritAttrs: !1,
   __name: "SidebarMenuItem",
@@ -3122,10 +3126,10 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
     }
     return (a, l) => {
       var p;
-      const u = Vl, i = an, c = Il, f = Oe("SidebarMenuItem", !0), d = ka;
-      return !e.item.meta || !e.item.meta.hidden ? (m(), M("div", Ll, [
-        o(e.item.children, e.item) && (!r(t).children || r(t).noShowingChildren) && !((p = e.item.meta) != null && p.alwaysShow) ? (m(), M(oe, { key: 0 }, [
-          r(t).meta ? (m(), L(c, {
+      const u = Ll, i = an, c = Al, f = Oe("SidebarMenuItem", !0), d = Ca;
+      return !e.item.meta || !e.item.meta.hidden ? (m(), M("div", Nl, [
+        o(e.item.children, e.item) && (!r(t).children || r(t).noShowingChildren) && !((p = e.item.meta) != null && p.alwaysShow) ? (m(), M(ae, { key: 0 }, [
+          r(t).meta ? (m(), N(c, {
             key: 0,
             to: s(r(t).path)
           }, {
@@ -3146,13 +3150,13 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
             ]),
             _: 1
           }, 8, ["to"])) : H("", !0)
-        ], 64)) : (m(), L(d, {
+        ], 64)) : (m(), N(d, {
           key: 1,
           index: s(e.item.path),
           teleported: ""
         }, {
           title: $(() => [
-            e.item.meta ? (m(), L(u, {
+            e.item.meta ? (m(), N(u, {
               key: 0,
               icon: e.item.meta && e.item.meta.icon,
               title: e.item.meta.title,
@@ -3160,7 +3164,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
             }, null, 8, ["icon", "title", "name"])) : H("", !0)
           ]),
           default: $(() => [
-            (m(!0), M(oe, null, xe(e.item.children, (v) => (m(), L(f, {
+            (m(!0), M(ae, null, xe(e.item.children, (v) => (m(), N(f, {
               key: v.path,
               "is-nest": !0,
               item: v,
@@ -3172,15 +3176,15 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       ])) : H("", !0);
     };
   }
-}), Ol = "_dark_168i3_12", Pe = {
+}), Rl = "_dark_168i3_12", Pe = {
   "sidebar-width": "210px",
   "navbar-height": "50px",
   "menu-background": "var(--menu-background)",
   "menu-text": "var(--menu-text)",
   "menu-active-text": "var(--menu-active-text)",
   "menu-hover": "var(--menu-hover)",
-  dark: Ol
-}, cn = /* @__PURE__ */ D({
+  dark: Rl
+}, cn = /* @__PURE__ */ F({
   __name: "SidebarMenu",
   props: {
     menuList: {
@@ -3199,8 +3203,8 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       return He(u) ? u : He(a.basePath) ? a.basePath : un.resolve(a.basePath, u);
     }
     return (u, i) => {
-      const c = Nl, f = on;
-      return m(), L(f, {
+      const c = Ol, f = on;
+      return m(), N(f, {
         "default-active": r(o).path,
         collapse: !r(t).sidebar.opened,
         "background-color": r(Pe)["menu-background"],
@@ -3211,7 +3215,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
         mode: r(s) === "top" ? "horizontal" : "vertical"
       }, {
         default: $(() => [
-          (m(!0), M(oe, null, xe(e.menuList, (d) => (m(), L(c, {
+          (m(!0), M(ae, null, xe(e.menuList, (d) => (m(), N(c, {
             key: d.path,
             item: d,
             "base-path": l(d.path),
@@ -3222,10 +3226,10 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color", "mode"]);
     };
   }
-}), Bl = { key: 1 }, Rl = {
+}), Bl = { key: 1 }, Dl = {
   key: 0,
   class: "ml-1"
-}, Fl = /* @__PURE__ */ D({
+}, Fl = /* @__PURE__ */ F({
   __name: "SidebarMixTopMenu",
   setup(e) {
     const n = _e(), t = je(), o = Ct(), s = E(() => n.activeTopMenuPath), a = T([]), l = (i) => {
@@ -3246,7 +3250,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       );
     }), (i, c) => {
       const f = Ne, d = an, p = on, v = yt;
-      return m(), L(v, null, {
+      return m(), N(v, null, {
         default: $(() => [
           _(p, {
             mode: "horizontal",
@@ -3257,17 +3261,17 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
             onSelect: l
           }, {
             default: $(() => [
-              (m(!0), M(oe, null, xe(r(a), (g) => (m(), L(d, {
+              (m(!0), M(ae, null, xe(r(a), (g) => (m(), N(d, {
                 key: g.path,
                 index: g.path
               }, {
                 title: $(() => [
-                  g.meta && g.meta.icon ? (m(), L(f, {
+                  g.meta && g.meta.icon ? (m(), N(f, {
                     key: 0,
                     "icon-class": g.meta.icon
                   }, null, 8, ["icon-class"])) : H("", !0),
-                  g.path === "/" ? (m(), M("span", Bl, K(r(it)("Dashboard", "首页")), 1)) : (m(), M(oe, { key: 2 }, [
-                    g.meta && g.meta.title ? (m(), M("span", Rl, K(r(gt)(g)), 1)) : H("", !0)
+                  g.path === "/" ? (m(), M("span", Bl, q(r(it)("Dashboard", "首页")), 1)) : (m(), M(ae, { key: 2 }, [
+                    g.meta && g.meta.title ? (m(), M("span", Dl, q(r(gt)(g)), 1)) : H("", !0)
                   ], 64))
                 ]),
                 _: 2
@@ -3280,7 +3284,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       });
     };
   }
-}), Dl = { class: "logo-container" }, zl = ["src"], Hl = ["src"], Wl = { class: "logo-title" }, ql = /* @__PURE__ */ D({
+}), zl = { class: "logo-container" }, Hl = ["src"], Wl = ["src"], ql = { class: "logo-title" }, Kl = /* @__PURE__ */ F({
   __name: "SidebarLogo",
   props: {
     collapse: {
@@ -3292,10 +3296,10 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
     const n = Se(), t = ze.logo;
     return (o, s) => {
       const a = Oe("router-link");
-      return m(), M("div", Dl, [
+      return m(), M("div", zl, [
         _(rt, { "enter-active-class": "animate__animated animate__fadeInLeft" }, {
           default: $(() => [
-            e.collapse ? (m(), L(a, {
+            e.collapse ? (m(), N(a, {
               key: 0,
               class: "wh-full flex-center",
               to: "/"
@@ -3305,10 +3309,10 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
                   key: 0,
                   src: r(t),
                   class: "logo-image"
-                }, null, 8, zl)) : H("", !0)
+                }, null, 8, Hl)) : H("", !0)
               ]),
               _: 1
-            })) : (m(), L(a, {
+            })) : (m(), N(a, {
               key: 1,
               class: "wh-full flex-center",
               to: "/"
@@ -3318,8 +3322,8 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
                   key: 0,
                   src: r(t),
                   class: "logo-image"
-                }, null, 8, Hl)) : H("", !0),
-                C("span", Wl, K(r(ze).title), 1)
+                }, null, 8, Wl)) : H("", !0),
+                C("span", ql, q(r(ze).title), 1)
               ]),
               _: 1
             }))
@@ -3329,27 +3333,27 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       ]);
     };
   }
-}), Kl = /* @__PURE__ */ ie(ql, [["__scopeId", "data-v-210c85a9"]]), Ul = {
+}), Ul = /* @__PURE__ */ ie(Kl, [["__scopeId", "data-v-210c85a9"]]), jl = {
   key: 0,
   class: "flex w-full"
-}, jl = /* @__PURE__ */ D({
+}, Xl = /* @__PURE__ */ F({
   __name: "index",
   setup(e) {
     const n = _e(), t = Se(), o = je(), s = E(() => t.sidebarLogo), a = E(() => t.layout);
     return (l, u) => {
-      const i = Kl, c = Fl, f = ln, d = cn, p = yt;
+      const i = Ul, c = Fl, f = ln, d = cn, p = yt;
       return m(), M("div", {
         class: w({ "has-logo": r(s) })
       }, [
-        r(a) == "mix" ? (m(), M("div", Ul, [
-          r(s) ? (m(), L(i, {
+        r(a) == "mix" ? (m(), M("div", jl, [
+          r(s) ? (m(), N(i, {
             key: 0,
             collapse: !r(n).sidebar.opened
           }, null, 8, ["collapse"])) : H("", !0),
           _(c, { class: "flex-1" }),
           _(f)
-        ])) : (m(), M(oe, { key: 1 }, [
-          r(s) ? (m(), L(i, {
+        ])) : (m(), M(ae, { key: 1 }, [
+          r(s) ? (m(), N(i, {
             key: 0,
             collapse: !r(n).sidebar.opened
           }, null, 8, ["collapse"])) : H("", !0),
@@ -3362,19 +3366,19 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
             ]),
             _: 1
           }),
-          r(a) === "top" ? (m(), L(f, { key: 1 })) : H("", !0)
+          r(a) === "top" ? (m(), N(f, { key: 1 })) : H("", !0)
         ], 64))
       ], 2);
     };
   }
-}), Xl = /* @__PURE__ */ ie(jl, [["__scopeId", "data-v-a6d3f8e9"]]), Gl = {
+}), Gl = /* @__PURE__ */ ie(Xl, [["__scopeId", "data-v-a6d3f8e9"]]), Yl = {
   key: 1,
   class: "mix-container"
-}, Yl = { class: "mix-container__left" }, Zl = { class: "sidebar-toggle" }, Jl = 992, Ql = /* @__PURE__ */ D({
+}, Zl = { class: "mix-container__left" }, Jl = { class: "sidebar-toggle" }, Ql = 992, es = /* @__PURE__ */ F({
   __name: "index",
   setup(e) {
     const n = _e(), t = Se(), o = je(), s = E(() => t.fixedHeader), a = E(() => t.tagsView), l = E(() => t.layout), u = E(() => n.activeTopMenuPath), i = E(() => o.mixLeftMenus);
-    ee(
+    te(
       () => u.value,
       (v) => {
         o.setMixLeftMenus(v);
@@ -3393,7 +3397,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       "layout-mix": l.value === "mix"
     })), f = qn().width;
     kt(() => {
-      f.value < Jl ? (n.toggleDevice(Je.MOBILE), n.closeSideBar()) : (n.toggleDevice(Je.DESKTOP), f.value >= 1200 ? n.openSideBar() : n.closeSideBar());
+      f.value < Ql ? (n.toggleDevice(Je.MOBILE), n.closeSideBar()) : (n.toggleDevice(Je.DESKTOP), f.value >= 1200 ? n.openSideBar() : n.closeSideBar());
     });
     function d() {
       n.closeSideBar();
@@ -3402,7 +3406,7 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
       n.toggleSidebar();
     }
     return (v, g) => {
-      const k = Xl, S = cn, R = sn, N = Tl, b = yl, Z = _l, Y = qa;
+      const k = Gl, S = cn, B = sn, O = Il, b = kl, Y = gl, Z = Ka;
       return m(), M("div", {
         class: w(["wh-full", r(c)])
       }, [
@@ -3412,14 +3416,14 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
           onClick: d
         })) : H("", !0),
         _(k, { class: "sidebar-container" }),
-        r(l) === "mix" ? (m(), M("div", Gl, [
-          C("div", Yl, [
+        r(l) === "mix" ? (m(), M("div", Yl, [
+          C("div", Zl, [
             _(S, {
               "menu-list": r(i),
               "base-path": r(u)
             }, null, 8, ["menu-list", "base-path"]),
-            C("div", Zl, [
-              _(R, {
+            C("div", Jl, [
+              _(B, {
                 "is-active": r(n).sidebar.opened,
                 onToggleClick: p
               }, null, 8, ["is-active"])
@@ -3431,10 +3435,10 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
             C("div", {
               class: w({ "fixed-header": r(s) })
             }, [
-              r(a) ? (m(), L(N, { key: 0 })) : H("", !0)
+              r(a) ? (m(), N(O, { key: 0 })) : H("", !0)
             ], 2),
             _(b),
-            r(ze).showSettings ? (m(), L(Z, { key: 0 })) : H("", !0)
+            r(ze).showSettings ? (m(), N(Y, { key: 0 })) : H("", !0)
           ], 2)
         ])) : (m(), M("div", {
           key: 2,
@@ -3443,16 +3447,16 @@ const un = /* @__PURE__ */ Wn(rn), xl = { class: "tags-container" }, El = /* @__
           C("div", {
             class: w({ "fixed-header": r(s) })
           }, [
-            r(l) === "left" ? (m(), L(Y, { key: 0 })) : H("", !0),
-            r(a) ? (m(), L(N, { key: 1 })) : H("", !0)
+            r(l) === "left" ? (m(), N(Z, { key: 0 })) : H("", !0),
+            r(a) ? (m(), N(O, { key: 1 })) : H("", !0)
           ], 2),
           _(b),
-          r(ze).showSettings ? (m(), L(Z, { key: 0 })) : H("", !0)
+          r(ze).showSettings ? (m(), N(Y, { key: 0 })) : H("", !0)
         ], 2))
       ], 2);
     };
   }
-}), ds = /* @__PURE__ */ ie(Ql, [["__scopeId", "data-v-71891bc2"]]);
+}), fs = /* @__PURE__ */ ie(es, [["__scopeId", "data-v-71891bc2"]]);
 export {
-  ds as default
+  fs as default
 };