jmash-core 0.0.40 → 0.0.42

package/dist/{index-Ca93omwQ.mjs → index-DB4OW-7Q.mjs}

@@ -1,100 +1,97 @@
-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 bt, $ as On, a0 as Se, a1 as Je, a2 as Bn, a3 as ze, a4 as ie, a5 as Pt, a6 as Vt, a7 as je, a8 as ct, a9 as Rn, aa as Fn, ab as Dn, ac as zn, ad as yt, ae as He, af as Hn } from "./index-C_arFWKZ.mjs";
-import { E as Kt, a as Ut, b as jt } from "./el-dropdown-item-DHcRJ-Fg.mjs";
-import { _ as Wn } from "./index.vue_vue_type_script_setup_true_lang-BUTwLlja.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 qn, Teleport as Kn, Transition as rt, mergeProps as Xt, withModifiers as Te, onBeforeUnmount as Gt, h as te, toRef as Un, resolveComponent as Oe, isRef as nt, onBeforeMount as jn, TransitionGroup as Xn, pushScopeId as Gn, popScopeId as Yn, KeepAlive as Zn, normalizeProps as Jn, guardReactiveProps as Qn } from "vue";
-import { useRoute as Xe, useRouter as Ct } from "vue-router";
-import { _ as eo } from "./updatePwd.vue_vue_type_script_setup_true_lang-HlhGZun3.mjs";
-import { _ as to } from "./runAs.vue_vue_type_script_setup_true_lang-xOMc-WaC.mjs";
-import { t as Qe, E as no } from "./index-DdnQhmYX.mjs";
-import { g as Mt } from "./position-DZbY0x3r.mjs";
-import { E as oo } from "./el-divider-Cg4Mgsu-.mjs";
-import { storeToRefs as ao } from "pinia";
-import { _ as lo } from "./index-BB9i38wB.mjs";
-const Yt = Symbol("breadcrumbKey"), so = ke({
+import { b as ge, i as Te, u as te, _ as ue, d as we, E as Se, w as Ue, a as at, c as dn, e as ht, f as fn, U as _t, g as he, h as De, C as mn, j as Et, k as zt, l as pn, m as vn, n as hn, o as _n, p as gn, q as bn, r as je, 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 $n, F as Cn, G as Mn, H as wn, I as Sn, J as Je, K as ut, L as xn, T as En, M as nt, N as Tn, O as At, P as In, Q as An, R as Pn, S as Vn, V as Ln, W as be, X as Nn, Y as Ne, Z as bt, $ as On, a0 as xe, a1 as Qe, a2 as Bn, a3 as ze, a4 as ie, a5 as Pt, a6 as Vt, a7 as Xe, a8 as ct, a9 as Rn, aa as Dn, ab as Fn, ac as zn, ad as yt, ae as He, af as Hn } from "./index-C195Pa7c.mjs";
+import { E as Kt, a as Ut, b as jt, _ as Wn } from "./index.vue_vue_type_script_setup_true_lang-fPrQh0lj.mjs";
+import { defineComponent as D, ref as T, provide as We, onMounted as pe, openBlock as m, createElementBlock as k, normalizeClass as w, unref as r, renderSlot as oe, getCurrentInstance as ye, inject as Le, createElementVNode as C, createBlock as L, withCtx as M, resolveDynamicComponent as lt, toDisplayString as K, shallowRef as Lt, watch as ee, computed as E, normalizeStyle as _e, watchEffect as kt, Fragment as ae, renderList as Ee, reactive as st, nextTick as Ce, withDirectives as Me, withKeys as Nt, createVNode as _, createCommentVNode as z, createTextVNode as Q, vShow as qe, useSlots as qn, Teleport as Kn, Transition as rt, mergeProps as Xt, withModifiers as Ie, onBeforeUnmount as Gt, h as ne, toRef as Un, resolveComponent as Oe, isRef as ot, onBeforeMount as jn, TransitionGroup as Xn, pushScopeId as Gn, popScopeId as Yn, KeepAlive as Zn, normalizeProps as Jn, guardReactiveProps as Qn } from "vue";
+import { useRoute as Ge, useRouter as $t } from "vue-router";
+import { _ as eo } from "./updatePwd.vue_vue_type_script_setup_true_lang-DkH3J5K0.mjs";
+import { t as et, _ as to, E as no } from "./runAs.vue_vue_type_script_setup_true_lang-DLfQ0lsg.mjs";
+import { g as Ct } from "./position-M0AZIV5D.mjs";
+import { storeToRefs as oo } from "pinia";
+import { _ as ao } from "./index-BAk-5oG9.mjs";
+const Yt = Symbol("breadcrumbKey"), lo = ge({
   separator: {
     type: String,
     default: "/"
   },
   separatorIcon: {
-    type: Ee
+    type: Te
   }
-}), ro = D({
+}), so = D({
   name: "ElBreadcrumb"
-}), io = /* @__PURE__ */ D({
-  ...ro,
-  props: so,
+}), ro = /* @__PURE__ */ D({
+  ...so,
+  props: lo,
   setup(e) {
-    const n = e, t = ne("breadcrumb"), o = T();
+    const n = e, t = te("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");
-    }), (s, a) => (m(), M("div", {
+      const l = o.value.querySelectorAll(`.${t.e("item")}`);
+      l.length && l[l.length - 1].setAttribute("aria-current", "page");
+    }), (l, a) => (m(), k("div", {
       ref_key: "breadcrumb",
       ref: o,
       class: w(r(t).b()),
       "aria-label": "Breadcrumb",
       role: "navigation"
     }, [
-      ae(s.$slots, "default")
+      oe(l.$slots, "default")
     ], 2));
   }
 });
-var uo = /* @__PURE__ */ ue(io, [["__file", "breadcrumb.vue"]]);
-const co = ke({
+var io = /* @__PURE__ */ ue(ro, [["__file", "breadcrumb.vue"]]);
+const uo = ge({
   to: {
-    type: Ve([String, Object]),
+    type: we([String, Object]),
     default: ""
   },
   replace: {
     type: Boolean,
     default: !1
   }
-}), fo = D({
+}), co = D({
   name: "ElBreadcrumbItem"
-}), mo = /* @__PURE__ */ D({
-  ...fo,
-  props: co,
+}), fo = /* @__PURE__ */ D({
+  ...co,
+  props: uo,
   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 = ye(), o = Le(Yt, void 0), l = te("breadcrumb"), a = t.appContext.config.globalProperties.$router, s = T(), u = () => {
       !n.to || !a || (n.replace ? a.replace(n.to) : a.push(n.to));
     };
     return (i, c) => {
       var f, d;
-      return m(), M("span", {
-        class: w(r(s).e("item"))
+      return m(), k("span", {
+        class: w(r(l).e("item"))
       }, [
         C("span", {
           ref_key: "link",
-          ref: l,
-          class: w([r(s).e("inner"), r(s).is("link", !!i.to)]),
+          ref: s,
+          class: w([r(l).e("inner"), r(l).is("link", !!i.to)]),
           role: "link",
           onClick: u
         }, [
-          ae(i.$slots, "default")
+          oe(i.$slots, "default")
         ], 2),
-        (f = r(o)) != null && f.separatorIcon ? (m(), L(r(we), {
+        (f = r(o)) != null && f.separatorIcon ? (m(), L(r(Se), {
           key: 0,
-          class: w(r(s).e("separator"))
+          class: w(r(l).e("separator"))
         }, {
-          default: $(() => [
+          default: M(() => [
             (m(), L(lt(r(o).separatorIcon)))
           ]),
           _: 1
-        }, 8, ["class"])) : (m(), M("span", {
+        }, 8, ["class"])) : (m(), k("span", {
           key: 1,
-          class: w(r(s).e("separator")),
+          class: w(r(l).e("separator")),
           role: "presentation"
         }, K((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(fo, [["__file", "breadcrumb-item.vue"]]);
+const mo = Ue(io, {
   BreadcrumbItem: Zt
-}), ho = at(Zt), vo = ke({
+}), po = at(Zt), vo = ge({
   color: {
-    type: Ve(Object),
+    type: we(Object),
     required: !0
   },
   vertical: {
@@ -107,26 +104,26 @@ function Ke(e, n) {
   if (!dn)
     return;
   const t = function(a) {
-    var l;
-    (l = n.drag) == null || l.call(n, a);
+    var s;
+    (s = n.drag) == null || s.call(n, a);
   }, o = function(a) {
-    var l;
-    document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", o), document.removeEventListener("touchmove", t), document.removeEventListener("touchend", o), document.onselectstart = null, document.ondragstart = null, dt = !1, (l = n.end) == null || l.call(n, a);
-  }, s = function(a) {
-    var l;
-    dt || (a.preventDefault(), document.onselectstart = () => !1, document.ondragstart = () => !1, document.addEventListener("mousemove", t), document.addEventListener("mouseup", o), document.addEventListener("touchmove", t), document.addEventListener("touchend", o), dt = !0, (l = n.start) == null || l.call(n, a));
+    var s;
+    document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", o), document.removeEventListener("touchmove", t), document.removeEventListener("touchend", o), document.onselectstart = null, document.ondragstart = null, dt = !1, (s = n.end) == null || s.call(n, a);
+  }, l = function(a) {
+    var s;
+    dt || (a.preventDefault(), document.onselectstart = () => !1, document.ondragstart = () => !1, document.addEventListener("mousemove", t), document.addEventListener("mouseup", o), document.addEventListener("touchmove", t), document.addEventListener("touchend", o), dt = !0, (s = n.start) == null || s.call(n, a));
   };
-  e.addEventListener("mousedown", s), e.addEventListener("touchstart", s);
+  e.addEventListener("mousedown", l), e.addEventListener("touchstart", l);
 }
-const _o = (e) => {
-  const n = ge(), t = Lt(), o = Lt();
-  function s(l) {
-    l.target !== t.value && a(l);
+const ho = (e) => {
+  const n = ye(), t = Lt(), o = Lt();
+  function l(s) {
+    s.target !== t.value && a(s);
   }
-  function a(l) {
+  function a(s) {
     if (!o.value || !t.value)
       return;
-    const i = n.vnode.el.getBoundingClientRect(), { clientX: c, clientY: f } = Mt(l);
+    const i = n.vnode.el.getBoundingClientRect(), { clientX: c, clientY: f } = Ct(s);
     if (e.vertical) {
       let d = f - i.top;
       d = Math.max(t.value.offsetHeight / 2, d), d = Math.min(d, i.height - t.value.offsetHeight / 2), e.color.set("alpha", Math.round((d - t.value.offsetHeight / 2) / (i.height - t.value.offsetHeight) * 100));
@@ -139,24 +136,24 @@ const _o = (e) => {
     thumb: t,
     bar: o,
     handleDrag: a,
-    handleClick: s
+    handleClick: l
   };
-}, go = (e, {
+}, _o = (e, {
   bar: n,
   thumb: t,
   handleDrag: o
 }) => {
-  const s = ge(), a = ne("color-alpha-slider"), l = T(0), u = T(0), i = T();
+  const l = ye(), a = te("color-alpha-slider"), s = 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");
+    const N = l.vnode.el, b = e.color.get("alpha");
     return N ? Math.round(b * (N.offsetWidth - t.value.offsetWidth / 2) / 100) : 0;
   }
   function f() {
     if (!t.value)
       return 0;
-    const N = s.vnode.el;
+    const N = l.vnode.el;
     if (!e.vertical)
       return 0;
     const b = e.color.get("alpha");
@@ -170,7 +167,7 @@ const _o = (e) => {
     return "";
   }
   function p() {
-    l.value = c(), u.value = f(), i.value = d();
+    s.value = c(), u.value = f(), i.value = d();
   }
   pe(() => {
     if (!n.value || !t.value)
@@ -185,47 +182,47 @@ const _o = (e) => {
     };
     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(() => ({
-    left: vt(l.value),
-    top: vt(u.value)
+  const h = E(() => [a.b(), a.is("vertical", e.vertical)]), g = E(() => a.e("bar")), $ = E(() => a.e("thumb")), S = E(() => ({ background: i.value })), R = E(() => ({
+    left: ht(s.value),
+    top: ht(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,
+  return { rootKls: h, barKls: g, barStyle: S, thumbKls: $, thumbStyle: R, update: p };
+}, go = "ElColorAlphaSlider", bo = D({
+  name: go
+}), yo = /* @__PURE__ */ D({
+  ...bo,
   props: vo,
   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: l, handleDrag: a, handleClick: s } = ho(t), { rootKls: u, barKls: i, barStyle: c, thumbKls: f, thumbStyle: d, update: p } = _o(t, {
       bar: o,
-      thumb: s,
+      thumb: l,
       handleDrag: a
     });
     return n({
       update: p,
       bar: o,
-      thumb: s
-    }), (v, g) => (m(), M("div", {
+      thumb: l
+    }), (h, g) => (m(), k("div", {
       class: w(r(u))
     }, [
       C("div", {
         ref_key: "bar",
         ref: o,
         class: w(r(i)),
-        style: ye(r(c)),
-        onClick: g[0] || (g[0] = (...k) => r(l) && r(l)(...k))
+        style: _e(r(c)),
+        onClick: g[0] || (g[0] = (...$) => r(s) && r(s)(...$))
       }, null, 6),
       C("div", {
         ref_key: "thumb",
-        ref: s,
+        ref: l,
         class: w(r(f)),
-        style: ye(r(d))
+        style: _e(r(d))
       }, null, 6)
     ], 2));
   }
 });
-var Co = /* @__PURE__ */ ue(ko, [["__file", "alpha-slider.vue"]]);
-const Mo = D({
+var ko = /* @__PURE__ */ ue(yo, [["__file", "alpha-slider.vue"]]);
+const $o = D({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -235,52 +232,52 @@ 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"));
+    const n = te("color-hue-slider"), t = ye(), o = T(), l = T(), a = T(0), s = T(0), u = E(() => e.color.get("hue"));
     ee(() => u.value, () => {
       p();
     });
-    function i(v) {
-      v.target !== o.value && c(v);
+    function i(h) {
+      h.target !== o.value && c(h);
     }
-    function c(v) {
-      if (!s.value || !o.value)
+    function c(h) {
+      if (!l.value || !o.value)
         return;
-      const k = t.vnode.el.getBoundingClientRect(), { clientX: S, clientY: R } = Mt(v);
+      const $ = t.vnode.el.getBoundingClientRect(), { clientX: S, clientY: R } = Ct(h);
       let N;
       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 = R - $.top;
+        b = Math.min(b, $.height - o.value.offsetHeight / 2), b = Math.max(o.value.offsetHeight / 2, b), N = Math.round((b - o.value.offsetHeight / 2) / ($.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);
+        let b = S - $.left;
+        b = Math.min(b, $.width - o.value.offsetWidth / 2), b = Math.max(o.value.offsetWidth / 2, b), N = Math.round((b - o.value.offsetWidth / 2) / ($.width - o.value.offsetWidth) * 360);
       }
       e.color.set("hue", N);
     }
     function f() {
       if (!o.value)
         return 0;
-      const v = t.vnode.el;
+      const h = t.vnode.el;
       if (e.vertical)
         return 0;
       const g = e.color.get("hue");
-      return v ? Math.round(g * (v.offsetWidth - o.value.offsetWidth / 2) / 360) : 0;
+      return h ? Math.round(g * (h.offsetWidth - o.value.offsetWidth / 2) / 360) : 0;
     }
     function d() {
       if (!o.value)
         return 0;
-      const v = t.vnode.el;
+      const h = t.vnode.el;
       if (!e.vertical)
         return 0;
       const g = e.color.get("hue");
-      return v ? Math.round(g * (v.offsetHeight - o.value.offsetHeight / 2) / 360) : 0;
+      return h ? Math.round(g * (h.offsetHeight - o.value.offsetHeight / 2) / 360) : 0;
     }
     function p() {
-      a.value = f(), l.value = d();
+      a.value = f(), s.value = d();
     }
     return pe(() => {
-      if (!s.value || !o.value)
+      if (!l.value || !o.value)
         return;
-      const v = {
+      const h = {
         drag: (g) => {
           c(g);
         },
@@ -288,12 +285,12 @@ const Mo = D({
           c(g);
         }
       };
-      Ke(s.value, v), Ke(o.value, v), p();
+      Ke(l.value, h), Ke(o.value, h), p();
     }), {
-      bar: s,
+      bar: l,
       thumb: o,
       thumbLeft: a,
-      thumbTop: l,
+      thumbTop: s,
       hueValue: u,
       handleClick: i,
       update: p,
@@ -301,27 +298,27 @@ const Mo = D({
     };
   }
 });
-function $o(e, n, t, o, s, a) {
-  return m(), M("div", {
+function Co(e, n, t, o, l, a) {
+  return m(), k("div", {
     class: w([e.ns.b(), e.ns.is("vertical", e.vertical)])
   }, [
     C("div", {
       ref: "bar",
       class: w(e.ns.e("bar")),
-      onClick: n[0] || (n[0] = (...l) => e.handleClick && e.handleClick(...l))
+      onClick: n[0] || (n[0] = (...s) => e.handleClick && e.handleClick(...s))
     }, null, 2),
     C("div", {
       ref: "thumb",
       class: w(e.ns.e("thumb")),
-      style: ye({
+      style: _e({
         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 Mo = /* @__PURE__ */ ue($o, [["render", Co], ["__file", "hue-slider.vue"]]);
+const wo = ge({
   modelValue: String,
   id: String,
   showAlpha: Boolean,
@@ -341,16 +338,16 @@ const So = ke({
     default: 0
   },
   predefine: {
-    type: Ve(Array)
+    type: we(Array)
   },
   validateEvent: {
     type: Boolean,
     default: !0
   }
-}), xo = {
-  [_t]: (e) => ve(e) || Fe(e),
-  [mn]: (e) => ve(e) || Fe(e),
-  activeChange: (e) => ve(e) || Fe(e),
+}), So = {
+  [_t]: (e) => he(e) || De(e),
+  [mn]: (e) => he(e) || De(e),
+  activeChange: (e) => he(e) || De(e),
   focus: (e) => e instanceof FocusEvent,
   blur: (e) => e instanceof FocusEvent
 }, Jt = Symbol("colorPickerContextKey"), Ot = function(e, n, t) {
@@ -359,13 +356,13 @@ const So = ke({
     n * t / ((e = (2 - n) * t) < 1 ? e : 2 - e) || 0,
     e / 2
   ];
-}, Eo = function(e) {
+}, xo = function(e) {
   return typeof e == "string" && e.includes(".") && Number.parseFloat(e) === 1;
-}, To = function(e) {
+}, Eo = function(e) {
   return typeof e == "string" && e.includes("%");
-}, Ie = function(e, n) {
-  Eo(e) && (e = "100%");
-  const t = To(e);
+}, Ae = function(e, n) {
+  xo(e) && (e = "100%");
+  const t = Eo(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 = {
   10: "A",
@@ -374,12 +371,12 @@ const So = ke({
   13: "D",
   14: "E",
   15: "F"
-}, et = (e) => {
+}, tt = (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 Number.isNaN(+e) || Number.isNaN(+n) || Number.isNaN(+t) ? "" : `#${et(e)}${et(n)}${et(t)}`;
+  return Number.isNaN(+e) || Number.isNaN(+n) || Number.isNaN(+t) ? "" : `#${tt(e)}${tt(n)}${tt(t)}`;
 }, ft = {
   A: 10,
   B: 11,
@@ -387,25 +384,25 @@ const So = ke({
   D: 13,
   E: 14,
   F: 15
-}, Ce = function(e) {
+}, $e = 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) {
+}, To = function(e, n, t) {
   n = n / 100, t = t / 100;
   let o = n;
-  const s = Math.max(t, 0.01);
-  t *= 2, n *= t <= 1 ? t : 2 - t, o *= s <= 1 ? s : 2 - s;
-  const a = (t + n) / 2, l = t === 0 ? 2 * o / (s + o) : 2 * n / (t + n);
+  const l = Math.max(t, 0.01);
+  t *= 2, n *= t <= 1 ? t : 2 - t, o *= l <= 1 ? l : 2 - l;
+  const a = (t + n) / 2, s = t === 0 ? 2 * o / (l + o) : 2 * n / (t + n);
   return {
     h: e,
-    s: l * 100,
+    s: s * 100,
     v: a * 100
   };
-}, Ft = (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);
+}, Dt = (e, n, t) => {
+  e = Ae(e, 255), n = Ae(n, 255), t = Ae(t, 255);
+  const o = Math.max(e, n, t), l = Math.min(e, n, t);
   let a;
-  const l = o, u = o - s, i = o === 0 ? 0 : u / o;
-  if (o === s)
+  const s = o, u = o - l, i = o === 0 ? 0 : u / o;
+  if (o === l)
     a = 0;
   else {
     switch (o) {
@@ -424,17 +421,17 @@ const So = ke({
     }
     a /= 6;
   }
-  return { h: a * 360, s: i * 100, v: l * 100 };
+  return { h: a * 360, s: i * 100, v: s * 100 };
 }, Re = 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];
+  e = Ae(e, 360) * 6, n = Ae(n, 100), t = Ae(t, 100);
+  const o = Math.floor(e), l = e - o, a = t * (1 - n), s = t * (1 - l * n), u = t * (1 - (1 - l) * n), i = o % 6, c = [t, s, a, a, u, t][i], f = [u, t, t, s, a, a][i], d = [a, a, u, t, t, s][i];
   return {
     r: Math.round(c * 255),
     g: Math.round(f * 255),
     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)
@@ -460,31 +457,31 @@ class De {
       this._hue = 0, this._saturation = 100, this._value = 100, this.doOnChange();
       return;
     }
-    const t = (o, s, a) => {
-      this._hue = Math.max(0, Math.min(360, o)), this._saturation = Math.max(0, Math.min(100, s)), this._value = Math.max(0, Math.min(100, a)), this.doOnChange();
+    const t = (o, l, a) => {
+      this._hue = Math.max(0, Math.min(360, o)), this._saturation = Math.max(0, Math.min(100, l)), this._value = Math.max(0, Math.min(100, a)), this.doOnChange();
     };
     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));
+      const o = n.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((l) => l !== "").map((l, a) => a > 2 ? Number.parseFloat(l) : Number.parseInt(l, 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]);
-        t(s, a, l);
+        const { h: l, s: a, v: s } = To(o[0], o[1], o[2]);
+        t(l, a, s);
       }
     } else if (n.includes("hsv")) {
-      const o = n.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((s) => s !== "").map((s, a) => a > 2 ? Number.parseFloat(s) : Number.parseInt(s, 10));
+      const o = n.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((l) => l !== "").map((l, a) => a > 2 ? Number.parseFloat(l) : Number.parseInt(l, 10));
       o.length === 4 ? this._alpha = Number.parseFloat(o[3]) * 100 : o.length === 3 && (this._alpha = 100), o.length >= 3 && t(o[0], o[1], o[2]);
     } 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));
+      const o = n.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((l) => l !== "").map((l, a) => a > 2 ? Number.parseFloat(l) : Number.parseInt(l, 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]);
-        t(s, a, l);
+        const { h: l, s: a, v: s } = Dt(o[0], o[1], o[2]);
+        t(l, a, s);
       }
     } else if (n.includes("#")) {
       const o = n.replace("#", "").trim();
       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);
+      let l, a, s;
+      o.length === 3 ? (l = $e(o[0] + o[0]), a = $e(o[1] + o[1]), s = $e(o[2] + o[2])) : (o.length === 6 || o.length === 8) && (l = $e(o.slice(0, 2)), a = $e(o.slice(2, 4)), s = $e(o.slice(4, 6))), o.length === 8 ? this._alpha = $e(o.slice(6)) / 255 * 100 : (o.length === 3 || o.length === 6) && (this._alpha = 100);
+      const { h: u, s: i, v: c } = Dt(l, a, s);
       t(u, i, c);
     }
   }
@@ -492,12 +489,12 @@ class De {
     return Math.abs(n._hue - this._hue) < 2 && Math.abs(n._saturation - this._saturation) < 1 && Math.abs(n._value - this._value) < 1 && Math.abs(n._alpha - this._alpha) < 1;
   }
   doOnChange() {
-    const { _hue: n, _saturation: t, _value: o, _alpha: s, format: a } = this;
+    const { _hue: n, _saturation: t, _value: o, _alpha: l, format: a } = this;
     if (this.enableAlpha)
       switch (a) {
         case "hsl": {
-          const l = Ot(n, t / 100, o / 100);
-          this.value = `hsla(${n}, ${Math.round(l[1] * 100)}%, ${Math.round(l[2] * 100)}%, ${this.get("alpha") / 100})`;
+          const s = Ot(n, t / 100, o / 100);
+          this.value = `hsla(${n}, ${Math.round(s[1] * 100)}%, ${Math.round(s[2] * 100)}%, ${this.get("alpha") / 100})`;
           break;
         }
         case "hsv": {
@@ -505,19 +502,19 @@ class De {
           break;
         }
         case "hex": {
-          this.value = `${Rt(Re(n, t, o))}${et(s * 255 / 100)}`;
+          this.value = `${Rt(Re(n, t, o))}${tt(l * 255 / 100)}`;
           break;
         }
         default: {
-          const { r: l, g: u, b: i } = Re(n, t, o);
-          this.value = `rgba(${l}, ${u}, ${i}, ${this.get("alpha") / 100})`;
+          const { r: s, g: u, b: i } = Re(n, t, o);
+          this.value = `rgba(${s}, ${u}, ${i}, ${this.get("alpha") / 100})`;
         }
       }
     else
       switch (a) {
         case "hsl": {
-          const l = Ot(n, t / 100, o / 100);
-          this.value = `hsl(${n}, ${Math.round(l[1] * 100)}%, ${Math.round(l[2] * 100)}%)`;
+          const s = Ot(n, t / 100, o / 100);
+          this.value = `hsl(${n}, ${Math.round(s[1] * 100)}%, ${Math.round(s[2] * 100)}%)`;
           break;
         }
         case "hsv": {
@@ -525,8 +522,8 @@ class De {
           break;
         }
         case "rgb": {
-          const { r: l, g: u, b: i } = Re(n, t, o);
-          this.value = `rgb(${l}, ${u}, ${i})`;
+          const { r: s, g: u, b: i } = Re(n, t, o);
+          this.value = `rgb(${s}, ${u}, ${i})`;
           break;
         }
         default:
@@ -534,7 +531,7 @@ class De {
       }
   }
 }
-const Ao = D({
+const Io = D({
   props: {
     colors: {
       type: Array,
@@ -546,56 +543,56 @@ 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();
-      u.fromString(l), o.value.forEach((i) => {
+    const n = te("color-predefine"), { currentColor: t } = Le(Jt), o = T(a(e.colors, e.color));
+    ee(() => t.value, (s) => {
+      const u = new Fe();
+      u.fromString(s), o.value.forEach((i) => {
         i.selected = u.compare(i);
       });
     }), kt(() => {
       o.value = a(e.colors, e.color);
     });
-    function s(l) {
-      e.color.fromString(e.colors[l]);
+    function l(s) {
+      e.color.fromString(e.colors[s]);
     }
-    function a(l, u) {
-      return l.map((i) => {
-        const c = new De();
+    function a(s, u) {
+      return s.map((i) => {
+        const c = new Fe();
         return c.enableAlpha = !0, c.format = "rgba", c.fromString(i), c.selected = c.value === u.value, c;
       });
     }
     return {
       rgbaColors: o,
-      handleSelect: s,
+      handleSelect: l,
       ns: n
     };
   }
-}), Po = ["onClick"];
-function Vo(e, n, t, o, s, a) {
-  return m(), M("div", {
+}), Ao = ["onClick"];
+function Po(e, n, t, o, l, a) {
+  return m(), k("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), k(ae, null, Ee(e.rgbaColors, (s, u) => (m(), k("div", {
         key: e.colors[u],
         class: w([
           e.ns.e("color-selector"),
-          e.ns.is("alpha", l._alpha < 100),
-          { selected: l.selected }
+          e.ns.is("alpha", s._alpha < 100),
+          { selected: s.selected }
         ]),
         onClick: (i) => e.handleSelect(u)
       }, [
         C("div", {
-          style: ye({ backgroundColor: l.value })
+          style: _e({ backgroundColor: s.value })
         }, null, 4)
-      ], 10, Po))), 128))
+      ], 10, Ao))), 128))
     ], 2)
   ], 2);
 }
-var Lo = /* @__PURE__ */ ue(Ao, [["render", Vo], ["__file", "predefine.vue"]]);
-const No = D({
+var Vo = /* @__PURE__ */ ue(Io, [["render", Po], ["__file", "predefine.vue"]]);
+const Lo = D({
   name: "ElSlPanel",
   props: {
     color: {
@@ -604,23 +601,23 @@ 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 = te("color-svpanel"), t = ye(), o = T(0), l = T(0), a = T("hsl(0, 100%, 50%)"), s = E(() => {
       const c = e.color.get("hue"), f = e.color.get("value");
       return { hue: c, value: f };
     });
     function u() {
-      const c = e.color.get("saturation"), f = e.color.get("value"), d = t.vnode.el, { clientWidth: p, clientHeight: v } = d;
-      s.value = c * p / 100, o.value = (100 - f) * v / 100, a.value = `hsl(${e.color.get("hue")}, 100%, 50%)`;
+      const c = e.color.get("saturation"), f = e.color.get("value"), d = t.vnode.el, { clientWidth: p, clientHeight: h } = d;
+      l.value = c * p / 100, o.value = (100 - f) * h / 100, a.value = `hsl(${e.color.get("hue")}, 100%, 50%)`;
     }
     function i(c) {
-      const d = t.vnode.el.getBoundingClientRect(), { clientX: p, clientY: v } = Mt(c);
-      let g = p - d.left, k = v - d.top;
-      g = Math.max(0, g), g = Math.min(g, d.width), k = Math.max(0, k), k = Math.min(k, d.height), s.value = g, o.value = k, e.color.set({
+      const d = t.vnode.el.getBoundingClientRect(), { clientX: p, clientY: h } = Ct(c);
+      let g = p - d.left, $ = h - d.top;
+      g = Math.max(0, g), g = Math.min(g, d.width), $ = Math.max(0, $), $ = Math.min($, d.height), l.value = g, o.value = $, e.color.set({
         saturation: g / d.width * 100,
-        value: 100 - k / d.height * 100
+        value: 100 - $ / d.height * 100
       });
     }
-    return ee(() => l.value, () => {
+    return ee(() => s.value, () => {
       u();
     }), pe(() => {
       Ke(t.vnode.el, {
@@ -633,21 +630,21 @@ const No = D({
       }), u();
     }), {
       cursorTop: o,
-      cursorLeft: s,
+      cursorLeft: l,
       background: a,
-      colorValue: l,
+      colorValue: s,
       handleDrag: i,
       update: u,
       ns: n
     };
   }
-}), Oo = /* @__PURE__ */ C("div", null, null, -1), Bo = [
-  Oo
+}), No = /* @__PURE__ */ C("div", null, null, -1), Oo = [
+  No
 ];
-function Ro(e, n, t, o, s, a) {
-  return m(), M("div", {
+function Bo(e, n, t, o, l, a) {
+  return m(), k("div", {
     class: w(e.ns.b()),
-    style: ye({
+    style: _e({
       backgroundColor: e.background
     })
   }, [
@@ -659,34 +656,34 @@ function Ro(e, n, t, o, s, a) {
     }, null, 2),
     C("div", {
       class: w(e.ns.e("cursor")),
-      style: ye({
+      style: _e({
         top: e.cursorTop + "px",
         left: e.cursorLeft + "px"
       })
-    }, Bo, 6)
+    }, Oo, 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 Ro = /* @__PURE__ */ ue(Lo, [["render", Bo], ["__file", "sv-panel.vue"]]);
+const Do = ["onKeydown"], Fo = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"], zo = D({
   name: "ElColorPicker"
-}), Wo = /* @__PURE__ */ D({
-  ...Ho,
-  props: So,
-  emits: xo,
+}), Ho = /* @__PURE__ */ D({
+  ...zo,
+  props: wo,
+  emits: So,
   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, {
-      formItemContext: l
-    }), d = T(), p = T(), v = T(), g = T(), k = T(), S = T(), {
+    const o = e, { t: l } = zt(), a = te("color"), { formItem: s } = pn(), u = vn(), i = hn(), { inputId: c, isLabeledByFormItem: f } = _n(o, {
+      formItemContext: s
+    }), d = T(), p = T(), h = T(), g = T(), $ = T(), S = T(), {
       isFocused: R,
       handleFocus: N,
       handleBlur: b
-    } = gn(k, {
+    } = gn($, {
       beforeBlur(V) {
         var J;
         return (J = g.value) == null ? void 0 : J.isFocusInsideContent(V);
       },
       afterBlur() {
-        B(!1), h();
+        B(!1), v();
       }
     }), Z = (V) => {
       if (i.value)
@@ -694,18 +691,18 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
       N(V);
     };
     let Y = !0;
-    const O = st(new De({
+    const O = 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(() => [
+    })), 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 || l("el.colorpicker.defaultLabel")), ke = E(() => f.value ? s == null ? void 0 : s.labelId : void 0), x = E(() => [
       a.b("picker"),
       a.is("disabled", i.value),
       a.bm("picker", u.value),
       a.is("focused", R.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})`;
@@ -718,11 +715,11 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
       i.value || B(!0);
     }
     function y() {
-      X(!1), h();
+      X(!1), v();
     }
-    function h() {
-      Me(() => {
-        o.modelValue ? O.fromString(o.modelValue) : (O.value = "", Me(() => {
+    function v() {
+      Ce(() => {
+        o.modelValue ? O.fromString(o.modelValue) : (O.value = "", Ce(() => {
           P.value = !1;
         }));
       });
@@ -735,17 +732,17 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
     }
     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({
+      t(_t, V), t("change", V), o.validateEvent && (s == null || s.validate("change").catch((J) => It(J))), X(!1), Ce(() => {
+        const J = new Fe({
           enableAlpha: o.showAlpha,
           format: o.colorFormat || "",
           value: o.modelValue
         });
-        O.compare(J) || h();
+        O.compare(J) || v();
       });
     }
-    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 H() {
+      X(!1), t(_t, null), t("change", null), o.modelValue !== null && o.validateEvent && (s == null || s.validate("change").catch((V) => It(V))), v();
     }
     function G(V) {
       if (j.value && (y(), R.value)) {
@@ -754,9 +751,9 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
       }
     }
     function se(V) {
-      V.preventDefault(), V.stopPropagation(), B(!1), h();
+      V.preventDefault(), V.stopPropagation(), B(!1), v();
     }
-    function Ge(V) {
+    function Ye(V) {
       switch (V.code) {
         case re.enter:
         case re.space:
@@ -767,11 +764,11 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
           break;
       }
     }
-    function Ye() {
-      k.value.focus();
+    function Ze() {
+      $.value.focus();
     }
     function wt() {
-      k.value.blur();
+      $.value.blur();
     }
     return pe(() => {
       o.modelValue && (W.value = ce.value);
@@ -782,9 +779,9 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
     }), ee(() => O.value, () => {
       !o.modelValue && !P.value && (P.value = !0);
     }), ee(() => j.value, () => {
-      Me(() => {
+      Ce(() => {
         var V, J, fe;
-        (V = d.value) == null || V.update(), (J = p.value) == null || J.update(), (fe = v.value) == null || fe.update();
+        (V = d.value) == null || V.update(), (J = p.value) == null || J.update(), (fe = h.value) == null || fe.update();
       });
     }), We(Jt, {
       currentColor: ce
@@ -792,9 +789,9 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
       color: O,
       show: U,
       hide: y,
-      focus: Ye,
+      focus: Ze,
       blur: wt
-    }), (V, J) => (m(), L(r(Ue), {
+    }), (V, J) => (m(), L(r(je), {
       ref_key: "popper",
       ref: g,
       visible: j.value,
@@ -810,38 +807,38 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
       persistent: "",
       onHide: J[2] || (J[2] = (fe) => B(!1))
     }, {
-      content: $(() => [
-        $e((m(), M("div", {
+      content: M(() => [
+        Me((m(), k("div", {
           onKeydown: Nt(se, ["esc"])
         }, [
           C("div", {
             class: w(r(a).be("dropdown", "main-wrapper"))
           }, [
-            _(wo, {
+            _(Mo, {
               ref_key: "hue",
               ref: d,
               class: "hue-slider",
               color: r(O),
               vertical: ""
             }, null, 8, ["color"]),
-            _(Fo, {
+            _(Ro, {
               ref_key: "sv",
               ref: p,
               color: r(O)
             }, null, 8, ["color"])
           ], 2),
-          V.showAlpha ? (m(), L(Co, {
+          V.showAlpha ? (m(), L(ko, {
             key: 0,
             ref_key: "alpha",
-            ref: v,
+            ref: h,
             color: r(O)
-          }, null, 8, ["color"])) : H("v-if", !0),
-          V.predefine ? (m(), L(Lo, {
+          }, null, 8, ["color"])) : z("v-if", !0),
+          V.predefine ? (m(), L(Vo, {
             key: 1,
             ref: "predefine",
             color: r(O),
             colors: V.predefine
-          }, null, 8, ["color", "colors"])) : H("v-if", !0),
+          }, null, 8, ["color", "colors"])) : z("v-if", !0),
           C("div", {
             class: w(r(a).be("dropdown", "btns"))
           }, [
@@ -863,10 +860,10 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
               class: w(r(a).be("dropdown", "link-btn")),
               text: "",
               size: "small",
-              onClick: z
+              onClick: H
             }, {
-              default: $(() => [
-                Q(K(r(s)("el.colorpicker.clear")), 1)
+              default: M(() => [
+                Q(K(r(l)("el.colorpicker.clear")), 1)
               ]),
               _: 1
             }, 8, ["class"]),
@@ -876,8 +873,8 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
               class: w(r(a).be("dropdown", "btn")),
               onClick: q
             }, {
-              default: $(() => [
-                Q(K(r(s)("el.colorpicker.confirm")), 1)
+              default: M(() => [
+                Q(K(r(l)("el.colorpicker.confirm")), 1)
               ]),
               _: 1
             }, 8, ["class"])
@@ -886,26 +883,26 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
           [r(Ht), G]
         ])
       ]),
-      default: $(() => [
+      default: M(() => [
         C("div", {
           id: r(c),
           ref_key: "triggerRef",
-          ref: k,
+          ref: $,
           class: w(r(x)),
           role: "button",
           "aria-label": r(de),
-          "aria-labelledby": r(be),
-          "aria-description": r(s)("el.colorpicker.description", { color: V.modelValue || "" }),
+          "aria-labelledby": r(ke),
+          "aria-description": r(l)("el.colorpicker.description", { color: V.modelValue || "" }),
           "aria-disabled": r(i),
           tabindex: r(i) ? -1 : V.tabindex,
-          onKeydown: Ge,
+          onKeydown: Ye,
           onFocus: Z,
           onBlur: J[1] || (J[1] = (...fe) => r(b) && r(b)(...fe))
         }, [
-          r(i) ? (m(), M("div", {
+          r(i) ? (m(), k("div", {
             key: 0,
             class: w(r(a).be("picker", "mask"))
-          }, null, 2)) : H("v-if", !0),
+          }, null, 2)) : z("v-if", !0),
           C("div", {
             class: w(r(a).be("picker", "trigger")),
             onClick: A
@@ -915,24 +912,24 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
             }, [
               C("span", {
                 class: w(r(a).be("picker", "color-inner")),
-                style: ye({
+                style: _e({
                   backgroundColor: r(le)
                 })
               }, [
-                $e(_(r(we), {
+                Me(_(r(Se), {
                   class: w([r(a).be("picker", "icon"), r(a).is("icon-arrow-down")])
                 }, {
-                  default: $(() => [
+                  default: M(() => [
                     _(r(Wt))
                   ]),
                   _: 1
                 }, 8, ["class"]), [
                   [qe, V.modelValue || P.value]
                 ]),
-                $e(_(r(we), {
+                Me(_(r(Se), {
                   class: w([r(a).be("picker", "empty"), r(a).is("icon-close")])
                 }, {
-                  default: $(() => [
+                  default: M(() => [
                     _(r(qt))
                   ]),
                   _: 1
@@ -942,14 +939,53 @@ const Do = ["onKeydown"], zo = ["id", "aria-label", "aria-labelledby", "aria-des
               ], 6)
             ], 2)
           ], 2)
-        ], 42, zo)
+        ], 42, Fo)
       ]),
       _: 1
     }, 8, ["visible", "popper-class", "transition"]));
   }
 });
-var qo = /* @__PURE__ */ ue(Wo, [["__file", "color-picker.vue"]]);
-const Ko = ot(qo), Uo = ke({
+var Wo = /* @__PURE__ */ ue(Ho, [["__file", "color-picker.vue"]]);
+const qo = Ue(Wo), Ko = ge({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  },
+  borderStyle: {
+    type: we(String),
+    default: "solid"
+  }
+}), Uo = D({
+  name: "ElDivider"
+}), jo = /* @__PURE__ */ D({
+  ...Uo,
+  props: Ko,
+  setup(e) {
+    const n = e, t = te("divider"), o = E(() => t.cssVar({
+      "border-style": n.borderStyle
+    }));
+    return (l, a) => (m(), k("div", {
+      class: w([r(t).b(), r(t).m(l.direction)]),
+      style: _e(r(o)),
+      role: "separator"
+    }, [
+      l.$slots.default && l.direction !== "vertical" ? (m(), k("div", {
+        key: 0,
+        class: w([r(t).e("text"), r(t).is(l.contentPosition)])
+      }, [
+        oe(l.$slots, "default")
+      ], 2)) : z("v-if", !0)
+    ], 6));
+  }
+});
+var Xo = /* @__PURE__ */ ue(jo, [["__file", "divider.vue"]]);
+const Go = Ue(Xo), Yo = ge({
   ...kn,
   direction: {
     type: String,
@@ -972,38 +1008,38 @@ 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({
+}), Zo = $n, Jo = ["aria-label", "aria-labelledby", "aria-describedby"], Qo = ["id", "aria-level"], ea = ["aria-label"], ta = ["id"], na = D({
   name: "ElDrawer",
   inheritAttrs: !1
-}), Qo = /* @__PURE__ */ D({
-  ...Jo,
-  props: Uo,
-  emits: jo,
+}), oa = /* @__PURE__ */ D({
+  ...na,
+  props: Yo,
+  emits: Zo,
   setup(e, { expose: n }) {
     const t = e, o = qn();
-    Mn({
+    Cn({
       scope: "el-drawer",
       from: "the title slot",
       replacement: "the header slot",
       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 l = T(), a = T(), s = te("drawer"), { t: u } = zt(), {
       afterEnter: i,
       afterLeave: c,
       beforeLeave: f,
       visible: d,
       rendered: p,
-      titleId: v,
+      titleId: h,
       bodyId: g,
-      zIndex: k,
+      zIndex: $,
       onModalClick: S,
       onOpenAutoFocus: R,
       onCloseAutoFocus: N,
       onFocusoutPrevented: b,
       onCloseRequested: Z,
       handleClose: Y
-    } = $n(t, s), O = E(() => t.direction === "rtl" || t.direction === "ltr"), j = E(() => vt(t.size));
+    } = Mn(t, l), O = E(() => t.direction === "rtl" || t.direction === "ltr"), j = E(() => ht(t.size));
     return n({
       handleClose: Y,
       afterEnter: i,
@@ -1013,102 +1049,102 @@ const Ko = ot(qo), Uo = ke({
       disabled: !P.appendToBody
     }, [
       _(rt, {
-        name: r(l).b("fade"),
+        name: r(s).b("fade"),
         onAfterEnter: r(i),
         onAfterLeave: r(c),
         onBeforeLeave: r(f),
         persisted: ""
       }, {
-        default: $(() => [
-          $e(_(r(wn), {
+        default: M(() => [
+          Me(_(r(wn), {
             mask: P.modal,
             "overlay-class": P.modalClass,
-            "z-index": r(k),
+            "z-index": r($),
             onClick: r(S)
           }, {
-            default: $(() => [
+            default: M(() => [
               _(r(Sn), {
                 loop: "",
                 trapped: r(d),
-                "focus-trap-el": s.value,
+                "focus-trap-el": l.value,
                 "focus-start-el": a.value,
                 onFocusAfterTrapped: r(R),
                 onFocusAfterReleased: r(N),
                 onFocusoutPrevented: r(b),
                 onReleaseRequested: r(Z)
               }, {
-                default: $(() => [
+                default: M(() => [
                   C("div", Xt({
                     ref_key: "drawerRef",
-                    ref: s,
+                    ref: l,
                     "aria-modal": "true",
                     "aria-label": P.title || void 0,
-                    "aria-labelledby": P.title ? void 0 : r(v),
+                    "aria-labelledby": P.title ? void 0 : r(h),
                     "aria-describedby": r(g)
                   }, P.$attrs, {
-                    class: [r(l).b(), P.direction, r(d) && "open"],
+                    class: [r(s).b(), P.direction, r(d) && "open"],
                     style: r(O) ? "width: " + r(j) : "height: " + r(j),
                     role: "dialog",
-                    onClick: W[1] || (W[1] = Te(() => {
+                    onClick: W[1] || (W[1] = Ie(() => {
                     }, ["stop"]))
                   }), [
                     C("span", {
                       ref_key: "focusStartRef",
                       ref: a,
-                      class: w(r(l).e("sr-focus")),
+                      class: w(r(s).e("sr-focus")),
                       tabindex: "-1"
                     }, null, 2),
-                    P.withHeader ? (m(), M("header", {
+                    P.withHeader ? (m(), k("header", {
                       key: 0,
-                      class: w(r(l).e("header"))
+                      class: w(r(s).e("header"))
                     }, [
-                      P.$slots.title ? ae(P.$slots, "title", { key: 1 }, () => [
-                        H(" DEPRECATED SLOT ")
-                      ]) : ae(P.$slots, "header", {
+                      P.$slots.title ? oe(P.$slots, "title", { key: 1 }, () => [
+                        z(" DEPRECATED SLOT ")
+                      ]) : oe(P.$slots, "header", {
                         key: 0,
                         close: r(Y),
-                        titleId: r(v),
-                        titleClass: r(l).e("title")
+                        titleId: r(h),
+                        titleClass: r(s).e("title")
                       }, () => [
-                        P.$slots.title ? H("v-if", !0) : (m(), M("span", {
+                        P.$slots.title ? z("v-if", !0) : (m(), k("span", {
                           key: 0,
-                          id: r(v),
+                          id: r(h),
                           role: "heading",
                           "aria-level": P.headerAriaLevel,
-                          class: w(r(l).e("title"))
-                        }, K(P.title), 11, Go))
+                          class: w(r(s).e("title"))
+                        }, K(P.title), 11, Qo))
                       ]),
-                      P.showClose ? (m(), M("button", {
+                      P.showClose ? (m(), k("button", {
                         key: 2,
                         "aria-label": r(u)("el.drawer.close"),
-                        class: w(r(l).e("close-btn")),
+                        class: w(r(s).e("close-btn")),
                         type: "button",
                         onClick: W[0] || (W[0] = (...le) => r(Y) && r(Y)(...le))
                       }, [
-                        _(r(we), {
-                          class: w(r(l).e("close"))
+                        _(r(Se), {
+                          class: w(r(s).e("close"))
                         }, {
-                          default: $(() => [
+                          default: M(() => [
                             _(r(qt))
                           ]),
                           _: 1
                         }, 8, ["class"])
-                      ], 10, Yo)) : H("v-if", !0)
-                    ], 2)) : H("v-if", !0),
-                    r(p) ? (m(), M("div", {
+                      ], 10, ea)) : z("v-if", !0)
+                    ], 2)) : z("v-if", !0),
+                    r(p) ? (m(), k("div", {
                       key: 1,
                       id: r(g),
-                      class: w(r(l).e("body"))
+                      class: w(r(s).e("body"))
                     }, [
-                      ae(P.$slots, "default")
-                    ], 10, Zo)) : H("v-if", !0),
-                    P.$slots.footer ? (m(), M("div", {
+                      oe(P.$slots, "default")
+                    ], 10, ta)) : z("v-if", !0),
+                    P.$slots.footer ? (m(), k("div", {
                       key: 2,
-                      class: w(r(l).e("footer"))
+                      class: w(r(s).e("footer"))
                     }, [
-                      ae(P.$slots, "footer")
-                    ], 2)) : H("v-if", !0)
-                  ], 16, Xo)
+                      oe(P.$slots, "footer")
+                    ], 2)) : z("v-if", !0)
+                  ], 16, Jo)
                 ]),
                 _: 3
               }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -1123,9 +1159,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 aa = /* @__PURE__ */ ue(oa, [["__file", "drawer.vue"]]);
+const la = Ue(aa);
+let sa = class {
   constructor(n, t) {
     this.parent = n, this.domNode = t, this.subIndex = 0, this.subIndex = 0, this.init();
   }
@@ -1139,53 +1175,53 @@ let na = class {
     const n = this.parent.domNode;
     Array.prototype.forEach.call(this.subMenuItems, (t) => {
       t.addEventListener("keydown", (o) => {
-        let s = !1;
+        let l = !1;
         switch (o.code) {
           case re.down: {
-            this.gotoSubIndex(this.subIndex + 1), s = !0;
+            this.gotoSubIndex(this.subIndex + 1), l = !0;
             break;
           }
           case re.up: {
-            this.gotoSubIndex(this.subIndex - 1), s = !0;
+            this.gotoSubIndex(this.subIndex - 1), l = !0;
             break;
           }
           case re.tab: {
-            Qe(n, "mouseleave");
+            et(n, "mouseleave");
             break;
           }
           case re.enter:
           case re.space: {
-            s = !0, o.currentTarget.click();
+            l = !0, o.currentTarget.click();
             break;
           }
         }
-        return s && (o.preventDefault(), o.stopPropagation()), !1;
+        return l && (o.preventDefault(), o.stopPropagation()), !1;
       });
     });
   }
-}, oa = class {
+}, ra = 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 sa(this, t)), this.addListeners();
   }
   addListeners() {
     this.domNode.addEventListener("keydown", (n) => {
       let t = !1;
       switch (n.code) {
         case re.down: {
-          Qe(n.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
+          et(n.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
           break;
         }
         case re.up: {
-          Qe(n.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
+          et(n.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
           break;
         }
         case re.tab: {
-          Qe(n.currentTarget, "mouseleave");
+          et(n.currentTarget, "mouseleave");
           break;
         }
         case re.enter:
@@ -1197,84 +1233,84 @@ let na = class {
       t && n.preventDefault();
     });
   }
-}, aa = class {
+}, ia = 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 ra(o, n);
     });
   }
 };
-const la = D({
+const ua = D({
   name: "ElMenuCollapseTransition",
   setup() {
-    const e = ne("menu");
+    const e = te("menu");
     return {
       listeners: {
         onBeforeEnter: (t) => t.style.opacity = "0.2",
         onEnter(t, o) {
-          Ze(t, `${e.namespace.value}-opacity-transition`), t.style.opacity = "1", o();
+          Je(t, `${e.namespace.value}-opacity-transition`), t.style.opacity = "1", o();
         },
         onAfterEnter(t) {
           ut(t, `${e.namespace.value}-opacity-transition`), t.style.opacity = "";
         },
         onBeforeLeave(t) {
-          t.dataset || (t.dataset = {}), xn(t, e.m("collapse")) ? (ut(t, e.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), Ze(t, e.m("collapse"))) : (Ze(t, e.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), ut(t, e.m("collapse"))), t.style.width = `${t.scrollWidth}px`, t.style.overflow = "hidden";
+          t.dataset || (t.dataset = {}), xn(t, e.m("collapse")) ? (ut(t, e.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), Je(t, e.m("collapse"))) : (Je(t, e.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), ut(t, e.m("collapse"))), t.style.width = `${t.scrollWidth}px`, t.style.overflow = "hidden";
         },
         onLeave(t) {
-          Ze(t, "horizontal-collapse-transition"), t.style.width = `${t.dataset.scrollWidth}px`;
+          Je(t, "horizontal-collapse-transition"), t.style.width = `${t.dataset.scrollWidth}px`;
         }
       }
     };
   }
 });
-function sa(e, n, t, o, s, a) {
+function ca(e, n, t, o, l, a) {
   return m(), L(rt, Xt({ mode: "out-in" }, e.listeners), {
-    default: $(() => [
-      ae(e.$slots, "default")
+    default: M(() => [
+      oe(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-var ra = /* @__PURE__ */ ue(la, [["render", sa], ["__file", "menu-collapse-transition.vue"]]);
+var da = /* @__PURE__ */ ue(ua, [["render", ca], ["__file", "menu-collapse-transition.vue"]]);
 function Qt(e, n) {
   const t = E(() => {
-    let s = e.parent;
+    let l = e.parent;
     const a = [n.value];
-    for (; s.type.name !== "ElMenu"; )
-      s.props.index && a.unshift(s.props.index), s = s.parent;
+    for (; l.type.name !== "ElMenu"; )
+      l.props.index && a.unshift(l.props.index), l = l.parent;
     return a;
   });
   return {
     parentMenu: E(() => {
-      let s = e.parent;
-      for (; s && !["ElMenu", "ElSubMenu"].includes(s.type.name); )
-        s = s.parent;
-      return s;
+      let l = e.parent;
+      for (; l && !["ElMenu", "ElSubMenu"].includes(l.type.name); )
+        l = l.parent;
+      return l;
     }),
     indexPath: t
   };
 }
-function ia(e) {
+function fa(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 = te("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": fa(e).value || "",
     "active-color": e.activeTextColor || "",
     level: `${n}`
   }));
-}, ua = ke({
+}, ma = ge({
   index: {
     type: String,
     required: !0
@@ -1289,32 +1325,32 @@ const en = (e, n) => {
   },
   popperOffset: Number,
   expandCloseIcon: {
-    type: Ee
+    type: Te
   },
   expandOpenIcon: {
-    type: Ee
+    type: Te
   },
   collapseCloseIcon: {
-    type: Ee
+    type: Te
   },
   collapseOpenIcon: {
-    type: Ee
+    type: Te
   }
 }), mt = "ElSubMenu";
-var $t = D({
+var Mt = D({
   name: mt,
-  props: ua,
+  props: ma,
   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");
-    i || tt(mt, "can not inject root menu");
+    const o = ye(), { indexPath: l, parentMenu: a } = Qt(o, E(() => e.index)), s = te("menu"), u = te("sub-menu"), i = Le("rootMenu");
+    i || nt(mt, "can not inject root menu");
     const c = Le(`subMenu:${a.value.uid}`);
-    c || tt(mt, "can not inject sub menu");
+    c || nt(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 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 ? [
+    const h = T(!1), g = T(), $ = 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 = e.teleported;
+      return v === void 0 ? N.value : v;
+    }), Z = E(() => i.props.collapse ? `${s.namespace.value}-zoom-in-left` : `${s.namespace.value}-zoom-in-top`), Y = E(() => P.value === "horizontal" && N.value ? [
       "bottom-start",
       "bottom-end",
       "top-start",
@@ -1331,70 +1367,70 @@ var $t = D({
       "top-start",
       "top-end"
     ]), O = E(() => i.openedMenus.includes(e.index)), j = E(() => {
-      let h = !1;
+      let v = !1;
       return Object.values(f.value).forEach((A) => {
-        A.active && (h = !0);
+        A.active && (v = !0);
       }), Object.values(d.value).forEach((A) => {
-        A.active && (h = !0);
-      }), h;
+        A.active && (v = !0);
+      }), v;
     }), P = E(() => i.props.mode), W = st({
       index: e.index,
-      indexPath: s,
+      indexPath: l,
       active: j
     }), le = en(i.props, c.level + 1), ce = E(() => {
-      var h;
-      return (h = e.popperOffset) != null ? h : i.props.popperOffset;
+      var v;
+      return (v = e.popperOffset) != null ? v : i.props.popperOffset;
     }), de = E(() => {
-      var h;
-      return (h = e.popperClass) != null ? h : i.props.popperClass;
-    }), be = E(() => {
-      var h;
-      return (h = e.showTimeout) != null ? h : i.props.showTimeout;
+      var v;
+      return (v = e.popperClass) != null ? v : i.props.popperClass;
+    }), ke = E(() => {
+      var v;
+      return (v = e.showTimeout) != null ? v : i.props.showTimeout;
     }), x = E(() => {
-      var h;
-      return (h = e.hideTimeout) != null ? h : i.props.hideTimeout;
+      var v;
+      return (v = e.hideTimeout) != null ? v : 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) => {
-      h || I();
+      var v, A, F;
+      return (F = (A = (v = $.value) == null ? void 0 : v.popperRef) == null ? void 0 : A.popperInstanceRef) == null ? void 0 : F.destroy();
+    }, B = (v) => {
+      v || 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,
+        indexPath: l.value,
         active: j.value
       });
-    }, U = (h, A = be.value) => {
+    }, U = (v, A = ke.value) => {
       var F;
-      if (h.type !== "focus") {
+      if (v.type !== "focus") {
         if (i.props.menuTrigger === "click" && i.props.mode === "horizontal" || !i.props.collapse && i.props.mode === "vertical" || e.disabled) {
           c.mouseInChild.value = !0;
           return;
         }
         c.mouseInChild.value = !0, p == null || p(), { stop: p } = At(() => {
-          i.openMenu(e.index, s.value);
+          i.openMenu(e.index, l.value);
         }, A), b.value && ((F = a.value.vnode.el) == null || F.dispatchEvent(new MouseEvent("mouseenter")));
       }
-    }, y = (h = !1) => {
+    }, y = (v = !1) => {
       var A;
       if (i.props.menuTrigger === "click" && i.props.mode === "horizontal" || !i.props.collapse && i.props.mode === "vertical") {
         c.mouseInChild.value = !1;
         return;
       }
-      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));
+      p == null || p(), c.mouseInChild.value = !1, { stop: p } = At(() => !h.value && i.closeMenu(e.index, l.value), x.value), b.value && v && ((A = c.handleMouseleave) == null || A.call(c, !0));
     };
-    ee(() => i.props.collapse, (h) => B(!!h));
+    ee(() => i.props.collapse, (v) => B(!!v));
     {
-      const h = (F) => {
+      const v = (F) => {
         d.value[F.index] = F;
       }, A = (F) => {
         delete d.value[F.index];
       };
       We(`subMenu:${o.uid}`, {
-        addSubMenu: h,
+        addSubMenu: v,
         removeSubMenu: A,
         handleMouseleave: y,
-        mouseInChild: v,
+        mouseInChild: h,
         level: c.level + 1
       });
     }
@@ -1405,19 +1441,19 @@ var $t = D({
     }), Gt(() => {
       c.removeSubMenu(W), i.removeSubMenu(W);
     }), () => {
-      var h;
+      var v;
       const A = [
-        (h = n.title) == null ? void 0 : h.call(n),
-        te(we, {
+        (v = n.title) == null ? void 0 : v.call(n),
+        ne(Se, {
           class: u.e("icon-arrow"),
           style: {
             transform: O.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: () => he(R.value) ? ne(o.appContext.components[R.value]) : ne(R.value)
         })
-      ], F = i.isMenuPopup ? te(Ue, {
-        ref: k,
+      ], F = i.isMenuPopup ? ne(je, {
+        ref: $,
         visible: O.value,
         effect: "light",
         pure: !0,
@@ -1433,48 +1469,48 @@ var $t = D({
       }, {
         content: () => {
           var q;
-          return te("div", {
+          return ne("div", {
             class: [
-              l.m(P.value),
-              l.m("popup-container"),
+              s.m(P.value),
+              s.m("popup-container"),
               de.value
             ],
-            onMouseenter: (z) => U(z, 100),
+            onMouseenter: (H) => U(H, 100),
             onMouseleave: () => y(!0),
-            onFocus: (z) => U(z, 100)
+            onFocus: (H) => U(H, 100)
           }, [
-            te("ul", {
+            ne("ul", {
               class: [
-                l.b(),
-                l.m("popup"),
-                l.m(`popup-${S.value}`)
+                s.b(),
+                s.m("popup"),
+                s.m(`popup-${S.value}`)
               ],
               style: le.value
             }, [(q = n.default) == null ? void 0 : q.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(ao, {}, {
           default: () => {
             var q;
-            return $e(te("ul", {
+            return Me(ne("ul", {
               role: "menu",
-              class: [l.b(), l.m("inline")],
+              class: [s.b(), s.m("inline")],
               style: le.value
             }, [(q = n.default) == null ? void 0 : q.call(n)]), [[qe, O.value]]);
           }
         })
       ]);
-      return te("li", {
+      return ne("li", {
         class: [
           u.b(),
           u.is("active", j.value),
@@ -1491,7 +1527,7 @@ var $t = D({
     };
   }
 });
-const ca = ke({
+const pa = ge({
   mode: {
     type: String,
     values: ["horizontal", "vertical"],
@@ -1502,7 +1538,7 @@ const ca = ke({
     default: ""
   },
   defaultOpeneds: {
-    type: Ve(Array),
+    type: we(Array),
     default: () => Pn([])
   },
   uniqueOpened: Boolean,
@@ -1530,7 +1566,7 @@ const ca = ke({
     default: 6
   },
   ellipsisIcon: {
-    type: Ee,
+    type: Te,
     default: () => Vn
   },
   popperEffect: {
@@ -1547,22 +1583,22 @@ const ca = ke({
     type: Number,
     default: 300
   }
-}), pt = (e) => Array.isArray(e) && e.every((n) => ve(n)), da = {
-  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)
+}), pt = (e) => Array.isArray(e) && e.every((n) => he(n)), va = {
+  close: (e, n) => he(e) && pt(n),
+  open: (e, n) => he(e) && pt(n),
+  select: (e, n, t, o) => he(e) && pt(n) && Ln(t) && (o === void 0 || o instanceof Promise)
 };
-var fa = D({
+var ha = D({
   name: "ElMenu",
-  props: ca,
-  emits: da,
+  props: pa,
+  emits: va,
   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 l = ye(), a = l.appContext.config.globalProperties.$router, s = T(), u = te("menu"), i = te("sub-menu"), c = T(-1), f = T(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), d = T(e.defaultActive), p = T({}), h = T({}), g = E(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), $ = () => {
       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];
+        const X = h.value[B];
         X && S(B, X.indexPath);
       });
     }, S = (x, I) => {
@@ -1580,7 +1616,7 @@ var fa = D({
     }, Z = (x) => {
       (e.mode === "horizontal" || e.collapse) && (f.value = []);
       const { index: I, indexPath: B } = x;
-      if (!(Fe(I) || Fe(B)))
+      if (!(De(I) || De(B)))
         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);
@@ -1594,14 +1630,14 @@ var fa = D({
       return x.offsetWidth + B + X || 0;
     }, j = () => {
       var x, I;
-      if (!l.value)
+      if (!s.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;
+      const B = Array.from((I = (x = s.value) == null ? void 0 : x.childNodes) != null ? I : []).filter((H) => H.nodeName !== "#comment" && (H.nodeName !== "#text" || H.nodeValue)), X = 64, U = getComputedStyle(s.value), y = Number.parseInt(U.paddingLeft, 10), v = Number.parseInt(U.paddingRight, 10), A = s.value.clientWidth - y - v;
       let F = 0, q = 0;
-      return B.forEach((z, G) => {
-        F += O(z), F <= A - X && (q = G + 1);
+      return B.forEach((H, G) => {
+        F += O(H), F <= A - X && (q = G + 1);
       }), q === B.length ? -1 : q;
-    }, P = (x) => v.value[x].indexPath, W = (x, I = 33.34) => {
+    }, P = (x) => h.value[x].indexPath, W = (x, I = 33.34) => {
       let B;
       return () => {
         B && clearTimeout(B), B = setTimeout(() => {
@@ -1614,7 +1650,7 @@ var fa = D({
       if (c.value === j())
         return;
       const x = () => {
-        c.value = -1, Me(() => {
+        c.value = -1, Ce(() => {
           c.value = j();
         });
       };
@@ -1624,23 +1660,23 @@ var fa = D({
       p.value[x] || (d.value = ""), Y(x);
     }), ee(() => e.collapse, (x) => {
       x && (f.value = []);
-    }), ee(p.value, k);
+    }), ee(p.value, $);
     let de;
     kt(() => {
-      e.mode === "horizontal" && e.ellipsis ? de = In(l, ce).stop : de == null || de();
+      e.mode === "horizontal" && e.ellipsis ? de = In(s, ce).stop : de == null || de();
     });
-    const be = T(!1);
+    const ke = T(!1);
     {
       const x = (U) => {
-        v.value[U.index] = U;
+        h.value[U.index] = U;
       }, I = (U) => {
-        delete v.value[U.index];
+        delete h.value[U.index];
       };
       We("rootMenu", st({
         props: e,
         openedMenus: f,
         items: p,
-        subMenus: v,
+        subMenus: h,
         activeIndex: d,
         isMenuPopup: g,
         addMenuItem: (U) => {
@@ -1655,18 +1691,18 @@ var fa = D({
         closeMenu: N,
         handleMenuItemClick: Z,
         handleSubMenuClick: b
-      })), We(`subMenu:${s.uid}`, {
+      })), We(`subMenu:${l.uid}`, {
         addSubMenu: x,
         removeSubMenu: I,
-        mouseInChild: be,
+        mouseInChild: ke,
         level: 0
       });
     }
     return pe(() => {
-      e.mode === "horizontal" && new aa(s.vnode.el, u.namespace.value);
+      e.mode === "horizontal" && new ia(l.vnode.el, u.namespace.value);
     }), o({
       open: (I) => {
-        const { indexPath: B } = v.value[I];
+        const { indexPath: B } = h.value[I];
         B.forEach((X) => S(X, B));
       },
       close: R,
@@ -1675,17 +1711,17 @@ var fa = D({
       var x, I;
       let B = (I = (x = t.default) == null ? void 0 : x.call(t)) != null ? I : [];
       const X = [];
-      if (e.mode === "horizontal" && l.value) {
+      if (e.mode === "horizontal" && s.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, {
+        q != null && q.length && e.ellipsis && (B = F, X.push(ne(Mt, {
           index: "sub-menu-more",
           class: i.e("hide-arrow"),
           popperOffset: e.popperOffset
         }, {
-          title: () => te(we, {
+          title: () => ne(Se, {
             class: i.e("icon-more")
           }, {
-            default: () => te(e.ellipsisIcon)
+            default: () => ne(e.ellipsisIcon)
           }),
           default: () => q
         })));
@@ -1694,13 +1730,13 @@ var fa = D({
         [
           Ht,
           () => {
-            f.value.length && (be.value || (f.value.forEach((A) => n("close", A, P(A))), f.value = []));
+            f.value.length && (ke.value || (f.value.forEach((A) => n("close", A, P(A))), f.value = []));
           }
         ]
-      ] : [], h = $e(te("ul", {
+      ] : [], v = Me(ne("ul", {
         key: String(e.collapse),
         role: "menubar",
-        ref: l,
+        ref: s,
         style: U.value,
         class: {
           [u.b()]: !0,
@@ -1708,33 +1744,33 @@ var fa = D({
           [u.m("collapse")]: e.collapse
         }
       }, [...B, ...X]), y);
-      return e.collapseTransition && e.mode === "vertical" ? te(ra, () => h) : h;
+      return e.collapseTransition && e.mode === "vertical" ? ne(da, () => v) : v;
     };
   }
 });
-const ma = ke({
+const _a = ge({
   index: {
-    type: Ve([String, null]),
+    type: we([String, null]),
     default: null
   },
   route: {
-    type: Ve([String, Object])
+    type: we([String, Object])
   },
   disabled: Boolean
-}), pa = {
-  click: (e) => ve(e.index) && Array.isArray(e.indexPath)
-}, ht = "ElMenuItem", ha = D({
-  name: ht,
+}), ga = {
+  click: (e) => he(e.index) && Array.isArray(e.indexPath)
+}, vt = "ElMenuItem", ba = D({
+  name: vt,
   components: {
-    ElTooltip: Ue
+    ElTooltip: je
   },
-  props: ma,
-  emits: pa,
+  props: _a,
+  emits: ga,
   setup(e, { emit: n }) {
-    const t = ge(), o = Le("rootMenu"), s = ne("menu"), a = ne("menu-item");
-    o || tt(ht, "can not inject root menu");
-    const { parentMenu: l, indexPath: u } = Qt(t, Un(e, "index")), i = Le(`subMenu:${l.value.uid}`);
-    i || tt(ht, "can not inject sub menu");
+    const t = ye(), o = Le("rootMenu"), l = te("menu"), a = te("menu-item");
+    o || nt(vt, "can not inject root menu");
+    const { parentMenu: s, indexPath: u } = Qt(t, Un(e, "index")), i = Le(`subMenu:${s.value.uid}`);
+    i || nt(vt, "can not inject sub menu");
     const c = E(() => e.index === o.activeIndex), f = st({
       index: e.index,
       indexPath: u,
@@ -1751,18 +1787,18 @@ const ma = ke({
     }), Gt(() => {
       i.removeSubMenu(f), o.removeMenuItem(f);
     }), {
-      parentMenu: l,
+      parentMenu: s,
       rootMenu: o,
       active: c,
-      nsMenu: s,
+      nsMenu: l,
       nsMenuItem: a,
       handleClick: d
     };
   }
 });
-function va(e, n, t, o, s, a) {
-  const l = Oe("el-tooltip");
-  return m(), M("li", {
+function ya(e, n, t, o, l, a) {
+  const s = Oe("el-tooltip");
+  return m(), k("li", {
     class: w([
       e.nsMenuItem.b(),
       e.nsMenuItem.is("active", e.active),
@@ -1772,91 +1808,91 @@ 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(), L(s, {
       key: 0,
       effect: e.rootMenu.props.popperEffect,
       placement: "right",
       "fallback-placements": ["left"],
       persistent: ""
     }, {
-      content: $(() => [
-        ae(e.$slots, "title")
+      content: M(() => [
+        oe(e.$slots, "title")
       ]),
-      default: $(() => [
+      default: M(() => [
         C("div", {
           class: w(e.nsMenu.be("tooltip", "trigger"))
         }, [
-          ae(e.$slots, "default")
+          oe(e.$slots, "default")
         ], 2)
       ]),
       _: 3
-    }, 8, ["effect"])) : (m(), M(oe, { key: 1 }, [
-      ae(e.$slots, "default"),
-      ae(e.$slots, "title")
+    }, 8, ["effect"])) : (m(), k(ae, { key: 1 }, [
+      oe(e.$slots, "default"),
+      oe(e.$slots, "title")
     ], 64))
   ], 2);
 }
-var tn = /* @__PURE__ */ ue(ha, [["render", va], ["__file", "menu-item.vue"]]);
-const _a = {
+var tn = /* @__PURE__ */ ue(ba, [["render", ya], ["__file", "menu-item.vue"]]);
+const ka = {
   title: String
-}, ga = "ElMenuItemGroup", ba = D({
-  name: ga,
-  props: _a,
+}, $a = "ElMenuItemGroup", Ca = D({
+  name: $a,
+  props: ka,
   setup() {
     return {
-      ns: ne("menu-item-group")
+      ns: te("menu-item-group")
     };
   }
 });
-function ya(e, n, t, o, s, a) {
-  return m(), M("li", {
+function Ma(e, n, t, o, l, a) {
+  return m(), k("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 }, [
+      e.$slots.title ? oe(e.$slots, "title", { key: 1 }) : (m(), k(ae, { key: 0 }, [
         Q(K(e.title), 1)
       ], 64))
     ], 2),
     C("ul", null, [
-      ae(e.$slots, "default")
+      oe(e.$slots, "default")
     ])
   ], 2);
 }
-var nn = /* @__PURE__ */ ue(ba, [["render", ya], ["__file", "menu-item-group.vue"]]);
-const on = ot(fa, {
+var nn = /* @__PURE__ */ ue(Ca, [["render", Ma], ["__file", "menu-item-group.vue"]]);
+const on = Ue(ha, {
   MenuItem: tn,
   MenuItemGroup: nn,
-  SubMenu: $t
+  SubMenu: Mt
 }), an = at(tn);
 at(nn);
-const ka = at($t), Ca = /* @__PURE__ */ D({
+const wa = at(Mt), Sa = /* @__PURE__ */ D({
   __name: "index",
   setup(e) {
-    const n = _e(), t = T([
+    const n = be(), t = T([
       { label: "默认", value: "default" },
       { label: "大型", value: "large" },
       { label: "小型", value: "small" }
     ]);
-    function o(s) {
-      n.changeSize(s), Nn.success("切换布局大小成功");
+    function o(l) {
+      n.changeSize(l), Nn.success("切换布局大小成功");
     }
-    return (s, a) => {
-      const l = Ne, u = Kt, i = Ut, c = jt;
+    return (l, a) => {
+      const s = Ne, u = Kt, i = Ut, c = jt;
       return m(), L(c, {
         trigger: "click",
         onCommand: o
       }, {
-        dropdown: $(() => [
+        dropdown: M(() => [
           _(i, null, {
-            default: $(() => [
-              (m(!0), M(oe, null, xe(r(t), (f) => (m(), L(u, {
+            default: M(() => [
+              (m(!0), k(ae, null, Ee(r(t), (f) => (m(), L(u, {
                 key: f.value,
                 disabled: r(n).size == f.value,
                 command: f.value
               }, {
-                default: $(() => [
+                default: M(() => [
                   Q(K(f.label), 1)
                 ]),
                 _: 2
@@ -1865,23 +1901,23 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
             _: 1
           })
         ]),
-        default: $(() => [
+        default: M(() => [
           C("div", null, [
-            _(l, { "icon-class": "size" })
+            _(s, { "icon-class": "size" })
           ])
         ]),
         _: 1
       });
     };
   }
-}), Ma = { class: "flex" }, $a = { class: "flex-center h100% p10px" }, wa = ["src"], Sa = /* @__PURE__ */ D({
+}), xa = { class: "flex" }, Ea = { class: "flex-center h100% p10px" }, Ta = ["src"], Ia = /* @__PURE__ */ D({
   __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 = be(), t = bt(), o = On(), l = xe(), a = Ge(), s = $t(), u = E(() => n.device === Qe.MOBILE), i = T(!1), c = T(!1), { isFullscreen: f, toggle: d } = Bn();
     function p() {
       c.value = !0;
     }
-    function v() {
+    function h() {
       no.confirm("确定注销并退出系统吗？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -1891,17 +1927,17 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
         o.logout().then(() => {
           t.delAllViews();
         }).then(() => {
-          l.push(`/login?redirect=${a.fullPath}`);
+          s.push(`/login?redirect=${a.fullPath}`);
         });
       });
     }
-    function g(k) {
-      i.value = k;
+    function g($) {
+      i.value = $;
     }
-    return (k, S) => {
-      const R = Ne, N = Ca, b = Ue, Z = Wn, Y = Kt, O = Oe("router-link"), j = Ut, P = jt;
-      return m(), M("div", Ma, [
-        r(u) ? H("", !0) : (m(), M(oe, { key: 0 }, [
+    return ($, S) => {
+      const R = Ne, N = Sa, b = je, Z = Wn, Y = Kt, O = Oe("router-link"), j = Ut, P = jt;
+      return m(), k("div", xa, [
+        r(u) ? z("", !0) : (m(), k(ae, { key: 0 }, [
           C("div", {
             class: "setting-item",
             onClick: S[0] || (S[0] = //@ts-ignore
@@ -1912,11 +1948,11 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
             }, null, 8, ["icon-class"])
           ]),
           _(b, {
-            content: k.$t("sizeSelect.tooltip"),
+            content: $.$t("sizeSelect.tooltip"),
             effect: "dark",
             placement: "bottom"
           }, {
-            default: $(() => [
+            default: M(() => [
               _(N, { class: "setting-item" })
             ]),
             _: 1
@@ -1927,14 +1963,14 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
           class: "setting-item",
           trigger: "click"
         }, {
-          dropdown: $(() => [
+          dropdown: M(() => [
             _(j, null, {
-              default: $(() => [
+              default: M(() => [
                 _(O, { to: "/" }, {
-                  default: $(() => [
+                  default: M(() => [
                     _(Y, null, {
-                      default: $(() => [
-                        Q(K(k.$t("navbar.Dashboard")), 1)
+                      default: M(() => [
+                        Q(K($.$t("navbar.Dashboard")), 1)
                       ]),
                       _: 1
                     })
@@ -1942,10 +1978,10 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
                   _: 1
                 }),
                 _(Y, null, {
-                  default: $(() => [
+                  default: M(() => [
                     _(O, { to: "/my/profile" }, {
-                      default: $(() => [
-                        Q(K(k.$t("navbar.profile")), 1)
+                      default: M(() => [
+                        Q(K($.$t("navbar.profile")), 1)
                       ]),
                       _: 1
                     })
@@ -1955,23 +1991,23 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
                 _(Y, {
                   onClick: S[1] || (S[1] = (W) => i.value = !0)
                 }, {
-                  default: $(() => [
-                    Q(K(k.$t("navbar.changePwd")), 1)
+                  default: M(() => [
+                    Q(K($.$t("navbar.changePwd")), 1)
                   ]),
                   _: 1
                 }),
                 _(Y, { onClick: p }, {
-                  default: $(() => [
-                    Q(K(k.$t("navbar.runAs")), 1)
+                  default: M(() => [
+                    Q(K($.$t("navbar.runAs")), 1)
                   ]),
                   _: 1
                 }),
                 _(Y, {
                   divided: "",
-                  onClick: v
+                  onClick: h
                 }, {
-                  default: $(() => [
-                    Q(K(k.$t("navbar.logout")), 1)
+                  default: M(() => [
+                    Q(K($.$t("navbar.logout")), 1)
                   ]),
                   _: 1
                 })
@@ -1979,39 +2015,39 @@ const ka = at($t), Ca = /* @__PURE__ */ D({
               _: 1
             })
           ]),
-          default: $(() => [
-            C("div", $a, [
+          default: M(() => [
+            C("div", Ea, [
               C("img", {
                 src: r(o).user.avatar,
                 class: "rounded-full mr-10px w24px w24px"
-              }, null, 8, wa),
+              }, null, 8, Ta),
               C("span", null, K(r(o).user.nickName), 1)
             ])
           ]),
           _: 1
         }),
-        r(ze).showSettings ? (m(), M("div", {
+        r(ze).showSettings ? (m(), k("div", {
           key: 1,
           class: "setting-item",
-          onClick: S[2] || (S[2] = (W) => r(s).settingsVisible = !0)
+          onClick: S[2] || (S[2] = (W) => r(l).settingsVisible = !0)
         }, [
           _(R, { "icon-class": "setting" })
-        ])) : H("", !0),
+        ])) : z("", !0),
         r(i) ? (m(), L(eo, {
           key: 2,
           "pwd-visible": r(i),
           onDialogActionChange: g
-        }, null, 8, ["pwd-visible"])) : H("", !0),
+        }, null, 8, ["pwd-visible"])) : z("", !0),
         r(c) ? (m(), L(to, {
           key: 3,
           modelValue: r(c),
-          "onUpdate:modelValue": S[3] || (S[3] = (W) => nt(c) ? c.value = W : null)
-        }, null, 8, ["modelValue"])) : H("", !0)
+          "onUpdate:modelValue": S[3] || (S[3] = (W) => ot(c) ? c.value = W : null)
+        }, null, 8, ["modelValue"])) : z("", !0)
       ]);
     };
   }
-}), ln = /* @__PURE__ */ ie(Sa, [["__scopeId", "data-v-6a566e2e"]]);
-function xa(e) {
+}), ln = /* @__PURE__ */ ie(Ia, [["__scopeId", "data-v-6a566e2e"]]);
+function Aa(e) {
   for (var n = [], t = 0; t < e.length; ) {
     var o = e[t];
     if (o === "*" || o === "+" || o === "?") {
@@ -2031,23 +2067,23 @@ function xa(e) {
       continue;
     }
     if (o === ":") {
-      for (var s = "", a = t + 1; a < e.length; ) {
-        var l = e.charCodeAt(a);
+      for (var l = "", a = t + 1; a < e.length; ) {
+        var s = e.charCodeAt(a);
         if (
           // `0-9`
-          l >= 48 && l <= 57 || // `A-Z`
-          l >= 65 && l <= 90 || // `a-z`
-          l >= 97 && l <= 122 || // `_`
-          l === 95
+          s >= 48 && s <= 57 || // `A-Z`
+          s >= 65 && s <= 90 || // `a-z`
+          s >= 97 && s <= 122 || // `_`
+          s === 95
         ) {
-          s += e[a++];
+          l += e[a++];
           continue;
         }
         break;
       }
-      if (!s)
+      if (!l)
         throw new TypeError("Missing parameter name at ".concat(t));
-      n.push({ type: "NAME", index: t, value: s }), t = a;
+      n.push({ type: "NAME", index: t, value: l }), t = a;
       continue;
     }
     if (o === "(") {
@@ -2079,9 +2115,9 @@ function xa(e) {
   }
   return n.push({ type: "END", index: t, value: "" }), n;
 }
-function Ea(e, n) {
+function Pa(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) {
+  for (var t = Aa(e), o = n.prefixes, l = o === void 0 ? "./" : o, a = "[^".concat(Na(n.delimiter || "/#?"), "]+?"), s = [], u = 0, i = 0, c = "", f = function(O) {
     if (i < t.length && t[i].type === O)
       return t[i++].value;
   }, d = function(O) {
@@ -2095,28 +2131,28 @@ function Ea(e, n) {
       O += j;
     return O;
   }; i < t.length; ) {
-    var v = f("CHAR"), g = f("NAME"), k = f("PATTERN");
-    if (g || k) {
-      var S = v || "";
-      s.indexOf(S) === -1 && (c += S, S = ""), c && (l.push(c), c = ""), l.push({
+    var h = f("CHAR"), g = f("NAME"), $ = f("PATTERN");
+    if (g || $) {
+      var S = h || "";
+      l.indexOf(S) === -1 && (c += S, S = ""), c && (s.push(c), c = ""), s.push({
         name: g || u++,
         prefix: S,
         suffix: "",
-        pattern: k || a,
+        pattern: $ || a,
         modifier: f("MODIFIER") || ""
       });
       continue;
     }
-    var R = v || f("ESCAPED_CHAR");
+    var R = h || f("ESCAPED_CHAR");
     if (R) {
       c += R;
       continue;
     }
-    c && (l.push(c), c = "");
+    c && (s.push(c), c = "");
     var N = f("OPEN");
     if (N) {
       var S = p(), b = f("NAME") || "", Z = f("PATTERN") || "", Y = p();
-      d("CLOSE"), l.push({
+      d("CLOSE"), s.push({
         name: b || (Z ? u++ : ""),
         pattern: b && !Z ? a : Z,
         prefix: S,
@@ -2127,16 +2163,16 @@ function Ea(e, n) {
     }
     d("END");
   }
-  return l;
+  return s;
 }
-function Ta(e, n) {
-  return Ia(Ea(e, n), n);
+function Va(e, n) {
+  return La(Pa(e, n), n);
 }
-function Ia(e, n) {
+function La(e, n) {
   n === void 0 && (n = {});
-  var t = Pa(n), o = n.encode, s = o === void 0 ? function(i) {
+  var t = Oa(n), o = n.encode, l = o === void 0 ? function(i) {
     return i;
-  } : o, a = n.validate, l = a === void 0 ? !0 : a, u = e.map(function(i) {
+  } : o, a = n.validate, s = a === void 0 ? !0 : a, u = e.map(function(i) {
     if (typeof i == "object")
       return new RegExp("^(?:".concat(i.pattern, ")$"), t);
   });
@@ -2147,31 +2183,31 @@ function Ia(e, n) {
         c += d;
         continue;
       }
-      var p = i ? i[d.name] : void 0, v = d.modifier === "?" || d.modifier === "*", g = d.modifier === "*" || d.modifier === "+";
+      var p = i ? i[d.name] : void 0, h = d.modifier === "?" || d.modifier === "*", g = d.modifier === "*" || d.modifier === "+";
       if (Array.isArray(p)) {
         if (!g)
           throw new TypeError('Expected "'.concat(d.name, '" to not repeat, but got an array'));
         if (p.length === 0) {
-          if (v)
+          if (h)
             continue;
           throw new TypeError('Expected "'.concat(d.name, '" to not be empty'));
         }
-        for (var k = 0; k < p.length; k++) {
-          var S = s(p[k], d);
-          if (l && !u[f].test(S))
+        for (var $ = 0; $ < p.length; $++) {
+          var S = l(p[$], d);
+          if (s && !u[f].test(S))
             throw new TypeError('Expected all "'.concat(d.name, '" to match "').concat(d.pattern, '", but got "').concat(S, '"'));
           c += d.prefix + S + d.suffix;
         }
         continue;
       }
       if (typeof p == "string" || typeof p == "number") {
-        var S = s(String(p), d);
-        if (l && !u[f].test(S))
+        var S = l(String(p), d);
+        if (s && !u[f].test(S))
           throw new TypeError('Expected "'.concat(d.name, '" to match "').concat(d.pattern, '", but got "').concat(S, '"'));
         c += d.prefix + S + d.suffix;
         continue;
       }
-      if (!v) {
+      if (!h) {
         var R = g ? "an array" : "a string";
         throw new TypeError('Expected "'.concat(d.name, '" to be ').concat(R));
       }
@@ -2179,34 +2215,34 @@ function Ia(e, n) {
     return c;
   };
 }
-function Aa(e) {
+function Na(e) {
   return e.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
 }
-function Pa(e) {
+function Oa(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 Ba(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 Ra = {
   key: 0,
   class: "color-gray-400"
-}, Na = ["onClick"], Oa = /* @__PURE__ */ D({
+}, Da = ["onClick"], Fa = /* @__PURE__ */ D({
   __name: "index",
   setup(e) {
-    const n = Xe(), t = (u) => {
+    const n = Ge(), t = (u) => {
       const { params: i } = n;
-      return Ta(u)(i);
+      return Va(u)(i);
     }, o = T([]);
-    function s() {
+    function l() {
       let u = n.matched.filter(
         (c) => c.meta && c.meta.title
       );
@@ -2219,7 +2255,7 @@ const La = {
       const i = u && u.name;
       return i ? i.toString().trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase() : !1;
     }
-    function l(u) {
+    function s(u) {
       const { redirect: i, path: c } = u;
       if (i) {
         Vt.value.push(i).catch((f) => {
@@ -2234,24 +2270,24 @@ const La = {
     return ee(
       () => n.path,
       (u) => {
-        u.startsWith("/redirect/") || s();
+        u.startsWith("/redirect/") || l();
       }
     ), jn(() => {
-      s();
+      l();
     }), (u, i) => {
-      const c = ho, f = po;
+      const c = po, f = mo;
       return m(), L(f, { class: "flex-y-center" }, {
-        default: $(() => [
+        default: M(() => [
           _(Xn, { "enter-active-class": "animate__animated animate__fadeInRight" }, {
-            default: $(() => [
-              (m(!0), M(oe, null, xe(r(o), (d, p) => (m(), L(c, {
+            default: M(() => [
+              (m(!0), k(ae, null, Ee(r(o), (d, p) => (m(), L(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", {
+                default: M(() => [
+                  d.redirect === "noredirect" || p === r(o).length - 1 ? (m(), k("span", Ra, K(r(gt)(d)), 1)) : (m(), k("a", {
                     key: 1,
-                    onClick: Te((v) => l(d), ["prevent"])
-                  }, K(r(gt)(d)), 9, Na))
+                    onClick: Ie((h) => s(d), ["prevent"])
+                  }, K(r(gt)(d)), 9, Da))
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -2263,7 +2299,7 @@ const La = {
       });
     };
   }
-}), Ba = /* @__PURE__ */ ie(Oa, [["__scopeId", "data-v-6109c28e"]]), Ra = /* @__PURE__ */ D({
+}), za = /* @__PURE__ */ ie(Fa, [["__scopeId", "data-v-6109c28e"]]), Ha = /* @__PURE__ */ D({
   __name: "index",
   props: {
     isActive: {
@@ -2278,57 +2314,57 @@ const La = {
     function o() {
       t("toggleClick");
     }
-    return (s, a) => {
-      const l = Ne;
-      return m(), M("div", {
+    return (l, a) => {
+      const s = Ne;
+      return m(), k("div", {
         class: "px-[15px] flex items-center justify-center color-[var(--el-text-color-regular)]",
         onClick: o
       }, [
-        _(l, {
+        _(s, {
           class: w(["hamburger", { "is-active": e.isActive }]),
           "icon-class": "indent-decrease"
         }, null, 8, ["class"])
       ]);
     };
   }
-}), sn = /* @__PURE__ */ ie(Ra, [["__scopeId", "data-v-42e37629"]]), Fa = { class: "flex" }, Da = /* @__PURE__ */ D({
+}), sn = /* @__PURE__ */ ie(Ha, [["__scopeId", "data-v-42e37629"]]), Wa = { class: "flex" }, qa = /* @__PURE__ */ D({
   __name: "NavbarLeft",
   setup(e) {
-    const n = _e();
+    const n = be();
     function t() {
       n.toggleSidebar();
     }
-    return (o, s) => {
-      const a = sn, l = Ba;
-      return m(), M("div", Fa, [
+    return (o, l) => {
+      const a = sn, s = za;
+      return m(), k("div", Wa, [
         _(a, {
           "is-active": r(n).sidebar.opened,
           onToggleClick: t
         }, null, 8, ["is-active"]),
-        _(l)
+        _(s)
       ]);
     };
   }
-}), za = {}, Ha = { class: "navbar-container" };
-function Wa(e, n) {
-  const t = Da, o = ln;
-  return m(), M("div", Ha, [
+}), Ka = {}, Ua = { class: "navbar-container" };
+function ja(e, n) {
+  const t = qa, o = ln;
+  return m(), k("div", Ua, [
     _(t),
     _(o)
   ]);
 }
-const qa = /* @__PURE__ */ ie(za, [["render", Wa], ["__scopeId", "data-v-b1624593"]]);
-var he = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.TOP = "top", e.MIX = "mix", e))(he || {});
-const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), 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 Xa = /* @__PURE__ */ ie(Ka, [["render", ja], ["__scopeId", "data-v-b1624593"]]);
+var ve = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.TOP = "top", e.MIX = "mix", e))(ve || {});
+const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Ga = { class: "flex flex-wrap justify-around w-full h-12" }, Ya = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Za = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Ja = [
+  Ya,
+  Za
+], Qa = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), el = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), tl = [
+  Qa,
+  el
+], nl = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), ol = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), al = [
+  nl,
+  ol
+], ll = /* @__PURE__ */ D({
   __name: "LayoutSelect",
   props: {
     modelValue: String
@@ -2336,59 +2372,59 @@ const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Ka = { class: "flex
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = n;
-    function o(s) {
-      t("update:modelValue", s);
+    function o(l) {
+      t("update:modelValue", l);
     }
-    return (s, a) => {
-      const l = Ue;
-      return m(), M("div", Ka, [
-        _(l, {
+    return (l, a) => {
+      const s = je;
+      return m(), k("div", Ga, [
+        _(s, {
           content: "左侧模式",
           placement: "bottom"
         }, {
-          default: $(() => [
+          default: M(() => [
             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)
+              class: w(["layout-item left", { "is-active": e.modelValue === r(ve).LEFT }]),
+              onClick: a[0] || (a[0] = (u) => o(r(ve).LEFT))
+            }, Ja, 2)
           ]),
           _: 1
         }),
-        _(l, {
+        _(s, {
           content: "顶部模式",
           placement: "bottom"
         }, {
-          default: $(() => [
+          default: M(() => [
             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)
+              class: w(["layout-item top", { "is-active": e.modelValue === r(ve).TOP }]),
+              onClick: a[1] || (a[1] = (u) => o(r(ve).TOP))
+            }, tl, 2)
           ]),
           _: 1
         }),
-        _(l, {
+        _(s, {
           content: "混合模式",
           placement: "bottom"
         }, {
-          default: $(() => [
+          default: M(() => [
             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)
+              class: w(["layout-item mix", { "is-active": e.modelValue === r(ve).MIX }]),
+              onClick: a[2] || (a[2] = (u) => o(r(ve).MIX))
+            }, al, 2)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), nl = /* @__PURE__ */ ie(tl, [["__scopeId", "data-v-2bdf1403"]]), ol = /* @__PURE__ */ D({
+}), sl = /* @__PURE__ */ ie(ll, [["__scopeId", "data-v-2bdf1403"]]), rl = /* @__PURE__ */ D({
   __name: "ThemeColorPicker",
   props: {
     modelValue: String
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, o = n, s = [
+    const t = e, o = n, l = [
       "#409EFF",
       "#ff4500",
       "#ff8c00",
@@ -2400,22 +2436,22 @@ const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Ka = { class: "flex
       "rgb(255, 120, 0)",
       "hsva(120, 40, 94)"
     ], a = T(t.modelValue);
-    return ee(a, (l) => {
-      o("update:modelValue", l);
-    }), (l, u) => {
-      const i = Ko;
+    return ee(a, (s) => {
+      o("update:modelValue", s);
+    }), (s, u) => {
+      const i = qo;
       return m(), L(i, {
         modelValue: r(a),
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => nt(a) ? a.value = c : null),
-        predefine: s,
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => ot(a) ? a.value = c : null),
+        predefine: l,
         "popper-class": "theme-picker-dropdown"
       }, 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({
+}), il = /* @__PURE__ */ ie(rl, [["__scopeId", "data-v-92c1fd79"]]), ul = { class: "flex-center" }, cl = { class: "settings-option" }, dl = { class: "text-xs" }, fl = { class: "settings-option" }, ml = { class: "text-xs" }, pl = { class: "settings-option" }, vl = { class: "text-xs" }, hl = { class: "settings-option" }, _l = { class: "text-xs" }, gl = { class: "settings-option" }, bl = { class: "text-xs" }, yl = /* @__PURE__ */ D({
   __name: "index",
   setup(e) {
-    const n = Xe(), t = _e(), o = Se(), s = je(), a = E({
+    const n = Ge(), t = be(), o = xe(), l = Xe(), a = E({
       get() {
         return o.settingsVisible;
       },
@@ -2423,29 +2459,29 @@ const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Ka = { class: "flex
         o.settingsVisible = !1;
       }
     });
-    function l(p) {
+    function s(p) {
       o.changeThemeColor(p);
     }
     const u = T(o.theme === ct.DARK), i = (p) => {
       u.value = p, o.changeTheme(u.value ? ct.DARK : ct.LIGHT);
     };
     function c(p) {
-      o.changeLayout(p), p === he.MIX ? n.name && f(n.name) : p === he.TOP && t.openSideBar();
+      o.changeLayout(p), p === ve.MIX ? n.name && f(n.name) : p === ve.TOP && t.openSideBar();
     }
     function f(p) {
-      const v = d(s.routes, p);
-      t.activeTopMenu !== v.path && t.activeTopMenu(v.path);
+      const h = d(l.routes, p);
+      t.activeTopMenu !== h.path && t.activeTopMenu(h.path);
     }
-    function d(p, v) {
+    function d(p, h) {
       let g = {};
-      function k(R, N) {
+      function $(R, N) {
         if (g[R.name] = N, R.children)
           for (let b = 0; b < R.children.length; b++)
-            k(R.children[b], R);
+            $(R.children[b], R);
       }
       for (let R = 0; R < p.length; R++)
-        k(p[R], null);
-      let S = g[v];
+        $(p[R], null);
+      let S = g[h];
       for (; S; ) {
         if (!g[S.name])
           return S;
@@ -2453,76 +2489,76 @@ const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Ka = { class: "flex
       }
       return null;
     }
-    return (p, v) => {
-      const g = oo, k = Dn, S = al, R = nl, N = ta;
+    return (p, h) => {
+      const g = Go, $ = Fn, S = il, R = sl, N = la;
       return m(), L(N, {
         modelValue: r(a),
-        "onUpdate:modelValue": v[7] || (v[7] = (b) => nt(a) ? a.value = b : null),
+        "onUpdate:modelValue": h[7] || (h[7] = (b) => ot(a) ? a.value = b : null),
         size: "300",
         title: p.$t("settings.project")
       }, {
-        default: $(() => [
+        default: M(() => [
           _(g, null, {
-            default: $(() => [
+            default: M(() => [
               Q(K(p.$t("settings.theme")), 1)
             ]),
             _: 1
           }),
-          C("div", ll, [
-            _(k, {
+          C("div", ul, [
+            _($, {
               modelValue: r(u),
-              "onUpdate:modelValue": v[0] || (v[0] = (b) => nt(u) ? u.value = b : null),
+              "onUpdate:modelValue": h[0] || (h[0] = (b) => ot(u) ? u.value = b : null),
               "active-icon": r(Rn),
-              "inactive-icon": r(Fn),
+              "inactive-icon": r(Dn),
               onChange: i
             }, null, 8, ["modelValue", "active-icon", "inactive-icon"])
           ]),
           _(g, null, {
-            default: $(() => [
+            default: M(() => [
               Q(K(p.$t("settings.interface")), 1)
             ]),
             _: 1
           }),
-          C("div", sl, [
-            C("span", rl, K(p.$t("settings.themeColor")), 1),
+          C("div", cl, [
+            C("span", dl, K(p.$t("settings.themeColor")), 1),
             _(S, {
               modelValue: r(o).themeColor,
               "onUpdate:modelValue": [
-                v[1] || (v[1] = (b) => r(o).themeColor = b),
-                l
+                h[1] || (h[1] = (b) => r(o).themeColor = b),
+                s
               ]
             }, null, 8, ["modelValue"])
           ]),
-          C("div", il, [
-            C("span", ul, K(p.$t("settings.tagsView")), 1),
-            _(k, {
+          C("div", fl, [
+            C("span", ml, K(p.$t("settings.tagsView")), 1),
+            _($, {
               modelValue: r(o).tagsView,
-              "onUpdate:modelValue": v[2] || (v[2] = (b) => r(o).tagsView = b)
+              "onUpdate:modelValue": h[2] || (h[2] = (b) => r(o).tagsView = b)
             }, null, 8, ["modelValue"])
           ]),
-          C("div", cl, [
-            C("span", dl, K(p.$t("settings.fixedHeader")), 1),
-            _(k, {
+          C("div", pl, [
+            C("span", vl, K(p.$t("settings.fixedHeader")), 1),
+            _($, {
               modelValue: r(o).fixedHeader,
-              "onUpdate:modelValue": v[3] || (v[3] = (b) => r(o).fixedHeader = b)
+              "onUpdate:modelValue": h[3] || (h[3] = (b) => r(o).fixedHeader = b)
             }, null, 8, ["modelValue"])
           ]),
-          C("div", fl, [
-            C("span", ml, K(p.$t("settings.sidebarLogo")), 1),
-            _(k, {
+          C("div", hl, [
+            C("span", _l, K(p.$t("settings.sidebarLogo")), 1),
+            _($, {
               modelValue: r(o).sidebarLogo,
-              "onUpdate:modelValue": v[4] || (v[4] = (b) => r(o).sidebarLogo = b)
+              "onUpdate:modelValue": h[4] || (h[4] = (b) => r(o).sidebarLogo = b)
             }, null, 8, ["modelValue"])
           ]),
-          C("div", pl, [
-            C("span", hl, K(p.$t("settings.watermark")), 1),
-            _(k, {
+          C("div", gl, [
+            C("span", bl, K(p.$t("settings.watermark")), 1),
+            _($, {
               modelValue: r(o).watermarkEnabled,
-              "onUpdate:modelValue": v[5] || (v[5] = (b) => r(o).watermarkEnabled = b)
+              "onUpdate:modelValue": h[5] || (h[5] = (b) => r(o).watermarkEnabled = b)
             }, null, 8, ["modelValue"])
           ]),
           _(g, null, {
-            default: $(() => [
+            default: M(() => [
               Q(K(p.$t("settings.navigation")), 1)
             ]),
             _: 1
@@ -2530,7 +2566,7 @@ const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Ka = { class: "flex
           _(R, {
             modelValue: r(o).layout,
             "onUpdate:modelValue": [
-              v[6] || (v[6] = (b) => r(o).layout = b),
+              h[6] || (h[6] = (b) => r(o).layout = b),
               c
             ]
           }, null, 8, ["modelValue"])
@@ -2539,23 +2575,23 @@ const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Ka = { class: "flex
       }, 8, ["modelValue", "title"]);
     };
   }
-}), _l = /* @__PURE__ */ ie(vl, [["__scopeId", "data-v-70f5bf10"]]), gl = { class: "app-main" }, bl = /* @__PURE__ */ D({
+}), kl = /* @__PURE__ */ ie(yl, [["__scopeId", "data-v-70f5bf10"]]), $l = { class: "app-main" }, Cl = /* @__PURE__ */ D({
   __name: "index",
   setup(e) {
     const n = E(() => bt().cachedViews);
     return (t, o) => {
-      const s = Oe("router-view");
-      return m(), M("section", gl, [
-        _(s, null, {
-          default: $(({ Component: a, route: l }) => [
+      const l = Oe("router-view");
+      return m(), k("section", $l, [
+        _(l, null, {
+          default: M(({ Component: a, route: s }) => [
             _(rt, {
               "enter-active-class": "animate__animated animate__fadeIn",
               mode: "out-in"
             }, {
-              default: $(() => [
+              default: M(() => [
                 (m(), L(Zn, { include: r(n) }, [
                   (m(), L(lt(a), {
-                    key: l.path
+                    key: s.path
                   }))
                 ], 1032, ["include"]))
               ]),
@@ -2567,75 +2603,75 @@ const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Ka = { class: "flex
       ]);
     };
   }
-}), yl = /* @__PURE__ */ ie(bl, [["__scopeId", "data-v-37d096bd"]]), kl = {
+}), Ml = /* @__PURE__ */ ie(Cl, [["__scopeId", "data-v-37d096bd"]]), wl = {
   viewBox: "0 0 1024 1024",
   width: "1.2em",
   height: "1.2em"
-}, Cl = /* @__PURE__ */ C("path", {
+}, Sl = /* @__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), xl = [
+  Sl
 ];
-function $l(e, n) {
-  return m(), M("svg", kl, [...Ml]);
+function El(e, n) {
+  return m(), k("svg", wl, [...xl]);
 }
-const wl = { name: "ep-close", render: $l };
+const Tl = { name: "ep-close", render: El };
 function me(e) {
   if (typeof e != "string")
     throw new TypeError("Path must be a string. Received " + JSON.stringify(e));
 }
-function Dt(e, n) {
-  for (var t = "", o = 0, s = -1, a = 0, l, u = 0; u <= e.length; ++u) {
+function Ft(e, n) {
+  for (var t = "", o = 0, l = -1, a = 0, s, u = 0; u <= e.length; ++u) {
     if (u < e.length)
-      l = e.charCodeAt(u);
+      s = e.charCodeAt(u);
     else {
-      if (l === 47)
+      if (s === 47)
         break;
-      l = 47;
+      s = 47;
     }
-    if (l === 47) {
-      if (!(s === u - 1 || a === 1))
-        if (s !== u - 1 && a === 2) {
+    if (s === 47) {
+      if (!(l === u - 1 || a === 1))
+        if (l !== u - 1 && a === 2) {
           if (t.length < 2 || o !== 2 || t.charCodeAt(t.length - 1) !== 46 || t.charCodeAt(t.length - 2) !== 46) {
             if (t.length > 2) {
               var i = t.lastIndexOf("/");
               if (i !== t.length - 1) {
-                i === -1 ? (t = "", o = 0) : (t = t.slice(0, i), o = t.length - 1 - t.lastIndexOf("/")), s = u, a = 0;
+                i === -1 ? (t = "", o = 0) : (t = t.slice(0, i), o = t.length - 1 - t.lastIndexOf("/")), l = u, a = 0;
                 continue;
               }
             } else if (t.length === 2 || t.length === 1) {
-              t = "", o = 0, s = u, a = 0;
+              t = "", o = 0, l = u, a = 0;
               continue;
             }
           }
           n && (t.length > 0 ? t += "/.." : t = "..", o = 2);
         } else
-          t.length > 0 ? t += "/" + e.slice(s + 1, u) : t = e.slice(s + 1, u), o = u - s - 1;
-      s = u, a = 0;
+          t.length > 0 ? t += "/" + e.slice(l + 1, u) : t = e.slice(l + 1, u), o = u - l - 1;
+      l = u, a = 0;
     } else
-      l === 46 && a !== -1 ? ++a : a = -1;
+      s === 46 && a !== -1 ? ++a : a = -1;
   }
   return t;
 }
-function Sl(e, n) {
+function Il(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;
 }
-var Ae = {
+var Pe = {
   // path.resolve([from ...], to)
   resolve: function() {
-    for (var n = "", t = !1, o, s = arguments.length - 1; s >= -1 && !t; s--) {
+    for (var n = "", t = !1, o, l = arguments.length - 1; l >= -1 && !t; l--) {
       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);
+      l >= 0 ? a = arguments[l] : (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;
@@ -2647,35 +2683,35 @@ var Ae = {
       var o = arguments[t];
       me(o), o.length > 0 && (n === void 0 ? n = o : n += "/" + o);
     }
-    return n === void 0 ? "." : Ae.normalize(n);
+    return n === void 0 ? "." : Pe.normalize(n);
   },
   relative: function(n, t) {
-    if (me(n), me(t), n === t || (n = Ae.resolve(n), t = Ae.resolve(t), n === t))
+    if (me(n), me(t), n === t || (n = Pe.resolve(n), t = Pe.resolve(t), n === t))
       return "";
     for (var o = 1; o < n.length && n.charCodeAt(o) === 47; ++o)
       ;
-    for (var s = n.length, a = s - o, l = 1; l < t.length && t.charCodeAt(l) === 47; ++l)
+    for (var l = n.length, a = l - o, s = 1; s < t.length && t.charCodeAt(s) === 47; ++s)
       ;
-    for (var u = t.length, i = u - l, c = a < i ? a : i, f = -1, d = 0; d <= c; ++d) {
+    for (var u = t.length, i = u - s, c = a < i ? a : i, f = -1, d = 0; d <= c; ++d) {
       if (d === c) {
         if (i > c) {
-          if (t.charCodeAt(l + d) === 47)
-            return t.slice(l + d + 1);
+          if (t.charCodeAt(s + d) === 47)
+            return t.slice(s + d + 1);
           if (d === 0)
-            return t.slice(l + d);
+            return t.slice(s + d);
         } else
           a > c && (n.charCodeAt(o + d) === 47 ? f = d : d === 0 && (f = 0));
         break;
       }
-      var p = n.charCodeAt(o + d), v = t.charCodeAt(l + d);
-      if (p !== v)
+      var p = n.charCodeAt(o + d), h = t.charCodeAt(s + d);
+      if (p !== h)
         break;
       p === 47 && (f = d);
     }
     var g = "";
-    for (d = o + f + 1; d <= s; ++d)
-      (d === s || n.charCodeAt(d) === 47) && (g.length === 0 ? g += ".." : g += "/..");
-    return g.length > 0 ? g + t.slice(l + f) : (l += f, t.charCodeAt(l) === 47 && ++l, t.slice(l));
+    for (d = o + f + 1; d <= l; ++d)
+      (d === l || n.charCodeAt(d) === 47) && (g.length === 0 ? g += ".." : g += "/..");
+    return g.length > 0 ? g + t.slice(s + f) : (s += f, t.charCodeAt(s) === 47 && ++s, t.slice(s));
   },
   _makeLong: function(n) {
     return n;
@@ -2683,51 +2719,51 @@ var Ae = {
   dirname: function(n) {
     if (me(n), n.length === 0)
       return ".";
-    for (var t = n.charCodeAt(0), o = t === 47, s = -1, a = !0, l = n.length - 1; l >= 1; --l)
-      if (t = n.charCodeAt(l), t === 47) {
+    for (var t = n.charCodeAt(0), o = t === 47, l = -1, a = !0, s = n.length - 1; s >= 1; --s)
+      if (t = n.charCodeAt(s), t === 47) {
         if (!a) {
-          s = l;
+          l = s;
           break;
         }
       } else
         a = !1;
-    return s === -1 ? o ? "/" : "." : o && s === 1 ? "//" : n.slice(0, s);
+    return l === -1 ? o ? "/" : "." : o && l === 1 ? "//" : n.slice(0, l);
   },
   basename: function(n, t) {
     if (t !== void 0 && typeof t != "string")
       throw new TypeError('"ext" argument must be a string');
     me(n);
-    var o = 0, s = -1, a = !0, l;
+    var o = 0, l = -1, a = !0, s;
     if (t !== void 0 && t.length > 0 && t.length <= n.length) {
       if (t.length === n.length && t === n)
         return "";
       var u = t.length - 1, i = -1;
-      for (l = n.length - 1; l >= 0; --l) {
-        var c = n.charCodeAt(l);
+      for (s = n.length - 1; s >= 0; --s) {
+        var c = n.charCodeAt(s);
         if (c === 47) {
           if (!a) {
-            o = l + 1;
+            o = s + 1;
             break;
           }
         } else
-          i === -1 && (a = !1, i = l + 1), u >= 0 && (c === t.charCodeAt(u) ? --u === -1 && (s = l) : (u = -1, s = i));
+          i === -1 && (a = !1, i = s + 1), u >= 0 && (c === t.charCodeAt(u) ? --u === -1 && (l = s) : (u = -1, l = i));
       }
-      return o === s ? s = i : s === -1 && (s = n.length), n.slice(o, s);
+      return o === l ? l = i : l === -1 && (l = n.length), n.slice(o, l);
     } else {
-      for (l = n.length - 1; l >= 0; --l)
-        if (n.charCodeAt(l) === 47) {
+      for (s = n.length - 1; s >= 0; --s)
+        if (n.charCodeAt(s) === 47) {
           if (!a) {
-            o = l + 1;
+            o = s + 1;
             break;
           }
         } else
-          s === -1 && (a = !1, s = l + 1);
-      return s === -1 ? "" : n.slice(o, s);
+          l === -1 && (a = !1, l = s + 1);
+      return l === -1 ? "" : n.slice(o, l);
     }
   },
   extname: function(n) {
     me(n);
-    for (var t = -1, o = 0, s = -1, a = !0, l = 0, u = n.length - 1; u >= 0; --u) {
+    for (var t = -1, o = 0, l = -1, a = !0, s = 0, u = n.length - 1; u >= 0; --u) {
       var i = n.charCodeAt(u);
       if (i === 47) {
         if (!a) {
@@ -2736,25 +2772,25 @@ var Ae = {
         }
         continue;
       }
-      s === -1 && (a = !1, s = u + 1), i === 46 ? t === -1 ? t = u : l !== 1 && (l = 1) : t !== -1 && (l = -1);
+      l === -1 && (a = !1, l = u + 1), i === 46 ? t === -1 ? t = u : s !== 1 && (s = 1) : t !== -1 && (s = -1);
     }
-    return t === -1 || s === -1 || // We saw a non-dot character immediately before the dot
-    l === 0 || // The (right-most) trimmed path component is exactly '..'
-    l === 1 && t === s - 1 && t === o + 1 ? "" : n.slice(t, s);
+    return t === -1 || l === -1 || // We saw a non-dot character immediately before the dot
+    s === 0 || // The (right-most) trimmed path component is exactly '..'
+    s === 1 && t === l - 1 && t === o + 1 ? "" : n.slice(t, l);
   },
   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 Il("/", n);
   },
   parse: function(n) {
     me(n);
     var t = { root: "", dir: "", base: "", ext: "", name: "" };
     if (n.length === 0)
       return t;
-    var o = n.charCodeAt(0), s = o === 47, a;
-    s ? (t.root = "/", a = 1) : a = 0;
-    for (var l = -1, u = 0, i = -1, c = !0, f = n.length - 1, d = 0; f >= a; --f) {
+    var o = n.charCodeAt(0), l = o === 47, a;
+    l ? (t.root = "/", a = 1) : a = 0;
+    for (var s = -1, u = 0, i = -1, c = !0, f = n.length - 1, d = 0; f >= a; --f) {
       if (o = n.charCodeAt(f), o === 47) {
         if (!c) {
           u = f + 1;
@@ -2762,30 +2798,30 @@ var Ae = {
         }
         continue;
       }
-      i === -1 && (c = !1, i = f + 1), o === 46 ? l === -1 ? l = f : d !== 1 && (d = 1) : l !== -1 && (d = -1);
+      i === -1 && (c = !1, i = f + 1), o === 46 ? s === -1 ? s = f : d !== 1 && (d = 1) : s !== -1 && (d = -1);
     }
-    return l === -1 || i === -1 || // We saw a non-dot character immediately before the dot
+    return s === -1 || i === -1 || // We saw a non-dot character immediately before the dot
     d === 0 || // The (right-most) trimmed path component is exactly '..'
-    d === 1 && l === i - 1 && l === u + 1 ? i !== -1 && (u === 0 && s ? t.base = t.name = n.slice(1, i) : t.base = t.name = n.slice(u, i)) : (u === 0 && s ? (t.name = n.slice(1, l), t.base = n.slice(1, i)) : (t.name = n.slice(u, l), t.base = n.slice(u, i)), t.ext = n.slice(l, i)), u > 0 ? t.dir = n.slice(0, u - 1) : s && (t.dir = "/"), t;
+    d === 1 && s === i - 1 && s === u + 1 ? i !== -1 && (u === 0 && l ? t.base = t.name = n.slice(1, i) : t.base = t.name = n.slice(u, i)) : (u === 0 && l ? (t.name = n.slice(1, s), t.base = n.slice(1, i)) : (t.name = n.slice(u, s), t.base = n.slice(u, i)), t.ext = n.slice(s, i)), u > 0 ? t.dir = n.slice(0, u - 1) : l && (t.dir = "/"), t;
   },
   sep: "/",
   delimiter: ":",
   win32: null,
   posix: null
 };
-Ae.posix = Ae;
-var rn = Ae;
-const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__PURE__ */ D({
+Pe.posix = Pe;
+var rn = Pe;
+const un = /* @__PURE__ */ zn(rn), Al = { class: "tags-container" }, Pl = /* @__PURE__ */ D({
   __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 } = ye(), t = $t(), o = Ge(), l = Xe(), a = bt(), s = be(), { visitedViews: u } = oo(a), i = xe(), c = E(() => i.layout), f = T({
       path: "",
       fullPath: "",
       name: "",
       title: "",
       affix: !1,
       keepAlive: !1
-    }), d = T([]), p = T(0), v = T(0);
+    }), d = T([]), p = T(0), h = T(0);
     ee(
       o,
       () => {
@@ -2800,44 +2836,44 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
     ee(g, (y) => {
       y ? document.body.addEventListener("click", I) : document.body.removeEventListener("click", I);
     });
-    function k(y, h = "/") {
+    function $(y, v = "/") {
       let A = [];
       return y.forEach((F) => {
-        var z, G, se, Ge;
-        const q = rn.resolve(h, F.path);
-        if ((z = F.meta) != null && z.affix && A.push({
+        var H, G, se, Ye;
+        const q = rn.resolve(v, F.path);
+        if ((H = F.meta) != null && H.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
+          keepAlive: (Ye = F.meta) == null ? void 0 : Ye.keepAlive
         }), F.children) {
-          const Ye = k(F.children, h + F.path);
-          Ye.length >= 1 && (A = [...A, ...Ye]);
+          const Ze = $(F.children, v + F.path);
+          Ze.length >= 1 && (A = [...A, ...Ze]);
         }
       }), A;
     }
     function S() {
-      const y = k(s.routes);
+      const y = $(l.routes);
       d.value = y;
-      for (const h of y)
-        h.name && a.addVisitedView(h);
+      for (const v of y)
+        v.name && a.addVisitedView(v);
     }
     function R() {
-      var y, h;
+      var y, v;
       o.meta.title && a.addView({
         name: o.name,
         title: o.meta.title,
         path: o.path,
         fullPath: o.fullPath,
         affix: (y = o.meta) == null ? void 0 : y.affix,
-        keepAlive: (h = o.meta) == null ? void 0 : h.keepAlive
+        keepAlive: (v = o.meta) == null ? void 0 : v.keepAlive
       });
     }
     function N() {
-      Me(() => {
-        var y, h;
+      Ce(() => {
+        var y, v;
         for (const A of u.value)
           A.path === o.path && A.fullPath !== o.fullPath && a.updateVisitedView({
             name: o.name,
@@ -2845,7 +2881,7 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
             path: o.path,
             fullPath: o.fullPath,
             affix: (y = o.meta) == null ? void 0 : y.affix,
-            keepAlive: (h = o.meta) == null ? void 0 : h.keepAlive
+            keepAlive: (v = o.meta) == null ? void 0 : v.keepAlive
           });
       });
     }
@@ -2871,28 +2907,28 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
     }
     function j(y) {
       a.delCachedView(y);
-      const { fullPath: h } = y;
-      Me(() => {
-        t.replace({ path: "/redirect" + h });
+      const { fullPath: v } = y;
+      Ce(() => {
+        t.replace({ path: "/redirect" + v });
       });
     }
-    function P(y, h) {
+    function P(y, v) {
       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("/");
+      A && A.fullPath ? t.push(A.fullPath) : (v == null ? void 0 : v.name) === "Dashboard" ? t.replace({ path: "/redirect" + v.fullPath }) : t.push("/");
     }
     function W(y) {
-      a.delView(y).then((h) => {
-        b(y) && P(h.visitedViews, y);
+      a.delView(y).then((v) => {
+        b(y) && P(v.visitedViews, y);
       });
     }
     function le() {
       a.delLeftViews(f.value).then((y) => {
-        y.visitedViews.find((h) => h.path === o.path) || P(y.visitedViews);
+        y.visitedViews.find((v) => v.path === o.path) || P(y.visitedViews);
       });
     }
     function ce() {
       a.delRightViews(f.value).then((y) => {
-        y.visitedViews.find((h) => h.path === o.path) || P(y.visitedViews);
+        y.visitedViews.find((v) => v.path === o.path) || P(y.visitedViews);
       });
     }
     function de() {
@@ -2900,14 +2936,14 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
         N();
       });
     }
-    function be(y) {
-      a.delAllViews().then((h) => {
-        P(h.visitedViews, y);
+    function ke(y) {
+      a.delAllViews().then((v) => {
+        P(v.visitedViews, y);
       });
     }
-    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;
-      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 x(y, v) {
+      const F = n == null ? void 0 : n.$el.getBoundingClientRect().left, H = (n == null ? void 0 : n.$el.offsetWidth) - 105, G = v.clientX - F + 15;
+      G > H ? p.value = H : p.value = G, c.value === "mix" ? h.value = v.clientY - 50 : h.value = v.clientY, g.value = !0, f.value = y;
     }
     function I() {
       g.value = !1;
@@ -2915,16 +2951,16 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
     function B() {
       I();
     }
-    function X(y, h) {
+    function X(y, v) {
       let A = {};
-      function F(z, G) {
-        if (A[z.name] = G, z.children)
-          for (let se = 0; se < z.children.length; se++)
-            F(z.children[se], z);
+      function F(H, G) {
+        if (A[H.name] = G, H.children)
+          for (let se = 0; se < H.children.length; se++)
+            F(H.children[se], H);
       }
-      for (let z = 0; z < y.length; z++)
-        F(y[z], null);
-      let q = A[h];
+      for (let H = 0; H < y.length; H++)
+        F(y[H], null);
+      let q = A[v];
       for (; q; ) {
         if (!A[q.name])
           return q;
@@ -2935,8 +2971,8 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
     const U = (y) => {
       if (c.value !== "mix")
         return;
-      const h = X(s.routes, y);
-      l.activeTopMenu !== h.path && l.activeTopMenu(h.path);
+      const v = X(l.routes, y);
+      s.activeTopMenu !== v.path && s.activeTopMenu(v.path);
     };
     return ee(
       () => o.name,
@@ -2948,31 +2984,31 @@ const un = /* @__PURE__ */ zn(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, [
+    }), (y, v) => {
+      const A = Tl, F = Oe("router-link"), q = yt, H = Ne;
+      return m(), k("div", Al, [
         _(q, {
           class: "scroll-container",
           vertical: !1,
-          onWheel: Te(B, ["prevent"])
+          onWheel: Ie(B, ["prevent"])
         }, {
-          default: $(() => [
-            (m(!0), M(oe, null, xe(r(u), (G) => (m(), L(F, {
+          default: M(() => [
+            (m(!0), k(ae, null, Ee(r(u), (G) => (m(), L(F, {
               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"]),
-              onContextmenu: Te((se) => x(G, se), ["prevent"])
+              onMouseup: Ie((se) => Z(G) ? "" : W(G), ["middle"]),
+              onContextmenu: Ie((se) => x(G, se), ["prevent"])
             }, {
-              default: $(() => [
-                Q(K(r(Va)(G)) + " ", 1),
-                Z(G) ? H("", !0) : (m(), L(A, {
+              default: M(() => [
+                Q(K(r(Ba)(G)) + " ", 1),
+                Z(G) ? z("", !0) : (m(), L(A, {
                   key: 0,
                   class: "close-icon",
                   size: "12px",
-                  onClick: Te((se) => W(G), ["prevent", "stop"])
+                  onClick: Ie((se) => W(G), ["prevent", "stop"])
                 }, null, 8, ["onClick"]))
               ]),
               _: 2
@@ -2980,45 +3016,45 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
           ]),
           _: 1
         }),
-        $e(C("ul", {
+        Me(C("ul", {
           class: "contextmenu",
-          style: ye({ left: r(p) + "px", top: r(v) + "px" })
+          style: _e({ left: r(p) + "px", top: r(h) + "px" })
         }, [
           C("li", {
-            onClick: h[0] || (h[0] = (G) => j(r(f)))
+            onClick: v[0] || (v[0] = (G) => j(r(f)))
           }, [
-            _(z, { "icon-class": "refresh" }),
+            _(H, { "icon-class": "refresh" }),
             Q(" 刷新 ")
           ]),
-          Z(r(f)) ? H("", !0) : (m(), M("li", {
+          Z(r(f)) ? z("", !0) : (m(), k("li", {
             key: 0,
-            onClick: h[1] || (h[1] = (G) => W(r(f)))
+            onClick: v[1] || (v[1] = (G) => W(r(f)))
           }, [
-            _(z, { "icon-class": "close" }),
+            _(H, { "icon-class": "close" }),
             Q(" 关闭 ")
           ])),
           C("li", { onClick: de }, [
-            _(z, { "icon-class": "close_other" }),
+            _(H, { "icon-class": "close_other" }),
             Q(" 关闭其它 ")
           ]),
-          Y() ? H("", !0) : (m(), M("li", {
+          Y() ? z("", !0) : (m(), k("li", {
             key: 1,
             onClick: le
           }, [
-            _(z, { "icon-class": "close_left" }),
+            _(H, { "icon-class": "close_left" }),
             Q(" 关闭左侧 ")
           ])),
-          O() ? H("", !0) : (m(), M("li", {
+          O() ? z("", !0) : (m(), k("li", {
             key: 2,
             onClick: ce
           }, [
-            _(z, { "icon-class": "close_right" }),
+            _(H, { "icon-class": "close_right" }),
             Q(" 关闭右侧 ")
           ])),
           C("li", {
-            onClick: h[2] || (h[2] = (G) => be(r(f)))
+            onClick: v[2] || (v[2] = (G) => ke(r(f)))
           }, [
-            _(z, { "icon-class": "close_all" }),
+            _(H, { "icon-class": "close_all" }),
             Q(" 关闭所有 ")
           ])
         ], 4), [
@@ -3027,7 +3063,7 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
       ]);
     };
   }
-}), Tl = /* @__PURE__ */ ie(El, [["__scopeId", "data-v-fe2fff79"]]), Il = /* @__PURE__ */ D({
+}), Vl = /* @__PURE__ */ ie(Pl, [["__scopeId", "data-v-fe2fff79"]]), Ll = /* @__PURE__ */ D({
   name: "AppLink",
   inheritAttrs: !1,
   __name: "index",
@@ -3038,18 +3074,18 @@ const un = /* @__PURE__ */ zn(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)), Jn(Qn(s(e.to))), {
-      default: $(() => [
-        ae(a.$slots, "default")
+    const n = e, t = E(() => He(n.to)), o = E(() => t.value ? "a" : "router-link"), l = (a) => t.value ? { href: a, target: "_blank", rel: "noopener noreferrer" } : { to: a };
+    return (a, s) => (m(), L(lt(r(o)), Jn(Qn(l(e.to))), {
+      default: M(() => [
+        oe(a.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Al = {
+}), Nl = {
   key: 3,
   class: "ml-1"
-}, Pl = /* @__PURE__ */ D({
+}, Ol = /* @__PURE__ */ D({
   __name: "SidebarMenuItemTitle",
   props: {
     icon: {
@@ -3067,28 +3103,28 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
   },
   setup(e) {
     return (n, t) => {
-      const o = we, s = Ne;
-      return m(), M(oe, null, [
+      const o = Se, l = Ne;
+      return m(), k(ae, null, [
         e.icon && e.icon.startsWith("el-icon") ? (m(), L(o, {
           key: 0,
           class: "sub-el-icon"
         }, {
-          default: $(() => [
+          default: M(() => [
             (m(), L(lt(e.icon.replace("el-icon-", ""))))
           ]),
           _: 1
-        })) : e.icon ? (m(), L(s, {
+        })) : e.icon ? (m(), L(l, {
           key: 1,
           "icon-class": e.icon
-        }, null, 8, ["icon-class"])) : (m(), L(s, {
+        }, null, 8, ["icon-class"])) : (m(), L(l, {
           key: 2,
           "icon-class": "menu"
         })),
-        e.title ? (m(), M("span", Al, K(r(it)(e.name, e.title)), 1)) : H("", !0)
+        e.title ? (m(), k("span", Nl, K(r(it)(e.name, e.title)), 1)) : z("", !0)
       ], 64);
     };
   }
-}), Vl = /* @__PURE__ */ ie(Pl, [["__scopeId", "data-v-992a058f"]]), Ll = { key: 0 }, Nl = /* @__PURE__ */ D({
+}), Bl = /* @__PURE__ */ ie(Ol, [["__scopeId", "data-v-992a058f"]]), Rl = { key: 0 }, Dl = /* @__PURE__ */ D({
   name: "SidebarMenuItem",
   inheritAttrs: !1,
   __name: "SidebarMenuItem",
@@ -3114,31 +3150,31 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
   },
   setup(e) {
     const n = e, t = T();
-    function o(a = [], l) {
+    function o(a = [], s) {
       const u = a.filter((i) => {
         var c;
         return (c = i.meta) != null && c.hidden ? !1 : (i.meta.hidden = !1, t.value = i, !0);
       });
-      return u.length === 1 ? !0 : u.length === 0 ? (t.value = { ...l, path: "", noShowingChildren: !0 }, !0) : !1;
+      return u.length === 1 ? !0 : u.length === 0 ? (t.value = { ...s, path: "", noShowingChildren: !0 }, !0) : !1;
     }
-    function s(a) {
+    function l(a) {
       return He(a) ? a : He(n.basePath) ? n.basePath : un.resolve(n.basePath, a);
     }
-    return (a, l) => {
+    return (a, s) => {
       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 }, [
+      const u = Bl, i = an, c = Ll, f = Oe("SidebarMenuItem", !0), d = wa;
+      return !e.item.meta || !e.item.meta.hidden ? (m(), k("div", Rl, [
+        o(e.item.children, e.item) && (!r(t).children || r(t).noShowingChildren) && !((p = e.item.meta) != null && p.alwaysShow) ? (m(), k(ae, { key: 0 }, [
           r(t).meta ? (m(), L(c, {
             key: 0,
-            to: s(r(t).path)
+            to: l(r(t).path)
           }, {
-            default: $(() => [
+            default: M(() => [
               _(i, {
-                index: s(r(t).path),
+                index: l(r(t).path),
                 class: w({ "submenu-title-noDropdown": !e.isNest })
               }, {
-                default: $(() => [
+                default: M(() => [
                   _(u, {
                     icon: r(t).meta.icon || e.item.meta && e.item.meta.icon,
                     title: r(t).meta.title,
@@ -3149,41 +3185,41 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
               }, 8, ["index", "class"])
             ]),
             _: 1
-          }, 8, ["to"])) : H("", !0)
+          }, 8, ["to"])) : z("", !0)
         ], 64)) : (m(), L(d, {
           key: 1,
-          index: s(e.item.path),
+          index: l(e.item.path),
           teleported: ""
         }, {
-          title: $(() => [
+          title: M(() => [
             e.item.meta ? (m(), L(u, {
               key: 0,
               icon: e.item.meta && e.item.meta.icon,
               title: e.item.meta.title,
               name: e.item.name
-            }, null, 8, ["icon", "title", "name"])) : H("", !0)
+            }, null, 8, ["icon", "title", "name"])) : z("", !0)
           ]),
-          default: $(() => [
-            (m(!0), M(oe, null, xe(e.item.children, (v) => (m(), L(f, {
-              key: v.path,
+          default: M(() => [
+            (m(!0), k(ae, null, Ee(e.item.children, (h) => (m(), L(f, {
+              key: h.path,
               "is-nest": !0,
-              item: v,
-              "base-path": s(v.path)
+              item: h,
+              "base-path": l(h.path)
             }, null, 8, ["item", "base-path"]))), 128))
           ]),
           _: 1
         }, 8, ["index"]))
-      ])) : H("", !0);
+      ])) : z("", !0);
     };
   }
-}), Ol = "_dark_168i3_12", Pe = {
+}), Fl = "_dark_168i3_12", Ve = {
   "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
+  dark: Fl
 }, cn = /* @__PURE__ */ D({
   __name: "SidebarMenu",
   props: {
@@ -3198,27 +3234,27 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
     }
   },
   setup(e) {
-    const n = Se(), t = _e(), o = Xe(), s = E(() => n.layout), a = e;
-    function l(u) {
+    const n = xe(), t = be(), o = Ge(), l = E(() => n.layout), a = e;
+    function s(u) {
       return He(u) ? u : He(a.basePath) ? a.basePath : un.resolve(a.basePath, u);
     }
     return (u, i) => {
-      const c = Nl, f = on;
+      const c = Dl, f = on;
       return m(), L(f, {
         "default-active": r(o).path,
         collapse: !r(t).sidebar.opened,
-        "background-color": r(Pe)["menu-background"],
-        "text-color": r(Pe)["menu-text"],
-        "active-text-color": r(Pe)["menu-active-text"],
+        "background-color": r(Ve)["menu-background"],
+        "text-color": r(Ve)["menu-text"],
+        "active-text-color": r(Ve)["menu-active-text"],
         "unique-opened": !1,
         "collapse-transition": !1,
-        mode: r(s) === "top" ? "horizontal" : "vertical"
+        mode: r(l) === "top" ? "horizontal" : "vertical"
       }, {
-        default: $(() => [
-          (m(!0), M(oe, null, xe(e.menuList, (d) => (m(), L(c, {
+        default: M(() => [
+          (m(!0), k(ae, null, Ee(e.menuList, (d) => (m(), L(c, {
             key: d.path,
             item: d,
-            "base-path": l(d.path),
+            "base-path": s(d.path),
             "is-collapse": !r(t).sidebar.opened
           }, null, 8, ["item", "base-path", "is-collapse"]))), 128))
         ]),
@@ -3226,13 +3262,13 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
       }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color", "mode"]);
     };
   }
-}), Bl = { key: 1 }, Rl = {
+}), zl = { key: 1 }, Hl = {
   key: 0,
   class: "ml-1"
-}, Fl = /* @__PURE__ */ D({
+}, Wl = /* @__PURE__ */ D({
   __name: "SidebarMixTopMenu",
   setup(e) {
-    const n = _e(), t = je(), o = Ct(), s = E(() => n.activeTopMenuPath), a = T([]), l = (i) => {
+    const n = be(), t = Xe(), o = $t(), l = E(() => n.activeTopMenuPath), a = T([]), s = (i) => {
       n.activeTopMenu(i), t.setMixLeftMenus(i);
       const c = t.mixLeftMenus;
       u(c);
@@ -3249,29 +3285,29 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
         (i) => !i.meta || !i.meta.hidden
       );
     }), (i, c) => {
-      const f = Ne, d = an, p = on, v = yt;
-      return m(), L(v, null, {
-        default: $(() => [
+      const f = Ne, d = an, p = on, h = yt;
+      return m(), L(h, null, {
+        default: M(() => [
           _(p, {
             mode: "horizontal",
-            "default-active": r(s),
-            "background-color": r(Pe)["menu-background"],
-            "text-color": r(Pe)["menu-text"],
-            "active-text-color": r(Pe)["menu-active-text"],
-            onSelect: l
+            "default-active": r(l),
+            "background-color": r(Ve)["menu-background"],
+            "text-color": r(Ve)["menu-text"],
+            "active-text-color": r(Ve)["menu-active-text"],
+            onSelect: s
           }, {
-            default: $(() => [
-              (m(!0), M(oe, null, xe(r(a), (g) => (m(), L(d, {
+            default: M(() => [
+              (m(!0), k(ae, null, Ee(r(a), (g) => (m(), L(d, {
                 key: g.path,
                 index: g.path
               }, {
-                title: $(() => [
+                title: M(() => [
                   g.meta && g.meta.icon ? (m(), L(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)
+                  }, null, 8, ["icon-class"])) : z("", !0),
+                  g.path === "/" ? (m(), k("span", zl, K(r(it)("Dashboard", "首页")), 1)) : (m(), k(ae, { key: 2 }, [
+                    g.meta && g.meta.title ? (m(), k("span", Hl, K(r(gt)(g)), 1)) : z("", !0)
                   ], 64))
                 ]),
                 _: 2
@@ -3284,7 +3320,7 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
       });
     };
   }
-}), Dl = { class: "logo-container" }, zl = ["src"], Hl = ["src"], Wl = { class: "logo-title" }, ql = /* @__PURE__ */ D({
+}), ql = { class: "logo-container" }, Kl = ["src"], Ul = ["src"], jl = { class: "logo-title" }, Xl = /* @__PURE__ */ D({
   __name: "SidebarLogo",
   props: {
     collapse: {
@@ -3293,23 +3329,23 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
     }
   },
   setup(e) {
-    const n = Se(), t = ze.logo;
-    return (o, s) => {
+    const n = xe(), t = ze.logo;
+    return (o, l) => {
       const a = Oe("router-link");
-      return m(), M("div", Dl, [
+      return m(), k("div", ql, [
         _(rt, { "enter-active-class": "animate__animated animate__fadeInLeft" }, {
-          default: $(() => [
+          default: M(() => [
             e.collapse ? (m(), L(a, {
               key: 0,
               class: "wh-full flex-center",
               to: "/"
             }, {
-              default: $(() => [
-                r(n).sidebarLogo ? (m(), M("img", {
+              default: M(() => [
+                r(n).sidebarLogo ? (m(), k("img", {
                   key: 0,
                   src: r(t),
                   class: "logo-image"
-                }, null, 8, zl)) : H("", !0)
+                }, null, 8, Kl)) : z("", !0)
               ]),
               _: 1
             })) : (m(), L(a, {
@@ -3317,13 +3353,13 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
               class: "wh-full flex-center",
               to: "/"
             }, {
-              default: $(() => [
-                r(n).sidebarLogo ? (m(), M("img", {
+              default: M(() => [
+                r(n).sidebarLogo ? (m(), k("img", {
                   key: 0,
                   src: r(t),
                   class: "logo-image"
-                }, null, 8, Hl)) : H("", !0),
-                C("span", Wl, K(r(ze).title), 1)
+                }, null, 8, Ul)) : z("", !0),
+                C("span", jl, K(r(ze).title), 1)
               ]),
               _: 1
             }))
@@ -3333,32 +3369,32 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
       ]);
     };
   }
-}), Kl = /* @__PURE__ */ ie(ql, [["__scopeId", "data-v-210c85a9"]]), Ul = {
+}), Gl = /* @__PURE__ */ ie(Xl, [["__scopeId", "data-v-210c85a9"]]), Yl = {
   key: 0,
   class: "flex w-full"
-}, jl = /* @__PURE__ */ D({
+}, Zl = /* @__PURE__ */ D({
   __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;
-      return m(), M("div", {
-        class: w({ "has-logo": r(s) })
+    const n = be(), t = xe(), o = Xe(), l = E(() => t.sidebarLogo), a = E(() => t.layout);
+    return (s, u) => {
+      const i = Gl, c = Wl, f = ln, d = cn, p = yt;
+      return m(), k("div", {
+        class: w({ "has-logo": r(l) })
       }, [
-        r(a) == "mix" ? (m(), M("div", Ul, [
-          r(s) ? (m(), L(i, {
+        r(a) == "mix" ? (m(), k("div", Yl, [
+          r(l) ? (m(), L(i, {
             key: 0,
             collapse: !r(n).sidebar.opened
-          }, null, 8, ["collapse"])) : H("", !0),
+          }, null, 8, ["collapse"])) : z("", !0),
           _(c, { class: "flex-1" }),
           _(f)
-        ])) : (m(), M(oe, { key: 1 }, [
-          r(s) ? (m(), L(i, {
+        ])) : (m(), k(ae, { key: 1 }, [
+          r(l) ? (m(), L(i, {
             key: 0,
             collapse: !r(n).sidebar.opened
-          }, null, 8, ["collapse"])) : H("", !0),
+          }, null, 8, ["collapse"])) : z("", !0),
           _(p, null, {
-            default: $(() => [
+            default: M(() => [
               _(d, {
                 "menu-list": r(o).routes,
                 "base-path": ""
@@ -3366,22 +3402,22 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
             ]),
             _: 1
           }),
-          r(a) === "top" ? (m(), L(f, { key: 1 })) : H("", !0)
+          r(a) === "top" ? (m(), L(f, { key: 1 })) : z("", !0)
         ], 64))
       ], 2);
     };
   }
-}), Xl = /* @__PURE__ */ ie(jl, [["__scopeId", "data-v-a6d3f8e9"]]), Gl = {
+}), Jl = /* @__PURE__ */ ie(Zl, [["__scopeId", "data-v-a6d3f8e9"]]), Ql = {
   key: 1,
   class: "mix-container"
-}, Yl = { class: "mix-container__left" }, Zl = { class: "sidebar-toggle" }, Jl = 992, Ql = /* @__PURE__ */ D({
+}, es = { class: "mix-container__left" }, ts = { class: "sidebar-toggle" }, ns = 992, os = /* @__PURE__ */ D({
   __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);
+    const n = be(), t = xe(), o = Xe(), l = E(() => t.fixedHeader), a = E(() => t.tagsView), s = E(() => t.layout), u = E(() => n.activeTopMenuPath), i = E(() => o.mixLeftMenus);
     ee(
       () => u.value,
-      (v) => {
-        o.setMixLeftMenus(v);
+      (h) => {
+        o.setMixLeftMenus(h);
       },
       {
         deep: !0,
@@ -3391,13 +3427,13 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
     const c = E(() => ({
       hideSidebar: !n.sidebar.opened,
       openSidebar: n.sidebar.opened,
-      mobile: n.device === Je.MOBILE,
-      "layout-left": l.value === "left",
-      "layout-top": l.value === "top",
-      "layout-mix": l.value === "mix"
+      mobile: n.device === Qe.MOBILE,
+      "layout-left": s.value === "left",
+      "layout-top": s.value === "top",
+      "layout-mix": s.value === "mix"
     })), f = Hn().width;
     kt(() => {
-      f.value < Jl ? (n.toggleDevice(Je.MOBILE), n.closeSideBar()) : (n.toggleDevice(Je.DESKTOP), f.value >= 1200 ? n.openSideBar() : n.closeSideBar());
+      f.value < ns ? (n.toggleDevice(Qe.MOBILE), n.closeSideBar()) : (n.toggleDevice(Qe.DESKTOP), f.value >= 1200 ? n.openSideBar() : n.closeSideBar());
     });
     function d() {
       n.closeSideBar();
@@ -3405,24 +3441,24 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
     function p() {
       n.toggleSidebar();
     }
-    return (v, g) => {
-      const k = Xl, S = cn, R = sn, N = Tl, b = yl, Z = _l, Y = qa;
-      return m(), M("div", {
+    return (h, g) => {
+      const $ = Jl, S = cn, R = sn, N = Vl, b = Ml, Z = kl, Y = Xa;
+      return m(), k("div", {
         class: w(["wh-full", r(c)])
       }, [
-        r(c).mobile && r(c).openSidebar ? (m(), M("div", {
+        r(c).mobile && r(c).openSidebar ? (m(), k("div", {
           key: 0,
           class: "wh-full fixed-lt z-999 bg-black bg-opacity-30",
           onClick: d
-        })) : H("", !0),
-        _(k, { class: "sidebar-container" }),
-        r(l) === "mix" ? (m(), M("div", Gl, [
-          C("div", Yl, [
+        })) : z("", !0),
+        _($, { class: "sidebar-container" }),
+        r(s) === "mix" ? (m(), k("div", Ql, [
+          C("div", es, [
             _(S, {
               "menu-list": r(i),
               "base-path": r(u)
             }, null, 8, ["menu-list", "base-path"]),
-            C("div", Zl, [
+            C("div", ts, [
               _(R, {
                 "is-active": r(n).sidebar.opened,
                 onToggleClick: p
@@ -3433,30 +3469,30 @@ const un = /* @__PURE__ */ zn(rn), xl = { class: "tags-container" }, El = /* @__
             class: w([{ hasTagsView: r(a) }, "main-container"])
           }, [
             C("div", {
-              class: w({ "fixed-header": r(s) })
+              class: w({ "fixed-header": r(l) })
             }, [
-              r(a) ? (m(), L(N, { key: 0 })) : H("", !0)
+              r(a) ? (m(), L(N, { key: 0 })) : z("", !0)
             ], 2),
             _(b),
-            r(ze).showSettings ? (m(), L(Z, { key: 0 })) : H("", !0)
+            r(ze).showSettings ? (m(), L(Z, { key: 0 })) : z("", !0)
           ], 2)
-        ])) : (m(), M("div", {
+        ])) : (m(), k("div", {
           key: 2,
           class: w([{ hasTagsView: r(a) }, "main-container"])
         }, [
           C("div", {
-            class: w({ "fixed-header": r(s) })
+            class: w({ "fixed-header": r(l) })
           }, [
-            r(l) === "left" ? (m(), L(Y, { key: 0 })) : H("", !0),
-            r(a) ? (m(), L(N, { key: 1 })) : H("", !0)
+            r(s) === "left" ? (m(), L(Y, { key: 0 })) : z("", !0),
+            r(a) ? (m(), L(N, { key: 1 })) : z("", !0)
           ], 2),
           _(b),
-          r(ze).showSettings ? (m(), L(Z, { key: 0 })) : H("", !0)
+          r(ze).showSettings ? (m(), L(Z, { key: 0 })) : z("", !0)
         ], 2))
       ], 2);
     };
   }
-}), hs = /* @__PURE__ */ ie(Ql, [["__scopeId", "data-v-71891bc2"]]);
+}), hs = /* @__PURE__ */ ie(os, [["__scopeId", "data-v-71891bc2"]]);
 export {
   hs as default
 };