xto-fronted 0.4.84 → 0.4.86

package/dist/index-CyQbOMHa.js

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