xto-fronted 0.1.10 → 0.2.1

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import ye from "axios";
-import { Message as R } from "@xto/feedback";
-import { ref as w, computed as b, watch as we, reactive as ae, defineComponent as D, openBlock as k, createElementBlock as L, createElementVNode as c, withDirectives as be, toDisplayString as x, unref as _, vShow as Ce, createVNode as T, isRef as ke, Fragment as q, renderList as se, createCommentVNode as V, withCtx as E, createBlock as ne, createTextVNode as X, onMounted as Ie, onUnmounted as Le, withModifiers as Se, normalizeClass as $e, Transition as xe, resolveComponent as Te, normalizeStyle as Ee, withKeys as Ue } from "vue";
-import { defineStore as J } from "pinia";
-import { useRouter as Q, useRoute as ue, createRouter as de, createWebHistory as he } from "vue-router";
-import { Menu as Ne, SubMenu as Pe, MenuItem as ie } from "@xto/navigation";
-import { Button as Z } from "@xto/base";
-import { Input as re, Form as Re, FormItem as oe } from "@xto/form";
-const Me = {
+import Te from "axios";
+import { Message as B, Tooltip as Ee, Drawer as Ue } from "@xto/feedback";
+import { ref as C, computed as k, watch as Me, reactive as ue, defineComponent as D, openBlock as y, createElementBlock as L, createElementVNode as a, withDirectives as pe, toDisplayString as S, unref as i, vShow as ve, createVNode as x, withCtx as I, Fragment as R, renderList as K, createBlock as F, createTextVNode as oe, createCommentVNode as H, normalizeClass as de, onMounted as Pe, onUnmounted as Ne, isRef as Re, withModifiers as Ae, Transition as Be, resolveComponent as Fe, normalizeStyle as De, withKeys as Oe } from "vue";
+import { defineStore as ae } from "pinia";
+import { useRouter as G, useRoute as he, createRouter as ge, createWebHistory as me } from "vue-router";
+import { Menu as ye, SubMenu as we, MenuItem as se } from "@xto/navigation";
+import { Button as re, Icon as j } from "@xto/base";
+import { Switch as Ve, Input as ie, Form as ze, FormItem as ce } from "@xto/form";
+const He = {
   appName: "XTO App",
   baseUrl: "",
   appId: "",
@@ -14,19 +14,19 @@ const Me = {
   indexPath: "/dashboard",
   loginPath: "/login"
 };
-let F = { ...Me };
-function Ae(e) {
-  F = { ...F, ...e };
+let ne = { ...He };
+function Ke(e) {
+  ne = { ...ne, ...e };
 }
 function P() {
-  return F;
+  return ne;
 }
-function ds(e) {
-  return F[e];
+function Rs(e) {
+  return ne[e];
 }
-const H = () => `tooyu-cloud:${F.appId}:`, pe = (e) => ({
+const Q = () => `tooyu-cloud:${P().appId}:`, be = (e) => ({
   get(s) {
-    const t = H(), n = e.getItem(t + s);
+    const t = Q(), n = e.getItem(t + s);
     if (!n) return null;
     try {
       return JSON.parse(n);
@@ -35,7 +35,7 @@ const H = () => `tooyu-cloud:${F.appId}:`, pe = (e) => ({
     }
   },
   set(s, t) {
-    const n = H();
+    const n = Q();
     if (t == null) {
       e.removeItem(n + s);
       return;
@@ -44,26 +44,26 @@ const H = () => `tooyu-cloud:${F.appId}:`, pe = (e) => ({
     e.setItem(n + s, o);
   },
   remove(s) {
-    const t = H();
+    const t = Q();
     e.removeItem(t + s);
   },
   clear() {
-    const s = H();
+    const s = Q();
     Object.keys(e).forEach((n) => {
       n.startsWith(s) && e.removeItem(n);
     });
   }
-}), W = pe(window.localStorage), j = pe(window.sessionStorage), g = {
-  get: W.get,
-  set: W.set,
-  remove: W.remove,
-  clear: W.clear
-}, hs = {
-  get: j.get,
-  set: j.set,
-  remove: j.remove,
-  clear: j.clear
-}, le = "login_info", G = "user_info", O = () => g.get(le), Be = (e) => {
+}), Z = be(window.localStorage), ee = be(window.sessionStorage), b = {
+  get: Z.get,
+  set: Z.set,
+  remove: Z.remove,
+  clear: Z.clear
+}, As = {
+  get: ee.get,
+  set: ee.set,
+  remove: ee.remove,
+  clear: ee.clear
+}, _e = "login_info", qe = "user_info", Y = () => b.get(_e), We = (e) => {
   const s = {
     accessToken: e.access_token,
     refreshToken: e.refresh_token,
@@ -72,24 +72,20 @@ const H = () => `tooyu-cloud:${F.appId}:`, pe = (e) => ({
     tokenType: e.token_type,
     code: e.code
   };
-  g.set(le, s);
-}, _e = () => {
-  const e = O();
+  b.set(_e, s);
+}, ke = () => {
+  const e = Y();
   return (e == null ? void 0 : e.accessToken) || null;
-}, Fe = () => {
-  const e = O();
+}, je = () => {
+  const e = Y();
   return (e == null ? void 0 : e.tokenType) || "Bearer";
-}, ps = () => {
-  const e = O();
+}, Bs = () => {
+  const e = Y();
   return (e == null ? void 0 : e.code) || null;
-}, me = () => {
-  g.remove(le), g.remove(G);
-}, fe = () => !!_e(), _s = (e) => {
-  g.set(G, e);
-}, ms = () => g.get(G), fs = () => {
-  g.remove(G);
-}, De = () => {
-  const e = P(), s = ye.create({
+}, Ce = () => {
+  b.remove(_e), b.remove(qe);
+}, xe = () => !!ke(), Ye = () => {
+  const e = P(), s = Te.create({
     baseURL: e.baseUrl,
     timeout: 15e3,
     headers: {
@@ -98,9 +94,9 @@ const H = () => `tooyu-cloud:${F.appId}:`, pe = (e) => ({
   });
   return s.interceptors.request.use(
     (t) => {
-      const n = _e();
+      const n = ke();
       if (n) {
-        const o = Fe();
+        const o = je();
         t.headers.Authorization = `${o} ${n}`;
       }
       return t;
@@ -109,7 +105,7 @@ const H = () => `tooyu-cloud:${F.appId}:`, pe = (e) => ({
   ), s.interceptors.response.use(
     (t) => {
       const { data: n } = t;
-      return n.code === 200 || n.code === 0 ? t : (R.error(n.message || "请求失败"), Promise.reject(new Error(n.message || "请求失败")));
+      return n.code === 200 || n.code === 0 ? t : (B.error(n.message || "请求失败"), Promise.reject(new Error(n.message || "请求失败")));
     },
     (t) => {
       var o;
@@ -118,117 +114,123 @@ const H = () => `tooyu-cloud:${F.appId}:`, pe = (e) => ({
         switch (n.status) {
           case 401:
           case 403:
-            R.error("登录已过期，请重新登录"), me(), window.location.href = "/login";
+            B.error("登录已过期，请重新登录"), Ce(), window.location.href = "/login";
             break;
           case 404:
-            R.error("请求资源不存在");
+            B.error("请求资源不存在");
             break;
           case 500:
-            R.error("服务器错误");
+            B.error("服务器错误");
             break;
           default:
-            R.error(((o = n.data) == null ? void 0 : o.message) || "请求失败");
+            B.error(((o = n.data) == null ? void 0 : o.message) || "请求失败");
         }
       else
-        R.error("网络连接失败");
+        B.error("网络连接失败");
       return Promise.reject(t);
     }
   ), s;
 };
-let Y = null;
-function B() {
-  return Y || (Y = De()), Y;
+let te = null;
+function z() {
+  return te || (te = Ye()), te;
 }
-function Ve() {
-  Y = null;
+function Ge() {
+  te = null;
 }
 new Proxy({}, {
   get(e, s) {
-    return B()[s];
+    return z()[s];
   }
 });
-const z = {
+const X = {
   get(e, s) {
-    return B().get(e, s).then((t) => t.data);
+    return z().get(e, s).then((t) => t.data);
   },
   post(e, s, t) {
-    return B().post(e, s, t).then((n) => n.data);
+    return z().post(e, s, t).then((n) => n.data);
   },
   put(e, s, t) {
-    return B().put(e, s, t).then((n) => n.data);
+    return z().put(e, s, t).then((n) => n.data);
   },
   patch(e, s, t) {
-    return B().patch(e, s, t).then((n) => n.data);
+    return z().patch(e, s, t).then((n) => n.data);
   },
   delete(e, s) {
-    return B().delete(e, s).then((t) => t.data);
+    return z().delete(e, s).then((t) => t.data);
   }
-}, ee = J("app", () => {
-  const e = w(g.get("isDark") || !1), s = w(g.get("theme") || "light"), t = w(g.get("layout") || "sidebar"), n = w(g.get("isCollapsed") || !1), o = w(g.get("showTabs") ?? !0), d = w(g.get("showFooter") ?? !0), a = w(g.get("showBreadcrumb") ?? !0), r = w(g.get("primaryColor") || "#409eff"), h = w([]), y = b(() => e.value ? "dark" : "light"), f = () => {
-    e.value = !e.value, s.value = e.value ? "dark" : "light", p();
-  }, u = ($) => {
-    s.value = $, e.value = $ === "dark", p();
-  }, p = () => {
+}, Le = "/vite.svg", J = ae("app", () => {
+  const e = C(b.get("isDark") || !1), s = C(b.get("theme") || "light"), t = C(b.get("layout") || "sidebar"), n = C(b.get("isCollapsed") || !1), o = C(b.get("showTabs") ?? !0), _ = C(b.get("showFooter") ?? !0), l = C(b.get("showBreadcrumb") ?? !0), r = C(b.get("primaryColor") || "#409eff"), u = C(b.get("isGrayscale") || !1), d = C([]), p = k(() => e.value ? "dark" : "light"), f = () => {
+    e.value = !e.value, s.value = e.value ? "dark" : "light", h();
+  }, v = ($) => {
+    s.value = $, e.value = $ === "dark", h();
+  }, h = () => {
     const $ = document.documentElement;
-    e.value ? $.classList.add("dark") : $.classList.remove("dark"), g.set("isDark", e.value), g.set("theme", s.value);
-  }, C = () => {
-    n.value = !n.value, g.set("isCollapsed", n.value);
-  }, l = ($) => {
-    t.value = $, g.set("layout", $);
-  }, I = () => {
-    o.value = !o.value, g.set("showTabs", o.value);
-  }, i = () => {
-    d.value = !d.value, g.set("showFooter", d.value);
-  }, v = () => {
-    a.value = !a.value, g.set("showBreadcrumb", a.value);
+    e.value ? $.classList.add("dark") : $.classList.remove("dark"), b.set("isDark", e.value), b.set("theme", s.value);
+  }, c = () => {
+    n.value = !n.value, b.set("isCollapsed", n.value);
   }, m = ($) => {
-    r.value = $, document.documentElement.style.setProperty("--color-primary", $), g.set("primaryColor", $);
-  }, S = ($) => {
-    h.value.includes($) || h.value.push($);
-  }, U = ($) => {
-    const ce = h.value.indexOf($);
-    ce > -1 && h.value.splice(ce, 1);
-  }, N = () => {
-    h.value = [];
-  }, A = () => {
-    p(), r.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", r.value);
+    t.value = $, b.set("layout", $);
+  }, g = () => {
+    o.value = !o.value, b.set("showTabs", o.value);
+  }, w = () => {
+    _.value = !_.value, b.set("showFooter", _.value);
+  }, E = () => {
+    l.value = !l.value, b.set("showBreadcrumb", l.value);
+  }, M = ($) => {
+    r.value = $, document.documentElement.style.setProperty("--color-primary", $), b.set("primaryColor", $);
+  }, O = ($) => {
+    u.value = $;
+    const W = document.documentElement;
+    $ ? W.classList.add("grayscale") : W.classList.remove("grayscale"), b.set("isGrayscale", $);
+  }, V = ($) => {
+    d.value.includes($) || d.value.push($);
+  }, N = ($) => {
+    const W = d.value.indexOf($);
+    W > -1 && d.value.splice(W, 1);
+  }, T = () => {
+    d.value = [];
+  }, U = () => {
+    h(), r.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", r.value), u.value && document.documentElement.classList.add("grayscale");
   };
-  return we(e, p), {
+  return Me(e, h), {
     isDark: e,
     theme: s,
     layout: t,
     isCollapsed: n,
     showTabs: o,
-    showFooter: d,
-    showBreadcrumb: a,
+    showFooter: _,
+    showBreadcrumb: l,
     primaryColor: r,
-    cachedViews: h,
-    themeClass: y,
+    isGrayscale: u,
+    cachedViews: d,
+    themeClass: p,
     toggleTheme: f,
-    toggleCollapse: C,
-    setTheme: u,
-    setLayout: l,
-    toggleTabs: I,
-    toggleFooter: i,
-    toggleBreadcrumb: v,
-    setPrimaryColor: m,
-    addCachedView: S,
-    removeCachedView: U,
-    clearCachedViews: N,
-    initTheme: A
+    toggleCollapse: c,
+    setTheme: v,
+    setLayout: m,
+    toggleTabs: g,
+    toggleFooter: w,
+    toggleBreadcrumb: E,
+    setPrimaryColor: M,
+    setGrayscale: O,
+    addCachedView: V,
+    removeCachedView: N,
+    clearCachedViews: T,
+    initTheme: U
   };
-}), Oe = "/vite.svg", ve = J("auth", () => {
-  const e = w(O()), s = b(() => fe()), t = (r) => {
-    Be(r), e.value = O();
+}), Ie = ae("auth", () => {
+  const e = C(Y()), s = k(() => xe()), t = (r) => {
+    We(r), e.value = Y();
   }, n = () => {
-    e.value = null, me();
-  }, o = b(() => {
+    e.value = null, Ce();
+  }, o = k(() => {
     var r;
     return ((r = e.value) == null ? void 0 : r.accessToken) || null;
-  }), d = b(() => {
+  }), _ = k(() => {
     var r;
     return ((r = e.value) == null ? void 0 : r.tokenType) || "Bearer";
-  }), a = b(() => {
+  }), l = k(() => {
     var r;
     return ((r = e.value) == null ? void 0 : r.code) || null;
   });
@@ -236,19 +238,19 @@ const z = {
     loginInfo: e,
     isLoggedIn: s,
     accessToken: o,
-    tokenType: d,
-    code: a,
+    tokenType: _,
+    code: l,
     login: t,
     logout: n
   };
-}), ge = J("user", () => {
-  const e = w(g.get("user_info")), s = b(() => !!e.value), t = b(() => {
+}), $e = ae("user", () => {
+  const e = C(b.get("user_info")), s = k(() => !!e.value), t = k(() => {
     var r;
     return ((r = e.value) == null ? void 0 : r.userName) || "";
-  }), n = b(() => {
+  }), n = k(() => {
     var r;
     return ((r = e.value) == null ? void 0 : r.avatar) || "";
-  }), o = b(() => {
+  }), o = k(() => {
     var r;
     return (r = e.value) == null ? void 0 : r.userId;
   });
@@ -259,105 +261,105 @@ const z = {
     avatar: n,
     userId: o,
     setUserInfo: (r) => {
-      e.value = r, g.set("user_info", r);
+      e.value = r, b.set("user_info", r);
     },
     clearUserInfo: () => {
-      e.value = null, g.remove("user_info");
+      e.value = null, b.remove("user_info");
     }
   };
-}), K = J("menu", () => {
-  const e = "menu_list", s = "menu_btn_list", t = w(g.get(e) || []), n = w(g.get(s) || {}), o = b(() => t.value.length > 0), d = b(() => {
-    const u = P();
-    function p(l) {
-      if (l && l.length > 0)
-        for (let I = 0; I < l.length; I++) {
-          const i = l[I];
-          if (i.default)
-            return i.path;
+}), q = ae("menu", () => {
+  const e = "menu_list", s = "menu_btn_list", t = C(b.get(e) || []), n = C(b.get(s) || {}), o = k(() => t.value.length > 0), _ = k(() => {
+    const f = P();
+    function v(c) {
+      if (c && c.length > 0)
+        for (let m = 0; m < c.length; m++) {
+          const g = c[m];
+          if (g.default)
+            return g.path;
           {
-            const v = p(i.children || []);
-            if (v)
-              return v;
+            const w = v(g.children || []);
+            if (w)
+              return w;
           }
         }
       return null;
     }
-    return p(t.value) || u.indexPath || "/dashboard";
-  }), a = (u, p) => {
-    const C = [];
-    return !u || u.length <= 0 || u.forEach((l) => {
-      if (l.type === 1) {
-        const I = {
-          code: l.menuCode,
-          name: l.menuName,
+    return v(t.value) || f.indexPath || "/dashboard";
+  }), l = (f, v) => {
+    const h = [];
+    return !f || f.length <= 0 || f.forEach((c) => {
+      if (c.type === 1) {
+        const m = {
+          code: c.menuCode,
+          name: c.menuName,
           path: "",
-          title: l.menuName
-        }, i = p || "";
-        let v = n.value[i] || [];
-        v.push(I), n.value[i] = v;
+          title: c.menuName
+        }, g = v || "";
+        let w = n.value[g] || [];
+        w.push(m), n.value[g] = w;
       } else {
-        const I = [];
-        let i = l.menuUrl, v = l.isOut || !1;
-        !v && l.menuUrl && (l.menuUrl.startsWith("http") ? i = "/iframe/" + encodeURIComponent(i) : l.menuUrl.startsWith("keep-alive:") && (i = "/iframe/keep-alive/" + encodeURIComponent(i.split("keep-alive:")[1])));
-        const m = {
-          code: l.menuCode,
-          name: l.menuName,
-          path: i,
-          icon: l.icon,
-          closable: l.closable,
-          default: l.isDefault,
-          out: v,
-          children: I,
-          title: l.menuName
+        const m = [];
+        let g = c.menuUrl, w = c.isOut || !1;
+        !w && c.menuUrl && (c.menuUrl.startsWith("http") ? g = "/iframe/" + encodeURIComponent(g) : c.menuUrl.startsWith("keep-alive:") && (g = "/iframe/keep-alive/" + encodeURIComponent(g.split("keep-alive:")[1])));
+        const E = {
+          code: c.menuCode,
+          name: c.menuName,
+          path: g,
+          icon: "grid",
+          closable: c.closable,
+          default: c.isDefault,
+          out: w,
+          children: m,
+          title: c.menuName
         };
-        if (C.push(m), l.children && l.children.length > 0) {
-          const S = a(l.children, l.menuUrl);
-          m.children = S;
+        if (h.push(E), c.children && c.children.length > 0) {
+          const M = l(c.children, c.menuUrl);
+          E.children = M;
         }
       }
-    }), C;
-  }, r = (u) => {
-    t.value = u, g.set(e, u);
-  }, h = (u) => {
-    const p = t.value.findIndex((C) => C.code === "home");
-    p > -1 && t.value.splice(p, 1), t.value.unshift({
-      ...u,
+    }), h;
+  }, r = (f) => {
+    t.value = f, b.set(e, f);
+  }, u = (f) => {
+    const v = t.value.findIndex((h) => h.code === "home");
+    v > -1 && t.value.splice(v, 1), t.value.unshift({
+      ...f,
       code: "home",
       name: "首页"
-    }), g.set(e, t.value);
-  }, y = (u, p) => {
-    if (f(), !(p != null && p.skipIndexMenu)) {
-      const l = P();
+    }), b.set(e, t.value);
+  }, d = (f, v) => {
+    if (p(), !(v != null && v.skipIndexMenu)) {
+      const c = P();
       t.value.push({
         code: "home",
         name: "首页",
-        icon: "home",
+        icon: "grid",
         closable: !1,
         default: !1,
         out: !1,
-        path: l.indexPath || "/dashboard",
+        path: c.indexPath || "/dashboard",
         title: "首页"
       });
     }
-    const C = a(u);
-    t.value.push(...C), g.set(e, t.value), g.set(s, n.value);
-  }, f = () => {
-    t.value = [], n.value = {}, g.remove(e), g.remove(s);
+    const h = l(f);
+    t.value.push(...h), b.set(e, t.value), b.set(s, n.value);
+  }, p = () => {
+    t.value = [], n.value = {}, b.remove(e), b.remove(s);
   };
   return {
     menuList: t,
     menuBtnListMap: n,
     hasMenu: o,
-    index: d,
+    index: _,
     setMenuList: r,
-    setIndexMenu: h,
-    setMenuFromRemote: y,
-    clearMenu: f
+    setIndexMenu: u,
+    setMenuFromRemote: d,
+    clearMenu: p
   };
 });
-function ze(e) {
+function Xe(e) {
   const s = P();
-  return z.post("/user/v1.0/login/by-domain", {
+  return X.post("/user/v1.0/login/by-domain", {
     appId: s.appId,
     clientId: s.clientId,
     uid: e.uid,
@@ -365,336 +367,303 @@ function ze(e) {
     code: !0
   });
 }
-function Ke() {
-  return z.put("/user/v1.0/user/logout");
+function Je() {
+  return X.put("/user/v1.0/user/logout");
 }
-function vs(e, s) {
-  return z.get(`/user/v1.0/login/by-code?appId=${e}&code=${s}`);
+function Fs(e, s) {
+  return X.get(`/user/v1.0/login/by-code?appId=${e}&code=${s}`);
 }
-function qe() {
-  return z.get("/user/v1.0/user/get-me");
+function Qe() {
+  return X.get("/user/v1.0/user/get-me");
 }
-function He() {
-  return z.get(`/user/v1.0/menu/get-menu?appId=${F.appId}`);
+function Ze() {
+  const e = P();
+  return X.get(`/user/v1.0/menu/get-menu?appId=${e.appId}`);
 }
-function te() {
-  const e = Q(), s = ue(), t = ve(), n = ge(), o = K(), d = w(!1), a = b(() => t.isLoggedIn), r = b(() => n.userInfo), h = b(() => n.userName || ""), y = b(() => o.menuList), f = b(() => o.index), u = async (v, m) => {
-    d.value = !0;
+function le() {
+  const e = G(), s = he(), t = Ie(), n = $e(), o = q(), _ = C(!1), l = k(() => t.isLoggedIn), r = k(() => n.userInfo), u = k(() => n.userName || ""), d = k(() => o.menuList), p = k(() => o.index), f = async (w, E) => {
+    _.value = !0;
     try {
-      i();
-      const U = (await ze({ uid: v, password: m })).data;
-      t.login(U), await C(), await l();
-      const N = s.query.redirectUrl;
-      if (N) {
-        const A = decodeURIComponent(N);
-        if (A.startsWith("http")) {
-          const $ = U.code;
-          location.href = A.includes("?") ? `${A}&code=${$}` : `${A}?code=${$}`;
+      g();
+      const O = (await Xe({ uid: w, password: E })).data;
+      t.login(O), await h(), await c();
+      const V = s.query.redirectUrl;
+      if (V) {
+        const N = decodeURIComponent(V);
+        if (N.startsWith("http")) {
+          const T = O.code;
+          location.href = N.includes("?") ? `${N}&code=${T}` : `${N}?code=${T}`;
         } else
-          await e.replace(A);
+          await e.replace(N);
       } else
-        await e.replace(f.value || "/");
-      return R.success("登录成功"), { success: !0, data: U };
-    } catch (S) {
-      return R.error((S == null ? void 0 : S.message) || "登录失败"), { success: !1, error: S };
+        await e.replace(p.value || "/");
+      return B.success("登录成功"), { success: !0, data: O };
+    } catch (M) {
+      return B.error((M == null ? void 0 : M.message) || "登录失败"), { success: !1, error: M };
     } finally {
-      d.value = !1;
+      _.value = !1;
     }
-  }, p = async (v = !0) => {
-    const m = P();
+  }, v = async (w = !0) => {
+    const E = P();
     try {
-      await Ke();
-    } catch (S) {
-      console.error("退出登录接口失败", S);
+      await Je();
+    } catch (M) {
+      console.error("退出登录接口失败", M);
     } finally {
-      i(), e.push(m.loginPath || "/login"), v && R.success("退出登录成功");
+      g(), e.push(E.loginPath || "/login"), w && B.success("退出登录成功");
     }
-  }, C = async () => {
-    const v = await qe();
-    return n.setUserInfo(v.data), v.data;
-  }, l = async () => {
-    const v = await He();
-    return o.setMenuFromRemote(v.data), o.menuList;
-  }, I = async () => {
+  }, h = async () => {
+    const w = await Qe();
+    return n.setUserInfo(w.data), w.data;
+  }, c = async () => {
+    const w = await Ze();
+    return o.setMenuFromRemote(w.data), o.menuList;
+  }, m = async () => {
     if (!t.isLoggedIn)
       return !1;
     try {
-      return n.userInfo || await C(), o.hasMenu || await l(), !0;
-    } catch (v) {
-      return console.error("初始化应用失败", v), i(), !1;
+      return n.userInfo || await h(), o.hasMenu || await c(), !0;
+    } catch (w) {
+      return console.error("初始化应用失败", w), g(), !1;
     }
-  }, i = () => {
+  }, g = () => {
     t.logout(), n.clearUserInfo(), o.clearMenu();
   };
   return {
     // 状态
-    loading: d,
-    isLoggedIn: a,
+    loading: _,
+    isLoggedIn: l,
     userInfo: r,
-    userName: h,
-    menuList: y,
-    indexPath: f,
+    userName: u,
+    menuList: d,
+    indexPath: p,
     // 方法
-    login: u,
-    logout: p,
-    loadUserInfo: C,
-    loadMenu: l,
-    initApp: I,
-    clearAllState: i
+    login: f,
+    logout: v,
+    loadUserInfo: h,
+    loadMenu: c,
+    initApp: m,
+    clearAllState: g
   };
 }
-function gs() {
-  const e = K(), s = ve(), t = ge(), n = b(() => s.isLoggedIn), o = b(() => t.userName), d = b(() => t.userInfo), a = (f) => {
-    const u = window.location.pathname, C = (e.menuBtnListMap[u] || []).map((l) => l.code);
-    return Array.isArray(f) ? f.some((l) => C.includes(l)) : C.includes(f);
+function Ds() {
+  const e = q(), s = Ie(), t = $e(), n = k(() => s.isLoggedIn), o = k(() => t.userName), _ = k(() => t.userInfo), l = (p) => {
+    const f = window.location.pathname, h = (e.menuBtnListMap[f] || []).map((c) => c.code);
+    return Array.isArray(p) ? p.some((c) => h.includes(c)) : h.includes(p);
   };
   return {
     // 状态
     isLoggedIn: n,
     userName: o,
-    userInfo: d,
+    userInfo: _,
     // 方法
-    hasPermission: a,
-    hasAnyPermission: (f) => f.some((u) => a(u)),
-    hasAllPermissions: (f) => f.every((u) => a(u)),
+    hasPermission: l,
+    hasAnyPermission: (p) => p.some((f) => l(f)),
+    hasAllPermissions: (p) => p.every((f) => l(f)),
     getCurrentPagePermissions: () => {
-      const f = window.location.pathname;
-      return (e.menuBtnListMap[f] || []).map((p) => p.code);
+      const p = window.location.pathname;
+      return (e.menuBtnListMap[p] || []).map((v) => v.code);
     }
   };
 }
-const We = {
-  home: "🏠",
-  dashboard: "📊",
-  system: "⚙️",
-  user: "👤",
-  role: "👥",
-  menu: "📋",
-  setting: "🔧"
-};
-function je(e) {
-  const s = ue(), t = Q(), n = K(), o = ee(), d = { ...We, ...e }, a = w(""), r = b(() => s.path), h = b(() => o.isCollapsed), y = b(() => n.menuList), f = b(() => n.hasMenu), u = (m, S = "") => {
-    const U = [];
-    return m.forEach((N) => {
-      N.children && N.children.length > 0 ? U.push(...u(N.children, N.title)) : U.push({ ...N, parentTitle: S });
-    }), U;
-  }, p = b(() => a.value.trim() ? u(y.value).filter(
-    (S) => S.title.toLowerCase().includes(a.value.toLowerCase())
-  ) : []), C = b(() => a.value.trim() ? y.value.map((m) => {
+function Se() {
+  const e = he(), s = G(), t = q(), n = J(), o = C(""), _ = k(() => e.path), l = k(() => n.isCollapsed), r = k(() => t.menuList), u = k(() => t.hasMenu), d = (m, g = "") => {
+    const w = [];
+    return m.forEach((E) => {
+      E.children && E.children.length > 0 ? w.push(...d(E.children, E.title)) : w.push({ ...E, parentTitle: g });
+    }), w;
+  }, p = k(() => o.value.trim() ? d(r.value).filter(
+    (g) => g.title.toLowerCase().includes(o.value.toLowerCase())
+  ) : []), f = k(() => o.value.trim() ? r.value.map((m) => {
     if (m.children && m.children.length > 0) {
-      const S = m.children.filter(
-        (U) => U.title.toLowerCase().includes(a.value.toLowerCase())
+      const g = m.children.filter(
+        (w) => w.title.toLowerCase().includes(o.value.toLowerCase())
       );
-      return S.length > 0 ? { ...m, children: S } : null;
+      return g.length > 0 ? { ...m, children: g } : null;
     }
-    return m.title.toLowerCase().includes(a.value.toLowerCase()) ? m : null;
-  }).filter(Boolean) : y.value);
+    return m.title.toLowerCase().includes(o.value.toLowerCase()) ? m : null;
+  }).filter(Boolean) : r.value);
   return {
     // 状态
-    searchKeyword: a,
-    activeMenu: r,
-    isCollapsed: h,
-    menuList: y,
-    hasMenu: f,
+    searchKeyword: o,
+    activeMenu: _,
+    isCollapsed: l,
+    menuList: r,
+    hasMenu: u,
     searchResults: p,
-    filteredMenuList: C,
+    filteredMenuList: f,
     // 方法
-    flattenMenus: u,
-    getMenuIcon: (m) => d[m || ""] || "📄",
+    flattenMenus: d,
     handleMenuSelect: (m) => {
-      m && m !== s.path && (t.push(m), a.value = "");
+      m && m !== e.path && (s.push(m), o.value = "");
     },
     handleSearchItemClick: (m) => {
-      t.push(m), a.value = "";
+      s.push(m), o.value = "";
     },
     clearSearch: () => {
-      a.value = "";
+      o.value = "";
     }
   };
 }
-function ys(e, s = {}) {
-  const { rules: t, onSubmit: n } = s, o = w(), d = ae({ ...e }), a = w(!1), r = w(!1), h = w(!1), y = () => {
-    p(), h.value = !1, r.value = !0;
-  }, f = (l) => {
-    Object.assign(d, l), h.value = !0, r.value = !0;
-  }, u = () => {
-    r.value = !1, p();
-  }, p = () => {
-    var l;
-    Object.keys(e).forEach((I) => {
-      d[I] = e[I];
-    }), (l = o.value) == null || l.resetFields();
+function Os(e, s = {}) {
+  const { rules: t, onSubmit: n } = s, o = C(), _ = ue({ ...e }), l = C(!1), r = C(!1), u = C(!1), d = () => {
+    v(), u.value = !1, r.value = !0;
+  }, p = (c) => {
+    Object.assign(_, c), u.value = !0, r.value = !0;
+  }, f = () => {
+    r.value = !1, v();
+  }, v = () => {
+    var c;
+    Object.keys(e).forEach((m) => {
+      _[m] = e[m];
+    }), (c = o.value) == null || c.resetFields();
   };
   return {
     formRef: o,
-    formData: d,
+    formData: _,
     rules: t,
-    loading: a,
+    loading: l,
     visible: r,
-    isEdit: h,
-    openAdd: y,
-    openEdit: f,
-    close: u,
-    resetForm: p,
+    isEdit: u,
+    openAdd: d,
+    openEdit: p,
+    close: f,
+    resetForm: v,
     handleSubmit: async () => {
-      var l;
+      var c;
       try {
-        await ((l = o.value) == null ? void 0 : l.validate()), a.value = !0, await (n == null ? void 0 : n(d)), u();
-      } catch (I) {
-        console.error(I);
+        await ((c = o.value) == null ? void 0 : c.validate()), l.value = !0, await (n == null ? void 0 : n(_)), f();
+      } catch (m) {
+        console.error(m);
       } finally {
-        a.value = !1;
+        l.value = !1;
       }
     }
   };
 }
-function ws(e) {
-  const { fetchData: s, defaultPageSize: t = 10 } = e, n = w(!1), o = w([]), d = w(0), a = w(1), r = w(t), h = ae({}), y = async () => {
+function Vs(e) {
+  const { fetchData: s, defaultPageSize: t = 10 } = e, n = C(!1), o = C([]), _ = C(0), l = C(1), r = C(t), u = ue({}), d = async () => {
     n.value = !0;
     try {
-      const i = {
-        ...h,
-        page: a.value,
+      const g = {
+        ...u,
+        page: l.value,
         pageSize: r.value
-      }, v = await s(i);
-      o.value = v.list, d.value = v.total;
-    } catch (i) {
-      console.error(i);
+      }, w = await s(g);
+      o.value = w.list, _.value = w.total;
+    } catch (g) {
+      console.error(g);
     } finally {
       n.value = !1;
     }
+  }, p = () => {
+    l.value = 1, d();
   }, f = () => {
-    a.value = 1, y();
-  }, u = () => {
-    Object.keys(h).forEach((i) => {
-      h[i] = void 0;
-    }), a.value = 1, y();
-  }, p = (i) => {
-    a.value = i, y();
-  }, C = (i) => {
-    r.value = i, a.value = 1, y();
-  }, l = () => {
-    y();
-  }, I = b(() => ({
-    current: a.value,
+    Object.keys(u).forEach((g) => {
+      u[g] = void 0;
+    }), l.value = 1, d();
+  }, v = (g) => {
+    l.value = g, d();
+  }, h = (g) => {
+    r.value = g, l.value = 1, d();
+  }, c = () => {
+    d();
+  }, m = k(() => ({
+    current: l.value,
     pageSize: r.value,
-    total: d.value
+    total: _.value
   }));
   return {
     loading: n,
     data: o,
-    total: d,
-    currentPage: a,
+    total: _,
+    currentPage: l,
     pageSize: r,
-    searchParams: h,
-    pagination: I,
-    getData: y,
-    handleSearch: f,
-    handleReset: u,
-    handlePageChange: p,
-    handleSizeChange: C,
-    refresh: l
+    searchParams: u,
+    pagination: m,
+    getData: d,
+    handleSearch: p,
+    handleReset: f,
+    handlePageChange: v,
+    handleSizeChange: h,
+    refresh: c
   };
 }
-const Ye = { class: "sidebar" }, Xe = { class: "sidebar__logo" }, Je = {
-  key: 0,
-  class: "sidebar__search"
-}, Qe = {
+const et = { class: "sidebar" }, tt = { class: "sidebar__logo" }, st = { key: 1 }, nt = {
   key: 0,
-  class: "sidebar__search-results"
-}, Ze = ["onClick"], Ge = { class: "menu-icon" }, et = { class: "sidebar__search-item-info" }, tt = { class: "sidebar__search-item-title" }, st = {
-  key: 0,
-  class: "sidebar__search-item-parent"
-}, nt = { class: "menu-icon" }, ot = { class: "menu-icon" }, rt = { class: "menu-icon" }, at = {
-  key: 1,
   class: "sidebar__user"
-}, lt = { class: "sidebar__user-info" }, ct = { class: "sidebar__user-name" }, it = { class: "sidebar__user-role" }, ut = /* @__PURE__ */ D({
+}, ot = { class: "sidebar__user-info" }, at = { class: "sidebar__user-name" }, rt = { class: "sidebar__user-role" }, lt = /* @__PURE__ */ D({
   __name: "Sidebar",
   setup(e) {
-    const { logout: s, userName: t, userInfo: n } = te(), o = P(), {
-      searchKeyword: d,
-      activeMenu: a,
-      isCollapsed: r,
-      searchResults: h,
-      filteredMenuList: y,
-      getMenuIcon: f,
-      handleMenuSelect: u,
-      handleSearchItemClick: p
-    } = je();
-    return (C, l) => {
-      var I;
-      return k(), L("div", Ye, [
-        c("div", Xe, [
-          l[1] || (l[1] = c("img", {
-            src: Oe,
+    const { logout: s, userName: t, userInfo: n } = le(), o = P(), {
+      activeMenu: _,
+      isCollapsed: l,
+      filteredMenuList: r,
+      handleMenuSelect: u
+    } = Se();
+    return (d, p) => {
+      var f;
+      return y(), L("div", et, [
+        a("div", tt, [
+          p[0] || (p[0] = a("img", {
+            src: Le,
             alt: "Logo",
             class: "sidebar__logo-img"
           }, null, -1)),
-          be(c("span", { class: "sidebar__logo-text" }, x(_(o).appName), 513), [
-            [Ce, !_(r)]
+          pe(a("span", { class: "sidebar__logo-text" }, S(i(o).appName), 513), [
+            [ve, !i(l)]
           ])
         ]),
-        _(r) ? V("", !0) : (k(), L("div", Je, [
-          T(_(re), {
-            modelValue: _(d),
-            "onUpdate:modelValue": l[0] || (l[0] = (i) => ke(d) ? d.value = i : null),
-            placeholder: "搜索菜单...",
-            size: "small",
-            clearable: ""
-          }, null, 8, ["modelValue"]),
-          _(h).length > 0 ? (k(), L("div", Qe, [
-            (k(!0), L(q, null, se(_(h), (i) => (k(), L("div", {
-              key: i.path,
-              class: "sidebar__search-item",
-              onClick: (v) => _(p)(i.path)
-            }, [
-              c("span", Ge, x(_(f)(i.icon)), 1),
-              c("div", et, [
-                c("span", tt, x(i.title), 1),
-                i.parentTitle ? (k(), L("span", st, x(i.parentTitle), 1)) : V("", !0)
-              ])
-            ], 8, Ze))), 128))
-          ])) : V("", !0)
-        ])),
-        T(_(Ne), {
-          "default-active": _(a),
-          collapse: _(r),
+        x(i(ye), {
+          "default-active": i(_),
+          collapse: i(l),
           "collapse-transition": !1,
           class: "sidebar__menu",
-          onSelect: _(u)
+          onSelect: i(u)
         }, {
-          default: E(() => [
-            (k(!0), L(q, null, se(_(y), (i) => (k(), L(q, {
-              key: i.path
+          default: I(() => [
+            (y(!0), L(R, null, K(i(r), (v) => (y(), L(R, {
+              key: v.path
             }, [
-              i.children && i.children.length > 0 ? (k(), ne(_(Pe), {
+              v.children && v.children.length > 0 ? (y(), F(i(we), {
                 key: 0,
-                index: i.path
+                index: v.path,
+                icon: "grid"
               }, {
-                title: E(() => [
-                  c("span", nt, x(_(f)(i.icon)), 1),
-                  c("span", null, x(i.title), 1)
+                title: I(() => [
+                  pe(a("span", null, S(v.title), 513), [
+                    [ve, !i(l)]
+                  ])
                 ]),
-                default: E(() => [
-                  (k(!0), L(q, null, se(i.children, (v) => (k(), ne(_(ie), {
-                    key: v.path,
-                    index: v.path
+                default: I(() => [
+                  (y(!0), L(R, null, K(v.children, (h) => (y(), F(i(se), {
+                    key: h.path,
+                    index: h.path,
+                    icon: "grid"
                   }, {
-                    default: E(() => [
-                      c("span", ot, x(_(f)(v.icon)), 1),
-                      c("span", null, x(v.title), 1)
+                    default: I(() => [
+                      a("span", null, S(h.title), 1)
                     ]),
                     _: 2
                   }, 1032, ["index"]))), 128))
                 ]),
                 _: 2
-              }, 1032, ["index"])) : (k(), ne(_(ie), {
+              }, 1032, ["index"])) : (y(), F(i(se), {
                 key: 1,
-                index: i.path
+                index: v.path,
+                icon: "grid"
               }, {
-                default: E(() => [
-                  c("span", rt, x(_(f)(i.icon)), 1),
-                  c("span", null, x(i.title), 1)
+                default: I(() => [
+                  i(l) ? (y(), F(i(Ee), {
+                    key: 0,
+                    content: v.title,
+                    placement: "right"
+                  }, {
+                    default: I(() => [...p[1] || (p[1] = [
+                      a("span", null, null, -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["content"])) : (y(), L("span", st, S(v.title), 1))
                 ]),
                 _: 2
               }, 1032, ["index"]))
@@ -702,18 +671,18 @@ const Ye = { class: "sidebar" }, Xe = { class: "sidebar__logo" }, Je = {
           ]),
           _: 1
         }, 8, ["default-active", "collapse", "onSelect"]),
-        _(r) ? V("", !0) : (k(), L("div", at, [
-          c("div", lt, [
-            c("span", ct, x(_(t) || "用户"), 1),
-            c("span", it, x(((I = _(n)) == null ? void 0 : I.departmentName) || ""), 1)
+        i(l) ? H("", !0) : (y(), L("div", nt, [
+          a("div", ot, [
+            a("span", at, S(i(t) || "用户"), 1),
+            a("span", rt, S(((f = i(n)) == null ? void 0 : f.departmentName) || ""), 1)
           ]),
-          T(_(Z), {
+          x(i(re), {
             type: "text",
             size: "small",
-            onClick: _(s)
+            onClick: i(s)
           }, {
-            default: E(() => [...l[2] || (l[2] = [
-              X("退出", -1)
+            default: I(() => [...p[2] || (p[2] = [
+              oe("退出", -1)
             ])]),
             _: 1
           }, 8, ["onClick"])
@@ -721,163 +690,376 @@ const Ye = { class: "sidebar" }, Xe = { class: "sidebar__logo" }, Je = {
       ]);
     };
   }
-}), M = (e, s) => {
+}), A = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [n, o] of s)
     t[n] = o;
   return t;
-}, dt = /* @__PURE__ */ M(ut, [["__scopeId", "data-v-e0f3701a"]]), ht = { class: "header" }, pt = { class: "header__right" }, _t = ["title"], mt = {
+}, ct = /* @__PURE__ */ A(lt, [["__scopeId", "data-v-363654cb"]]), it = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
+  <rect x="3" y="3" width="18" height="4" rx="1"/>
+  <rect x="3" y="9" width="6" height="12" rx="1"/>
+  <rect x="11" y="9" width="10" height="12" rx="1"/>
+</svg>`, ut = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
+  <rect x="3" y="3" width="18" height="4" rx="1"/>
+  <rect x="3" y="9" width="18" height="12" rx="1"/>
+</svg>`, dt = { class: "setting-drawer" }, ht = { class: "setting-section" }, _t = { class: "setting-section__content" }, pt = { class: "layout-options" }, vt = ["onClick"], ft = ["innerHTML"], gt = { class: "layout-option__label" }, mt = { class: "setting-section" }, yt = { class: "setting-section__content" }, wt = { class: "setting-item" }, bt = /* @__PURE__ */ D({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    visible: { type: Boolean }
+  },
+  emits: ["update:visible"],
+  setup(e, { emit: s }) {
+    const t = J(), n = {
+      navLeft: it,
+      navTop: ut
+    }, o = [
+      { value: "sidebar", label: "左侧导航", icon: "navLeft" },
+      { value: "top", label: "顶部导航", icon: "navTop" }
+    ], _ = k({
+      get: () => t.layout,
+      set: (u) => t.setLayout(u)
+    }), l = s, r = () => {
+      l("update:visible", !1);
+    };
+    return (u, d) => (y(), F(i(Ue), {
+      "model-value": e.visible,
+      title: "皮肤设置",
+      direction: "rtl",
+      size: 280,
+      "onUpdate:modelValue": r
+    }, {
+      default: I(() => [
+        a("div", dt, [
+          a("div", ht, [
+            d[0] || (d[0] = a("h4", { class: "setting-section__title" }, "导航模式", -1)),
+            a("div", _t, [
+              a("div", pt, [
+                (y(), L(R, null, K(o, (p) => a("div", {
+                  key: p.value,
+                  class: de(["layout-option", { "is-active": _.value === p.value }]),
+                  onClick: (f) => _.value = p.value
+                }, [
+                  a("div", {
+                    class: "layout-option__preview",
+                    innerHTML: n[p.icon]
+                  }, null, 8, ft),
+                  a("span", gt, S(p.label), 1)
+                ], 10, vt)), 64))
+              ])
+            ])
+          ]),
+          a("div", mt, [
+            d[2] || (d[2] = a("h4", { class: "setting-section__title" }, "界面设置", -1)),
+            a("div", yt, [
+              a("div", wt, [
+                d[1] || (d[1] = a("span", { class: "setting-item__label" }, "灰度模式", -1)),
+                x(i(Ve), {
+                  "model-value": i(t).isGrayscale,
+                  "onUpdate:modelValue": i(t).setGrayscale
+                }, null, 8, ["model-value", "onUpdate:modelValue"])
+              ])
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+}), kt = /* @__PURE__ */ A(bt, [["__scopeId", "data-v-14d31c8c"]]), Ct = { class: "header" }, xt = { class: "header__left" }, Lt = { class: "header__right" }, It = {
   key: 0,
-  viewBox: "0 0 24 24",
-  width: "16",
-  height: "16",
-  fill: "currentColor"
-}, ft = {
-  key: 1,
-  viewBox: "0 0 24 24",
-  width: "16",
-  height: "16",
-  fill: "currentColor"
-}, vt = { key: 0 }, gt = { key: 1 }, yt = { class: "header__avatar" }, wt = { class: "header__user-name" }, bt = {
+  class: "header__search-results"
+}, $t = ["onClick"], St = { class: "header__search-info" }, Tt = { class: "header__search-title" }, Et = {
+  key: 0,
+  class: "header__search-parent"
+}, Ut = ["title"], Mt = { class: "header__avatar" }, Pt = { class: "header__user-name" }, Nt = {
   key: 0,
   class: "header__dropdown"
-}, Ct = { class: "header__dropdown-header" }, kt = { class: "header__dropdown-avatar" }, It = { class: "header__dropdown-info" }, Lt = { class: "header__dropdown-name" }, St = { class: "header__dropdown-role" }, $t = /* @__PURE__ */ D({
+}, Rt = { class: "header__dropdown-header" }, At = { class: "header__dropdown-avatar" }, Bt = { class: "header__dropdown-info" }, Ft = { class: "header__dropdown-name" }, Dt = { class: "header__dropdown-role" }, Ot = { class: "header__dropdown-menu" }, Vt = /* @__PURE__ */ D({
   __name: "Header",
+  props: {
+    showCollapse: { type: Boolean }
+  },
   setup(e) {
-    const s = ee(), { logout: t, userName: n, userInfo: o } = te(), d = w(!1), a = w(null), r = w(!1), h = b(() => n.value || "用户"), y = () => {
+    const s = J(), { logout: t, userName: n, userInfo: o } = le(), {
+      searchKeyword: _,
+      searchResults: l,
+      handleSearchItemClick: r
+    } = Se(), u = C(!1), d = C(null), p = C(null), f = C(!1), v = C(!1), h = k(() => n.value || "用户"), c = () => {
       s.toggleCollapse();
-    }, f = () => {
+    }, m = () => {
       s.toggleTheme();
-    }, u = () => {
+    }, g = () => {
       document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
-    }, p = () => {
-      r.value = !!document.fullscreenElement;
-    }, C = () => {
-      d.value = !d.value;
-    }, l = () => {
-      d.value = !1;
-    }, I = async () => {
-      l(), await t();
-    }, i = (v) => {
-      a.value && !a.value.contains(v.target) && l();
+    }, w = () => {
+      f.value = !!document.fullscreenElement;
+    }, E = () => {
+      u.value = !u.value;
+    }, M = () => {
+      u.value = !1;
+    }, O = async () => {
+      M(), await t();
+    }, V = (N) => {
+      d.value && !d.value.contains(N.target) && M(), p.value && !p.value.contains(N.target) && (_.value = "");
     };
-    return Ie(() => {
-      document.addEventListener("click", i), document.addEventListener("fullscreenchange", p);
-    }), Le(() => {
-      document.removeEventListener("click", i), document.removeEventListener("fullscreenchange", p);
-    }), (v, m) => (k(), L("div", ht, [
-      c("div", { class: "header__left" }, [
-        c("div", {
+    return Pe(() => {
+      document.addEventListener("click", V), document.addEventListener("fullscreenchange", w);
+    }), Ne(() => {
+      document.removeEventListener("click", V), document.removeEventListener("fullscreenchange", w);
+    }), (N, T) => (y(), L("div", Ct, [
+      a("div", xt, [
+        e.showCollapse ? (y(), L("div", {
+          key: 0,
           class: "header__collapse",
-          onClick: y
-        }, [...m[0] || (m[0] = [
-          c("span", null, "☰", -1)
-        ])])
+          onClick: c
+        }, [...T[3] || (T[3] = [
+          a("span", null, "☰", -1)
+        ])])) : H("", !0)
       ]),
-      c("div", pt, [
-        c("div", {
+      a("div", Lt, [
+        a("div", {
+          class: "header__search",
+          ref_key: "searchRef",
+          ref: p
+        }, [
+          x(i(ie), {
+            modelValue: i(_),
+            "onUpdate:modelValue": T[0] || (T[0] = (U) => Re(_) ? _.value = U : null),
+            placeholder: "搜索菜单...",
+            size: "small",
+            clearable: ""
+          }, null, 8, ["modelValue"]),
+          i(l).length > 0 ? (y(), L("div", It, [
+            (y(!0), L(R, null, K(i(l), (U) => (y(), L("div", {
+              key: U.path,
+              class: "header__search-item",
+              onClick: ($) => i(r)(U.path)
+            }, [
+              x(i(j), {
+                name: "grid",
+                size: 16,
+                class: "header__search-icon"
+              }),
+              a("div", St, [
+                a("span", Tt, S(U.title), 1),
+                U.parentTitle ? (y(), L("span", Et, S(U.parentTitle), 1)) : H("", !0)
+              ])
+            ], 8, $t))), 128))
+          ])) : H("", !0)
+        ], 512),
+        a("div", {
           class: "header__action",
-          onClick: u,
-          title: r.value ? "退出全屏" : "全屏"
+          onClick: g,
+          title: f.value ? "退出全屏" : "全屏"
         }, [
-          r.value ? (k(), L("svg", mt, [...m[1] || (m[1] = [
-            c("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }, null, -1)
-          ])])) : (k(), L("svg", ft, [...m[2] || (m[2] = [
-            c("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }, null, -1)
-          ])]))
-        ], 8, _t),
-        c("div", {
+          x(i(j), {
+            name: f.value ? "fullscreen-exit" : "fullscreen",
+            size: 16
+          }, null, 8, ["name"])
+        ], 8, Ut),
+        a("div", {
           class: "header__action",
-          onClick: f,
+          onClick: m,
           title: "切换主题"
         }, [
-          _(s).isDark ? (k(), L("span", vt, "🌙")) : (k(), L("span", gt, "☀️"))
+          x(i(j), {
+            name: i(s).isDark ? "sun" : "moon",
+            size: 16
+          }, null, 8, ["name"])
         ]),
-        c("div", {
+        a("div", {
+          class: "header__action",
+          onClick: T[1] || (T[1] = (U) => v.value = !0),
+          title: "皮肤设置"
+        }, [
+          x(i(j), {
+            name: "skin",
+            size: 16
+          })
+        ]),
+        a("div", {
           class: "header__user",
           ref_key: "dropdownRef",
-          ref: a
+          ref: d
         }, [
-          c("div", {
+          a("div", {
             class: "header__user-trigger",
-            onClick: Se(C, ["stop"])
+            onClick: Ae(E, ["stop"])
           }, [
-            c("div", yt, [
-              c("span", null, x(h.value.charAt(0)), 1)
+            a("div", Mt, [
+              a("span", null, S(h.value.charAt(0)), 1)
             ]),
-            c("span", wt, x(h.value), 1),
-            c("span", {
-              class: $e(["header__user-arrow", { "is-active": d.value }])
+            a("span", Pt, S(h.value), 1),
+            a("span", {
+              class: de(["header__user-arrow", { "is-active": u.value }])
             }, "▼", 2)
           ]),
-          T(xe, { name: "dropdown" }, {
-            default: E(() => {
-              var S;
+          x(Be, { name: "dropdown" }, {
+            default: I(() => {
+              var U;
               return [
-                d.value ? (k(), L("div", bt, [
-                  c("div", Ct, [
-                    c("div", kt, [
-                      c("span", null, x(h.value.charAt(0)), 1)
+                u.value ? (y(), L("div", Nt, [
+                  a("div", Rt, [
+                    a("div", At, [
+                      a("span", null, S(h.value.charAt(0)), 1)
                     ]),
-                    c("div", It, [
-                      c("div", Lt, x(h.value), 1),
-                      c("div", St, x(((S = _(o)) == null ? void 0 : S.departmentName) || ""), 1)
+                    a("div", Bt, [
+                      a("div", Ft, S(h.value), 1),
+                      a("div", Dt, S(((U = i(o)) == null ? void 0 : U.departmentName) || ""), 1)
                     ])
                   ]),
-                  m[4] || (m[4] = c("div", { class: "header__dropdown-divider" }, null, -1)),
-                  c("div", { class: "header__dropdown-menu" }, [
-                    c("div", {
+                  T[5] || (T[5] = a("div", { class: "header__dropdown-divider" }, null, -1)),
+                  a("div", Ot, [
+                    a("div", {
                       class: "header__dropdown-item header__dropdown-item--danger",
-                      onClick: I
-                    }, [...m[3] || (m[3] = [
-                      c("span", { class: "header__dropdown-icon" }, "🚪", -1),
-                      c("span", null, "退出登录", -1)
-                    ])])
+                      onClick: O
+                    }, [
+                      x(i(j), {
+                        name: "logout",
+                        size: 16
+                      }),
+                      T[4] || (T[4] = a("span", null, "退出登录", -1))
+                    ])
                   ])
-                ])) : V("", !0)
+                ])) : H("", !0)
               ];
             }),
             _: 1
           })
         ], 512)
-      ])
+      ]),
+      x(kt, {
+        visible: v.value,
+        "onUpdate:visible": T[2] || (T[2] = (U) => v.value = U)
+      }, null, 8, ["visible"])
+    ]));
+  }
+}), fe = /* @__PURE__ */ A(Vt, [["__scopeId", "data-v-175c2432"]]), zt = { class: "top-menu" }, Ht = /* @__PURE__ */ D({
+  __name: "TopMenu",
+  setup(e) {
+    const s = he(), t = G(), n = q(), o = k(() => s.path), _ = (l) => {
+      t.push(l);
+    };
+    return (l, r) => (y(), L("div", zt, [
+      x(i(ye), {
+        "default-active": o.value,
+        mode: "horizontal",
+        class: "top-menu__inner",
+        onSelect: _
+      }, {
+        default: I(() => [
+          (y(!0), L(R, null, K(i(n).menuList, (u) => (y(), L(R, {
+            key: u.path
+          }, [
+            u.children && u.children.length > 0 ? (y(), F(i(we), {
+              key: 0,
+              index: u.path,
+              icon: "grid"
+            }, {
+              title: I(() => [
+                a("span", null, S(u.title), 1)
+              ]),
+              default: I(() => [
+                (y(!0), L(R, null, K(u.children, (d) => (y(), F(i(se), {
+                  key: d.path,
+                  index: d.path,
+                  icon: "grid"
+                }, {
+                  default: I(() => [
+                    a("span", null, S(d.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["index"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["index"])) : (y(), F(i(se), {
+              key: 1,
+              index: u.path,
+              icon: "grid"
+            }, {
+              default: I(() => [
+                a("span", null, S(u.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active"])
     ]));
   }
-}), xt = /* @__PURE__ */ M($t, [["__scopeId", "data-v-151096f1"]]), Tt = { class: "layout" }, Et = { class: "layout__main" }, Ut = { class: "layout__content" }, Nt = /* @__PURE__ */ D({
+}), Kt = /* @__PURE__ */ A(Ht, [["__scopeId", "data-v-f9b502d8"]]), qt = { class: "layout__main" }, Wt = { class: "layout__content" }, jt = { class: "layout__top" }, Yt = { class: "layout__content" }, Gt = /* @__PURE__ */ D({
   __name: "index",
   setup(e) {
-    const s = ee(), t = b(
+    const s = J(), t = k(
       () => s.isCollapsed ? "64px" : "210px"
-    );
-    return (n, o) => {
-      const d = Te("router-view");
-      return k(), L("div", Tt, [
-        c("aside", {
-          class: "layout__aside",
-          style: Ee({ width: t.value })
-        }, [
-          T(dt)
-        ], 4),
-        c("div", Et, [
-          T(xt, { class: "layout__header" }),
-          c("main", Ut, [
-            T(d)
+    ), n = k(() => s.layout), o = k(() => n.value === "sidebar"), _ = k(() => n.value === "sidebar");
+    return (l, r) => {
+      const u = Fe("router-view");
+      return y(), L("div", {
+        class: de(["layout", `layout--${n.value}`])
+      }, [
+        o.value ? (y(), L(R, { key: 0 }, [
+          a("aside", {
+            class: "layout__aside",
+            style: De({ width: t.value })
+          }, [
+            x(ct)
+          ], 4),
+          a("div", qt, [
+            x(fe, {
+              class: "layout__header",
+              "show-collapse": _.value
+            }, null, 8, ["show-collapse"]),
+            a("main", Wt, [
+              x(u)
+            ])
           ])
-        ])
-      ]);
+        ], 64)) : n.value === "top" ? (y(), L(R, { key: 1 }, [
+          a("div", jt, [
+            r[0] || (r[0] = a("div", { class: "layout__logo" }, [
+              a("img", {
+                src: Le,
+                alt: "Logo",
+                class: "layout__logo-img"
+              })
+            ], -1)),
+            x(Kt),
+            x(fe, {
+              class: "layout__header--top",
+              "show-collapse": !1
+            })
+          ]),
+          a("main", Yt, [
+            x(u)
+          ])
+        ], 64)) : H("", !0)
+      ], 2);
     };
   }
-}), Pt = /* @__PURE__ */ M(Nt, [["__scopeId", "data-v-5a394347"]]), Rt = {}, Mt = { class: "tabs-wrapper" };
-function At(e, s) {
-  return k(), L("div", Mt);
+}), Xt = /* @__PURE__ */ A(Gt, [["__scopeId", "data-v-a2789d75"]]), Jt = {}, Qt = { class: "tabs-wrapper" };
+function Zt(e, s) {
+  return y(), L("div", Qt);
 }
-const bs = /* @__PURE__ */ M(Rt, [["render", At], ["__scopeId", "data-v-3b1e382a"]]), Bt = {}, Ft = { class: "footer" };
-function Dt(e, s) {
-  return k(), L("div", Ft, [...s[0] || (s[0] = [
-    c("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+const zs = /* @__PURE__ */ A(Jt, [["render", Zt], ["__scopeId", "data-v-3b1e382a"]]), es = {}, ts = { class: "footer" };
+function ss(e, s) {
+  return y(), L("div", ts, [...s[0] || (s[0] = [
+    a("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
   ])]);
 }
-const Cs = /* @__PURE__ */ M(Bt, [["render", Dt], ["__scopeId", "data-v-317ae311"]]), Vt = { class: "login" }, Ot = { class: "login__container" }, zt = { class: "login__header" }, Kt = ["src"], qt = { class: "login__title" }, Ht = { class: "login__subtitle" }, Wt = /* @__PURE__ */ D({
+const Hs = /* @__PURE__ */ A(es, [["render", ss], ["__scopeId", "data-v-317ae311"]]), ns = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
+  <circle cx="12" cy="8" r="4"/>
+  <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
+</svg>`, os = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
+  <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
+  <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+</svg>`, as = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
+  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
+  <circle cx="12" cy="12" r="3"/>
+</svg>`, rs = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
+  <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/>
+  <line x1="1" y1="1" x2="23" y2="23"/>
+</svg>`, ls = { class: "login" }, cs = { class: "login__container" }, is = { class: "login__header" }, us = ["src"], ds = { class: "login__title" }, hs = { class: "login__subtitle" }, _s = ["innerHTML"], ps = ["innerHTML"], vs = ["innerHTML"], fs = /* @__PURE__ */ D({
   __name: "index",
   props: {
     logo: {},
@@ -886,82 +1068,109 @@ const Cs = /* @__PURE__ */ M(Bt, [["render", Dt], ["__scopeId", "data-v-317ae311
   },
   emits: ["success", "error"],
   setup(e, { emit: s }) {
-    const t = s, { login: n, loading: o } = te(), d = P(), a = ae({
+    const t = s, { login: n, loading: o } = le(), _ = P(), l = ue({
       uid: "",
       password: ""
-    }), r = {
+    }), r = C(!1), u = {
       uid: [
         { required: !0, message: "请输入账号", trigger: "blur" }
       ],
       password: [
         { required: !0, message: "请输入密码", trigger: "blur" }
       ]
-    }, h = w(), y = async () => {
-      var f;
+    }, d = C(), p = {
+      user: ns,
+      lock: os,
+      eye: as,
+      eyeOff: rs
+    }, f = async () => {
+      var v;
       try {
-        await ((f = h.value) == null ? void 0 : f.validate());
-        const u = await n(a.uid, a.password);
-        u.success ? t("success", u.data) : t("error", u.error);
-      } catch (u) {
-        console.error("登录失败", u), t("error", u);
+        await ((v = d.value) == null ? void 0 : v.validate());
+        const h = await n(l.uid, l.password);
+        h.success ? t("success", h.data) : t("error", h.error);
+      } catch (h) {
+        console.error("登录失败", h), t("error", h);
       }
     };
-    return (f, u) => (k(), L("div", Vt, [
-      c("div", Ot, [
-        c("div", zt, [
-          c("img", {
+    return (v, h) => (y(), L("div", ls, [
+      a("div", cs, [
+        a("div", is, [
+          a("img", {
             src: e.logo || "/vite.svg",
             alt: "Logo",
             class: "login__logo"
-          }, null, 8, Kt),
-          c("h1", qt, x(e.title || _(d).appName), 1),
-          c("p", Ht, x(e.subtitle || "后台管理系统"), 1)
+          }, null, 8, us),
+          a("h1", ds, S(e.title || i(_).appName), 1),
+          a("p", hs, S(e.subtitle || "后台管理系统"), 1)
         ]),
-        T(_(Re), {
+        x(i(ze), {
           ref_key: "formRef",
-          ref: h,
-          model: a,
-          rules: r,
+          ref: d,
+          model: l,
+          rules: u,
           class: "login__form",
           "label-width": "0"
         }, {
-          default: E(() => [
-            T(_(oe), { prop: "uid" }, {
-              default: E(() => [
-                T(_(re), {
-                  modelValue: a.uid,
-                  "onUpdate:modelValue": u[0] || (u[0] = (p) => a.uid = p),
+          default: I(() => [
+            x(i(ce), { prop: "uid" }, {
+              default: I(() => [
+                x(i(ie), {
+                  modelValue: l.uid,
+                  "onUpdate:modelValue": h[0] || (h[0] = (c) => l.uid = c),
                   placeholder: "请输入账号",
                   size: "large"
-                }, null, 8, ["modelValue"])
+                }, {
+                  prefix: I(() => [
+                    a("span", {
+                      class: "login__input-icon",
+                      innerHTML: p.user
+                    }, null, 8, _s)
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            T(_(oe), { prop: "password" }, {
-              default: E(() => [
-                T(_(re), {
-                  modelValue: a.password,
-                  "onUpdate:modelValue": u[1] || (u[1] = (p) => a.password = p),
-                  type: "password",
+            x(i(ce), { prop: "password" }, {
+              default: I(() => [
+                x(i(ie), {
+                  modelValue: l.password,
+                  "onUpdate:modelValue": h[2] || (h[2] = (c) => l.password = c),
+                  type: r.value ? "text" : "password",
                   placeholder: "请输入密码",
                   size: "large",
-                  "show-password": "",
-                  onKeyup: Ue(y, ["enter"])
-                }, null, 8, ["modelValue"])
+                  onKeyup: Oe(f, ["enter"])
+                }, {
+                  prefix: I(() => [
+                    a("span", {
+                      class: "login__input-icon",
+                      innerHTML: p.lock
+                    }, null, 8, ps)
+                  ]),
+                  suffix: I(() => [
+                    a("span", {
+                      class: "login__input-icon login__input-icon--clickable",
+                      onClick: h[1] || (h[1] = (c) => r.value = !r.value),
+                      innerHTML: r.value ? p.eyeOff : p.eye
+                    }, null, 8, vs)
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "type"])
               ]),
               _: 1
             }),
-            T(_(oe), null, {
-              default: E(() => [
-                T(_(Z), {
+            x(i(ce), null, {
+              default: I(() => [
+                x(i(re), {
                   type: "primary",
                   size: "large",
-                  loading: _(o),
+                  loading: i(o),
                   class: "login__submit",
-                  onClick: y
+                  onClick: f
                 }, {
-                  default: E(() => [...u[2] || (u[2] = [
-                    X(" 登录 ", -1)
+                  default: I(() => [...h[3] || (h[3] = [
+                    oe(" 登录 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["loading"])
@@ -974,95 +1183,92 @@ const Cs = /* @__PURE__ */ M(Bt, [["render", Dt], ["__scopeId", "data-v-317ae311
       ])
     ]));
   }
-}), ks = /* @__PURE__ */ M(Wt, [["__scopeId", "data-v-fdb37509"]]), jt = { class: "error-page" }, Yt = { class: "error-page__content" }, Xt = /* @__PURE__ */ D({
+}), Ks = /* @__PURE__ */ A(fs, [["__scopeId", "data-v-a48f4a52"]]), gs = { class: "error-page" }, ms = { class: "error-page__content" }, ys = /* @__PURE__ */ D({
   __name: "404",
   setup(e) {
-    const s = Q(), t = () => {
+    const s = G(), t = () => {
       s.push("/");
     };
-    return (n, o) => (k(), L("div", jt, [
-      c("div", Yt, [
-        o[1] || (o[1] = c("div", { class: "error-page__code" }, "404", -1)),
-        o[2] || (o[2] = c("div", { class: "error-page__title" }, "页面不存在", -1)),
-        o[3] || (o[3] = c("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
-        T(_(Z), {
+    return (n, o) => (y(), L("div", gs, [
+      a("div", ms, [
+        o[1] || (o[1] = a("div", { class: "error-page__code" }, "404", -1)),
+        o[2] || (o[2] = a("div", { class: "error-page__title" }, "页面不存在", -1)),
+        o[3] || (o[3] = a("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
+        x(i(re), {
           type: "primary",
           onClick: t
         }, {
-          default: E(() => [...o[0] || (o[0] = [
-            X("返回首页", -1)
+          default: I(() => [...o[0] || (o[0] = [
+            oe("返回首页", -1)
           ])]),
           _: 1
         })
       ])
     ]));
   }
-}), Is = /* @__PURE__ */ M(Xt, [["__scopeId", "data-v-6fc8a81b"]]), Jt = { class: "error-page" }, Qt = { class: "error-page__content" }, Zt = /* @__PURE__ */ D({
+}), qs = /* @__PURE__ */ A(ys, [["__scopeId", "data-v-6fc8a81b"]]), ws = { class: "error-page" }, bs = { class: "error-page__content" }, ks = /* @__PURE__ */ D({
   __name: "403",
   setup(e) {
-    const s = Q(), t = () => {
+    const s = G(), t = () => {
       s.push("/");
     };
-    return (n, o) => (k(), L("div", Jt, [
-      c("div", Qt, [
-        o[1] || (o[1] = c("div", { class: "error-page__code" }, "403", -1)),
-        o[2] || (o[2] = c("div", { class: "error-page__title" }, "无访问权限", -1)),
-        o[3] || (o[3] = c("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
-        T(_(Z), {
+    return (n, o) => (y(), L("div", ws, [
+      a("div", bs, [
+        o[1] || (o[1] = a("div", { class: "error-page__code" }, "403", -1)),
+        o[2] || (o[2] = a("div", { class: "error-page__title" }, "无访问权限", -1)),
+        o[3] || (o[3] = a("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
+        x(i(re), {
           type: "primary",
           onClick: t
         }, {
-          default: E(() => [...o[0] || (o[0] = [
-            X("返回首页", -1)
+          default: I(() => [...o[0] || (o[0] = [
+            oe("返回首页", -1)
           ])]),
           _: 1
         })
       ])
     ]));
   }
-}), Ls = /* @__PURE__ */ M(Zt, [["__scopeId", "data-v-f9466667"]]);
-function Ss(e) {
-  const s = K(), t = window.location.pathname, o = (s.menuBtnListMap[t] || []).map((d) => d.code);
-  return Array.isArray(e) ? e.some((d) => o.includes(d)) : o.includes(e);
+}), Ws = /* @__PURE__ */ A(ks, [["__scopeId", "data-v-f9466667"]]);
+function js(e) {
+  const s = q(), t = window.location.pathname, o = (s.menuBtnListMap[t] || []).map((_) => _.code);
+  return Array.isArray(e) ? e.some((_) => o.includes(_)) : o.includes(e);
 }
-function $s() {
-  return !0;
-}
-const Gt = ["/login", "/404", "/403"];
-function xs(e, s) {
-  const t = P(), n = de({
-    history: he((s == null ? void 0 : s.base) || ""),
+const Cs = ["/login", "/404", "/403"];
+function Ys(e, s) {
+  const t = P(), n = ge({
+    history: me((s == null ? void 0 : s.base) || ""),
     routes: e,
     scrollBehavior: (s == null ? void 0 : s.scrollBehavior) || (() => ({ left: 0, top: 0 }))
   });
-  return n.beforeEach(async (o, d, a) => {
-    const r = ee();
-    if (r.initTheme(), fe())
+  return n.beforeEach(async (o, _, l) => {
+    const r = J();
+    if (r.initTheme(), xe())
       if (o.path === t.loginPath)
-        a({ path: t.indexPath || "/" });
+        l({ path: t.indexPath || "/" });
       else {
-        const { initApp: h, isLoggedIn: y } = te();
-        if (!y.value && !await h()) {
-          a(t.loginPath || "/login");
+        const { initApp: u, isLoggedIn: d } = le();
+        if (!d.value && !await u()) {
+          l(t.loginPath || "/login");
           return;
         }
-        o.name && o.meta.keepAlive && r.addCachedView(o.name), a();
+        o.name && o.meta.keepAlive && r.addCachedView(o.name), l();
       }
     else
-      Gt.includes(o.path) ? a() : a({
+      Cs.includes(o.path) ? l() : l({
         path: t.loginPath || "/login",
         query: { redirectUrl: encodeURIComponent(o.fullPath) }
       });
   }), n;
 }
-function Ts(e, s) {
-  const t = de({
-    history: he(),
+function Gs(e, s) {
+  const t = ge({
+    history: me(),
     routes: s
   });
   e.matcher = t.matcher;
 }
-function Es(e) {
+function Xs(e) {
   const s = P();
   return [
     {
@@ -1101,17 +1307,17 @@ function Es(e) {
     }
   ];
 }
-function Us(e, s = {}) {
+function Js(e, s = {}) {
   const t = s.indexPath || "/dashboard";
   return {
     path: "/",
     name: "Layout",
-    component: s.layoutComponent || Pt,
+    component: s.layoutComponent || Xt,
     redirect: t,
     children: e
   };
 }
-function Ns(e = {}) {
+function Qs(e = {}) {
   return [
     {
       path: "/404",
@@ -1140,19 +1346,19 @@ function Ns(e = {}) {
     }
   ];
 }
-var es = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(es || {}), ts = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(ts || {}), ss = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(ss || {});
-const Ps = {
+var xs = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(xs || {}), Ls = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(Ls || {}), Is = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(Is || {});
+const Zs = {
   1: "启用",
   0: "禁用"
-}, Rs = {
+}, en = {
   0: "未知",
   1: "男",
   2: "女"
-}, Ms = {
+}, tn = {
   0: "目录",
   1: "菜单",
   2: "按钮"
-}, As = [
+}, sn = [
   {
     label: "启用",
     value: 1
@@ -1163,7 +1369,7 @@ const Ps = {
     value: 0
     /* DISABLED */
   }
-], Bs = [
+], nn = [
   {
     label: "未知",
     value: 0
@@ -1179,7 +1385,7 @@ const Ps = {
     value: 2
     /* FEMALE */
   }
-], Fs = [
+], on = [
   {
     label: "目录",
     value: 0
@@ -1195,80 +1401,77 @@ const Ps = {
     value: 2
     /* BUTTON */
   }
-], Ds = {
+], an = {
   mounted(e, s) {
-    var h;
-    const t = K(), { value: n } = s;
+    var u;
+    const t = q(), { value: n } = s;
     if (!n) return;
-    const o = window.location.pathname, a = (t.menuBtnListMap[o] || []).map((y) => y.code);
+    const o = window.location.pathname, l = (t.menuBtnListMap[o] || []).map((d) => d.code);
     let r = !1;
-    Array.isArray(n) ? r = n.some((y) => a.includes(y)) : r = a.includes(n), r || (h = e.parentNode) == null || h.removeChild(e);
+    Array.isArray(n) ? r = n.some((d) => l.includes(d)) : r = l.includes(n), r || (u = e.parentNode) == null || u.removeChild(e);
   }
 };
-function Vs(e) {
-  return Ae(e), Ve(), {
+function rn(e) {
+  return Ke(e), Ge(), {
     config: P()
   };
 }
 export {
-  Cs as Footer,
-  Ls as Forbidden,
-  ts as Gender,
-  Bs as GenderOptions,
-  Rs as GenderText,
-  xt as Header,
-  Pt as Layout,
-  ks as Login,
-  ss as MenuType,
-  Fs as MenuTypeOptions,
-  Ms as MenuTypeText,
-  Is as NotFound,
-  dt as Sidebar,
-  es as Status,
-  As as StatusOptions,
-  Ps as StatusText,
-  bs as Tabs,
-  me as clearToken,
-  fs as clearUserInfo,
-  Ns as createErrorRoutes,
-  Us as createLayoutRoute,
-  xs as createRouter,
-  Es as createStaticRoutes,
-  Vs as createXtoApp,
-  ps as getCode,
+  Hs as Footer,
+  Ws as Forbidden,
+  Ls as Gender,
+  nn as GenderOptions,
+  en as GenderText,
+  fe as Header,
+  Xt as Layout,
+  Ks as Login,
+  Is as MenuType,
+  on as MenuTypeOptions,
+  tn as MenuTypeText,
+  qs as NotFound,
+  kt as SettingDrawer,
+  ct as Sidebar,
+  xs as Status,
+  sn as StatusOptions,
+  Zs as StatusText,
+  zs as Tabs,
+  Ce as clearToken,
+  Qs as createErrorRoutes,
+  Js as createLayoutRoute,
+  Ys as createRouter,
+  Xs as createStaticRoutes,
+  rn as createXtoApp,
+  Bs as getCode,
   P as getConfig,
-  ds as getConfigValue,
-  qe as getCurrentUser,
-  O as getLoginInfo,
-  B as getRequest,
-  _e as getToken,
-  Fe as getTokenType,
-  ms as getUserInfo,
-  He as getUserMenu,
-  Ss as hasPermission,
-  fe as hasToken,
-  z as http,
-  $s as isAdmin,
-  g as local,
-  W as localStorageUtil,
-  ze as login,
-  vs as loginByCode,
-  Ke as logout,
-  Ds as permissionDirective,
-  Ve as resetRequest,
-  Ts as resetRouter,
-  hs as session,
-  j as sessionStorageUtil,
-  Ae as setConfig,
-  Be as setLoginInfo,
-  _s as setUserInfo,
-  te as useApp,
-  ee as useAppStore,
-  gs as useAuth,
-  ve as useAuthStore,
-  ys as useForm,
-  je as useMenu,
-  K as useMenuStore,
-  ws as useTable,
-  ge as useUserStore
+  Rs as getConfigValue,
+  Qe as getCurrentUser,
+  Y as getLoginInfo,
+  z as getRequest,
+  ke as getToken,
+  je as getTokenType,
+  Ze as getUserMenu,
+  js as hasPermission,
+  xe as hasToken,
+  X as http,
+  b as local,
+  Z as localStorageUtil,
+  Xe as login,
+  Fs as loginByCode,
+  Je as logout,
+  an as permissionDirective,
+  Ge as resetRequest,
+  Gs as resetRouter,
+  As as session,
+  ee as sessionStorageUtil,
+  Ke as setConfig,
+  We as setLoginInfo,
+  le as useApp,
+  J as useAppStore,
+  Ds as useAuth,
+  Ie as useAuthStore,
+  Os as useForm,
+  Se as useMenu,
+  q as useMenuStore,
+  Vs as useTable,
+  $e as useUserStore
 };