xto-fronted 0.4.84 → 0.4.86

package/dist/index-BEIxh_R3.js

@@ -0,0 +1,2982 @@
+import { ref as g, computed as k, watch as Ve, defineComponent as se, openBlock as l, createElementBlock as c, normalizeClass as K, createElementVNode as e, withDirectives as ot, toDisplayString as $, unref as n, vShow as vt, createCommentVNode as P, createVNode as y, withCtx as I, Fragment as q, renderList as H, createBlock as F, createTextVNode as ve, onMounted as Fe, onUnmounted as Be, vModelText as _t, Transition as Ie, withModifiers as Ue, normalizeStyle as xe, resolveComponent as ht, reactive as Ke, withKeys as ft } from "vue";
+import { defineStore as ze } from "pinia";
+import { useRoute as _e, useRouter as le, createRouter as qe, createWebHistory as je } from "vue-router";
+import { Menu as We, SubMenu as nt, MenuItem as Ce, Tabs as gt, TabPane as yt } from "@xto/navigation";
+import { Icon as S, Button as De } from "@xto/base";
+import { Drawer as Ye, Message as ae } from "@xto/feedback";
+import { Form as kt, FormItem as Le, Input as tt, Checkbox as wt } from "@xto/form";
+import bt from "axios";
+const we = "xto_", at = (t) => ({
+  get(s) {
+    const o = t.getItem(we + s);
+    if (!o) return null;
+    try {
+      return JSON.parse(o);
+    } catch {
+      return o;
+    }
+  },
+  set(s, o) {
+    if (o == null) {
+      t.removeItem(we + s);
+      return;
+    }
+    const r = typeof o == "string" ? o : JSON.stringify(o);
+    t.setItem(we + s, r);
+  },
+  remove(s) {
+    t.removeItem(we + s);
+  },
+  clear() {
+    Object.keys(t).forEach((o) => {
+      o.startsWith(we) && t.removeItem(o);
+    });
+  }
+}), Me = at(window.localStorage), Se = at(window.sessionStorage), b = {
+  get: Me.get,
+  set: Me.set,
+  remove: Me.remove,
+  clear: Me.clear
+}, ca = {
+  get: Se.get,
+  set: Se.set,
+  remove: Se.remove,
+  clear: Se.clear
+}, re = ze("app", () => {
+  const t = g(b.get("appName") || "XTO App"), s = g(b.get("indexPath") || "/dashboard"), o = g(b.get("isDark") || !1), r = g(b.get("theme") || "light"), a = g(b.get("layout") || "sidebar"), d = g(b.get("isCollapsed") || !1), M = g(b.get("showTabs") ?? !0), m = g(b.get("showFooter") ?? !0), f = g(b.get("showBreadcrumb") ?? !0), v = g(b.get("primaryColor") || "#409eff"), h = g([]), _ = g([]), w = k(() => o.value ? "dark" : "light"), j = (T) => {
+    t.value = T, b.set("appName", T);
+  }, N = (T) => {
+    s.value = T, b.set("indexPath", T);
+  }, R = () => {
+    o.value = !o.value, r.value = o.value ? "dark" : "light", A();
+  }, V = (T) => {
+    r.value = T, o.value = T === "dark", A();
+  }, A = () => {
+    const T = document.documentElement;
+    o.value ? T.classList.add("dark") : T.classList.remove("dark"), b.set("isDark", o.value), b.set("theme", r.value);
+  }, D = () => {
+    d.value = !d.value, b.set("isCollapsed", d.value);
+  }, W = (T) => {
+    a.value = T, b.set("layout", T);
+  }, U = () => {
+    M.value = !M.value, b.set("showTabs", M.value);
+  }, Y = () => {
+    m.value = !m.value, b.set("showFooter", m.value);
+  }, z = () => {
+    f.value = !f.value, b.set("showBreadcrumb", f.value);
+  }, B = (T) => {
+    v.value = T, document.documentElement.style.setProperty("--color-primary", T), b.set("primaryColor", T);
+  }, ie = (T) => {
+    h.value.includes(T) || h.value.push(T);
+  }, J = (T) => {
+    const ne = h.value.indexOf(T);
+    ne > -1 && h.value.splice(ne, 1);
+  }, oe = () => {
+    h.value = [];
+  }, ue = (T) => {
+    _.value = T;
+  }, Q = () => {
+    A(), v.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", v.value);
+  };
+  return Ve(o, A), {
+    appName: t,
+    indexPath: s,
+    isDark: o,
+    theme: r,
+    layout: a,
+    isCollapsed: d,
+    showTabs: M,
+    showFooter: m,
+    showBreadcrumb: f,
+    primaryColor: v,
+    cachedViews: h,
+    mixSubMenus: _,
+    themeClass: w,
+    setAppName: j,
+    setIndexPath: N,
+    toggleTheme: R,
+    toggleCollapse: D,
+    setTheme: V,
+    setLayout: W,
+    toggleTabs: U,
+    toggleFooter: Y,
+    toggleBreadcrumb: z,
+    setPrimaryColor: B,
+    addCachedView: ie,
+    removeCachedView: J,
+    clearCachedViews: oe,
+    setMixSubMenus: ue,
+    initTheme: Q
+  };
+}), Pe = "menu_list", xt = {
+  menuCode: "home",
+  menuName: "首页",
+  menuUrl: "/dashboard",
+  icon: "home",
+  closable: !1,
+  isDefault: !1,
+  isOut: !1
+}, de = ze("menu", () => {
+  const t = g(b.get(Pe) || []), s = k(() => t.value.length > 0);
+  return {
+    menuList: t,
+    hasMenu: s,
+    setMenuList: (a) => {
+      t.value = [xt, ...a], b.set(Pe, t.value);
+    },
+    clearMenu: () => {
+      t.value = [], b.remove(Pe);
+    }
+  };
+}), Re = "/vite.svg", Oe = "user_info", X = ze("user", () => {
+  const t = g(b.get(Oe)), s = k(() => !!t.value), o = k(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.userId) || "";
+  }), r = k(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.userName) || "";
+  }), a = k(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.departmentName) || "";
+  }), d = k(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.email) || "";
+  }), M = k(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.mobilePhone) || "";
+  }), m = k(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.positionName) || "";
+  }), f = k(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.avatar) || "";
+  });
+  return {
+    userInfo: t,
+    isLoggedIn: s,
+    userId: o,
+    userName: r,
+    departmentName: a,
+    email: d,
+    mobilePhone: M,
+    positionName: m,
+    avatar: f,
+    setUserInfo: (_) => {
+      t.value = _, b.set(Oe, _);
+    },
+    clearUserInfo: () => {
+      t.value = null, b.remove(Oe);
+    }
+  };
+}), He = "token", Ge = "token_type", Xe = "refresh_token", Je = "expires_time", Qe = "refresh_time", Ze = "code", Ae = () => b.get(He), Ct = (t) => {
+  b.set(He, t);
+}, $t = () => b.get(Ge), Lt = (t) => {
+  b.set(Ge, t);
+}, da = () => b.get(Xe), Mt = (t) => {
+  b.set(Xe, t);
+}, St = () => b.get(Je), It = (t) => {
+  b.set(Je, t);
+}, ma = () => b.get(Qe), Tt = (t) => {
+  b.set(Qe, t);
+}, pa = () => b.get(Ze), Nt = (t) => {
+  b.set(Ze, t);
+}, lt = (t) => {
+  Ct(t.access_token), Lt(t.token_type || "Bearer"), Mt(t.refresh_token), It(t.expires_time), Tt(t.refresh_time), t.code && Nt(t.code);
+}, rt = () => {
+  b.remove(He), b.remove(Ge), b.remove(Xe), b.remove(Je), b.remove(Qe), b.remove(Ze);
+}, Et = () => {
+  const t = St();
+  return t ? Date.now() > t : !0;
+}, it = () => !!Ae() && !Et(), $e = ze("auth", () => {
+  const t = g(Ae()), s = k(() => it()), o = g(""), r = g(""), a = g(""), d = g("/login");
+  return {
+    token: t,
+    isLoggedIn: s,
+    baseUrl: o,
+    appId: r,
+    clientId: a,
+    loginPath: d,
+    login: (w) => {
+      t.value = w.access_token, lt(w);
+    },
+    logout: () => {
+      t.value = null, rt();
+    },
+    setBaseUrl: (w) => {
+      o.value = w;
+    },
+    setAppId: (w) => {
+      r.value = w;
+    },
+    setClientId: (w) => {
+      a.value = w;
+    },
+    setLoginPath: (w) => {
+      d.value = w;
+    }
+  };
+}), Ut = {
+  key: 0,
+  class: "sidebar__logo"
+}, zt = { class: "sidebar__menu-content" }, Dt = {
+  key: 0,
+  class: "sidebar__menu-icon"
+}, Rt = {
+  key: 1,
+  class: "sidebar__menu-char"
+}, At = { class: "sidebar__menu-text" }, Pt = { class: "sidebar__menu-content" }, Ot = { class: "sidebar__menu-icon" }, Vt = {
+  key: 1,
+  class: "sidebar__menu-char"
+}, Ft = { class: "sidebar__menu-text" }, Bt = { class: "sidebar__menu-content" }, Kt = {
+  key: 0,
+  class: "sidebar__menu-icon"
+}, qt = {
+  key: 1,
+  class: "sidebar__menu-char"
+}, jt = { class: "sidebar__menu-text" }, Wt = {
+  key: 1,
+  class: "sidebar__user"
+}, Yt = { class: "sidebar__user-info" }, Ht = { class: "sidebar__user-name" }, Gt = { class: "sidebar__user-role" }, Xt = /* @__PURE__ */ se({
+  __name: "Sidebar",
+  props: {
+    menuList: { default: () => [] },
+    showLogo: { type: Boolean, default: !0 },
+    showUser: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const s = t, o = _e(), r = le(), a = de(), d = X(), M = $e(), m = re(), f = k(() => s.menuList.length > 0 ? s.menuList : a.menuList), v = k(() => m.isCollapsed), h = k(() => o.path), _ = k(() => m.isDark ? "#1d1e1f" : "#fff"), w = k(() => m.isDark ? "#cfd3dc" : "#303133"), j = k(() => "#409eff"), N = (U) => {
+      U && U !== o.path && r.push(U);
+    }, R = () => {
+      M.logout(), d.clearUserInfo(), a.clearMenu(), r.push("/login");
+    }, V = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), A = (U) => {
+      if (!U || U === "") return "";
+      if (U.startsWith("tineco-icon-")) {
+        const z = U.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[z] || z;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[U] || U;
+    }, D = (U) => U ? U.charAt(0) : "", W = (U) => V.has(U);
+    return (U, Y) => (l(), c("div", {
+      class: K(["sidebar", { "sidebar--collapsed": v.value }])
+    }, [
+      s.showLogo ? (l(), c("div", Ut, [
+        Y[0] || (Y[0] = e("img", {
+          src: Re,
+          alt: "Logo",
+          class: "sidebar__logo-img"
+        }, null, -1)),
+        ot(e("span", { class: "sidebar__logo-text" }, $(n(m).appName), 513), [
+          [vt, !v.value]
+        ])
+      ])) : P("", !0),
+      y(n(We), {
+        "default-active": h.value,
+        mode: "vertical",
+        collapse: v.value,
+        "collapse-transition": !1,
+        "background-color": _.value,
+        "text-color": w.value,
+        "active-text-color": j.value,
+        class: "sidebar__menu",
+        onSelect: N
+      }, {
+        default: I(() => [
+          (l(!0), c(q, null, H(f.value, (z) => (l(), c(q, {
+            key: z.menuUrl
+          }, [
+            z.children && z.children.length > 0 ? (l(), F(n(nt), {
+              key: 0,
+              index: z.menuUrl
+            }, {
+              title: I(() => [
+                e("span", zt, [
+                  z.menuName !== "首页" ? (l(), c("span", Dt, [
+                    W(A(z.icon)) ? (l(), F(n(S), {
+                      key: 0,
+                      name: A(z.icon),
+                      size: 16
+                    }, null, 8, ["name"])) : (l(), c("span", Rt, $(D(z.menuName)), 1))
+                  ])) : P("", !0),
+                  e("span", At, $(z.menuName), 1)
+                ])
+              ]),
+              default: I(() => [
+                (l(!0), c(q, null, H(z.children, (B) => (l(), F(n(Ce), {
+                  key: B.menuUrl,
+                  index: B.menuUrl
+                }, {
+                  default: I(() => [
+                    e("span", Pt, [
+                      e("span", Ot, [
+                        W(A(B.icon)) ? (l(), F(n(S), {
+                          key: 0,
+                          name: A(B.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (l(), c("span", Vt, $(D(B.menuName)), 1))
+                      ]),
+                      e("span", Ft, $(B.menuName), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["index"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["index"])) : (l(), F(n(Ce), {
+              key: 1,
+              index: z.menuUrl
+            }, {
+              default: I(() => [
+                e("span", Bt, [
+                  z.menuName !== "首页" ? (l(), c("span", Kt, [
+                    W(A(z.icon)) ? (l(), F(n(S), {
+                      key: 0,
+                      name: A(z.icon),
+                      size: 16
+                    }, null, 8, ["name"])) : (l(), c("span", qt, $(D(z.menuName)), 1))
+                  ])) : P("", !0),
+                  e("span", jt, $(z.menuName), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color"]),
+      s.showUser && !v.value ? (l(), c("div", Wt, [
+        e("div", Yt, [
+          e("span", Ht, $(n(d).userName), 1),
+          e("span", Gt, $(n(d).departmentName), 1)
+        ]),
+        y(n(De), {
+          type: "text",
+          size: "small",
+          onClick: R
+        }, {
+          default: I(() => [...Y[1] || (Y[1] = [
+            ve("退出", -1)
+          ])]),
+          _: 1
+        })
+      ])) : P("", !0)
+    ], 2));
+  }
+}), ee = (t, s) => {
+  const o = t.__vccOpts || t;
+  for (const [r, a] of s)
+    o[r] = a;
+  return o;
+}, st = /* @__PURE__ */ ee(Xt, [["__scopeId", "data-v-356129ba"]]), Jt = { class: "header" }, Qt = { class: "header__left" }, Zt = {
+  key: 0,
+  class: "header__breadcrumb"
+}, es = {
+  key: 0,
+  class: "breadcrumb-separator"
+}, ts = { class: "header__right" }, ss = {
+  key: 0,
+  class: "header__search-dropdown"
+}, os = {
+  key: 0,
+  class: "header__search-results"
+}, ns = ["onClick"], as = {
+  key: 0,
+  class: "header__search-icon"
+}, ls = {
+  key: 1,
+  class: "header__search-char"
+}, rs = { class: "header__search-item-title" }, is = {
+  key: 1,
+  class: "header__search-item-parent"
+}, us = {
+  key: 1,
+  class: "header__search-empty"
+}, cs = ["title"], ds = { class: "header__avatar" }, ms = { class: "header__user-name" }, ps = {
+  key: 0,
+  class: "header__dropdown"
+}, vs = { class: "header__dropdown-header" }, _s = { class: "header__dropdown-avatar" }, hs = { class: "header__dropdown-info" }, fs = { class: "header__dropdown-name" }, gs = { class: "header__dropdown-role" }, ys = { class: "header__dropdown-menu" }, ks = { class: "settings-drawer" }, ws = { class: "settings-section" }, bs = { class: "settings-layout-options" }, xs = ["onClick"], Cs = { class: "layout-option__preview" }, $s = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, Ls = {
+  key: 1,
+  class: "layout-preview-top"
+}, Ms = {
+  key: 2,
+  class: "layout-preview-mix"
+}, Ss = { class: "layout-option__label" }, Is = { class: "settings-section" }, Ts = { class: "settings-color-options" }, Ns = ["title", "onClick"], Es = { class: "settings-section" }, Us = { class: "settings-switch-list" }, zs = { class: "settings-switch-item" }, Ds = { class: "settings-switch-item" }, Rs = /* @__PURE__ */ se({
+  __name: "Header",
+  setup(t) {
+    const s = _e(), o = le(), r = re(), a = X(), d = $e(), M = de(), m = g(!1), f = g(!1), v = g(null), h = g(!1), _ = g(!1), w = g(""), j = g(null), N = g(!1), R = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], V = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], A = k(() => s.matched.filter((i) => i.meta && i.meta.title).map((i) => ({
+      title: i.meta.title,
+      path: i.path
+    }))), D = (L, i = "") => {
+      const G = [];
+      return L.forEach((x) => {
+        x.children && x.children.length > 0 ? G.push(...D(x.children, x.menuName)) : G.push({ ...x, parentTitle: i, title: x.menuName, path: x.menuUrl });
+      }), G;
+    }, W = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), U = (L) => {
+      if (!L || L === "") return "";
+      if (L.startsWith("tineco-icon-")) {
+        const G = L.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[G] || G;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[L] || L;
+    }, Y = (L) => L ? L.charAt(0) : "", z = (L) => W.has(L), B = k(() => w.value.trim() ? D(M.menuList).filter(
+      (i) => i.title.toLowerCase().includes(w.value.toLowerCase())
+    ) : []), ie = k(() => r.layout), J = () => {
+      r.toggleCollapse();
+    }, oe = () => {
+      r.toggleTheme();
+    }, ue = () => {
+      f.value = !0;
+    }, Q = (L) => {
+      r.setLayout(L), f.value = !1;
+    }, T = (L) => {
+      N.value = L;
+      const i = document.documentElement;
+      L ? i.classList.add("grey-mode") : i.classList.remove("grey-mode");
+    }, ne = () => {
+      T(!N.value), f.value = !1;
+    }, he = () => {
+      r.toggleTheme(), f.value = !1;
+    }, fe = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, me = () => {
+      h.value = !!document.fullscreenElement;
+    }, ge = () => {
+      m.value = !m.value;
+    }, te = () => {
+      m.value = !1;
+    }, ce = () => {
+      _.value = !1, w.value = "";
+    }, ye = (L) => {
+      o.push(L), ce();
+    }, pe = (L) => {
+      r.setPrimaryColor(L), f.value = !1;
+    }, E = () => {
+      te(), o.push("/profile");
+    }, C = () => {
+      te(), o.push("/change-password");
+    }, Z = () => {
+      te(), d.logout(), a.clearUserInfo(), M.clearMenu(), o.push("/login");
+    }, u = (L) => {
+      v.value && !v.value.contains(L.target) && te(), j.value && !j.value.contains(L.target) && ce();
+    }, p = (L) => {
+      L.key === "Escape" && (ce(), te());
+    };
+    return Fe(() => {
+      document.addEventListener("click", u), document.addEventListener("fullscreenchange", me), document.addEventListener("keydown", p), r.initTheme(), N.value = document.documentElement.classList.contains("grey-mode");
+    }), Be(() => {
+      document.removeEventListener("click", u), document.removeEventListener("fullscreenchange", me), document.removeEventListener("keydown", p);
+    }), (L, i) => {
+      var G;
+      return l(), c("div", Jt, [
+        e("div", Qt, [
+          e("div", {
+            class: "header__collapse",
+            onClick: J
+          }, [
+            y(n(S), {
+              name: n(r).isCollapsed ? "menu-unfold" : "menu-fold",
+              size: 18
+            }, null, 8, ["name"])
+          ]),
+          n(r).showBreadcrumb ? (l(), c("div", Zt, [
+            (l(!0), c(q, null, H(A.value, (x, ke) => (l(), c("span", {
+              key: x.path
+            }, [
+              ke > 0 ? (l(), c("span", es, "/")) : P("", !0),
+              e("span", {
+                class: K({ "is-current": ke === A.value.length - 1 })
+              }, $(x.title), 3)
+            ]))), 128))
+          ])) : P("", !0)
+        ]),
+        e("div", ts, [
+          e("div", {
+            class: "header__search",
+            ref_key: "searchRef",
+            ref: j
+          }, [
+            y(n(S), {
+              name: "search",
+              size: 14,
+              class: "header__search-icon"
+            }),
+            ot(e("input", {
+              "onUpdate:modelValue": i[0] || (i[0] = (x) => w.value = x),
+              type: "text",
+              class: "header__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: i[1] || (i[1] = (x) => _.value = !0)
+            }, null, 544), [
+              [_t, w.value]
+            ]),
+            y(Ie, { name: "search-dropdown" }, {
+              default: I(() => [
+                _.value && (B.value.length > 0 || w.value) ? (l(), c("div", ss, [
+                  B.value.length > 0 ? (l(), c("div", os, [
+                    (l(!0), c(q, null, H(B.value, (x) => (l(), c("div", {
+                      key: x.path,
+                      class: "header__search-item",
+                      onClick: (ke) => ye(x.path)
+                    }, [
+                      x.title !== "首页" ? (l(), c("span", as, [
+                        z(U(x.icon)) ? (l(), F(n(S), {
+                          key: 0,
+                          name: U(x.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (l(), c("span", ls, $(Y(x.title)), 1))
+                      ])) : P("", !0),
+                      e("span", rs, $(x.title), 1),
+                      x.parentTitle ? (l(), c("span", is, $(x.parentTitle), 1)) : P("", !0)
+                    ], 8, ns))), 128))
+                  ])) : (l(), c("div", us, " 未找到匹配的菜单 "))
+                ])) : P("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "header__action",
+            onClick: fe,
+            title: h.value ? "退出全屏" : "全屏"
+          }, [
+            y(n(S), {
+              name: h.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, cs),
+          e("div", {
+            class: "header__action",
+            onClick: ue,
+            title: "换肤设置"
+          }, [
+            y(n(S), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "header__action",
+            onClick: oe,
+            title: "切换主题"
+          }, [
+            y(n(S), {
+              name: n(r).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "header__user",
+            ref_key: "dropdownRef",
+            ref: v
+          }, [
+            e("div", {
+              class: "header__user-trigger",
+              onClick: Ue(ge, ["stop"])
+            }, [
+              e("div", ds, [
+                e("span", null, $(((G = n(a).userName) == null ? void 0 : G.charAt(0)) || "U"), 1)
+              ]),
+              e("span", ms, $(n(a).userName), 1),
+              e("span", {
+                class: K(["header__user-arrow", { "is-active": m.value }])
+              }, "▼", 2)
+            ]),
+            y(Ie, { name: "dropdown" }, {
+              default: I(() => {
+                var x;
+                return [
+                  m.value ? (l(), c("div", ps, [
+                    e("div", vs, [
+                      e("div", _s, [
+                        e("span", null, $(((x = n(a).userName) == null ? void 0 : x.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", hs, [
+                        e("div", fs, $(n(a).userName), 1),
+                        e("div", gs, $(n(a).departmentName), 1)
+                      ])
+                    ]),
+                    i[7] || (i[7] = e("div", { class: "header__dropdown-divider" }, null, -1)),
+                    e("div", ys, [
+                      e("div", {
+                        class: "header__dropdown-item",
+                        onClick: E
+                      }, [
+                        y(n(S), {
+                          name: "user",
+                          size: 16
+                        }),
+                        i[3] || (i[3] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "header__dropdown-item",
+                        onClick: C
+                      }, [
+                        y(n(S), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        i[4] || (i[4] = e("span", null, "修改密码", -1))
+                      ]),
+                      i[6] || (i[6] = e("div", { class: "header__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "header__dropdown-item header__dropdown-item--danger",
+                        onClick: Z
+                      }, [
+                        y(n(S), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        i[5] || (i[5] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : P("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(n(Ye), {
+          modelValue: f.value,
+          "onUpdate:modelValue": i[2] || (i[2] = (x) => f.value = x),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: I(() => [
+            e("div", ks, [
+              e("div", ws, [
+                i[11] || (i[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", bs, [
+                  (l(), c(q, null, H(R, (x) => e("div", {
+                    key: x.value,
+                    class: K(["layout-option", { "is-active": ie.value === x.value }]),
+                    onClick: (ke) => Q(x.value)
+                  }, [
+                    e("div", Cs, [
+                      x.value === "sidebar" ? (l(), c("div", $s, [...i[8] || (i[8] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : x.value === "top" ? (l(), c("div", Ls, [...i[9] || (i[9] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (l(), c("div", Ms, [...i[10] || (i[10] = [
+                        e("div", { class: "preview-header-mix" }, [
+                          e("div", { class: "preview-mix-left" })
+                        ], -1),
+                        e("div", { class: "preview-mix-body" }, [
+                          e("div", { class: "preview-mix-aside" }),
+                          e("div", { class: "preview-mix-content" })
+                        ], -1)
+                      ])]))
+                    ]),
+                    e("span", Ss, $(x.label), 1)
+                  ], 10, xs)), 64))
+                ])
+              ]),
+              e("div", Is, [
+                i[12] || (i[12] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Ts, [
+                  (l(), c(q, null, H(V, (x) => e("div", {
+                    key: x.value,
+                    class: K(["color-option", { "is-active": n(r).primaryColor === x.value }]),
+                    style: xe({ backgroundColor: x.value }),
+                    title: x.label,
+                    onClick: (ke) => pe(x.value)
+                  }, [
+                    n(r).primaryColor === x.value ? (l(), F(n(S), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : P("", !0)
+                  ], 14, Ns)), 64))
+                ])
+              ]),
+              e("div", Es, [
+                i[17] || (i[17] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Us, [
+                  e("div", zs, [
+                    i[14] || (i[14] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: K(["switch-wrapper", { "is-checked": N.value }]),
+                      onClick: ne
+                    }, [...i[13] || (i[13] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", Ds, [
+                    i[16] || (i[16] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: K(["switch-wrapper", { "is-checked": n(r).isDark }]),
+                      onClick: he
+                    }, [...i[15] || (i[15] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), As = /* @__PURE__ */ ee(Rs, [["__scopeId", "data-v-916fcfad"]]), Ps = { class: "top-menu" }, Os = { class: "top-menu__logo" }, Vs = { class: "top-menu__logo-text" }, Fs = { class: "top-menu__menu-content" }, Bs = {
+  key: 0,
+  class: "top-menu__menu-icon"
+}, Ks = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, qs = { class: "top-menu__menu-text" }, js = { class: "top-menu__menu-content" }, Ws = { class: "top-menu__menu-icon" }, Ys = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, Hs = { class: "top-menu__menu-text" }, Gs = { class: "top-menu__menu-content" }, Xs = {
+  key: 0,
+  class: "top-menu__menu-icon"
+}, Js = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, Qs = { class: "top-menu__menu-text" }, Zs = { class: "top-menu__actions" }, eo = ["title"], to = { class: "top-menu__avatar" }, so = { class: "top-menu__user-name" }, oo = {
+  key: 0,
+  class: "top-menu__dropdown"
+}, no = { class: "top-menu__dropdown-header" }, ao = { class: "top-menu__dropdown-avatar" }, lo = { class: "top-menu__dropdown-info" }, ro = { class: "top-menu__dropdown-name" }, io = { class: "top-menu__dropdown-role" }, uo = { class: "top-menu__dropdown-menu" }, co = { class: "settings-drawer" }, mo = { class: "settings-section" }, po = { class: "settings-layout-options" }, vo = ["onClick"], _o = { class: "layout-option__preview" }, ho = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, fo = {
+  key: 1,
+  class: "layout-preview-top"
+}, go = {
+  key: 2,
+  class: "layout-preview-mix"
+}, yo = { class: "layout-option__label" }, ko = { class: "settings-section" }, wo = { class: "settings-color-options" }, bo = ["title", "onClick"], xo = { class: "settings-section" }, Co = { class: "settings-switch-list" }, $o = { class: "settings-switch-item" }, Lo = { class: "settings-switch-item" }, Mo = /* @__PURE__ */ se({
+  __name: "TopMenu",
+  setup(t) {
+    const s = _e(), o = le(), r = de(), a = re(), d = X(), M = $e(), m = k(() => s.path), f = k(() => a.isDark ? "#1d1e1f" : "#fff"), v = k(() => a.isDark ? "#cfd3dc" : "#303133"), h = k(() => "#409eff"), _ = g(!1), w = g(null), j = g(!1), N = g(!1), R = g(!1), V = (E) => {
+      E && E !== s.path && o.push(E);
+    }, A = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), D = (E) => {
+      if (!E || E === "") return "";
+      if (E.startsWith("tineco-icon-")) {
+        const Z = E.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[Z] || Z;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[E] || E;
+    }, W = (E) => E ? E.charAt(0) : "", U = (E) => A.has(E), Y = () => {
+      a.toggleTheme(), N.value = !1;
+    }, z = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, B = () => {
+      j.value = !!document.fullscreenElement;
+    }, ie = () => {
+      _.value = !_.value;
+    }, J = () => {
+      _.value = !1;
+    }, oe = () => {
+      N.value = !0;
+    }, ue = (E) => {
+      R.value = E;
+      const C = document.documentElement;
+      E ? C.classList.add("grey-mode") : C.classList.remove("grey-mode");
+    }, Q = () => {
+      ue(!R.value), N.value = !1;
+    }, T = () => {
+      a.toggleTheme(), N.value = !1;
+    }, ne = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], he = k(() => a.layout), fe = (E) => {
+      a.setLayout(E), N.value = !1;
+    }, me = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], ge = (E) => {
+      a.setPrimaryColor(E), N.value = !1;
+    }, te = () => {
+      J(), o.push("/profile");
+    }, ce = () => {
+      J(), o.push("/change-password");
+    }, ye = () => {
+      J(), M.logout(), d.clearUserInfo(), r.clearMenu(), o.push("/login");
+    }, pe = (E) => {
+      w.value && !w.value.contains(E.target) && J();
+    };
+    return Fe(() => {
+      document.addEventListener("click", pe), document.addEventListener("fullscreenchange", B), R.value = document.documentElement.classList.contains("grey-mode");
+    }), Be(() => {
+      document.removeEventListener("click", pe), document.removeEventListener("fullscreenchange", B);
+    }), (E, C) => {
+      var Z;
+      return l(), c("div", Ps, [
+        e("div", Os, [
+          C[1] || (C[1] = e("img", {
+            src: Re,
+            alt: "Logo",
+            class: "top-menu__logo-img"
+          }, null, -1)),
+          e("span", Vs, $(n(a).appName), 1)
+        ]),
+        y(n(We), {
+          "default-active": m.value,
+          mode: "horizontal",
+          "background-color": f.value,
+          "text-color": v.value,
+          "active-text-color": h.value,
+          class: "top-menu__menu",
+          onSelect: V
+        }, {
+          default: I(() => [
+            (l(!0), c(q, null, H(n(r).menuList, (u) => (l(), c(q, {
+              key: u.menuUrl
+            }, [
+              u.children && u.children.length > 0 ? (l(), F(n(nt), {
+                key: 0,
+                index: u.menuUrl
+              }, {
+                title: I(() => [
+                  e("span", Fs, [
+                    u.menuName !== "首页" ? (l(), c("span", Bs, [
+                      U(D(u.icon)) ? (l(), F(n(S), {
+                        key: 0,
+                        name: D(u.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (l(), c("span", Ks, $(W(u.menuName)), 1))
+                    ])) : P("", !0),
+                    e("span", qs, $(u.menuName), 1)
+                  ])
+                ]),
+                default: I(() => [
+                  (l(!0), c(q, null, H(u.children, (p) => (l(), F(n(Ce), {
+                    key: p.menuUrl,
+                    index: p.menuUrl
+                  }, {
+                    default: I(() => [
+                      e("span", js, [
+                        e("span", Ws, [
+                          U(D(p.icon)) ? (l(), F(n(S), {
+                            key: 0,
+                            name: D(p.icon),
+                            size: 16
+                          }, null, 8, ["name"])) : (l(), c("span", Ys, $(W(p.menuName)), 1))
+                        ]),
+                        e("span", Hs, $(p.menuName), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["index"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["index"])) : (l(), F(n(Ce), {
+                key: 1,
+                index: u.menuUrl
+              }, {
+                default: I(() => [
+                  e("span", Gs, [
+                    u.menuName !== "首页" ? (l(), c("span", Xs, [
+                      U(D(u.icon)) ? (l(), F(n(S), {
+                        key: 0,
+                        name: D(u.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (l(), c("span", Js, $(W(u.menuName)), 1))
+                    ])) : P("", !0),
+                    e("span", Qs, $(u.menuName), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["index"]))
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["default-active", "background-color", "text-color", "active-text-color"]),
+        e("div", Zs, [
+          e("div", {
+            class: "top-menu__action",
+            onClick: z,
+            title: j.value ? "退出全屏" : "全屏"
+          }, [
+            y(n(S), {
+              name: j.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, eo),
+          e("div", {
+            class: "top-menu__action",
+            onClick: oe,
+            title: "换肤设置"
+          }, [
+            y(n(S), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "top-menu__action",
+            onClick: Y,
+            title: "切换主题"
+          }, [
+            y(n(S), {
+              name: n(a).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "top-menu__user",
+            ref_key: "dropdownRef",
+            ref: w
+          }, [
+            e("div", {
+              class: "top-menu__user-trigger",
+              onClick: Ue(ie, ["stop"])
+            }, [
+              e("div", to, [
+                e("span", null, $(((Z = n(d).userName) == null ? void 0 : Z.charAt(0)) || "U"), 1)
+              ]),
+              e("span", so, $(n(d).userName), 1),
+              e("span", {
+                class: K(["top-menu__user-arrow", { "is-active": _.value }])
+              }, "▼", 2)
+            ]),
+            y(Ie, { name: "dropdown" }, {
+              default: I(() => {
+                var u;
+                return [
+                  _.value ? (l(), c("div", oo, [
+                    e("div", no, [
+                      e("div", ao, [
+                        e("span", null, $(((u = n(d).userName) == null ? void 0 : u.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", lo, [
+                        e("div", ro, $(n(d).userName), 1),
+                        e("div", io, $(n(d).departmentName), 1)
+                      ])
+                    ]),
+                    C[6] || (C[6] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
+                    e("div", uo, [
+                      e("div", {
+                        class: "top-menu__dropdown-item",
+                        onClick: te
+                      }, [
+                        y(n(S), {
+                          name: "user",
+                          size: 16
+                        }),
+                        C[2] || (C[2] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "top-menu__dropdown-item",
+                        onClick: ce
+                      }, [
+                        y(n(S), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        C[3] || (C[3] = e("span", null, "修改密码", -1))
+                      ]),
+                      C[5] || (C[5] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "top-menu__dropdown-item top-menu__dropdown-item--danger",
+                        onClick: ye
+                      }, [
+                        y(n(S), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        C[4] || (C[4] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : P("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(n(Ye), {
+          modelValue: N.value,
+          "onUpdate:modelValue": C[0] || (C[0] = (u) => N.value = u),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: I(() => [
+            e("div", co, [
+              e("div", mo, [
+                C[10] || (C[10] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", po, [
+                  (l(), c(q, null, H(ne, (u) => e("div", {
+                    key: u.value,
+                    class: K(["layout-option", { "is-active": he.value === u.value }]),
+                    onClick: (p) => fe(u.value)
+                  }, [
+                    e("div", _o, [
+                      u.value === "sidebar" ? (l(), c("div", ho, [...C[7] || (C[7] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : u.value === "top" ? (l(), c("div", fo, [...C[8] || (C[8] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (l(), c("div", go, [...C[9] || (C[9] = [
+                        e("div", { class: "preview-header-mix" }, [
+                          e("div", { class: "preview-mix-left" })
+                        ], -1),
+                        e("div", { class: "preview-mix-body" }, [
+                          e("div", { class: "preview-mix-aside" }),
+                          e("div", { class: "preview-mix-content" })
+                        ], -1)
+                      ])]))
+                    ]),
+                    e("span", yo, $(u.label), 1)
+                  ], 10, vo)), 64))
+                ])
+              ]),
+              e("div", ko, [
+                C[11] || (C[11] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", wo, [
+                  (l(), c(q, null, H(me, (u) => e("div", {
+                    key: u.value,
+                    class: K(["color-option", { "is-active": n(a).primaryColor === u.value }]),
+                    style: xe({ backgroundColor: u.value }),
+                    title: u.label,
+                    onClick: (p) => ge(u.value)
+                  }, [
+                    n(a).primaryColor === u.value ? (l(), F(n(S), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : P("", !0)
+                  ], 14, bo)), 64))
+                ])
+              ]),
+              e("div", xo, [
+                C[16] || (C[16] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Co, [
+                  e("div", $o, [
+                    C[13] || (C[13] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: K(["switch-wrapper", { "is-checked": R.value }]),
+                      onClick: Q
+                    }, [...C[12] || (C[12] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", Lo, [
+                    C[15] || (C[15] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: K(["switch-wrapper", { "is-checked": n(a).isDark }]),
+                      onClick: T
+                    }, [...C[14] || (C[14] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), So = /* @__PURE__ */ ee(Mo, [["__scopeId", "data-v-0e7ff899"]]), Io = { class: "mix-top-menu" }, To = { class: "mix-top-menu__logo" }, No = { class: "mix-top-menu__logo-text" }, Eo = { class: "mix-top-menu__menu-content" }, Uo = {
+  key: 0,
+  class: "mix-top-menu__menu-icon"
+}, zo = {
+  key: 1,
+  class: "mix-top-menu__menu-char"
+}, Do = { class: "mix-top-menu__menu-text" }, Ro = { class: "mix-top-menu__actions" }, Ao = ["title"], Po = { class: "mix-top-menu__avatar" }, Oo = { class: "mix-top-menu__user-name" }, Vo = {
+  key: 0,
+  class: "mix-top-menu__dropdown"
+}, Fo = { class: "mix-top-menu__dropdown-header" }, Bo = { class: "mix-top-menu__dropdown-avatar" }, Ko = { class: "mix-top-menu__dropdown-info" }, qo = { class: "mix-top-menu__dropdown-name" }, jo = { class: "mix-top-menu__dropdown-role" }, Wo = { class: "mix-top-menu__dropdown-menu" }, Yo = { class: "settings-drawer" }, Ho = { class: "settings-section" }, Go = { class: "settings-layout-options" }, Xo = ["onClick"], Jo = { class: "layout-option__preview" }, Qo = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, Zo = {
+  key: 1,
+  class: "layout-preview-top"
+}, en = {
+  key: 2,
+  class: "layout-preview-mix"
+}, tn = { class: "layout-option__label" }, sn = { class: "settings-section" }, on = { class: "settings-color-options" }, nn = ["title", "onClick"], an = { class: "settings-section" }, ln = { class: "settings-switch-list" }, rn = { class: "settings-switch-item" }, un = { class: "settings-switch-item" }, cn = /* @__PURE__ */ se({
+  __name: "MixTopMenu",
+  setup(t) {
+    const s = _e(), o = le(), r = de(), a = re(), d = X(), M = $e(), m = g(""), f = k(() => {
+      const u = r.menuList.find((p) => p.menuUrl === m.value);
+      return (u == null ? void 0 : u.children) || [];
+    }), v = k(() => r.menuList.find((u) => !!(s.path === u.menuUrl || u.children && u.children.some((p) => s.path.startsWith(p.menuUrl) || s.path === p.menuUrl)))), h = () => {
+      v.value ? m.value = v.value.menuUrl : r.menuList.length > 0 && (m.value = r.menuList[0].menuUrl);
+    }, _ = (u) => {
+      m.value = u;
+      const p = r.menuList.find((L) => L.menuUrl === u);
+      if (p)
+        if (p.children && p.children.length > 0) {
+          const L = p.children[0].menuUrl;
+          s.path !== L && o.push(L);
+        } else
+          s.path !== u && o.push(u);
+    }, w = k(() => a.isDark ? "#1d1e1f" : "#fff"), j = k(() => a.isDark ? "#cfd3dc" : "#303133"), N = k(() => "#409eff"), R = g(!1), V = g(null), A = g(!1), D = g(!1), W = g(!1);
+    Ve(() => s.path, () => {
+      h(), a.setMixSubMenus(f.value);
+    }), Ve(() => r.menuList, (u) => {
+      u && u.length > 0 && (h(), a.setMixSubMenus(f.value));
+    }, { immediate: !0 });
+    const U = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), Y = (u) => {
+      if (!u || u === "") return "";
+      if (u.startsWith("tineco-icon-")) {
+        const L = u.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[L] || L;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[u] || u;
+    }, z = (u) => u ? u.charAt(0) : "", B = (u) => U.has(u), ie = () => {
+      a.toggleTheme(), D.value = !1;
+    }, J = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, oe = () => {
+      A.value = !!document.fullscreenElement;
+    }, ue = () => {
+      R.value = !R.value;
+    }, Q = () => {
+      R.value = !1;
+    }, T = () => {
+      D.value = !0;
+    }, ne = (u) => {
+      W.value = u;
+      const p = document.documentElement;
+      u ? p.classList.add("grey-mode") : p.classList.remove("grey-mode");
+    }, he = () => {
+      ne(!W.value), D.value = !1;
+    }, fe = () => {
+      a.toggleTheme(), D.value = !1;
+    }, me = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], ge = k(() => a.layout), te = (u) => {
+      a.setLayout(u), D.value = !1;
+    }, ce = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], ye = (u) => {
+      a.setPrimaryColor(u), D.value = !1;
+    }, pe = () => {
+      Q(), o.push("/profile");
+    }, E = () => {
+      Q(), o.push("/change-password");
+    }, C = () => {
+      Q(), M.logout(), d.clearUserInfo(), r.clearMenu(), o.push("/login");
+    }, Z = (u) => {
+      V.value && !V.value.contains(u.target) && Q();
+    };
+    return Fe(() => {
+      document.addEventListener("click", Z), document.addEventListener("fullscreenchange", oe), W.value = document.documentElement.classList.contains("grey-mode"), h();
+    }), Be(() => {
+      document.removeEventListener("click", Z), document.removeEventListener("fullscreenchange", oe);
+    }), (u, p) => {
+      var L;
+      return l(), c("div", Io, [
+        e("div", To, [
+          p[1] || (p[1] = e("img", {
+            src: Re,
+            alt: "Logo",
+            class: "mix-top-menu__logo-img"
+          }, null, -1)),
+          e("span", No, $(n(a).appName), 1)
+        ]),
+        y(n(We), {
+          "default-active": m.value,
+          mode: "horizontal",
+          "background-color": w.value,
+          "text-color": j.value,
+          "active-text-color": N.value,
+          class: "mix-top-menu__menu",
+          onSelect: _
+        }, {
+          default: I(() => [
+            (l(!0), c(q, null, H(n(r).menuList, (i) => (l(), F(n(Ce), {
+              key: i.menuUrl,
+              index: i.menuUrl
+            }, {
+              default: I(() => [
+                e("span", Eo, [
+                  i.menuName !== "首页" ? (l(), c("span", Uo, [
+                    B(Y(i.icon)) ? (l(), F(n(S), {
+                      key: 0,
+                      name: Y(i.icon),
+                      size: 16
+                    }, null, 8, ["name"])) : (l(), c("span", zo, $(z(i.menuName)), 1))
+                  ])) : P("", !0),
+                  e("span", Do, $(i.menuName), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["index"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["default-active", "background-color", "text-color", "active-text-color"]),
+        e("div", Ro, [
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: J,
+            title: A.value ? "退出全屏" : "全屏"
+          }, [
+            y(n(S), {
+              name: A.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, Ao),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: T,
+            title: "换肤设置"
+          }, [
+            y(n(S), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: ie,
+            title: "切换主题"
+          }, [
+            y(n(S), {
+              name: n(a).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "mix-top-menu__user",
+            ref_key: "dropdownRef",
+            ref: V
+          }, [
+            e("div", {
+              class: "mix-top-menu__user-trigger",
+              onClick: Ue(ue, ["stop"])
+            }, [
+              e("div", Po, [
+                e("span", null, $(((L = n(d).userName) == null ? void 0 : L.charAt(0)) || "U"), 1)
+              ]),
+              e("span", Oo, $(n(d).userName), 1),
+              e("span", {
+                class: K(["mix-top-menu__user-arrow", { "is-active": R.value }])
+              }, "▼", 2)
+            ]),
+            y(Ie, { name: "dropdown" }, {
+              default: I(() => {
+                var i;
+                return [
+                  R.value ? (l(), c("div", Vo, [
+                    e("div", Fo, [
+                      e("div", Bo, [
+                        e("span", null, $(((i = n(d).userName) == null ? void 0 : i.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", Ko, [
+                        e("div", qo, $(n(d).userName), 1),
+                        e("div", jo, $(n(d).departmentName), 1)
+                      ])
+                    ]),
+                    p[6] || (p[6] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
+                    e("div", Wo, [
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item",
+                        onClick: pe
+                      }, [
+                        y(n(S), {
+                          name: "user",
+                          size: 16
+                        }),
+                        p[2] || (p[2] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item",
+                        onClick: E
+                      }, [
+                        y(n(S), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        p[3] || (p[3] = e("span", null, "修改密码", -1))
+                      ]),
+                      p[5] || (p[5] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item mix-top-menu__dropdown-item--danger",
+                        onClick: C
+                      }, [
+                        y(n(S), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        p[4] || (p[4] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : P("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(n(Ye), {
+          modelValue: D.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (i) => D.value = i),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: I(() => [
+            e("div", Yo, [
+              e("div", Ho, [
+                p[10] || (p[10] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", Go, [
+                  (l(), c(q, null, H(me, (i) => e("div", {
+                    key: i.value,
+                    class: K(["layout-option", { "is-active": ge.value === i.value }]),
+                    onClick: (G) => te(i.value)
+                  }, [
+                    e("div", Jo, [
+                      i.value === "sidebar" ? (l(), c("div", Qo, [...p[7] || (p[7] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : i.value === "top" ? (l(), c("div", Zo, [...p[8] || (p[8] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (l(), c("div", en, [...p[9] || (p[9] = [
+                        e("div", { class: "preview-header-mix" }, [
+                          e("div", { class: "preview-mix-left" })
+                        ], -1),
+                        e("div", { class: "preview-mix-body" }, [
+                          e("div", { class: "preview-mix-aside" }),
+                          e("div", { class: "preview-mix-content" })
+                        ], -1)
+                      ])]))
+                    ]),
+                    e("span", tn, $(i.label), 1)
+                  ], 10, Xo)), 64))
+                ])
+              ]),
+              e("div", sn, [
+                p[11] || (p[11] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", on, [
+                  (l(), c(q, null, H(ce, (i) => e("div", {
+                    key: i.value,
+                    class: K(["color-option", { "is-active": n(a).primaryColor === i.value }]),
+                    style: xe({ backgroundColor: i.value }),
+                    title: i.label,
+                    onClick: (G) => ye(i.value)
+                  }, [
+                    n(a).primaryColor === i.value ? (l(), F(n(S), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : P("", !0)
+                  ], 14, nn)), 64))
+                ])
+              ]),
+              e("div", an, [
+                p[16] || (p[16] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", ln, [
+                  e("div", rn, [
+                    p[13] || (p[13] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: K(["switch-wrapper", { "is-checked": W.value }]),
+                      onClick: he
+                    }, [...p[12] || (p[12] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", un, [
+                    p[15] || (p[15] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: K(["switch-wrapper", { "is-checked": n(a).isDark }]),
+                      onClick: fe
+                    }, [...p[14] || (p[14] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), dn = /* @__PURE__ */ ee(cn, [["__scopeId", "data-v-e34b966d"]]), mn = {
+  key: 0,
+  class: "layout layout--sidebar"
+}, pn = { class: "layout__main" }, vn = { class: "layout__header" }, _n = { class: "layout__content" }, hn = {
+  key: 1,
+  class: "layout layout--top"
+}, fn = { class: "layout__top-menu" }, gn = { class: "layout__main" }, yn = { class: "layout__content" }, kn = {
+  key: 2,
+  class: "layout layout--mix"
+}, wn = { class: "layout__mix-top-menu" }, bn = { class: "layout__mix-body" }, xn = { class: "layout__content" }, Cn = /* @__PURE__ */ se({
+  __name: "index",
+  setup(t) {
+    const s = re(), o = de(), r = k(
+      () => s.isCollapsed ? "64px" : "210px"
+    ), a = k(() => s.layout), d = k(() => a.value === "mix"), M = k(() => a.value === "sidebar" ? o.menuList : a.value === "mix" ? s.mixSubMenus : []), m = k(() => d.value ? M.value.length > 0 : !1);
+    return (f, v) => {
+      const h = ht("router-view");
+      return l(), c(q, null, [
+        a.value === "sidebar" ? (l(), c("div", mn, [
+          e("aside", {
+            class: "layout__aside",
+            style: xe({ width: r.value })
+          }, [
+            y(st, {
+              "menu-list": M.value,
+              "show-logo": !0,
+              "show-user": !0
+            }, null, 8, ["menu-list"])
+          ], 4),
+          e("div", pn, [
+            e("header", vn, [
+              y(As)
+            ]),
+            e("main", _n, [
+              y(h)
+            ])
+          ])
+        ])) : P("", !0),
+        a.value === "top" ? (l(), c("div", hn, [
+          e("div", fn, [
+            y(So)
+          ]),
+          e("div", gn, [
+            e("main", yn, [
+              y(h)
+            ])
+          ])
+        ])) : P("", !0),
+        a.value === "mix" ? (l(), c("div", kn, [
+          e("div", wn, [
+            y(dn)
+          ]),
+          e("div", bn, [
+            m.value ? (l(), c("aside", {
+              key: 0,
+              class: "layout__aside",
+              style: xe({ width: r.value })
+            }, [
+              y(st, {
+                "menu-list": M.value,
+                "show-logo": !1,
+                "show-user": !1
+              }, null, 8, ["menu-list"])
+            ], 4)) : P("", !0),
+            e("main", xn, [
+              y(h)
+            ])
+          ])
+        ])) : P("", !0)
+      ], 64);
+    };
+  }
+}), ut = /* @__PURE__ */ ee(Cn, [["__scopeId", "data-v-70b115a5"]]), $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ut
+}, Symbol.toStringTag, { value: "Module" })), Ln = { class: "tabs-wrapper" }, Mn = { class: "tab-label" }, Sn = ["onClick"], In = /* @__PURE__ */ se({
+  __name: "Tabs",
+  setup(t) {
+    const s = _e(), o = le(), r = k(() => {
+      const m = [];
+      return s.matched.forEach((f) => {
+        var v;
+        (v = f.meta) != null && v.affix && m.push({
+          name: f.name,
+          title: f.meta.title,
+          path: f.path,
+          affix: !0
+        });
+      }), m;
+    }), a = k(() => s.path), d = (m) => {
+      o.push(m);
+    }, M = (m) => {
+      const f = r.value.find((v) => v.path === m);
+      if (!(f != null && f.affix) && m === a.value) {
+        const v = r.value.findIndex((_) => _.path === m), h = r.value[v - 1] || r.value[v + 1];
+        h && o.push(h.path);
+      }
+    };
+    return (m, f) => (l(), c("div", Ln, [
+      y(n(gt), {
+        modelValue: a.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (v) => a.value = v),
+        type: "card",
+        onTabClick: d
+      }, {
+        default: I(() => [
+          (l(!0), c(q, null, H(r.value, (v) => (l(), F(n(yt), {
+            key: v.path,
+            name: v.path,
+            label: v.title,
+            closable: !v.affix
+          }, {
+            label: I(() => [
+              e("span", Mn, [
+                ve($(v.title) + " ", 1),
+                v.affix ? P("", !0) : (l(), c("span", {
+                  key: 0,
+                  class: "tab-close",
+                  onClick: Ue((h) => M(v.path), ["stop"])
+                }, " ✕ ", 8, Sn))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["name", "label", "closable"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}), va = /* @__PURE__ */ ee(In, [["__scopeId", "data-v-9156d8cd"]]), Tn = {}, Nn = { class: "footer" };
+function En(t, s) {
+  return l(), c("div", Nn, [...s[0] || (s[0] = [
+    e("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const _a = /* @__PURE__ */ ee(Tn, [["render", En], ["__scopeId", "data-v-4852826a"]]), Un = () => {
+  const t = bt.create({
+    baseURL: void 0,
+    timeout: 3e4,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  return t.interceptors.request.use(
+    (s) => {
+      const o = Ae(), r = $t() || "Bearer";
+      return o && (s.headers.Authorization = `${r} ${o}`), s;
+    },
+    (s) => Promise.reject(s)
+  ), t.interceptors.response.use(
+    (s) => {
+      const { data: o } = s;
+      return o.code === 200 || o.code === 0 ? o.data : (ae.error(o.message || "请求失败"), Promise.reject(new Error(o.message || "请求失败")));
+    },
+    (s) => {
+      var r;
+      const { response: o } = s;
+      if (o)
+        switch (o.status) {
+          case 401:
+            ae.error("登录已过期，请重新登录"), rt(), window.location.href = "/login";
+            break;
+          case 403:
+            ae.error("没有权限访问");
+            break;
+          case 404:
+            ae.error("请求资源不存在");
+            break;
+          case 500:
+            ae.error("服务器错误");
+            break;
+          default:
+            ae.error(((r = o.data) == null ? void 0 : r.message) || "请求失败");
+        }
+      else
+        ae.error("网络连接失败");
+      return Promise.reject(s);
+    }
+  ), t;
+}, be = Un(), O = {
+  get(t, s) {
+    return be.get(t, s);
+  },
+  post(t, s, o) {
+    return be.post(t, s, o);
+  },
+  put(t, s, o) {
+    return be.put(t, s, o);
+  },
+  patch(t, s, o) {
+    return be.patch(t, s, o);
+  },
+  delete(t, s) {
+    return be.delete(t, s);
+  }
+};
+function zn(t) {
+  return O.post("/user/v1.0/login/by-domain", t);
+}
+function ha() {
+  return O.put("/user/v1.0/user/logout");
+}
+function Dn() {
+  return O.get("/user/v1.0/user/get-me");
+}
+function fa(t) {
+  return O.post("/user/v1.0/refresh", { refreshToken: t });
+}
+const Te = g(""), Ne = g(""), Ee = g("");
+function ga(t) {
+  t.appId && (Te.value = t.appId), t.clientId && (Ne.value = t.clientId), t.apiBaseUrl && (Ee.value = t.apiBaseUrl);
+}
+function et() {
+  if (Te.value)
+    return Te.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+function Rn() {
+  if (Ne.value)
+    return Ne.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+function ya() {
+  if (Ee.value)
+    return Ee.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+const ka = {
+  appId: Te,
+  clientId: Ne,
+  apiBaseUrl: Ee
+}, An = { class: "login" }, Pn = { class: "login__container" }, On = /* @__PURE__ */ se({
+  __name: "index",
+  setup(t) {
+    const s = le(), o = _e(), r = g(!1), a = g(!1), d = Ke({
+      uid: "",
+      password: ""
+    }), M = {
+      uid: [
+        { required: !0, message: "请输入用户名", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" },
+        { min: 6, message: "密码长度至少6位", trigger: "blur" }
+      ]
+    }, m = g(), f = async () => {
+      var v;
+      try {
+        await ((v = m.value) == null ? void 0 : v.validate()), r.value = !0;
+        const h = await zn({
+          appId: et(),
+          clientId: Rn(),
+          uid: d.uid,
+          password: d.password,
+          code: !0
+        });
+        lt(h), ae.success("登录成功");
+        const _ = o.query.redirect || "/";
+        s.push(_);
+      } catch (h) {
+        console.error("登录失败:", h);
+      } finally {
+        r.value = !1;
+      }
+    };
+    return (v, h) => (l(), c("div", An, [
+      e("div", Pn, [
+        h[5] || (h[5] = e("div", { class: "login__header" }, [
+          e("img", {
+            src: Re,
+            alt: "Logo",
+            class: "login__logo"
+          }),
+          e("h1", { class: "login__title" }, "Xto Demo"),
+          e("p", { class: "login__subtitle" }, "后台管理系统")
+        ], -1)),
+        y(n(kt), {
+          ref_key: "formRef",
+          ref: m,
+          model: d,
+          rules: M,
+          class: "login__form",
+          "label-width": "0"
+        }, {
+          default: I(() => [
+            y(n(Le), { prop: "uid" }, {
+              default: I(() => [
+                y(n(tt), {
+                  modelValue: d.uid,
+                  "onUpdate:modelValue": h[0] || (h[0] = (_) => d.uid = _),
+                  placeholder: "用户名",
+                  size: "large"
+                }, {
+                  prefix: I(() => [
+                    y(n(S), {
+                      name: "user",
+                      size: 18
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            y(n(Le), { prop: "password" }, {
+              default: I(() => [
+                y(n(tt), {
+                  modelValue: d.password,
+                  "onUpdate:modelValue": h[1] || (h[1] = (_) => d.password = _),
+                  type: "password",
+                  placeholder: "密码",
+                  size: "large",
+                  "show-password": "",
+                  onKeyup: ft(f, ["enter"])
+                }, {
+                  prefix: I(() => [
+                    y(n(S), {
+                      name: "lock",
+                      size: 18
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            y(n(Le), null, {
+              default: I(() => [
+                y(n(wt), {
+                  modelValue: a.value,
+                  "onUpdate:modelValue": h[2] || (h[2] = (_) => a.value = _)
+                }, {
+                  default: I(() => [...h[3] || (h[3] = [
+                    ve("记住我", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            y(n(Le), null, {
+              default: I(() => [
+                y(n(De), {
+                  type: "primary",
+                  size: "large",
+                  loading: r.value,
+                  class: "login__submit",
+                  onClick: f
+                }, {
+                  default: I(() => [...h[4] || (h[4] = [
+                    ve(" 登录 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        h[6] || (h[6] = e("div", { class: "login__footer" }, [
+          e("p", null, "请输入您的用户名和密码")
+        ], -1))
+      ])
+    ]));
+  }
+}), Vn = /* @__PURE__ */ ee(On, [["__scopeId", "data-v-f3e724b6"]]), Fn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Vn
+}, Symbol.toStringTag, { value: "Module" })), Bn = { class: "error-page" }, Kn = { class: "error-page__content" }, qn = /* @__PURE__ */ se({
+  __name: "404",
+  setup(t) {
+    const s = le(), o = () => {
+      s.push("/");
+    };
+    return (r, a) => (l(), c("div", Bn, [
+      e("div", Kn, [
+        a[1] || (a[1] = e("div", { class: "error-page__code" }, "404", -1)),
+        a[2] || (a[2] = e("div", { class: "error-page__title" }, "页面不存在", -1)),
+        a[3] || (a[3] = e("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
+        y(n(De), {
+          type: "primary",
+          onClick: o
+        }, {
+          default: I(() => [...a[0] || (a[0] = [
+            ve("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), jn = /* @__PURE__ */ ee(qn, [["__scopeId", "data-v-54fcac4c"]]), ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: jn
+}, Symbol.toStringTag, { value: "Module" })), Wn = { class: "error-page" }, Yn = { class: "error-page__content" }, Hn = /* @__PURE__ */ se({
+  __name: "403",
+  setup(t) {
+    const s = le(), o = () => {
+      s.push("/");
+    };
+    return (r, a) => (l(), c("div", Wn, [
+      e("div", Yn, [
+        a[1] || (a[1] = e("div", { class: "error-page__code" }, "403", -1)),
+        a[2] || (a[2] = e("div", { class: "error-page__title" }, "无访问权限", -1)),
+        a[3] || (a[3] = e("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
+        y(n(De), {
+          type: "primary",
+          onClick: o
+        }, {
+          default: I(() => [...a[0] || (a[0] = [
+            ve("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), wa = /* @__PURE__ */ ee(Hn, [["__scopeId", "data-v-b2ff9b3e"]]);
+function ba() {
+  const t = re(), s = X(), o = $e(), r = k(() => s.userName || ""), a = k(() => s.userInfo), d = k(() => t.appName), M = k(() => o.isLoggedIn), m = k(() => t.isDark), f = k(() => t.theme), v = k(() => t.isCollapsed), h = k(() => t.layout);
+  return {
+    userName: r,
+    userInfo: a,
+    appName: d,
+    isLoggedIn: M,
+    isDark: m,
+    theme: f,
+    isCollapsed: v,
+    layout: h,
+    toggleTheme: () => {
+      t.toggleTheme();
+    },
+    toggleCollapse: () => {
+      t.toggleCollapse();
+    }
+  };
+}
+function xa() {
+  const t = X();
+  return {
+    isLoggedIn: k(() => t.isLoggedIn)
+  };
+}
+function Ca(t, s = {}) {
+  const { rules: o, onSubmit: r } = s, a = g(), d = Ke({ ...t }), M = g(!1), m = g(!1), f = g(!1), v = () => {
+    w(), f.value = !1, m.value = !0;
+  }, h = (N) => {
+    Object.assign(d, N), f.value = !0, m.value = !0;
+  }, _ = () => {
+    m.value = !1, w();
+  }, w = () => {
+    var N;
+    Object.keys(t).forEach((R) => {
+      d[R] = t[R];
+    }), (N = a.value) == null || N.resetFields();
+  };
+  return {
+    formRef: a,
+    formData: d,
+    rules: o,
+    loading: M,
+    visible: m,
+    isEdit: f,
+    openAdd: v,
+    openEdit: h,
+    close: _,
+    resetForm: w,
+    handleSubmit: async () => {
+      var N;
+      try {
+        await ((N = a.value) == null ? void 0 : N.validate()), M.value = !0, await (r == null ? void 0 : r(d)), _();
+      } catch (R) {
+        console.error(R);
+      } finally {
+        M.value = !1;
+      }
+    }
+  };
+}
+function $a(t) {
+  const { fetchData: s, defaultPageSize: o = 10 } = t, r = g(!1), a = g([]), d = g(0), M = g(1), m = g(o), f = Ke({}), v = async () => {
+    r.value = !0;
+    try {
+      const V = {
+        ...f,
+        page: M.value,
+        pageSize: m.value
+      }, A = await s(V);
+      a.value = A.list, d.value = A.total;
+    } catch (V) {
+      console.error(V);
+    } finally {
+      r.value = !1;
+    }
+  }, h = () => {
+    M.value = 1, v();
+  }, _ = () => {
+    Object.keys(f).forEach((V) => {
+      f[V] = void 0;
+    }), M.value = 1, v();
+  }, w = (V) => {
+    M.value = V, v();
+  }, j = (V) => {
+    m.value = V, M.value = 1, v();
+  }, N = () => {
+    v();
+  }, R = k(() => ({
+    current: M.value,
+    pageSize: m.value,
+    total: d.value
+  }));
+  return {
+    loading: r,
+    data: a,
+    total: d,
+    currentPage: M,
+    pageSize: m,
+    searchParams: f,
+    pagination: R,
+    getData: v,
+    handleSearch: h,
+    handleReset: _,
+    handlePageChange: w,
+    handleSizeChange: j,
+    refresh: N
+  };
+}
+function La(t) {
+  return X().isLoggedIn;
+}
+function Ma(t) {
+  return X().isLoggedIn;
+}
+function Sa() {
+  return !0;
+}
+const dt = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => Promise.resolve().then(() => Fn),
+    meta: {
+      title: "登录",
+      hidden: !0
+    }
+  }
+], mt = {
+  path: "/",
+  name: "Layout",
+  component: () => Promise.resolve().then(() => $n),
+  redirect: "/dashboard",
+  children: [
+    {
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("./index-Dbf5ypbh.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-D93bv6lU.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-L86-iO8O.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-C6Um6eFy.js"),
+      meta: {
+        title: "菜单管理",
+        icon: "menu",
+        keepAlive: !0
+      }
+    },
+    // catch-all 路由：让 404 在 Layout 内部渲染，保持左侧菜单显示
+    {
+      path: "/:pathMatch(.*)*",
+      name: "CatchAll",
+      component: () => Promise.resolve().then(() => ct),
+      meta: {
+        title: "404",
+        hidden: !0
+      }
+    }
+  ]
+}, Ia = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-Dbf5ypbh.js"),
+    meta: {
+      title: "仪表盘",
+      icon: "dashboard",
+      keepAlive: !0,
+      affix: !0
+    }
+  },
+  {
+    path: "/system",
+    name: "System",
+    redirect: "/system/user",
+    meta: {
+      title: "系统管理",
+      icon: "setting"
+    },
+    children: [
+      {
+        path: "user",
+        name: "SystemUser",
+        component: () => import("./index-D93bv6lU.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-L86-iO8O.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-C6Um6eFy.js"),
+        meta: {
+          title: "菜单管理",
+          icon: "menu",
+          keepAlive: !0
+        }
+      }
+    ]
+  }
+], Gn = [
+  {
+    menuCode: "dashboard",
+    menuName: "仪表盘",
+    menuUrl: "/dashboard",
+    icon: "dashboard",
+    closable: !0,
+    isDefault: !0,
+    isOut: !1
+  },
+  {
+    menuCode: "system",
+    menuName: "系统管理",
+    menuUrl: "/system",
+    icon: "setting",
+    closable: !1,
+    isDefault: !1,
+    isOut: !1,
+    children: [
+      {
+        menuCode: "system_user",
+        menuName: "用户管理",
+        menuUrl: "/system/user",
+        icon: "user",
+        closable: !0,
+        isDefault: !1,
+        isOut: !1
+      },
+      {
+        menuCode: "system_role",
+        menuName: "角色管理",
+        menuUrl: "/system/role",
+        icon: "role",
+        closable: !0,
+        isDefault: !1,
+        isOut: !1
+      },
+      {
+        menuCode: "system_menu",
+        menuName: "菜单管理",
+        menuUrl: "/system/menu",
+        icon: "menu",
+        closable: !0,
+        isDefault: !1,
+        isOut: !1
+      }
+    ]
+  }
+], pt = qe({
+  history: je(),
+  routes: [...dt, mt],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), Xn = ["/login"];
+pt.beforeEach(async (t, s, o) => {
+  const r = re();
+  if (r.initTheme(), it())
+    if (t.path === "/login")
+      o({ path: "/" });
+    else {
+      const a = X();
+      a.isLoggedIn || (a.setUserInfo({
+        appId: et(),
+        userId: "1",
+        userName: "管理员",
+        departmentName: "技术部",
+        email: "admin@example.com",
+        mobilePhone: "13800138000",
+        positionName: "管理员",
+        avatar: ""
+      }), de().setMenuList(Gn)), t.name && t.meta.keepAlive && r.addCachedView(t.name), o();
+    }
+  else
+    Xn.includes(t.path) ? o() : o("/login");
+});
+function Ta() {
+  const t = qe({
+    history: je(),
+    routes: [...dt, mt]
+  });
+  pt.matcher = t.matcher;
+}
+function Na(t, s = {}) {
+  const o = s.indexPath || "/dashboard", r = {
+    path: "/:pathMatch(.*)*",
+    name: "CatchAll",
+    component: () => Promise.resolve().then(() => ct),
+    meta: {
+      title: "404"
+    }
+  };
+  return {
+    path: "/",
+    name: "Layout",
+    component: ut,
+    redirect: o,
+    children: [...t, r]
+  };
+}
+function Ea(t) {
+  return qe({
+    history: je(),
+    routes: t,
+    scrollBehavior: () => ({ left: 0, top: 0 })
+  });
+}
+function Ua(t) {
+  return O.get("/role/list", { params: t });
+}
+function za(t) {
+  return O.get(`/role/${t}`);
+}
+function Da(t) {
+  return O.post("/role", t);
+}
+function Ra(t, s) {
+  return O.put(`/role/${t}`, s);
+}
+function Aa(t) {
+  return O.delete(`/role/${t}`);
+}
+function Pa(t, s) {
+  return O.patch(`/role/${t}/status`, { status: s });
+}
+function Oa() {
+  return O.get("/user/v1.0/menu/list");
+}
+function Jn(t) {
+  const s = t || et();
+  return O.get(`/user/v1.0/menu/get-menu?appId=${s}`);
+}
+function Va(t) {
+  return O.post("/menu", t);
+}
+function Fa(t, s) {
+  return O.put(`/menu/${t}`, s);
+}
+function Ba(t) {
+  return O.delete(`/menu/${t}`);
+}
+const Qn = ["/login", "/404", "/403"];
+function Ka(t, s = {}) {
+  const o = s.whiteList || Qn, r = s.loginPath || "/login", a = s.homePath || "/";
+  t.beforeEach(async (d, M, m) => {
+    const f = re(), v = X(), h = de();
+    if (f.initTheme(), Ae())
+      if (d.path === r)
+        m({ path: a });
+      else if (v.isLoggedIn)
+        d.name && d.meta.keepAlive && f.addCachedView(d.name), m();
+      else
+        try {
+          if (s.fetchUserInfo) {
+            const w = await s.fetchUserInfo();
+            v.setUserInfo(w);
+          } else {
+            const w = await Dn();
+            v.setUserInfo(w);
+          }
+          if (s.fetchMenu) {
+            const w = await s.fetchMenu();
+            h.setMenuList(w);
+          } else {
+            const w = await Jn(s.appId);
+            h.setMenuList(w);
+          }
+          s.onLoginSuccess && s.onLoginSuccess(), d.name && d.meta.keepAlive && f.addCachedView(d.name), m({ ...d, replace: !0 });
+        } catch (w) {
+          console.error("获取用户信息失败:", w), v.clearUserInfo(), h.clearMenu(), localStorage.removeItem("token"), localStorage.removeItem("token_type"), localStorage.removeItem("refresh_token"), m({ path: r, query: { redirect: d.fullPath } });
+        }
+    else
+      o.includes(d.path) ? m() : m({ path: r, query: { redirect: d.fullPath } });
+  }), t.afterEach(() => {
+  });
+}
+function qa(t) {
+  return O.get("/user/list", { params: t });
+}
+function ja(t) {
+  return O.get(`/user/${t}`);
+}
+function Wa(t) {
+  return O.post("/user", t);
+}
+function Ya(t, s) {
+  return O.put(`/user/${t}`, s);
+}
+function Ha(t) {
+  return O.delete(`/user/${t}`);
+}
+function Ga(t) {
+  return O.post("/user/batch-delete", { ids: t });
+}
+function Xa(t, s) {
+  return O.patch(`/user/${t}/status`, { status: s });
+}
+function Ja(t) {
+  return O.post(`/user/${t}/reset-password`);
+}
+var Zn = /* @__PURE__ */ ((t) => (t[t.ENABLED = 1] = "ENABLED", t[t.DISABLED = 0] = "DISABLED", t))(Zn || {}), ea = /* @__PURE__ */ ((t) => (t[t.UNKNOWN = 0] = "UNKNOWN", t[t.MALE = 1] = "MALE", t[t.FEMALE = 2] = "FEMALE", t))(ea || {}), ta = /* @__PURE__ */ ((t) => (t[t.DIRECTORY = 0] = "DIRECTORY", t[t.MENU = 1] = "MENU", t[t.BUTTON = 2] = "BUTTON", t))(ta || {});
+const Qa = {
+  1: "启用",
+  0: "禁用"
+}, Za = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, el = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, tl = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], sl = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], ol = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], nl = {
+  mounted(t, s) {
+    var r;
+    X().isLoggedIn || (r = t.parentNode) == null || r.removeChild(t);
+  }
+};
+export {
+  mt as $,
+  Oa as A,
+  Jn as B,
+  ma as C,
+  da as D,
+  za as E,
+  _a as F,
+  ea as G,
+  As as H,
+  Ua as I,
+  Ae as J,
+  St as K,
+  ut as L,
+  ta as M,
+  $t as N,
+  ja as O,
+  Dn as P,
+  qa as Q,
+  La as R,
+  Zn as S,
+  va as T,
+  Ma as U,
+  it as V,
+  O as W,
+  ga as X,
+  Sa as Y,
+  Et as Z,
+  ee as _,
+  tl as a,
+  b as a0,
+  Me as a1,
+  zn as a2,
+  ha as a3,
+  Gn as a4,
+  nl as a5,
+  fa as a6,
+  Ja as a7,
+  Ta as a8,
+  pt as a9,
+  ca as aa,
+  Se as ab,
+  Nt as ac,
+  Tt as ad,
+  Mt as ae,
+  Ct as af,
+  It as ag,
+  lt as ah,
+  Lt as ai,
+  Ka as aj,
+  dt as ak,
+  Fa as al,
+  Ra as am,
+  Pa as an,
+  Ya as ao,
+  Xa as ap,
+  ba as aq,
+  re as ar,
+  xa as as,
+  $e as at,
+  Ca as au,
+  de as av,
+  $a as aw,
+  X as ax,
+  ol as b,
+  wa as c,
+  sl as d,
+  Za as e,
+  el as f,
+  jn as g,
+  st as h,
+  Vn as i,
+  Qa as j,
+  ka as k,
+  Ga as l,
+  rt as m,
+  Na as n,
+  Va as o,
+  Da as p,
+  Ea as q,
+  Wa as r,
+  Ia as s,
+  Ba as t,
+  Aa as u,
+  Ha as v,
+  ya as w,
+  et as x,
+  Rn as y,
+  pa as z
+};