xto-fronted 0.4.52 → 0.4.53

package/dist/index-DbEeir7h.js

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