xto-fronted 0.4.68 → 0.4.69

package/dist/index-XgM0GMu2.js

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