xto-fronted 0.4.18 → 0.4.20

package/dist/{index-C2LrtpQb.js → index-BHZ_y8lp.js}

@@ -1,12 +1,12 @@
-import { ref as _, computed as y, watch as rt, defineComponent as X, openBlock as u, createElementBlock as g, normalizeClass as F, createElementVNode as t, withDirectives as Be, toDisplayString as T, unref as l, vShow as lt, createVNode as S, withCtx as x, Fragment as A, renderList as K, createBlock as R, createTextVNode as ee, createCommentVNode as z, onMounted as it, onUnmounted as ut, withModifiers as Ve, Transition as ze, withKeys as Fe, vModelText as ct, normalizeStyle as Ke, resolveComponent as dt, reactive as Ce } from "vue";
+import { ref as g, computed as y, watch as nt, defineComponent as H, openBlock as u, createElementBlock as _, normalizeClass as F, createElementVNode as t, withDirectives as Ae, toDisplayString as L, unref as r, vShow as rt, createVNode as S, withCtx as x, Fragment as A, renderList as K, createBlock as P, createTextVNode as G, createCommentVNode as O, onMounted as lt, onUnmounted as it, withModifiers as Be, Transition as ze, withKeys as Ve, vModelText as ut, normalizeStyle as Fe, resolveComponent as ct, reactive as we } from "vue";
 import { defineStore as pe } from "pinia";
-import { useRoute as ae, useRouter as J, createRouter as Se, createWebHistory as Ie } from "vue-router";
-import { Menu as je, SubMenu as qe, MenuItem as ue, Tabs as mt, TabPane as pt } from "@xto/navigation";
-import { Icon as M, Button as he } from "@xto/base";
-import { Drawer as ht, Message as H } from "@xto/feedback";
-import { Form as ft, FormItem as re, Input as Ae, Checkbox as vt } from "@xto/form";
-import _t from "axios";
-const se = "xto_", Ye = (e) => ({
+import { useRoute as ae, useRouter as X, createRouter as Ce, createWebHistory as Se } from "vue-router";
+import { Menu as Ke, SubMenu as je, MenuItem as ue, Tabs as dt, TabPane as mt } from "@xto/navigation";
+import { Icon as U, Button as he } from "@xto/base";
+import { Drawer as pt, Message as W } from "@xto/feedback";
+import { Form as ht, FormItem as re, Input as Oe, Checkbox as vt } from "@xto/form";
+import ft from "axios";
+const se = "xto_", qe = (e) => ({
   get(s) {
     const o = e.getItem(se + s);
     if (!o) return null;
@@ -32,81 +32,79 @@ const se = "xto_", Ye = (e) => ({
       o.startsWith(se) && e.removeItem(o);
     });
   }
-}), le = Ye(window.localStorage), ie = Ye(window.sessionStorage), f = {
+}), le = qe(window.localStorage), ie = qe(window.sessionStorage), v = {
   get: le.get,
   set: le.set,
   remove: le.remove,
   clear: le.clear
-}, No = {
+}, $o = {
   get: ie.get,
   set: ie.set,
   remove: ie.remove,
   clear: ie.clear
-}, ke = ["sidebar", "top"], Q = pe("app", () => {
-  const e = _(f.get("appName") || "XTO App"), s = _(f.get("indexPath") || "/dashboard"), o = _(f.get("isDark") || !1), a = _(f.get("theme") || "light"), n = f.get("layout"), c = _(
-    ke.includes(n) ? n : "sidebar"
-  ), b = _(f.get("isCollapsed") || !1), d = _(f.get("showTabs") ?? !0), h = _(f.get("showFooter") ?? !0), i = _(f.get("showBreadcrumb") ?? !0), p = _(f.get("primaryColor") || "#409eff"), r = _([]), v = y(() => o.value ? "dark" : "light"), D = (I) => {
-    e.value = I, f.set("appName", I);
-  }, w = (I) => {
-    s.value = I, f.set("indexPath", I);
-  }, P = () => {
-    o.value = !o.value, a.value = o.value ? "dark" : "light", L();
-  }, C = (I) => {
-    a.value = I, o.value = I === "dark", L();
-  }, L = () => {
+}, J = pe("app", () => {
+  const e = g(v.get("appName") || "XTO App"), s = g(v.get("indexPath") || "/dashboard"), o = g(v.get("isDark") || !1), a = g(v.get("theme") || "light"), n = g(v.get("layout") || "sidebar"), d = g(v.get("isCollapsed") || !1), w = g(v.get("showTabs") ?? !0), c = g(v.get("showFooter") ?? !0), h = g(v.get("showBreadcrumb") ?? !0), l = g(v.get("primaryColor") || "#409eff"), p = g([]), i = y(() => o.value ? "dark" : "light"), f = (I) => {
+    e.value = I, v.set("appName", I);
+  }, R = (I) => {
+    s.value = I, v.set("indexPath", I);
+  }, C = () => {
+    o.value = !o.value, a.value = o.value ? "dark" : "light", b();
+  }, D = (I) => {
+    a.value = I, o.value = I === "dark", b();
+  }, b = () => {
     const I = document.documentElement;
-    o.value ? I.classList.add("dark") : I.classList.remove("dark"), f.set("isDark", o.value), f.set("theme", a.value);
-  }, Y = () => {
-    b.value = !b.value, f.set("isCollapsed", b.value);
-  }, B = (I) => {
-    ke.includes(I) || (I = "sidebar"), c.value = I, f.set("layout", I);
-  }, $ = () => {
-    d.value = !d.value, f.set("showTabs", d.value);
+    o.value ? I.classList.add("dark") : I.classList.remove("dark"), v.set("isDark", o.value), v.set("theme", a.value);
+  }, E = () => {
+    d.value = !d.value, v.set("isCollapsed", d.value);
+  }, Y = (I) => {
+    n.value = I, v.set("layout", I);
+  }, B = () => {
+    w.value = !w.value, v.set("showTabs", w.value);
+  }, M = () => {
+    c.value = !c.value, v.set("showFooter", c.value);
   }, V = () => {
-    h.value = !h.value, f.set("showFooter", h.value);
-  }, N = () => {
-    i.value = !i.value, f.set("showBreadcrumb", i.value);
-  }, O = (I) => {
-    p.value = I, document.documentElement.style.setProperty("--color-primary", I), f.set("primaryColor", I);
-  }, ve = (I) => {
-    r.value.includes(I) || r.value.push(I);
-  }, _e = (I) => {
-    const W = r.value.indexOf(I);
-    W > -1 && r.value.splice(W, 1);
+    h.value = !h.value, v.set("showBreadcrumb", h.value);
+  }, N = (I) => {
+    l.value = I, document.documentElement.style.setProperty("--color-primary", I), v.set("primaryColor", I);
+  }, z = (I) => {
+    p.value.includes(I) || p.value.push(I);
+  }, fe = (I) => {
+    const ne = p.value.indexOf(I);
+    ne > -1 && p.value.splice(ne, 1);
+  }, _e = () => {
+    p.value = [];
   }, ge = () => {
-    r.value = [];
-  }, ne = () => {
-    L(), p.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", p.value), ke.includes(c.value) || (c.value = "sidebar", f.set("layout", "sidebar"));
+    b(), l.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", l.value);
   };
-  return rt(o, L), {
+  return nt(o, b), {
     appName: e,
     indexPath: s,
     isDark: o,
     theme: a,
-    layout: c,
-    isCollapsed: b,
-    showTabs: d,
-    showFooter: h,
-    showBreadcrumb: i,
-    primaryColor: p,
-    cachedViews: r,
-    themeClass: v,
-    setAppName: D,
-    setIndexPath: w,
-    toggleTheme: P,
-    toggleCollapse: Y,
-    setTheme: C,
-    setLayout: B,
-    toggleTabs: $,
-    toggleFooter: V,
-    toggleBreadcrumb: N,
-    setPrimaryColor: O,
-    addCachedView: ve,
-    removeCachedView: _e,
-    clearCachedViews: ge,
-    initTheme: ne
+    layout: n,
+    isCollapsed: d,
+    showTabs: w,
+    showFooter: c,
+    showBreadcrumb: h,
+    primaryColor: l,
+    cachedViews: p,
+    themeClass: i,
+    setAppName: f,
+    setIndexPath: R,
+    toggleTheme: C,
+    toggleCollapse: E,
+    setTheme: D,
+    setLayout: Y,
+    toggleTabs: B,
+    toggleFooter: M,
+    toggleBreadcrumb: V,
+    setPrimaryColor: N,
+    addCachedView: z,
+    removeCachedView: fe,
+    clearCachedViews: _e,
+    initTheme: ge
   };
-}), be = "menu_list", gt = {
+}), ke = "menu_list", _t = {
   menuCode: "home",
   menuName: "首页",
   menuUrl: "/dashboard",
@@ -114,40 +112,40 @@ const se = "xto_", Ye = (e) => ({
   closable: !1,
   isDefault: !1,
   isOut: !1
-}, te = pe("menu", () => {
-  const e = _(f.get(be) || []), s = y(() => e.value.length > 0);
+}, ee = pe("menu", () => {
+  const e = g(v.get(ke) || []), s = y(() => e.value.length > 0);
   return {
     menuList: e,
     hasMenu: s,
     setMenuList: (n) => {
-      e.value = [gt, ...n], f.set(be, e.value);
+      e.value = [_t, ...n], v.set(ke, e.value);
     },
     clearMenu: () => {
-      e.value = [], f.remove(be);
+      e.value = [], v.remove(ke);
     }
   };
-}), We = "/vite.svg", we = "user_info", j = pe("user", () => {
-  const e = _(f.get(we)), s = y(() => !!e.value), o = y(() => {
-    var r;
-    return ((r = e.value) == null ? void 0 : r.userId) || "";
+}), Ye = "/vite.svg", be = "user_info", j = pe("user", () => {
+  const e = g(v.get(be)), s = y(() => !!e.value), o = y(() => {
+    var i;
+    return ((i = e.value) == null ? void 0 : i.userId) || "";
   }), a = y(() => {
-    var r;
-    return ((r = e.value) == null ? void 0 : r.userName) || "";
+    var i;
+    return ((i = e.value) == null ? void 0 : i.userName) || "";
   }), n = y(() => {
-    var r;
-    return ((r = e.value) == null ? void 0 : r.departmentName) || "";
-  }), c = y(() => {
-    var r;
-    return ((r = e.value) == null ? void 0 : r.email) || "";
-  }), b = y(() => {
-    var r;
-    return ((r = e.value) == null ? void 0 : r.mobilePhone) || "";
+    var i;
+    return ((i = e.value) == null ? void 0 : i.departmentName) || "";
   }), d = y(() => {
-    var r;
-    return ((r = e.value) == null ? void 0 : r.positionName) || "";
+    var i;
+    return ((i = e.value) == null ? void 0 : i.email) || "";
+  }), w = y(() => {
+    var i;
+    return ((i = e.value) == null ? void 0 : i.mobilePhone) || "";
+  }), c = y(() => {
+    var i;
+    return ((i = e.value) == null ? void 0 : i.positionName) || "";
   }), h = y(() => {
-    var r;
-    return ((r = e.value) == null ? void 0 : r.avatar) || "";
+    var i;
+    return ((i = e.value) == null ? void 0 : i.avatar) || "";
   });
   return {
     userInfo: e,
@@ -155,87 +153,87 @@ const se = "xto_", Ye = (e) => ({
     userId: o,
     userName: a,
     departmentName: n,
-    email: c,
-    mobilePhone: b,
-    positionName: d,
+    email: d,
+    mobilePhone: w,
+    positionName: c,
     avatar: h,
-    setUserInfo: (r) => {
-      e.value = r, f.set(we, r);
+    setUserInfo: (i) => {
+      e.value = i, v.set(be, i);
     },
     clearUserInfo: () => {
-      e.value = null, f.remove(we);
+      e.value = null, v.remove(be);
     }
   };
-}), xe = "token", Le = "token_type", Te = "refresh_token", Ee = "expires_time", Ne = "refresh_time", Ue = "code", fe = () => f.get(xe), yt = (e) => {
-  f.set(xe, e);
-}, kt = () => f.get(Le), bt = (e) => {
-  f.set(Le, e);
-}, Uo = () => f.get(Te), wt = (e) => {
-  f.set(Te, e);
-}, Ct = () => f.get(Ee), St = (e) => {
-  f.set(Ee, e);
-}, $o = () => f.get(Ne), It = (e) => {
-  f.set(Ne, e);
-}, Mo = () => f.get(Ue), xt = (e) => {
-  f.set(Ue, e);
-}, He = (e) => {
-  yt(e.access_token), bt(e.token_type || "Bearer"), wt(e.refresh_token), St(e.expires_time), It(e.refresh_time), e.code && xt(e.code);
-}, Xe = () => {
-  f.remove(xe), f.remove(Le), f.remove(Te), f.remove(Ee), f.remove(Ne), f.remove(Ue);
-}, Lt = () => {
-  const e = Ct();
+}), xe = "token", Ie = "token_type", Le = "refresh_token", Te = "expires_time", Ee = "refresh_time", Ne = "code", ve = () => v.get(xe), gt = (e) => {
+  v.set(xe, e);
+}, yt = () => v.get(Ie), kt = (e) => {
+  v.set(Ie, e);
+}, Mo = () => v.get(Le), bt = (e) => {
+  v.set(Le, e);
+}, wt = () => v.get(Te), Ct = (e) => {
+  v.set(Te, e);
+}, Uo = () => v.get(Ee), St = (e) => {
+  v.set(Ee, e);
+}, Ro = () => v.get(Ne), xt = (e) => {
+  v.set(Ne, e);
+}, We = (e) => {
+  gt(e.access_token), kt(e.token_type || "Bearer"), bt(e.refresh_token), Ct(e.expires_time), St(e.refresh_time), e.code && xt(e.code);
+}, He = () => {
+  v.remove(xe), v.remove(Ie), v.remove(Le), v.remove(Te), v.remove(Ee), v.remove(Ne);
+}, It = () => {
+  const e = wt();
   return e ? Date.now() > e : !0;
-}, Je = () => !!fe() && !Lt(), $e = pe("auth", () => {
-  const e = _(fe()), s = y(() => Je()), o = _(""), a = _(""), n = _(""), c = _("/login");
+}, Xe = () => !!ve() && !It(), $e = pe("auth", () => {
+  const e = g(ve()), s = y(() => Xe()), o = g(""), a = g(""), n = g(""), d = g("/login");
   return {
     token: e,
     isLoggedIn: s,
     baseUrl: o,
     appId: a,
     clientId: n,
-    loginPath: c,
-    login: (v) => {
-      e.value = v.access_token, He(v);
+    loginPath: d,
+    login: (f) => {
+      e.value = f.access_token, We(f);
     },
     logout: () => {
-      e.value = null, Xe();
+      e.value = null, He();
     },
-    setBaseUrl: (v) => {
-      o.value = v;
+    setBaseUrl: (f) => {
+      o.value = f;
     },
-    setAppId: (v) => {
-      a.value = v;
+    setAppId: (f) => {
+      a.value = f;
     },
-    setClientId: (v) => {
-      n.value = v;
+    setClientId: (f) => {
+      n.value = f;
     },
-    setLoginPath: (v) => {
-      c.value = v;
+    setLoginPath: (f) => {
+      d.value = f;
     }
   };
-}), Tt = { class: "sidebar__logo" }, Et = { class: "sidebar__menu-icon" }, Nt = {
+}), Lt = { class: "sidebar__logo" }, Tt = { class: "sidebar__menu-icon" }, Et = {
   key: 1,
   class: "sidebar__menu-char"
-}, Ut = { class: "sidebar__menu-icon" }, $t = {
+}, Nt = { class: "sidebar__menu-icon" }, $t = {
   key: 1,
   class: "sidebar__menu-char"
-}, Mt = { class: "sidebar__menu-icon" }, Rt = {
+}, Mt = { class: "sidebar__menu-icon" }, Ut = {
   key: 1,
   class: "sidebar__menu-char"
-}, Dt = {
+}, Rt = {
   key: 0,
   class: "sidebar__user"
-}, Pt = { class: "sidebar__user-info" }, Ot = { class: "sidebar__user-name" }, zt = { class: "sidebar__user-role" }, At = /* @__PURE__ */ X({
+}, Dt = { class: "sidebar__user-info" }, Pt = { class: "sidebar__user-name" }, zt = { class: "sidebar__user-role" }, Ot = /* @__PURE__ */ H({
   __name: "Sidebar",
   props: {
     menuList: { default: () => [] }
   },
   setup(e) {
-    const s = e, o = ae(), a = J(), n = te(), c = j(), b = $e(), d = Q(), h = y(() => s.menuList.length > 0 ? s.menuList : n.menuList), i = y(() => d.isCollapsed), p = y(() => o.path), r = y(() => d.isDark ? "#1d1e1f" : "#fff"), v = y(() => d.isDark ? "#cfd3dc" : "#303133"), D = y(() => "#409eff"), w = ($) => {
-      $ && $ !== o.path && a.push($);
-    }, P = () => {
-      b.logout(), c.clearUserInfo(), n.clearMenu(), a.push("/login");
-    }, C = /* @__PURE__ */ new Set([
+    const s = e, o = ae(), a = X(), n = ee(), d = j(), w = $e(), c = J(), h = y(() => s.menuList.length > 0 ? s.menuList : n.menuList), l = y(() => c.isCollapsed), p = y(() => o.path), i = y(() => c.isDark ? "#1d1e1f" : "#fff"), f = y(() => c.isDark ? "#cfd3dc" : "#303133"), R = y(() => "#409eff"), C = (M) => {
+      M && M !== o.path && a.push(M);
+    }, D = () => {
+      w.logout(), d.clearUserInfo(), n.clearMenu(), a.push("/login");
+    }, b = /* @__PURE__ */ new Set([
       "arrow-up",
       "arrow-down",
       "arrow-left",
@@ -337,10 +335,10 @@ const se = "xto_", Ye = (e) => ({
       "sun",
       "theme",
       "skin"
-    ]), L = ($) => {
-      if (!$ || $ === "") return "";
-      if ($.startsWith("tineco-icon-")) {
-        const N = $.replace("tineco-icon-", "");
+    ]), E = (M) => {
+      if (!M || M === "") return "";
+      if (M.startsWith("tineco-icon-")) {
+        const N = M.replace("tineco-icon-", "");
         return {
           home: "home",
           dashboard: "dashboard",
@@ -373,82 +371,82 @@ const se = "xto_", Ye = (e) => ({
         app: "app",
         list: "list",
         grid: "grid"
-      }[$] || $;
-    }, Y = ($) => $ ? $.charAt(0) : "", B = ($) => C.has($);
-    return ($, V) => (u(), g("div", {
-      class: F(["sidebar", { "sidebar--collapsed": i.value }])
+      }[M] || M;
+    }, Y = (M) => M ? M.charAt(0) : "", B = (M) => b.has(M);
+    return (M, V) => (u(), _("div", {
+      class: F(["sidebar", { "sidebar--collapsed": l.value }])
     }, [
-      t("div", Tt, [
+      t("div", Lt, [
         V[0] || (V[0] = t("img", {
-          src: We,
+          src: Ye,
           alt: "Logo",
           class: "sidebar__logo-img"
         }, null, -1)),
-        Be(t("span", { class: "sidebar__logo-text" }, T(l(d).appName), 513), [
-          [lt, !i.value]
+        Ae(t("span", { class: "sidebar__logo-text" }, L(r(c).appName), 513), [
+          [rt, !l.value]
         ])
       ]),
-      S(l(je), {
+      S(r(Ke), {
         "default-active": p.value,
         mode: "vertical",
-        collapse: i.value,
+        collapse: l.value,
         "collapse-transition": !1,
-        "background-color": r.value,
-        "text-color": v.value,
-        "active-text-color": D.value,
+        "background-color": i.value,
+        "text-color": f.value,
+        "active-text-color": R.value,
         class: "sidebar__menu",
-        onSelect: w
+        onSelect: C
       }, {
         default: x(() => [
-          (u(!0), g(A, null, K(h.value, (N) => (u(), g(A, {
+          (u(!0), _(A, null, K(h.value, (N) => (u(), _(A, {
             key: N.menuUrl
           }, [
-            N.children && N.children.length > 0 ? (u(), R(l(qe), {
+            N.children && N.children.length > 0 ? (u(), P(r(je), {
               key: 0,
               index: N.menuUrl
             }, {
               title: x(() => [
-                t("span", Et, [
-                  B(L(N.icon)) ? (u(), R(l(M), {
+                t("span", Tt, [
+                  B(E(N.icon)) ? (u(), P(r(U), {
                     key: 0,
-                    name: L(N.icon),
+                    name: E(N.icon),
                     size: 16
-                  }, null, 8, ["name"])) : (u(), g("span", Nt, T(Y(N.menuName)), 1))
+                  }, null, 8, ["name"])) : (u(), _("span", Et, L(Y(N.menuName)), 1))
                 ]),
-                t("span", null, T(N.menuName), 1)
+                t("span", null, L(N.menuName), 1)
               ]),
               default: x(() => [
-                (u(!0), g(A, null, K(N.children, (O) => (u(), R(l(ue), {
-                  key: O.menuUrl,
-                  index: O.menuUrl
+                (u(!0), _(A, null, K(N.children, (z) => (u(), P(r(ue), {
+                  key: z.menuUrl,
+                  index: z.menuUrl
                 }, {
                   default: x(() => [
-                    t("span", Ut, [
-                      B(L(O.icon)) ? (u(), R(l(M), {
+                    t("span", Nt, [
+                      B(E(z.icon)) ? (u(), P(r(U), {
                         key: 0,
-                        name: L(O.icon),
+                        name: E(z.icon),
                         size: 16
-                      }, null, 8, ["name"])) : (u(), g("span", $t, T(Y(O.menuName)), 1))
+                      }, null, 8, ["name"])) : (u(), _("span", $t, L(Y(z.menuName)), 1))
                     ]),
-                    t("span", null, T(O.menuName), 1)
+                    t("span", null, L(z.menuName), 1)
                   ]),
                   _: 2
                 }, 1032, ["index"]))), 128))
               ]),
               _: 2
-            }, 1032, ["index"])) : (u(), R(l(ue), {
+            }, 1032, ["index"])) : (u(), P(r(ue), {
               key: 1,
               index: N.menuUrl
             }, {
               default: x(() => [
                 t("span", Mt, [
-                  B(L(N.icon)) ? (u(), R(l(M), {
+                  B(E(N.icon)) ? (u(), P(r(U), {
                     key: 0,
-                    name: L(N.icon),
+                    name: E(N.icon),
                     size: 16
-                  }, null, 8, ["name"])) : (u(), g("span", Rt, T(Y(N.menuName)), 1))
+                  }, null, 8, ["name"])) : (u(), _("span", Ut, L(Y(N.menuName)), 1))
                 ]),
-                t("span", null, T(N.menuName), 1)
+                t("span", null, L(N.menuName), 1)
               ]),
               _: 2
             }, 1032, ["index"]))
@@ -456,18 +454,18 @@ const se = "xto_", Ye = (e) => ({
         ]),
         _: 1
       }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color"]),
-      i.value ? z("", !0) : (u(), g("div", Dt, [
-        t("div", Pt, [
-          t("span", Ot, T(l(c).userName), 1),
-          t("span", zt, T(l(c).departmentName), 1)
+      l.value ? O("", !0) : (u(), _("div", Rt, [
+        t("div", Dt, [
+          t("span", Pt, L(r(d).userName), 1),
+          t("span", zt, L(r(d).departmentName), 1)
         ]),
-        S(l(he), {
+        S(r(he), {
           type: "text",
           size: "small",
-          onClick: P
+          onClick: D
         }, {
           default: x(() => [...V[1] || (V[1] = [
-            ee("退出", -1)
+            G("退出", -1)
           ])]),
           _: 1
         })
@@ -479,127 +477,131 @@ const se = "xto_", Ye = (e) => ({
   for (const [a, n] of s)
     o[a] = n;
   return o;
-}, Bt = /* @__PURE__ */ q(At, [["__scopeId", "data-v-480fc818"]]), Vt = { class: "header" }, Ft = { class: "header__left" }, Kt = {
+}, At = /* @__PURE__ */ q(Ot, [["__scopeId", "data-v-480fc818"]]), Bt = { class: "header" }, Vt = { class: "header__left" }, Ft = {
   key: 0,
   class: "header__breadcrumb"
-}, jt = {
+}, Kt = {
   key: 0,
   class: "breadcrumb-separator"
-}, qt = { class: "header__right" }, Yt = ["title"], Wt = { class: "header__avatar" }, Ht = { class: "header__user-name" }, Xt = {
+}, jt = { class: "header__right" }, qt = ["title"], Yt = { class: "header__avatar" }, Wt = { class: "header__user-name" }, Ht = {
   key: 0,
   class: "header__dropdown"
-}, Jt = { class: "header__dropdown-header" }, Qt = { class: "header__dropdown-avatar" }, Zt = { class: "header__dropdown-info" }, Gt = { class: "header__dropdown-name" }, es = { class: "header__dropdown-role" }, ts = { class: "header__dropdown-menu" }, ss = { class: "search-container" }, os = { class: "search-input-wrapper" }, as = {
+}, Xt = { class: "header__dropdown-header" }, Jt = { class: "header__dropdown-avatar" }, Qt = { class: "header__dropdown-info" }, Zt = { class: "header__dropdown-name" }, Gt = { class: "header__dropdown-role" }, es = { class: "header__dropdown-menu" }, ts = { class: "search-container" }, ss = { class: "search-input-wrapper" }, os = {
   key: 0,
   class: "search-results"
-}, ns = ["onClick"], rs = { class: "search-result-info" }, ls = { class: "search-result-title" }, is = {
+}, as = ["onClick"], ns = { class: "search-result-info" }, rs = { class: "search-result-title" }, ls = {
   key: 0,
   class: "search-result-parent"
-}, us = {
+}, is = {
   key: 1,
   class: "search-empty"
-}, cs = { class: "settings-drawer" }, ds = { class: "settings-section" }, ms = { class: "settings-layout-options" }, ps = ["onClick"], hs = { class: "layout-option__preview" }, fs = {
+}, us = { class: "settings-drawer" }, cs = { class: "settings-section" }, ds = { class: "settings-layout-options" }, ms = ["onClick"], ps = { class: "layout-option__preview" }, hs = {
   key: 0,
   class: "layout-preview-sidebar"
 }, vs = {
   key: 1,
   class: "layout-preview-top"
-}, _s = { class: "layout-option__label" }, gs = { class: "settings-section" }, ys = { class: "settings-color-options" }, ks = ["title", "onClick"], bs = { class: "settings-section" }, ws = { class: "settings-switch-list" }, Cs = { class: "settings-switch-item" }, Ss = { class: "settings-switch-item" }, Is = /* @__PURE__ */ X({
+}, fs = {
+  key: 2,
+  class: "layout-preview-mix"
+}, _s = { class: "layout-option__label" }, gs = { class: "settings-section" }, ys = { class: "settings-color-options" }, ks = ["title", "onClick"], bs = { class: "settings-section" }, ws = { class: "settings-switch-list" }, Cs = { class: "settings-switch-item" }, Ss = { class: "settings-switch-item" }, xs = /* @__PURE__ */ H({
   __name: "Header",
   setup(e) {
-    const s = ae(), o = J(), a = Q(), n = j(), c = $e(), b = te(), d = _(!1), h = _(!1), i = _(null), p = _(!1), r = _(!1), v = _(""), D = _(null), w = _(!1), P = [
+    const s = ae(), o = X(), a = J(), n = j(), d = $e(), w = ee(), c = g(!1), h = g(!1), l = g(null), p = g(!1), i = g(!1), f = g(""), R = g(null), C = g(!1), D = [
       { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
-      { value: "top", label: "顶部菜单", icon: "menu" }
-    ], C = [
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], b = [
       { value: "#409eff", label: "默认蓝" },
       { value: "#1890ff", label: "科技蓝" },
       { value: "#52c41a", label: "极光绿" },
       { value: "#faad14", label: "日落橙" },
       { value: "#f5222d", label: "薄暮红" },
       { value: "#722ed1", label: "酱紫" }
-    ], L = y(() => s.matched.filter((m) => m.meta && m.meta.title).map((m) => ({
+    ], E = y(() => s.matched.filter((m) => m.meta && m.meta.title).map((m) => ({
       title: m.meta.title,
       path: m.path
-    }))), Y = (U, m = "") => {
-      const Z = [];
-      return U.forEach((k) => {
-        k.children && k.children.length > 0 ? Z.push(...Y(k.children, k.title)) : Z.push({ ...k, parentTitle: m });
-      }), Z;
-    }, B = y(() => v.value.trim() ? Y(b.menuList).filter(
-      (m) => m.title.toLowerCase().includes(v.value.toLowerCase())
-    ) : []), $ = y(() => a.layout), V = () => {
+    }))), Y = ($, m = "") => {
+      const Q = [];
+      return $.forEach((k) => {
+        k.children && k.children.length > 0 ? Q.push(...Y(k.children, k.title)) : Q.push({ ...k, parentTitle: m });
+      }), Q;
+    }, B = y(() => f.value.trim() ? Y(w.menuList).filter(
+      (m) => m.title.toLowerCase().includes(f.value.toLowerCase())
+    ) : []), M = y(() => a.layout), V = () => {
       a.toggleCollapse();
     }, N = () => {
       a.toggleTheme();
-    }, O = () => {
+    }, z = () => {
       h.value = !0;
-    }, ve = (U) => {
-      a.setLayout(U);
-    }, _e = (U) => {
-      w.value = U;
+    }, fe = ($) => {
+      a.setLayout($);
+    }, _e = ($) => {
+      C.value = $;
       const m = document.documentElement;
-      U ? m.classList.add("grey-mode") : m.classList.remove("grey-mode");
+      $ ? m.classList.add("grey-mode") : m.classList.remove("grey-mode");
     }, ge = () => {
       document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
-    }, ne = () => {
-      p.value = !!document.fullscreenElement;
     }, I = () => {
-      d.value = !d.value;
-    }, W = () => {
-      d.value = !1;
-    }, Re = () => {
-      r.value = !0;
+      p.value = !!document.fullscreenElement;
+    }, ne = () => {
+      c.value = !c.value;
+    }, te = () => {
+      c.value = !1;
+    }, Ue = () => {
+      i.value = !0;
     }, ye = () => {
-      r.value = !1, v.value = "";
-    }, De = (U) => {
-      o.push(U), ye();
-    }, st = (U) => {
-      a.setPrimaryColor(U);
+      i.value = !1, f.value = "";
+    }, Re = ($) => {
+      o.push($), ye();
+    }, tt = ($) => {
+      a.setPrimaryColor($);
+    }, st = () => {
+      te(), o.push("/profile");
     }, ot = () => {
-      W(), o.push("/profile");
+      te(), o.push("/change-password");
     }, at = () => {
-      W(), o.push("/change-password");
-    }, nt = () => {
-      W(), c.logout(), n.clearUserInfo(), b.clearMenu(), o.push("/login");
-    }, Pe = (U) => {
-      i.value && !i.value.contains(U.target) && W(), D.value && !D.value.contains(U.target) && ye();
-    }, Oe = (U) => {
-      U.key === "Escape" && (ye(), W()), (U.ctrlKey || U.metaKey) && U.key === "k" && (U.preventDefault(), Re());
+      te(), d.logout(), n.clearUserInfo(), w.clearMenu(), o.push("/login");
+    }, De = ($) => {
+      l.value && !l.value.contains($.target) && te(), R.value && !R.value.contains($.target) && ye();
+    }, Pe = ($) => {
+      $.key === "Escape" && (ye(), te()), ($.ctrlKey || $.metaKey) && $.key === "k" && ($.preventDefault(), Ue());
     };
-    return it(() => {
-      document.addEventListener("click", Pe), document.addEventListener("fullscreenchange", ne), document.addEventListener("keydown", Oe), a.initTheme(), w.value = document.documentElement.classList.contains("grey-mode");
-    }), ut(() => {
-      document.removeEventListener("click", Pe), document.removeEventListener("fullscreenchange", ne), document.removeEventListener("keydown", Oe);
-    }), (U, m) => {
-      var Z;
-      return u(), g("div", Vt, [
-        t("div", Ft, [
+    return lt(() => {
+      document.addEventListener("click", De), document.addEventListener("fullscreenchange", I), document.addEventListener("keydown", Pe), a.initTheme(), C.value = document.documentElement.classList.contains("grey-mode");
+    }), it(() => {
+      document.removeEventListener("click", De), document.removeEventListener("fullscreenchange", I), document.removeEventListener("keydown", Pe);
+    }), ($, m) => {
+      var Q;
+      return u(), _("div", Bt, [
+        t("div", Vt, [
           t("div", {
             class: "header__collapse",
             onClick: V
           }, [
-            S(l(M), {
-              name: l(a).isCollapsed ? "menu-unfold" : "menu-fold",
+            S(r(U), {
+              name: r(a).isCollapsed ? "menu-unfold" : "menu-fold",
               size: 18
             }, null, 8, ["name"])
           ]),
-          l(a).showBreadcrumb ? (u(), g("div", Kt, [
-            (u(!0), g(A, null, K(L.value, (k, G) => (u(), g("span", {
+          r(a).showBreadcrumb ? (u(), _("div", Ft, [
+            (u(!0), _(A, null, K(E.value, (k, Z) => (u(), _("span", {
               key: k.path
             }, [
-              G > 0 ? (u(), g("span", jt, "/")) : z("", !0),
+              Z > 0 ? (u(), _("span", Kt, "/")) : O("", !0),
               t("span", {
-                class: F({ "is-current": G === L.value.length - 1 })
-              }, T(k.title), 3)
+                class: F({ "is-current": Z === E.value.length - 1 })
+              }, L(k.title), 3)
             ]))), 128))
-          ])) : z("", !0)
+          ])) : O("", !0)
         ]),
-        t("div", qt, [
+        t("div", jt, [
           t("div", {
             class: "header__action",
-            onClick: Re,
+            onClick: Ue,
             title: "搜索 (Ctrl+K)"
           }, [
-            S(l(M), {
+            S(r(U), {
               name: "search",
               size: 16
             })
@@ -609,17 +611,17 @@ const se = "xto_", Ye = (e) => ({
             onClick: ge,
             title: p.value ? "退出全屏" : "全屏"
           }, [
-            S(l(M), {
+            S(r(U), {
               name: p.value ? "fullscreen-exit" : "fullscreen",
               size: 16
             }, null, 8, ["name"])
-          ], 8, Yt),
+          ], 8, qt),
           t("div", {
             class: "header__action",
-            onClick: O,
+            onClick: z,
             title: "换肤设置"
           }, [
-            S(l(M), {
+            S(r(U), {
               name: "skin",
               size: 16
             })
@@ -629,49 +631,49 @@ const se = "xto_", Ye = (e) => ({
             onClick: N,
             title: "切换主题"
           }, [
-            S(l(M), {
-              name: l(a).isDark ? "sun" : "moon",
+            S(r(U), {
+              name: r(a).isDark ? "sun" : "moon",
               size: 16
             }, null, 8, ["name"])
           ]),
           t("div", {
             class: "header__user",
             ref_key: "dropdownRef",
-            ref: i
+            ref: l
           }, [
             t("div", {
               class: "header__user-trigger",
-              onClick: Ve(I, ["stop"])
+              onClick: Be(ne, ["stop"])
             }, [
-              t("div", Wt, [
-                t("span", null, T(((Z = l(n).userName) == null ? void 0 : Z.charAt(0)) || "U"), 1)
+              t("div", Yt, [
+                t("span", null, L(((Q = r(n).userName) == null ? void 0 : Q.charAt(0)) || "U"), 1)
               ]),
-              t("span", Ht, T(l(n).userName), 1),
+              t("span", Wt, L(r(n).userName), 1),
               t("span", {
-                class: F(["header__user-arrow", { "is-active": d.value }])
+                class: F(["header__user-arrow", { "is-active": c.value }])
               }, "▼", 2)
             ]),
             S(ze, { name: "dropdown" }, {
               default: x(() => {
                 var k;
                 return [
-                  d.value ? (u(), g("div", Xt, [
-                    t("div", Jt, [
-                      t("div", Qt, [
-                        t("span", null, T(((k = l(n).userName) == null ? void 0 : k.charAt(0)) || "U"), 1)
+                  c.value ? (u(), _("div", Ht, [
+                    t("div", Xt, [
+                      t("div", Jt, [
+                        t("span", null, L(((k = r(n).userName) == null ? void 0 : k.charAt(0)) || "U"), 1)
                       ]),
-                      t("div", Zt, [
-                        t("div", Gt, T(l(n).userName), 1),
-                        t("div", es, T(l(n).departmentName), 1)
+                      t("div", Qt, [
+                        t("div", Zt, L(r(n).userName), 1),
+                        t("div", Gt, L(r(n).departmentName), 1)
                       ])
                     ]),
                     m[8] || (m[8] = t("div", { class: "header__dropdown-divider" }, null, -1)),
-                    t("div", ts, [
+                    t("div", es, [
                       t("div", {
                         class: "header__dropdown-item",
-                        onClick: ot
+                        onClick: st
                       }, [
-                        S(l(M), {
+                        S(r(U), {
                           name: "user",
                           size: 16
                         }),
@@ -679,9 +681,9 @@ const se = "xto_", Ye = (e) => ({
                       ]),
                       t("div", {
                         class: "header__dropdown-item",
-                        onClick: at
+                        onClick: ot
                       }, [
-                        S(l(M), {
+                        S(r(U), {
                           name: "lock",
                           size: 16
                         }),
@@ -690,16 +692,16 @@ const se = "xto_", Ye = (e) => ({
                       m[7] || (m[7] = t("div", { class: "header__dropdown-divider" }, null, -1)),
                       t("div", {
                         class: "header__dropdown-item header__dropdown-item--danger",
-                        onClick: nt
+                        onClick: at
                       }, [
-                        S(l(M), {
+                        S(r(U), {
                           name: "logout",
                           size: 16
                         }),
                         m[6] || (m[6] = t("span", null, "退出登录", -1))
                       ])
                     ])
-                  ])) : z("", !0)
+                  ])) : O("", !0)
                 ];
               }),
               _: 1
@@ -708,54 +710,54 @@ const se = "xto_", Ye = (e) => ({
         ]),
         S(ze, { name: "search" }, {
           default: x(() => [
-            r.value ? (u(), g("div", {
+            i.value ? (u(), _("div", {
               key: 0,
               class: "header__search-modal",
               ref_key: "searchRef",
-              ref: D
+              ref: R
             }, [
-              t("div", ss, [
-                t("div", os, [
-                  S(l(M), {
+              t("div", ts, [
+                t("div", ss, [
+                  S(r(U), {
                     class: "search-icon",
                     name: "search",
                     size: 20
                   }),
-                  Be(t("input", {
-                    "onUpdate:modelValue": m[0] || (m[0] = (k) => v.value = k),
+                  Ae(t("input", {
+                    "onUpdate:modelValue": m[0] || (m[0] = (k) => f.value = k),
                     type: "text",
                     class: "search-input",
                     placeholder: "搜索菜单...",
                     autofocus: "",
-                    onKeyup: m[1] || (m[1] = Fe((k) => B.value[0] && De(B.value[0].path), ["enter"]))
+                    onKeyup: m[1] || (m[1] = Ve((k) => B.value[0] && Re(B.value[0].path), ["enter"]))
                   }, null, 544), [
-                    [ct, v.value]
+                    [ut, f.value]
                   ]),
                   m[9] || (m[9] = t("span", { class: "search-shortcut" }, "ESC 关闭", -1))
                 ]),
-                B.value.length > 0 ? (u(), g("div", as, [
-                  (u(!0), g(A, null, K(B.value, (k, G) => (u(), g("div", {
+                B.value.length > 0 ? (u(), _("div", os, [
+                  (u(!0), _(A, null, K(B.value, (k, Z) => (u(), _("div", {
                     key: k.path,
-                    class: F(["search-result-item", { "is-first": G === 0 }]),
-                    onClick: (bo) => De(k.path)
+                    class: F(["search-result-item", { "is-first": Z === 0 }]),
+                    onClick: (wo) => Re(k.path)
                   }, [
-                    S(l(M), {
+                    S(r(U), {
                       class: "search-result-icon",
                       name: k.icon || "file",
                       size: 20
                     }, null, 8, ["name"]),
-                    t("div", rs, [
-                      t("span", ls, T(k.title), 1),
-                      k.parentTitle ? (u(), g("span", is, T(k.parentTitle), 1)) : z("", !0)
+                    t("div", ns, [
+                      t("span", rs, L(k.title), 1),
+                      k.parentTitle ? (u(), _("span", ls, L(k.parentTitle), 1)) : O("", !0)
                     ])
-                  ], 10, ns))), 128))
-                ])) : v.value ? (u(), g("div", us, " 未找到匹配的菜单 ")) : z("", !0)
+                  ], 10, as))), 128))
+                ])) : f.value ? (u(), _("div", is, " 未找到匹配的菜单 ")) : O("", !0)
               ])
-            ], 512)) : z("", !0)
+            ], 512)) : O("", !0)
           ]),
           _: 1
         }),
-        S(l(ht), {
+        S(r(pt), {
           modelValue: h.value,
           "onUpdate:modelValue": m[3] || (m[3] = (k) => h.value = k),
           title: "换肤设置",
@@ -763,68 +765,76 @@ const se = "xto_", Ye = (e) => ({
           size: "320px"
         }, {
           default: x(() => [
-            t("div", cs, [
-              t("div", ds, [
-                m[12] || (m[12] = t("div", { class: "settings-title" }, "布局模式", -1)),
-                t("div", ms, [
-                  (u(), g(A, null, K(P, (k) => t("div", {
+            t("div", us, [
+              t("div", cs, [
+                m[13] || (m[13] = t("div", { class: "settings-title" }, "布局模式", -1)),
+                t("div", ds, [
+                  (u(), _(A, null, K(D, (k) => t("div", {
                     key: k.value,
-                    class: F(["layout-option", { "is-active": $.value === k.value }]),
-                    onClick: (G) => ve(k.value)
+                    class: F(["layout-option", { "is-active": M.value === k.value }]),
+                    onClick: (Z) => fe(k.value)
                   }, [
-                    t("div", hs, [
-                      k.value === "sidebar" ? (u(), g("div", fs, [...m[10] || (m[10] = [
+                    t("div", ps, [
+                      k.value === "sidebar" ? (u(), _("div", hs, [...m[10] || (m[10] = [
                         t("div", { class: "preview-aside" }, null, -1),
                         t("div", { class: "preview-main" }, [
                           t("div", { class: "preview-header" }),
                           t("div", { class: "preview-content" })
                         ], -1)
-                      ])])) : (u(), g("div", vs, [...m[11] || (m[11] = [
+                      ])])) : k.value === "top" ? (u(), _("div", vs, [...m[11] || (m[11] = [
                         t("div", { class: "preview-header-full" }, null, -1),
                         t("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (u(), _("div", fs, [...m[12] || (m[12] = [
+                        t("div", { class: "preview-header-mix" }, [
+                          t("div", { class: "preview-mix-left" })
+                        ], -1),
+                        t("div", { class: "preview-mix-body" }, [
+                          t("div", { class: "preview-mix-aside" }),
+                          t("div", { class: "preview-mix-content" })
+                        ], -1)
                       ])]))
                     ]),
-                    t("span", _s, T(k.label), 1)
-                  ], 10, ps)), 64))
+                    t("span", _s, L(k.label), 1)
+                  ], 10, ms)), 64))
                 ])
               ]),
               t("div", gs, [
-                m[13] || (m[13] = t("div", { class: "settings-title" }, "主题色", -1)),
+                m[14] || (m[14] = t("div", { class: "settings-title" }, "主题色", -1)),
                 t("div", ys, [
-                  (u(), g(A, null, K(C, (k) => t("div", {
+                  (u(), _(A, null, K(b, (k) => t("div", {
                     key: k.value,
-                    class: F(["color-option", { "is-active": l(a).primaryColor === k.value }]),
-                    style: Ke({ backgroundColor: k.value }),
+                    class: F(["color-option", { "is-active": r(a).primaryColor === k.value }]),
+                    style: Fe({ backgroundColor: k.value }),
                     title: k.label,
-                    onClick: (G) => st(k.value)
+                    onClick: (Z) => tt(k.value)
                   }, [
-                    l(a).primaryColor === k.value ? (u(), R(l(M), {
+                    r(a).primaryColor === k.value ? (u(), P(r(U), {
                       key: 0,
                       name: "check",
                       size: 12,
                       color: "#fff"
-                    })) : z("", !0)
+                    })) : O("", !0)
                   ], 14, ks)), 64))
                 ])
               ]),
               t("div", bs, [
-                m[18] || (m[18] = t("div", { class: "settings-title" }, "功能设置", -1)),
+                m[19] || (m[19] = t("div", { class: "settings-title" }, "功能设置", -1)),
                 t("div", ws, [
                   t("div", Cs, [
-                    m[15] || (m[15] = t("span", null, "灰色模式", -1)),
+                    m[16] || (m[16] = t("span", null, "灰色模式", -1)),
                     t("div", {
-                      class: F(["switch-wrapper", { "is-checked": w.value }]),
-                      onClick: m[2] || (m[2] = (k) => _e(!w.value))
-                    }, [...m[14] || (m[14] = [
+                      class: F(["switch-wrapper", { "is-checked": C.value }]),
+                      onClick: m[2] || (m[2] = (k) => _e(!C.value))
+                    }, [...m[15] || (m[15] = [
                       t("span", { class: "switch-core" }, null, -1)
                     ])], 2)
                   ]),
                   t("div", Ss, [
-                    m[17] || (m[17] = t("span", null, "暗黑模式", -1)),
+                    m[18] || (m[18] = t("span", null, "暗黑模式", -1)),
                     t("div", {
-                      class: F(["switch-wrapper", { "is-checked": l(a).isDark }]),
+                      class: F(["switch-wrapper", { "is-checked": r(a).isDark }]),
                       onClick: N
-                    }, [...m[16] || (m[16] = [
+                    }, [...m[17] || (m[17] = [
                       t("span", { class: "switch-core" }, null, -1)
                     ])], 2)
                   ])
@@ -837,20 +847,20 @@ const se = "xto_", Ye = (e) => ({
       ]);
     };
   }
-}), xs = /* @__PURE__ */ q(Is, [["__scopeId", "data-v-33c86f57"]]), Ls = { class: "top-menu" }, Ts = { class: "top-menu__menu-icon" }, Es = {
+}), Is = /* @__PURE__ */ q(xs, [["__scopeId", "data-v-9da60fc6"]]), Ls = { class: "top-menu" }, Ts = { class: "top-menu__menu-icon" }, Es = {
   key: 1,
   class: "top-menu__menu-char"
-}, Ns = { class: "top-menu__menu-icon" }, Us = {
+}, Ns = { class: "top-menu__menu-icon" }, $s = {
   key: 1,
   class: "top-menu__menu-char"
-}, $s = { class: "top-menu__menu-icon" }, Ms = {
+}, Ms = { class: "top-menu__menu-icon" }, Us = {
   key: 1,
   class: "top-menu__menu-char"
-}, Rs = /* @__PURE__ */ X({
+}, Rs = /* @__PURE__ */ H({
   __name: "TopMenu",
   setup(e) {
-    const s = ae(), o = J(), a = te(), n = Q(), c = y(() => s.path), b = y(() => n.isDark ? "#1d1e1f" : "#fff"), d = y(() => n.isDark ? "#cfd3dc" : "#303133"), h = y(() => "#409eff"), i = (w) => {
-      w && w !== s.path && o.push(w);
+    const s = ae(), o = X(), a = ee(), n = J(), d = y(() => s.path), w = y(() => n.isDark ? "#1d1e1f" : "#fff"), c = y(() => n.isDark ? "#cfd3dc" : "#303133"), h = y(() => "#409eff"), l = (C) => {
+      C && C !== s.path && o.push(C);
     }, p = /* @__PURE__ */ new Set([
       "arrow-up",
       "arrow-down",
@@ -953,10 +963,10 @@ const se = "xto_", Ye = (e) => ({
       "sun",
       "theme",
       "skin"
-    ]), r = (w) => {
-      if (!w || w === "") return "";
-      if (w.startsWith("tineco-icon-")) {
-        const C = w.replace("tineco-icon-", "");
+    ]), i = (C) => {
+      if (!C || C === "") return "";
+      if (C.startsWith("tineco-icon-")) {
+        const b = C.replace("tineco-icon-", "");
         return {
           home: "home",
           dashboard: "dashboard",
@@ -970,7 +980,7 @@ const se = "xto_", Ye = (e) => ({
           chart: "chart",
           report: "report",
           analytics: "analytics"
-        }[C] || C;
+        }[b] || b;
       }
       return {
         dashboard: "dashboard",
@@ -989,68 +999,68 @@ const se = "xto_", Ye = (e) => ({
         app: "app",
         list: "list",
         grid: "grid"
-      }[w] || w;
-    }, v = (w) => w ? w.charAt(0) : "", D = (w) => p.has(w);
-    return (w, P) => (u(), g("div", Ls, [
-      S(l(je), {
-        "default-active": c.value,
+      }[C] || C;
+    }, f = (C) => C ? C.charAt(0) : "", R = (C) => p.has(C);
+    return (C, D) => (u(), _("div", Ls, [
+      S(r(Ke), {
+        "default-active": d.value,
         mode: "horizontal",
-        "background-color": b.value,
-        "text-color": d.value,
+        "background-color": w.value,
+        "text-color": c.value,
         "active-text-color": h.value,
         class: "top-menu__menu",
-        onSelect: i
+        onSelect: l
       }, {
         default: x(() => [
-          (u(!0), g(A, null, K(l(a).menuList, (C) => (u(), g(A, {
-            key: C.menuUrl
+          (u(!0), _(A, null, K(r(a).menuList, (b) => (u(), _(A, {
+            key: b.menuUrl
           }, [
-            C.children && C.children.length > 0 ? (u(), R(l(qe), {
+            b.children && b.children.length > 0 ? (u(), P(r(je), {
               key: 0,
-              index: C.menuUrl
+              index: b.menuUrl
             }, {
               title: x(() => [
                 t("span", Ts, [
-                  D(r(C.icon)) ? (u(), R(l(M), {
+                  R(i(b.icon)) ? (u(), P(r(U), {
                     key: 0,
-                    name: r(C.icon),
+                    name: i(b.icon),
                     size: 16
-                  }, null, 8, ["name"])) : (u(), g("span", Es, T(v(C.menuName)), 1))
+                  }, null, 8, ["name"])) : (u(), _("span", Es, L(f(b.menuName)), 1))
                 ]),
-                t("span", null, T(C.menuName), 1)
+                t("span", null, L(b.menuName), 1)
               ]),
               default: x(() => [
-                (u(!0), g(A, null, K(C.children, (L) => (u(), R(l(ue), {
-                  key: L.menuUrl,
-                  index: L.menuUrl
+                (u(!0), _(A, null, K(b.children, (E) => (u(), P(r(ue), {
+                  key: E.menuUrl,
+                  index: E.menuUrl
                 }, {
                   default: x(() => [
                     t("span", Ns, [
-                      D(r(L.icon)) ? (u(), R(l(M), {
+                      R(i(E.icon)) ? (u(), P(r(U), {
                         key: 0,
-                        name: r(L.icon),
+                        name: i(E.icon),
                         size: 16
-                      }, null, 8, ["name"])) : (u(), g("span", Us, T(v(L.menuName)), 1))
+                      }, null, 8, ["name"])) : (u(), _("span", $s, L(f(E.menuName)), 1))
                     ]),
-                    t("span", null, T(L.menuName), 1)
+                    t("span", null, L(E.menuName), 1)
                   ]),
                   _: 2
                 }, 1032, ["index"]))), 128))
               ]),
               _: 2
-            }, 1032, ["index"])) : (u(), R(l(ue), {
+            }, 1032, ["index"])) : (u(), P(r(ue), {
               key: 1,
-              index: C.menuUrl
+              index: b.menuUrl
             }, {
               default: x(() => [
-                t("span", $s, [
-                  D(r(C.icon)) ? (u(), R(l(M), {
+                t("span", Ms, [
+                  R(i(b.icon)) ? (u(), P(r(U), {
                     key: 0,
-                    name: r(C.icon),
+                    name: i(b.icon),
                     size: 16
-                  }, null, 8, ["name"])) : (u(), g("span", Ms, T(v(C.menuName)), 1))
+                  }, null, 8, ["name"])) : (u(), _("span", Us, L(f(b.menuName)), 1))
                 ]),
-                t("span", null, T(C.menuName), 1)
+                t("span", null, L(b.menuName), 1)
               ]),
               _: 2
             }, 1032, ["index"]))
@@ -1060,86 +1070,91 @@ const se = "xto_", Ye = (e) => ({
       }, 8, ["default-active", "background-color", "text-color", "active-text-color"])
     ]));
   }
-}), Ds = /* @__PURE__ */ q(Rs, [["__scopeId", "data-v-8b571a75"]]), Ps = { class: "layout__main" }, Os = { class: "layout__header" }, zs = { class: "layout__content" }, As = /* @__PURE__ */ X({
+}), Ds = /* @__PURE__ */ q(Rs, [["__scopeId", "data-v-8b571a75"]]), Ps = {
+  key: 1,
+  class: "layout__top-menu"
+}, zs = { class: "layout__main" }, Os = { class: "layout__header" }, As = { class: "layout__content" }, Bs = /* @__PURE__ */ H({
   __name: "index",
   setup(e) {
-    const s = Q(), o = te(), a = y(
+    const s = J(), o = ee(), a = y(
       () => s.isCollapsed ? "64px" : "210px"
-    ), n = y(() => s.layout), c = y(() => n.value === "sidebar"), b = y(() => n.value === "top");
-    return (d, h) => {
-      const i = dt("router-view");
-      return u(), g("div", {
+    ), n = y(() => s.layout), d = y(() => n.value === "sidebar" || n.value === "mix"), w = y(() => n.value === "top"), c = y(() => (n.value !== "mix", o.menuList));
+    return (h, l) => {
+      const p = ct("router-view");
+      return u(), _("div", {
         class: F(["layout", `layout--${n.value}`])
       }, [
-        c.value ? (u(), g("aside", {
+        d.value ? (u(), _("aside", {
           key: 0,
           class: "layout__aside",
-          style: Ke({ width: a.value })
+          style: Fe({ width: a.value })
         }, [
-          S(Bt, {
-            "menu-list": l(o).menuList
+          S(At, {
+            "menu-list": n.value === "mix" ? c.value : r(o).menuList
           }, null, 8, ["menu-list"])
-        ], 4)) : z("", !0),
-        b.value ? (u(), R(Ds, { key: 1 })) : z("", !0),
-        t("div", Ps, [
+        ], 4)) : O("", !0),
+        w.value ? (u(), _("div", Ps, [
+          S(Ds)
+        ])) : O("", !0),
+        t("div", zs, [
           t("header", Os, [
-            S(xs)
+            S(Is)
           ]),
-          t("main", zs, [
-            S(i)
+          t("main", As, [
+            S(p)
           ])
         ])
       ], 2);
     };
   }
-}), Qe = /* @__PURE__ */ q(As, [["__scopeId", "data-v-c45071f5"]]), Bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Je = /* @__PURE__ */ q(Bs, [["__scopeId", "data-v-0cb5ef3f"]]), Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Qe
-}, Symbol.toStringTag, { value: "Module" })), Vs = { class: "tabs-wrapper" }, Fs = { class: "tab-label" }, Ks = ["onClick"], js = /* @__PURE__ */ X({
+  default: Je
+}, Symbol.toStringTag, { value: "Module" })), Fs = { class: "tabs-wrapper" }, Ks = { class: "tab-label" }, js = ["onClick"], qs = /* @__PURE__ */ H({
   __name: "Tabs",
   setup(e) {
-    const s = ae(), o = J(), a = y(() => {
-      const d = [];
+    const s = ae(), o = X(), a = y(() => {
+      const c = [];
       return s.matched.forEach((h) => {
-        var i;
-        (i = h.meta) != null && i.affix && d.push({
+        var l;
+        (l = h.meta) != null && l.affix && c.push({
           name: h.name,
           title: h.meta.title,
           path: h.path,
           affix: !0
         });
-      }), d;
-    }), n = y(() => s.path), c = (d) => {
-      o.push(d);
-    }, b = (d) => {
-      const h = a.value.find((i) => i.path === d);
-      if (!(h != null && h.affix) && d === n.value) {
-        const i = a.value.findIndex((r) => r.path === d), p = a.value[i - 1] || a.value[i + 1];
+      }), c;
+    }), n = y(() => s.path), d = (c) => {
+      o.push(c);
+    }, w = (c) => {
+      const h = a.value.find((l) => l.path === c);
+      if (!(h != null && h.affix) && c === n.value) {
+        const l = a.value.findIndex((i) => i.path === c), p = a.value[l - 1] || a.value[l + 1];
         p && o.push(p.path);
       }
     };
-    return (d, h) => (u(), g("div", Vs, [
-      S(l(mt), {
+    return (c, h) => (u(), _("div", Fs, [
+      S(r(dt), {
         modelValue: n.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (i) => n.value = i),
+        "onUpdate:modelValue": h[0] || (h[0] = (l) => n.value = l),
         type: "card",
-        onTabClick: c
+        onTabClick: d
       }, {
         default: x(() => [
-          (u(!0), g(A, null, K(a.value, (i) => (u(), R(l(pt), {
-            key: i.path,
-            name: i.path,
-            label: i.title,
-            closable: !i.affix
+          (u(!0), _(A, null, K(a.value, (l) => (u(), P(r(mt), {
+            key: l.path,
+            name: l.path,
+            label: l.title,
+            closable: !l.affix
           }, {
             label: x(() => [
-              t("span", Fs, [
-                ee(T(i.title) + " ", 1),
-                i.affix ? z("", !0) : (u(), g("span", {
+              t("span", Ks, [
+                G(L(l.title) + " ", 1),
+                l.affix ? O("", !0) : (u(), _("span", {
                   key: 0,
                   class: "tab-close",
-                  onClick: Ve((p) => b(i.path), ["stop"])
-                }, " ✕ ", 8, Ks))
+                  onClick: Be((p) => w(l.path), ["stop"])
+                }, " ✕ ", 8, js))
               ])
             ]),
             _: 2
@@ -1149,14 +1164,14 @@ const se = "xto_", Ye = (e) => ({
       }, 8, ["modelValue"])
     ]));
   }
-}), Ro = /* @__PURE__ */ q(js, [["__scopeId", "data-v-9156d8cd"]]), qs = {}, Ys = { class: "footer" };
-function Ws(e, s) {
-  return u(), g("div", Ys, [...s[0] || (s[0] = [
+}), Do = /* @__PURE__ */ q(qs, [["__scopeId", "data-v-9156d8cd"]]), Ys = {}, Ws = { class: "footer" };
+function Hs(e, s) {
+  return u(), _("div", Ws, [...s[0] || (s[0] = [
     t("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
   ])]);
 }
-const Do = /* @__PURE__ */ q(qs, [["render", Ws], ["__scopeId", "data-v-4852826a"]]), Hs = () => {
-  const e = _t.create({
+const Po = /* @__PURE__ */ q(Ys, [["render", Hs], ["__scopeId", "data-v-4852826a"]]), Xs = () => {
+  const e = ft.create({
     baseURL: void 0,
     timeout: 3e4,
     headers: {
@@ -1165,14 +1180,14 @@ const Do = /* @__PURE__ */ q(qs, [["render", Ws], ["__scopeId", "data-v-4852826a
   });
   return e.interceptors.request.use(
     (s) => {
-      const o = fe(), a = kt() || "Bearer";
+      const o = ve(), a = yt() || "Bearer";
       return o && (s.headers.Authorization = `${a} ${o}`), s;
     },
     (s) => Promise.reject(s)
   ), e.interceptors.response.use(
     (s) => {
       const { data: o } = s;
-      return o.code === 200 || o.code === 0 ? o.data : (H.error(o.message || "请求失败"), Promise.reject(new Error(o.message || "请求失败")));
+      return o.code === 200 || o.code === 0 ? o.data : (W.error(o.message || "请求失败"), Promise.reject(new Error(o.message || "请求失败")));
     },
     (s) => {
       var a;
@@ -1180,26 +1195,26 @@ const Do = /* @__PURE__ */ q(qs, [["render", Ws], ["__scopeId", "data-v-4852826a
       if (o)
         switch (o.status) {
           case 401:
-            H.error("登录已过期，请重新登录"), Xe(), window.location.href = "/login";
+            W.error("登录已过期，请重新登录"), He(), window.location.href = "/login";
             break;
           case 403:
-            H.error("没有权限访问");
+            W.error("没有权限访问");
             break;
           case 404:
-            H.error("请求资源不存在");
+            W.error("请求资源不存在");
             break;
           case 500:
-            H.error("服务器错误");
+            W.error("服务器错误");
             break;
           default:
-            H.error(((a = o.data) == null ? void 0 : a.message) || "请求失败");
+            W.error(((a = o.data) == null ? void 0 : a.message) || "请求失败");
         }
       else
-        H.error("网络连接失败");
+        W.error("网络连接失败");
       return Promise.reject(s);
     }
   ), e;
-}, oe = Hs(), E = {
+}, oe = Xs(), T = {
   get(e, s) {
     return oe.get(e, s);
   },
@@ -1216,20 +1231,20 @@ const Do = /* @__PURE__ */ q(qs, [["render", Ws], ["__scopeId", "data-v-4852826a
     return oe.delete(e, s);
   }
 };
-function Xs(e) {
-  return E.post("/user/v1.0/login/by-domain", e);
+function Js(e) {
+  return T.post("/user/v1.0/login/by-domain", e);
 }
-function Po() {
-  return E.put("/user/v1.0/user/logout");
+function zo() {
+  return T.put("/user/v1.0/user/logout");
 }
-function Js() {
-  return E.get("/user/v1.0/user/get-me");
+function Qs() {
+  return T.get("/user/v1.0/user/get-me");
 }
 function Oo(e) {
-  return E.post("/user/v1.0/refresh", { refreshToken: e });
+  return T.post("/user/v1.0/refresh", { refreshToken: e });
 }
-const ce = _(""), de = _(""), me = _("");
-function zo(e) {
+const ce = g(""), de = g(""), me = g("");
+function Ao(e) {
   e.appId && (ce.value = e.appId), e.clientId && (de.value = e.clientId), e.apiBaseUrl && (me.value = e.apiBaseUrl);
 }
 function Me() {
@@ -1241,7 +1256,7 @@ function Me() {
     return "";
   }
 }
-function Qs() {
+function Zs() {
   if (de.value)
     return de.value;
   try {
@@ -1250,7 +1265,7 @@ function Qs() {
     return "";
   }
 }
-function Ao() {
+function Bo() {
   if (me.value)
     return me.value;
   try {
@@ -1259,17 +1274,17 @@ function Ao() {
     return "";
   }
 }
-const Bo = {
+const Vo = {
   appId: ce,
   clientId: de,
   apiBaseUrl: me
-}, Zs = { class: "login" }, Gs = { class: "login__container" }, eo = /* @__PURE__ */ X({
+}, Gs = { class: "login" }, eo = { class: "login__container" }, to = /* @__PURE__ */ H({
   __name: "index",
   setup(e) {
-    const s = J(), o = ae(), a = _(!1), n = _(!1), c = Ce({
+    const s = X(), o = ae(), a = g(!1), n = g(!1), d = we({
       uid: "",
       password: ""
-    }), b = {
+    }), w = {
       uid: [
         { required: !0, message: "请输入用户名", trigger: "blur" }
       ],
@@ -1277,56 +1292,56 @@ const Bo = {
         { required: !0, message: "请输入密码", trigger: "blur" },
         { min: 6, message: "密码长度至少6位", trigger: "blur" }
       ]
-    }, d = _(), h = async () => {
-      var i;
+    }, c = g(), h = async () => {
+      var l;
       try {
-        await ((i = d.value) == null ? void 0 : i.validate()), a.value = !0;
-        const p = await Xs({
+        await ((l = c.value) == null ? void 0 : l.validate()), a.value = !0;
+        const p = await Js({
           appId: Me(),
-          clientId: Qs(),
-          uid: c.uid,
-          password: c.password,
+          clientId: Zs(),
+          uid: d.uid,
+          password: d.password,
           code: !0
         });
-        He(p), H.success("登录成功");
-        const r = o.query.redirect || "/";
-        s.push(r);
+        We(p), W.success("登录成功");
+        const i = o.query.redirect || "/";
+        s.push(i);
       } catch (p) {
         console.error("登录失败:", p);
       } finally {
         a.value = !1;
       }
     };
-    return (i, p) => (u(), g("div", Zs, [
-      t("div", Gs, [
+    return (l, p) => (u(), _("div", Gs, [
+      t("div", eo, [
         p[5] || (p[5] = t("div", { class: "login__header" }, [
           t("img", {
-            src: We,
+            src: Ye,
             alt: "Logo",
             class: "login__logo"
           }),
           t("h1", { class: "login__title" }, "Xto Demo"),
           t("p", { class: "login__subtitle" }, "后台管理系统")
         ], -1)),
-        S(l(ft), {
+        S(r(ht), {
           ref_key: "formRef",
-          ref: d,
-          model: c,
-          rules: b,
+          ref: c,
+          model: d,
+          rules: w,
           class: "login__form",
           "label-width": "0"
         }, {
           default: x(() => [
-            S(l(re), { prop: "uid" }, {
+            S(r(re), { prop: "uid" }, {
               default: x(() => [
-                S(l(Ae), {
-                  modelValue: c.uid,
-                  "onUpdate:modelValue": p[0] || (p[0] = (r) => c.uid = r),
+                S(r(Oe), {
+                  modelValue: d.uid,
+                  "onUpdate:modelValue": p[0] || (p[0] = (i) => d.uid = i),
                   placeholder: "用户名",
                   size: "large"
                 }, {
                   prefix: x(() => [
-                    S(l(M), {
+                    S(r(U), {
                       name: "user",
                       size: 18
                     })
@@ -1336,19 +1351,19 @@ const Bo = {
               ]),
               _: 1
             }),
-            S(l(re), { prop: "password" }, {
+            S(r(re), { prop: "password" }, {
               default: x(() => [
-                S(l(Ae), {
-                  modelValue: c.password,
-                  "onUpdate:modelValue": p[1] || (p[1] = (r) => c.password = r),
+                S(r(Oe), {
+                  modelValue: d.password,
+                  "onUpdate:modelValue": p[1] || (p[1] = (i) => d.password = i),
                   type: "password",
                   placeholder: "密码",
                   size: "large",
                   "show-password": "",
-                  onKeyup: Fe(h, ["enter"])
+                  onKeyup: Ve(h, ["enter"])
                 }, {
                   prefix: x(() => [
-                    S(l(M), {
+                    S(r(U), {
                       name: "lock",
                       size: 18
                     })
@@ -1358,23 +1373,23 @@ const Bo = {
               ]),
               _: 1
             }),
-            S(l(re), null, {
+            S(r(re), null, {
               default: x(() => [
-                S(l(vt), {
+                S(r(vt), {
                   modelValue: n.value,
-                  "onUpdate:modelValue": p[2] || (p[2] = (r) => n.value = r)
+                  "onUpdate:modelValue": p[2] || (p[2] = (i) => n.value = i)
                 }, {
                   default: x(() => [...p[3] || (p[3] = [
-                    ee("记住我", -1)
+                    G("记住我", -1)
                   ])]),
                   _: 1
                 }, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            S(l(re), null, {
+            S(r(re), null, {
               default: x(() => [
-                S(l(he), {
+                S(r(he), {
                   type: "primary",
                   size: "large",
                   loading: a.value,
@@ -1382,7 +1397,7 @@ const Bo = {
                   onClick: h
                 }, {
                   default: x(() => [...p[4] || (p[4] = [
-                    ee(" 登录 ", -1)
+                    G(" 登录 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["loading"])
@@ -1398,72 +1413,72 @@ const Bo = {
       ])
     ]));
   }
-}), to = /* @__PURE__ */ q(eo, [["__scopeId", "data-v-f3e724b6"]]), so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), so = /* @__PURE__ */ q(to, [["__scopeId", "data-v-f3e724b6"]]), oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: to
-}, Symbol.toStringTag, { value: "Module" })), oo = { class: "error-page" }, ao = { class: "error-page__content" }, no = /* @__PURE__ */ X({
+  default: so
+}, Symbol.toStringTag, { value: "Module" })), ao = { class: "error-page" }, no = { class: "error-page__content" }, ro = /* @__PURE__ */ H({
   __name: "404",
   setup(e) {
-    const s = J(), o = () => {
+    const s = X(), o = () => {
       s.push("/");
     };
-    return (a, n) => (u(), g("div", oo, [
-      t("div", ao, [
+    return (a, n) => (u(), _("div", ao, [
+      t("div", no, [
         n[1] || (n[1] = t("div", { class: "error-page__code" }, "404", -1)),
         n[2] || (n[2] = t("div", { class: "error-page__title" }, "页面不存在", -1)),
         n[3] || (n[3] = t("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
-        S(l(he), {
+        S(r(he), {
           type: "primary",
           onClick: o
         }, {
           default: x(() => [...n[0] || (n[0] = [
-            ee("返回首页", -1)
+            G("返回首页", -1)
           ])]),
           _: 1
         })
       ])
     ]));
   }
-}), ro = /* @__PURE__ */ q(no, [["__scopeId", "data-v-c3c12c24"]]), lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), lo = /* @__PURE__ */ q(ro, [["__scopeId", "data-v-c3c12c24"]]), io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ro
-}, Symbol.toStringTag, { value: "Module" })), io = { class: "error-page" }, uo = { class: "error-page__content" }, co = /* @__PURE__ */ X({
+  default: lo
+}, Symbol.toStringTag, { value: "Module" })), uo = { class: "error-page" }, co = { class: "error-page__content" }, mo = /* @__PURE__ */ H({
   __name: "403",
   setup(e) {
-    const s = J(), o = () => {
+    const s = X(), o = () => {
       s.push("/");
     };
-    return (a, n) => (u(), g("div", io, [
-      t("div", uo, [
+    return (a, n) => (u(), _("div", uo, [
+      t("div", co, [
         n[1] || (n[1] = t("div", { class: "error-page__code" }, "403", -1)),
         n[2] || (n[2] = t("div", { class: "error-page__title" }, "无访问权限", -1)),
         n[3] || (n[3] = t("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
-        S(l(he), {
+        S(r(he), {
           type: "primary",
           onClick: o
         }, {
           default: x(() => [...n[0] || (n[0] = [
-            ee("返回首页", -1)
+            G("返回首页", -1)
           ])]),
           _: 1
         })
       ])
     ]));
   }
-}), mo = /* @__PURE__ */ q(co, [["__scopeId", "data-v-dd5f2795"]]), po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), po = /* @__PURE__ */ q(mo, [["__scopeId", "data-v-dd5f2795"]]), ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: mo
+  default: po
 }, Symbol.toStringTag, { value: "Module" }));
-function Vo() {
-  const e = Q(), s = j(), o = $e(), a = y(() => s.userName || ""), n = y(() => s.userInfo), c = y(() => e.appName), b = y(() => o.isLoggedIn), d = y(() => e.isDark), h = y(() => e.theme), i = y(() => e.isCollapsed), p = y(() => e.layout);
+function Fo() {
+  const e = J(), s = j(), o = $e(), a = y(() => s.userName || ""), n = y(() => s.userInfo), d = y(() => e.appName), w = y(() => o.isLoggedIn), c = y(() => e.isDark), h = y(() => e.theme), l = y(() => e.isCollapsed), p = y(() => e.layout);
   return {
     userName: a,
     userInfo: n,
-    appName: c,
-    isLoggedIn: b,
-    isDark: d,
+    appName: d,
+    isLoggedIn: w,
+    isDark: c,
     theme: h,
-    isCollapsed: i,
+    isCollapsed: l,
     layout: p,
     toggleTheme: () => {
       e.toggleTheme();
@@ -1473,110 +1488,110 @@ function Vo() {
     }
   };
 }
-function Fo() {
+function Ko() {
   const e = j();
   return {
     isLoggedIn: y(() => e.isLoggedIn)
   };
 }
-function Ko(e, s = {}) {
-  const { rules: o, onSubmit: a } = s, n = _(), c = Ce({ ...e }), b = _(!1), d = _(!1), h = _(!1), i = () => {
-    v(), h.value = !1, d.value = !0;
-  }, p = (w) => {
-    Object.assign(c, w), h.value = !0, d.value = !0;
-  }, r = () => {
-    d.value = !1, v();
-  }, v = () => {
-    var w;
-    Object.keys(e).forEach((P) => {
-      c[P] = e[P];
-    }), (w = n.value) == null || w.resetFields();
+function jo(e, s = {}) {
+  const { rules: o, onSubmit: a } = s, n = g(), d = we({ ...e }), w = g(!1), c = g(!1), h = g(!1), l = () => {
+    f(), h.value = !1, c.value = !0;
+  }, p = (C) => {
+    Object.assign(d, C), h.value = !0, c.value = !0;
+  }, i = () => {
+    c.value = !1, f();
+  }, f = () => {
+    var C;
+    Object.keys(e).forEach((D) => {
+      d[D] = e[D];
+    }), (C = n.value) == null || C.resetFields();
   };
   return {
     formRef: n,
-    formData: c,
+    formData: d,
     rules: o,
-    loading: b,
-    visible: d,
+    loading: w,
+    visible: c,
     isEdit: h,
-    openAdd: i,
+    openAdd: l,
     openEdit: p,
-    close: r,
-    resetForm: v,
+    close: i,
+    resetForm: f,
     handleSubmit: async () => {
-      var w;
+      var C;
       try {
-        await ((w = n.value) == null ? void 0 : w.validate()), b.value = !0, await (a == null ? void 0 : a(c)), r();
-      } catch (P) {
-        console.error(P);
+        await ((C = n.value) == null ? void 0 : C.validate()), w.value = !0, await (a == null ? void 0 : a(d)), i();
+      } catch (D) {
+        console.error(D);
       } finally {
-        b.value = !1;
+        w.value = !1;
       }
     }
   };
 }
-function jo(e) {
-  const { fetchData: s, defaultPageSize: o = 10 } = e, a = _(!1), n = _([]), c = _(0), b = _(1), d = _(o), h = Ce({}), i = async () => {
+function qo(e) {
+  const { fetchData: s, defaultPageSize: o = 10 } = e, a = g(!1), n = g([]), d = g(0), w = g(1), c = g(o), h = we({}), l = async () => {
     a.value = !0;
     try {
-      const C = {
+      const b = {
         ...h,
-        page: b.value,
-        pageSize: d.value
-      }, L = await s(C);
-      n.value = L.list, c.value = L.total;
-    } catch (C) {
-      console.error(C);
+        page: w.value,
+        pageSize: c.value
+      }, E = await s(b);
+      n.value = E.list, d.value = E.total;
+    } catch (b) {
+      console.error(b);
     } finally {
       a.value = !1;
     }
   }, p = () => {
-    b.value = 1, i();
-  }, r = () => {
-    Object.keys(h).forEach((C) => {
-      h[C] = void 0;
-    }), b.value = 1, i();
-  }, v = (C) => {
-    b.value = C, i();
-  }, D = (C) => {
-    d.value = C, b.value = 1, i();
-  }, w = () => {
-    i();
-  }, P = y(() => ({
-    current: b.value,
-    pageSize: d.value,
-    total: c.value
+    w.value = 1, l();
+  }, i = () => {
+    Object.keys(h).forEach((b) => {
+      h[b] = void 0;
+    }), w.value = 1, l();
+  }, f = (b) => {
+    w.value = b, l();
+  }, R = (b) => {
+    c.value = b, w.value = 1, l();
+  }, C = () => {
+    l();
+  }, D = y(() => ({
+    current: w.value,
+    pageSize: c.value,
+    total: d.value
   }));
   return {
     loading: a,
     data: n,
-    total: c,
-    currentPage: b,
-    pageSize: d,
+    total: d,
+    currentPage: w,
+    pageSize: c,
     searchParams: h,
-    pagination: P,
-    getData: i,
+    pagination: D,
+    getData: l,
     handleSearch: p,
-    handleReset: r,
-    handlePageChange: v,
-    handleSizeChange: D,
-    refresh: w
+    handleReset: i,
+    handlePageChange: f,
+    handleSizeChange: R,
+    refresh: C
   };
 }
-function qo(e) {
+function Yo(e) {
   return j().isLoggedIn;
 }
-function Yo(e) {
+function Wo(e) {
   return j().isLoggedIn;
 }
-function Wo() {
+function Ho() {
   return !0;
 }
-const Ze = [
+const Qe = [
   {
     path: "/login",
     name: "Login",
-    component: () => Promise.resolve().then(() => so),
+    component: () => Promise.resolve().then(() => oo),
     meta: {
       title: "登录",
       hidden: !0
@@ -1585,7 +1600,7 @@ const Ze = [
   {
     path: "/404",
     name: "NotFound",
-    component: () => Promise.resolve().then(() => lo),
+    component: () => Promise.resolve().then(() => io),
     meta: {
       title: "404",
       hidden: !0
@@ -1594,28 +1609,28 @@ const Ze = [
   {
     path: "/403",
     name: "Forbidden",
-    component: () => Promise.resolve().then(() => po),
+    component: () => Promise.resolve().then(() => ho),
     meta: {
       title: "403",
       hidden: !0
     }
   }
-], Ge = {
+], Ze = {
   path: "/:pathMatch(.*)*",
   redirect: "/404",
   meta: {
     hidden: !0
   }
-}, et = {
+}, Ge = {
   path: "/",
   name: "Layout",
-  component: () => Promise.resolve().then(() => Bs),
+  component: () => Promise.resolve().then(() => Vs),
   redirect: "/dashboard",
   children: [
     {
       path: "/dashboard",
       name: "Dashboard",
-      component: () => import("./index-D6SM8jcQ.js"),
+      component: () => import("./index-CVMV9Tfg.js"),
       meta: {
         title: "仪表盘",
         icon: "dashboard",
@@ -1626,7 +1641,7 @@ const Ze = [
     {
       path: "/system/user",
       name: "SystemUser",
-      component: () => import("./index-DK5nOrQA.js"),
+      component: () => import("./index-DzerABZq.js"),
       meta: {
         title: "用户管理",
         icon: "user",
@@ -1636,7 +1651,7 @@ const Ze = [
     {
       path: "/system/role",
       name: "SystemRole",
-      component: () => import("./index-DmjW2npo.js"),
+      component: () => import("./index-3zeoNaqT.js"),
       meta: {
         title: "角色管理",
         icon: "role",
@@ -1646,7 +1661,7 @@ const Ze = [
     {
       path: "/system/menu",
       name: "SystemMenu",
-      component: () => import("./index--Urjal10.js"),
+      component: () => import("./index-CbEIzXG9.js"),
       meta: {
         title: "菜单管理",
         icon: "menu",
@@ -1654,11 +1669,11 @@ const Ze = [
       }
     }
   ]
-}, Ho = [
+}, Xo = [
   {
     path: "/dashboard",
     name: "Dashboard",
-    component: () => import("./index-D6SM8jcQ.js"),
+    component: () => import("./index-CVMV9Tfg.js"),
     meta: {
       title: "仪表盘",
       icon: "dashboard",
@@ -1678,7 +1693,7 @@ const Ze = [
       {
         path: "user",
         name: "SystemUser",
-        component: () => import("./index-DK5nOrQA.js"),
+        component: () => import("./index-DzerABZq.js"),
         meta: {
           title: "用户管理",
           icon: "user",
@@ -1688,7 +1703,7 @@ const Ze = [
       {
         path: "role",
         name: "SystemRole",
-        component: () => import("./index-DmjW2npo.js"),
+        component: () => import("./index-3zeoNaqT.js"),
         meta: {
           title: "角色管理",
           icon: "role",
@@ -1698,7 +1713,7 @@ const Ze = [
       {
         path: "menu",
         name: "SystemMenu",
-        component: () => import("./index--Urjal10.js"),
+        component: () => import("./index-CbEIzXG9.js"),
         meta: {
           title: "菜单管理",
           icon: "menu",
@@ -1707,7 +1722,7 @@ const Ze = [
       }
     ]
   }
-], ho = [
+], vo = [
   {
     menuCode: "dashboard",
     menuName: "仪表盘",
@@ -1755,14 +1770,14 @@ const Ze = [
       }
     ]
   }
-], tt = Se({
-  history: Ie(),
-  routes: [...Ze, et, Ge],
+], et = Ce({
+  history: Se(),
+  routes: [...Qe, Ge, Ze],
   scrollBehavior: () => ({ left: 0, top: 0 })
 }), fo = ["/login", "/404", "/403"];
-tt.beforeEach(async (e, s, o) => {
-  const a = Q();
-  if (a.initTheme(), Je())
+et.beforeEach(async (e, s, o) => {
+  const a = J();
+  if (a.initTheme(), Xe())
     if (e.path === "/login")
       o({ path: "/" });
     else {
@@ -1776,141 +1791,141 @@ tt.beforeEach(async (e, s, o) => {
         mobilePhone: "13800138000",
         positionName: "管理员",
         avatar: ""
-      }), te().setMenuList(ho)), e.name && e.meta.keepAlive && a.addCachedView(e.name), o();
+      }), ee().setMenuList(vo)), e.name && e.meta.keepAlive && a.addCachedView(e.name), o();
     }
   else
     fo.includes(e.path) ? o() : o("/login");
 });
-function Xo() {
-  const e = Se({
-    history: Ie(),
-    routes: [...Ze, et, Ge]
+function Jo() {
+  const e = Ce({
+    history: Se(),
+    routes: [...Qe, Ge, Ze]
   });
-  tt.matcher = e.matcher;
+  et.matcher = e.matcher;
 }
-function Jo(e, s = {}) {
+function Qo(e, s = {}) {
   const o = s.indexPath || "/dashboard";
   return {
     path: "/",
     name: "Layout",
-    component: Qe,
+    component: Je,
     redirect: o,
     children: e
   };
 }
-function Qo(e) {
-  return Se({
-    history: Ie(),
+function Zo(e) {
+  return Ce({
+    history: Se(),
     routes: e,
     scrollBehavior: () => ({ left: 0, top: 0 })
   });
 }
-function Zo(e) {
-  return E.get("/role/list", { params: e });
-}
 function Go(e) {
-  return E.get(`/role/${e}`);
+  return T.get("/role/list", { params: e });
 }
 function ea(e) {
-  return E.post("/role", e);
+  return T.get(`/role/${e}`);
+}
+function ta(e) {
+  return T.post("/role", e);
 }
-function ta(e, s) {
-  return E.put(`/role/${e}`, s);
+function sa(e, s) {
+  return T.put(`/role/${e}`, s);
 }
-function sa(e) {
-  return E.delete(`/role/${e}`);
+function oa(e) {
+  return T.delete(`/role/${e}`);
 }
-function oa(e, s) {
-  return E.patch(`/role/${e}/status`, { status: s });
+function aa(e, s) {
+  return T.patch(`/role/${e}/status`, { status: s });
 }
-function aa() {
-  return E.get("/user/v1.0/menu/list");
+function na() {
+  return T.get("/user/v1.0/menu/list");
 }
-function vo(e) {
+function _o(e) {
   const s = e || Me();
-  return E.get(`/user/v1.0/menu/get-menu?appId=${s}`);
+  return T.get(`/user/v1.0/menu/get-menu?appId=${s}`);
 }
-function na(e) {
-  return E.post("/menu", e);
+function ra(e) {
+  return T.post("/menu", e);
 }
-function ra(e, s) {
-  return E.put(`/menu/${e}`, s);
+function la(e, s) {
+  return T.put(`/menu/${e}`, s);
 }
-function la(e) {
-  return E.delete(`/menu/${e}`);
+function ia(e) {
+  return T.delete(`/menu/${e}`);
 }
-const _o = ["/login", "/404", "/403"];
-function ia(e, s = {}) {
-  const o = s.whiteList || _o, a = s.loginPath || "/login", n = s.homePath || "/";
-  e.beforeEach(async (c, b, d) => {
-    const h = Q(), i = j(), p = te();
-    if (h.initTheme(), fe())
-      if (c.path === a)
-        d({ path: n });
-      else if (i.isLoggedIn)
-        c.name && c.meta.keepAlive && h.addCachedView(c.name), d();
+const go = ["/login", "/404", "/403"];
+function ua(e, s = {}) {
+  const o = s.whiteList || go, a = s.loginPath || "/login", n = s.homePath || "/";
+  e.beforeEach(async (d, w, c) => {
+    const h = J(), l = j(), p = ee();
+    if (h.initTheme(), ve())
+      if (d.path === a)
+        c({ path: n });
+      else if (l.isLoggedIn)
+        d.name && d.meta.keepAlive && h.addCachedView(d.name), c();
       else
         try {
           if (s.fetchUserInfo) {
-            const v = await s.fetchUserInfo();
-            i.setUserInfo(v);
+            const f = await s.fetchUserInfo();
+            l.setUserInfo(f);
           } else {
-            const v = await Js();
-            i.setUserInfo(v);
+            const f = await Qs();
+            l.setUserInfo(f);
           }
           if (s.fetchMenu) {
-            const v = await s.fetchMenu();
-            p.setMenuList(v);
+            const f = await s.fetchMenu();
+            p.setMenuList(f);
           } else {
-            const v = await vo(s.appId);
-            p.setMenuList(v);
+            const f = await _o(s.appId);
+            p.setMenuList(f);
           }
-          s.onLoginSuccess && s.onLoginSuccess(), c.name && c.meta.keepAlive && h.addCachedView(c.name), d({ ...c, replace: !0 });
-        } catch (v) {
-          console.error("获取用户信息失败:", v), i.clearUserInfo(), p.clearMenu(), localStorage.removeItem("token"), localStorage.removeItem("token_type"), localStorage.removeItem("refresh_token"), d({ path: a, query: { redirect: c.fullPath } });
+          s.onLoginSuccess && s.onLoginSuccess(), d.name && d.meta.keepAlive && h.addCachedView(d.name), c({ ...d, replace: !0 });
+        } catch (f) {
+          console.error("获取用户信息失败:", f), l.clearUserInfo(), p.clearMenu(), localStorage.removeItem("token"), localStorage.removeItem("token_type"), localStorage.removeItem("refresh_token"), c({ path: a, query: { redirect: d.fullPath } });
         }
     else
-      o.includes(c.path) ? d() : d({ path: a, query: { redirect: c.fullPath } });
+      o.includes(d.path) ? c() : c({ path: a, query: { redirect: d.fullPath } });
   }), e.afterEach(() => {
   });
 }
-function ua(e) {
-  return E.get("/user/list", { params: e });
-}
 function ca(e) {
-  return E.get(`/user/${e}`);
+  return T.get("/user/list", { params: e });
 }
 function da(e) {
-  return E.post("/user", e);
+  return T.get(`/user/${e}`);
 }
-function ma(e, s) {
-  return E.put(`/user/${e}`, s);
+function ma(e) {
+  return T.post("/user", e);
 }
-function pa(e) {
-  return E.delete(`/user/${e}`);
+function pa(e, s) {
+  return T.put(`/user/${e}`, s);
 }
 function ha(e) {
-  return E.post("/user/batch-delete", { ids: e });
+  return T.delete(`/user/${e}`);
+}
+function va(e) {
+  return T.post("/user/batch-delete", { ids: e });
 }
 function fa(e, s) {
-  return E.patch(`/user/${e}/status`, { status: s });
+  return T.patch(`/user/${e}/status`, { status: s });
 }
-function va(e) {
-  return E.post(`/user/${e}/reset-password`);
+function _a(e) {
+  return T.post(`/user/${e}/reset-password`);
 }
-var go = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(go || {}), yo = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(yo || {}), ko = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(ko || {});
-const _a = {
+var yo = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(yo || {}), ko = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(ko || {}), bo = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(bo || {});
+const ga = {
   1: "启用",
   0: "禁用"
-}, ga = {
+}, ya = {
   0: "未知",
   1: "男",
   2: "女"
-}, ya = {
+}, ka = {
   0: "目录",
   1: "菜单",
   2: "按钮"
-}, ka = [
+}, ba = [
   {
     label: "启用",
     value: 1
@@ -1921,7 +1936,7 @@ const _a = {
     value: 0
     /* DISABLED */
   }
-], ba = [
+], wa = [
   {
     label: "未知",
     value: 0
@@ -1937,7 +1952,7 @@ const _a = {
     value: 2
     /* FEMALE */
   }
-], wa = [
+], Ca = [
   {
     label: "目录",
     value: 0
@@ -1953,100 +1968,100 @@ const _a = {
     value: 2
     /* BUTTON */
   }
-], Ca = {
+], Sa = {
   mounted(e, s) {
     var a;
     j().isLoggedIn || (a = e.parentNode) == null || a.removeChild(e);
   }
 };
 export {
-  Lt as $,
-  Mo as A,
-  aa as B,
-  vo as C,
-  $o as D,
-  Uo as E,
-  Do as F,
-  yo as G,
-  xs as H,
-  Go as I,
-  Zo as J,
-  fe as K,
-  Qe as L,
-  ko as M,
-  Ct as N,
-  kt as O,
-  ca as P,
-  Js as Q,
-  ua as R,
-  go as S,
-  Ro as T,
-  qo as U,
-  Yo as V,
-  Je as W,
-  E as X,
-  zo as Y,
-  Wo as Z,
+  It as $,
+  Ro as A,
+  na as B,
+  _o as C,
+  Uo as D,
+  Mo as E,
+  Po as F,
+  ko as G,
+  Is as H,
+  ea as I,
+  Go as J,
+  ve as K,
+  Je as L,
+  bo as M,
+  wt as N,
+  yt as O,
+  da as P,
+  Qs as Q,
+  ca as R,
+  yo as S,
+  Do as T,
+  Yo as U,
+  Wo as V,
+  Xe as W,
+  T as X,
+  Ao as Y,
+  Ho as Z,
   q as _,
-  ka as a,
-  et as a0,
-  f as a1,
+  ba as a,
+  Ge as a0,
+  v as a1,
   le as a2,
-  Xs as a3,
-  Po as a4,
-  ho as a5,
-  Ca as a6,
+  Js as a3,
+  zo as a4,
+  vo as a5,
+  Sa as a6,
   Oo as a7,
-  va as a8,
-  Xo as a9,
-  tt as aa,
-  No as ab,
+  _a as a8,
+  Jo as a9,
+  et as aa,
+  $o as ab,
   ie as ac,
   xt as ad,
-  It as ae,
-  wt as af,
-  yt as ag,
-  St as ah,
-  He as ai,
-  bt as aj,
-  ia as ak,
-  Ze as al,
-  ra as am,
-  ta as an,
-  oa as ao,
-  ma as ap,
+  St as ae,
+  bt as af,
+  gt as ag,
+  Ct as ah,
+  We as ai,
+  kt as aj,
+  ua as ak,
+  Qe as al,
+  la as am,
+  sa as an,
+  aa as ao,
+  pa as ap,
   fa as aq,
-  Vo as ar,
-  Q as as,
-  Fo as at,
+  Fo as ar,
+  J as as,
+  Ko as at,
   $e as au,
-  Ko as av,
-  te as aw,
-  jo as ax,
+  jo as av,
+  ee as aw,
+  qo as ax,
   j as ay,
-  wa as b,
-  mo as c,
-  ba as d,
-  ga as e,
-  ya as f,
-  ro as g,
-  Bt as h,
-  to as i,
-  _a as j,
-  Bo as k,
-  ha as l,
-  Xe as m,
-  Jo as n,
-  na as o,
-  ea as p,
-  Qo as q,
-  da as r,
-  Ho as s,
-  la as t,
-  sa as u,
-  pa as v,
-  Ge as w,
-  Ao as x,
+  Ca as b,
+  po as c,
+  wa as d,
+  ya as e,
+  ka as f,
+  lo as g,
+  At as h,
+  so as i,
+  ga as j,
+  Vo as k,
+  va as l,
+  He as m,
+  Qo as n,
+  ra as o,
+  ta as p,
+  Zo as q,
+  ma as r,
+  Xo as s,
+  ia as t,
+  oa as u,
+  ha as v,
+  Ze as w,
+  Bo as x,
   Me as y,
-  Qs as z
+  Zs as z
 };