xto-fronted 0.4.85 → 0.4.86

package/dist/index-BhKJLk9M.js

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