xto-fronted 0.4.73 → 0.4.74

package/dist/index-CWMpaJJ6.js

@@ -0,0 +1,3267 @@
+import { ref as f, computed as w, watch as Te, defineComponent as le, resolveComponent as vt, openBlock as l, createBlock as B, unref as r, withCtx as S, createElementBlock as c, Fragment as q, renderList as H, createElementVNode as e, toDisplayString as $, createCommentVNode as N, normalizeClass as W, withDirectives as Be, vShow as $t, createVNode as g, createTextVNode as he, onMounted as Xe, onUnmounted as Ge, vModelText as Je, Transition as be, withModifiers as Fe, normalizeStyle as Ue, reactive as Ze, createStaticVNode as Re, withKeys as Mt } from "vue";
+import { defineStore as Ke } from "pinia";
+import { useRoute as we, useRouter as de, createRouter as Qe, createWebHistory as et } from "vue-router";
+import { SubMenu as ht, MenuItem as Pe, Menu as tt, Tabs as Lt, TabPane as St } from "@xto/navigation";
+import { Icon as I, Button as ke } from "@xto/base";
+import { Drawer as st, Message as ae } from "@xto/feedback";
+import { Form as It, FormItem as We, Input as dt, Checkbox as Et } from "@xto/form";
+import Tt from "axios";
+const Ae = f(""), Ve = f(""), Oe = f("");
+function Ut(t) {
+  t.appId && (Ae.value = t.appId), t.clientId && (Ve.value = t.clientId), t.apiBaseUrl && (Oe.value = t.apiBaseUrl);
+}
+function je() {
+  if (Ae.value)
+    return Ae.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+function _t() {
+  if (Ve.value)
+    return Ve.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+function Nt() {
+  if (Oe.value)
+    return Oe.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+const ja = {
+  appId: Ae,
+  clientId: Ve,
+  apiBaseUrl: Oe
+}, Ie = "xto_", ft = (t) => ({
+  get(o) {
+    const n = t.getItem(Ie + o);
+    if (!n) return null;
+    try {
+      return JSON.parse(n);
+    } catch {
+      return n;
+    }
+  },
+  set(o, n) {
+    if (n == null) {
+      t.removeItem(Ie + o);
+      return;
+    }
+    const i = typeof n == "string" ? n : JSON.stringify(n);
+    t.setItem(Ie + o, i);
+  },
+  remove(o) {
+    t.removeItem(Ie + o);
+  },
+  clear() {
+    Object.keys(t).forEach((n) => {
+      n.startsWith(Ie) && t.removeItem(n);
+    });
+  }
+}), ze = ft(window.localStorage), De = ft(window.sessionStorage), C = {
+  get: ze.get,
+  set: ze.set,
+  remove: ze.remove,
+  clear: ze.clear
+}, qa = {
+  get: De.get,
+  set: De.set,
+  remove: De.remove,
+  clear: De.clear
+}, me = Ke("app", () => {
+  const t = f(C.get("appName") || "XTO App"), o = f(C.get("indexPath") || "/dashboard"), n = f(C.get("isDark") || !1), i = f(C.get("theme") || "light"), s = f(C.get("layout") || "sidebar"), m = f(C.get("isCollapsed") || !1), L = f(C.get("showTabs") ?? !0), d = f(C.get("showFooter") ?? !0), y = f(C.get("showBreadcrumb") ?? !0), v = f(C.get("primaryColor") || "#409eff"), p = f([]), _ = f([]), M = w(() => n.value ? "dark" : "light"), F = (T) => {
+    t.value = T, C.set("appName", T);
+  }, R = (T) => {
+    o.value = T, C.set("indexPath", T);
+  }, K = () => {
+    n.value = !n.value, i.value = n.value ? "dark" : "light", P();
+  }, D = (T) => {
+    i.value = T, n.value = T === "dark", P();
+  }, P = () => {
+    const T = document.documentElement;
+    n.value ? T.classList.add("dark") : T.classList.remove("dark"), C.set("isDark", n.value), C.set("theme", i.value);
+  }, A = () => {
+    m.value = !m.value, C.set("isCollapsed", m.value);
+  }, U = (T) => {
+    s.value = T, C.set("layout", T);
+  }, z = () => {
+    L.value = !L.value, C.set("showTabs", L.value);
+  }, J = () => {
+    d.value = !d.value, C.set("showFooter", d.value);
+  }, Y = () => {
+    y.value = !y.value, C.set("showBreadcrumb", y.value);
+  }, O = (T) => {
+    v.value = T, document.documentElement.style.setProperty("--color-primary", T), C.set("primaryColor", T);
+  }, j = (T) => {
+    p.value.includes(T) || p.value.push(T);
+  }, se = (T) => {
+    const Z = p.value.indexOf(T);
+    Z > -1 && p.value.splice(Z, 1);
+  }, oe = () => {
+    p.value = [];
+  }, ce = (T) => {
+    _.value = T;
+  }, re = () => {
+    P(), v.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", v.value);
+  };
+  return Te(n, P), {
+    appName: t,
+    indexPath: o,
+    isDark: n,
+    theme: i,
+    layout: s,
+    isCollapsed: m,
+    showTabs: L,
+    showFooter: d,
+    showBreadcrumb: y,
+    primaryColor: v,
+    cachedViews: p,
+    mixSubMenus: _,
+    themeClass: M,
+    setAppName: F,
+    setIndexPath: R,
+    toggleTheme: K,
+    toggleCollapse: A,
+    setTheme: D,
+    setLayout: U,
+    toggleTabs: z,
+    toggleFooter: J,
+    toggleBreadcrumb: Y,
+    setPrimaryColor: O,
+    addCachedView: j,
+    removeCachedView: se,
+    clearCachedViews: oe,
+    setMixSubMenus: ce,
+    initTheme: re
+  };
+}), Ye = "menu_list", zt = {
+  menuCode: "home",
+  menuName: "首页",
+  menuUrl: "/dashboard",
+  icon: "home",
+  closable: !1,
+  isDefault: !1,
+  isOut: !1
+}, _e = Ke("menu", () => {
+  const t = f(C.get(Ye) || []), o = w(() => t.value.length > 0);
+  return {
+    menuList: t,
+    hasMenu: o,
+    setMenuList: (s) => {
+      t.value = [zt, ...s], C.set(Ye, t.value);
+    },
+    clearMenu: () => {
+      t.value = [], C.remove(Ye);
+    }
+  };
+}), ot = "/vite.svg", He = "user_info", ee = Ke("user", () => {
+  const t = f(C.get(He)), o = w(() => !!t.value), n = w(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.userId) || "";
+  }), i = w(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.userName) || "";
+  }), s = w(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.departmentName) || "";
+  }), m = w(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.email) || "";
+  }), L = w(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.mobilePhone) || "";
+  }), d = w(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.positionName) || "";
+  }), y = w(() => {
+    var _;
+    return ((_ = t.value) == null ? void 0 : _.avatar) || "";
+  });
+  return {
+    userInfo: t,
+    isLoggedIn: o,
+    userId: n,
+    userName: i,
+    departmentName: s,
+    email: m,
+    mobilePhone: L,
+    positionName: d,
+    avatar: y,
+    setUserInfo: (_) => {
+      t.value = _, C.set(He, _);
+    },
+    clearUserInfo: () => {
+      t.value = null, C.remove(He);
+    }
+  };
+}), nt = "token", at = "token_type", lt = "refresh_token", rt = "expires_time", it = "refresh_time", ct = "code", qe = () => C.get(nt), Dt = (t) => {
+  C.set(nt, t);
+}, Rt = () => C.get(at), Pt = (t) => {
+  C.set(at, t);
+}, Wa = () => C.get(lt), At = (t) => {
+  C.set(lt, t);
+}, Vt = () => C.get(rt), Ot = (t) => {
+  C.set(rt, t);
+}, Ya = () => C.get(it), Bt = (t) => {
+  C.set(it, t);
+}, Ha = () => C.get(ct), Ft = (t) => {
+  C.set(ct, t);
+}, gt = (t) => {
+  Dt(t.access_token), Pt(t.token_type || "Bearer"), At(t.refresh_token), Ot(t.expires_time), Bt(t.refresh_time), t.code && Ft(t.code);
+}, Ee = () => {
+  C.remove(nt), C.remove(at), C.remove(lt), C.remove(rt), C.remove(it), C.remove(ct);
+}, Kt = () => {
+  const t = Vt();
+  return t ? Date.now() > t : !0;
+}, yt = () => !!qe() && !Kt(), Ne = Ke("auth", () => {
+  const t = f(qe()), o = w(() => yt()), n = f(""), i = f(""), s = f(""), m = f("/login");
+  return {
+    token: t,
+    isLoggedIn: o,
+    baseUrl: n,
+    appId: i,
+    clientId: s,
+    loginPath: m,
+    login: (M) => {
+      t.value = M.access_token, gt(M);
+    },
+    logout: () => {
+      t.value = null, Ee();
+    },
+    setBaseUrl: (M) => {
+      n.value = M;
+    },
+    setAppId: (M) => {
+      i.value = M;
+    },
+    setClientId: (M) => {
+      s.value = M;
+    },
+    setLoginPath: (M) => {
+      m.value = M;
+    }
+  };
+}), jt = { class: "menu-item__content" }, qt = { class: "menu-item__icon" }, Wt = {
+  key: 1,
+  class: "menu-item__char"
+}, Yt = { class: "menu-item__text" }, Ht = { class: "menu-item__content" }, Xt = {
+  key: 0,
+  class: "menu-item__icon"
+}, Gt = {
+  key: 1,
+  class: "menu-item__char"
+}, Jt = { class: "menu-item__text" }, Zt = /* @__PURE__ */ le({
+  __name: "SidebarMenuItem",
+  props: {
+    menu: {}
+  },
+  setup(t) {
+    const o = t, n = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), i = (d) => {
+      if (!d || d === "") return "";
+      if (d.startsWith("tineco-icon-")) {
+        const v = 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"
+        }[v] || v;
+      }
+      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;
+    }, s = (d) => d ? d.charAt(0) : "", m = (d) => n.has(d), L = w(() => o.menu.children && o.menu.children.length > 0);
+    return (d, y) => {
+      const v = vt("SidebarMenuItem", !0);
+      return L.value ? (l(), B(r(ht), {
+        key: 0,
+        index: t.menu.menuUrl
+      }, {
+        title: S(() => [
+          e("span", jt, [
+            e("span", qt, [
+              m(i(t.menu.icon)) ? (l(), B(r(I), {
+                key: 0,
+                name: i(t.menu.icon),
+                size: 16
+              }, null, 8, ["name"])) : (l(), c("span", Wt, $(s(t.menu.menuName)), 1))
+            ]),
+            e("span", Yt, $(t.menu.menuName), 1)
+          ])
+        ]),
+        default: S(() => [
+          (l(!0), c(q, null, H(t.menu.children, (p) => (l(), B(v, {
+            key: p.menuUrl,
+            menu: p
+          }, null, 8, ["menu"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["index"])) : (l(), B(r(Pe), {
+        key: 1,
+        index: t.menu.menuUrl
+      }, {
+        default: S(() => [
+          e("span", Ht, [
+            t.menu.menuName !== "首页" ? (l(), c("span", Xt, [
+              m(i(t.menu.icon)) ? (l(), B(r(I), {
+                key: 0,
+                name: i(t.menu.icon),
+                size: 16
+              }, null, 8, ["name"])) : (l(), c("span", Gt, $(s(t.menu.menuName)), 1))
+            ])) : N("", !0),
+            e("span", Jt, $(t.menu.menuName), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["index"]));
+    };
+  }
+}), te = (t, o) => {
+  const n = t.__vccOpts || t;
+  for (const [i, s] of o)
+    n[i] = s;
+  return n;
+}, Qt = /* @__PURE__ */ te(Zt, [["__scopeId", "data-v-d160ae6a"]]), es = {
+  key: 0,
+  class: "sidebar__logo"
+}, ts = {
+  key: 1,
+  class: "sidebar__user"
+}, ss = { class: "sidebar__user-info" }, os = { class: "sidebar__user-name" }, ns = { class: "sidebar__user-role" }, mt = "sidebar_opened_menus", as = /* @__PURE__ */ le({
+  __name: "Sidebar",
+  props: {
+    menuList: { default: () => [] },
+    showLogo: { type: Boolean, default: !0 },
+    showUser: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const o = t, n = we(), i = de(), s = _e(), m = ee(), L = Ne(), d = me(), y = w(() => o.menuList.length > 0 ? o.menuList : s.menuList), v = w(() => d.isCollapsed), p = w(() => n.path), _ = f(C.get(mt) || []);
+    Te(_, (A) => {
+      C.set(mt, A);
+    }, { deep: !0 });
+    const M = (A, U, z = []) => {
+      var J;
+      for (const Y of A)
+        if ((J = Y.children) != null && J.length) {
+          if (Y.children.some((j) => U === j.menuUrl || U.startsWith(j.menuUrl + "/"))) {
+            for (const j of z)
+              _.value.includes(j) || _.value.push(j);
+            _.value.includes(Y.menuUrl) || _.value.push(Y.menuUrl);
+          }
+          M(Y.children, U, [...z, Y.menuUrl]);
+        }
+    };
+    Te([() => n.path, y], ([A, U]) => {
+      U.length > 0 && M(U, A);
+    }, { immediate: !0 });
+    const F = w(() => d.isDark ? "#1d1e1f" : "#fff"), R = w(() => d.isDark ? "#cfd3dc" : "#303133"), K = w(() => "#409eff"), D = (A) => {
+      A && A !== n.path && i.push(A);
+    }, P = () => {
+      L.logout(), m.clearUserInfo(), s.clearMenu(), i.push("/login");
+    };
+    return (A, U) => (l(), c("div", {
+      class: W(["sidebar", { "sidebar--collapsed": v.value }])
+    }, [
+      o.showLogo ? (l(), c("div", es, [
+        U[2] || (U[2] = e("img", {
+          src: ot,
+          alt: "Logo",
+          class: "sidebar__logo-img"
+        }, null, -1)),
+        Be(e("span", { class: "sidebar__logo-text" }, $(r(d).appName), 513), [
+          [$t, !v.value]
+        ])
+      ])) : N("", !0),
+      g(r(tt), {
+        modelValue: p.value,
+        "onUpdate:modelValue": U[0] || (U[0] = (z) => p.value = z),
+        openeds: _.value,
+        "onUpdate:openeds": U[1] || (U[1] = (z) => _.value = z),
+        mode: "vertical",
+        collapse: v.value,
+        "collapse-transition": !1,
+        "background-color": F.value,
+        "text-color": R.value,
+        "active-text-color": K.value,
+        class: "sidebar__menu",
+        onSelect: D
+      }, {
+        default: S(() => [
+          (l(!0), c(q, null, H(y.value, (z) => (l(), B(Qt, {
+            key: z.menuUrl,
+            menu: z
+          }, null, 8, ["menu"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "openeds", "collapse", "background-color", "text-color", "active-text-color"]),
+      o.showUser && !v.value ? (l(), c("div", ts, [
+        e("div", ss, [
+          e("span", os, $(r(m).userName), 1),
+          e("span", ns, $(r(m).departmentName), 1)
+        ]),
+        g(r(ke), {
+          type: "text",
+          size: "small",
+          onClick: P
+        }, {
+          default: S(() => [...U[3] || (U[3] = [
+            he("退出", -1)
+          ])]),
+          _: 1
+        })
+      ])) : N("", !0)
+    ], 2));
+  }
+}), pt = /* @__PURE__ */ te(as, [["__scopeId", "data-v-7a84fcaa"]]), ls = { class: "header" }, rs = { class: "header__left" }, is = {
+  key: 0,
+  class: "header__breadcrumb"
+}, cs = {
+  key: 0,
+  class: "breadcrumb-separator"
+}, us = { class: "header__right" }, ds = {
+  key: 0,
+  class: "header__search-dropdown"
+}, ms = {
+  key: 0,
+  class: "header__search-results"
+}, ps = ["onClick"], vs = {
+  key: 0,
+  class: "header__search-icon"
+}, hs = {
+  key: 1,
+  class: "header__search-char"
+}, _s = { class: "header__search-item-title" }, fs = {
+  key: 1,
+  class: "header__search-item-parent"
+}, gs = {
+  key: 1,
+  class: "header__search-empty"
+}, ys = ["title"], bs = { class: "header__avatar" }, ks = { class: "header__user-name" }, ws = {
+  key: 0,
+  class: "header__dropdown"
+}, xs = { class: "header__dropdown-header" }, Cs = { class: "header__dropdown-avatar" }, $s = { class: "header__dropdown-info" }, Ms = { class: "header__dropdown-name" }, Ls = { class: "header__dropdown-role" }, Ss = { class: "header__dropdown-menu" }, Is = { class: "settings-drawer" }, Es = { class: "settings-section" }, Ts = { class: "settings-layout-options" }, Us = ["onClick"], Ns = { class: "layout-option__preview" }, zs = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, Ds = {
+  key: 1,
+  class: "layout-preview-top"
+}, Rs = {
+  key: 2,
+  class: "layout-preview-mix"
+}, Ps = { class: "layout-option__label" }, As = { class: "settings-section" }, Vs = { class: "settings-color-options" }, Os = ["title", "onClick"], Bs = { class: "settings-section" }, Fs = { class: "settings-switch-list" }, Ks = { class: "settings-switch-item" }, js = { class: "settings-switch-item" }, qs = /* @__PURE__ */ le({
+  __name: "Header",
+  setup(t) {
+    const o = we(), n = de(), i = me(), s = ee(), m = Ne(), L = _e(), d = f(!1), y = f(!1), v = f(null), p = f(!1), _ = f(!1), M = f(""), F = f(null), R = f(!1), K = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], D = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], P = w(() => o.matched.filter((b) => b.meta && b.meta.title).map((b) => ({
+      title: b.meta.title,
+      path: b.path
+    }))), A = (E, b = "") => {
+      const X = [];
+      return E.forEach((u) => {
+        u.children && u.children.length > 0 ? X.push(...A(u.children, u.menuName)) : X.push({ ...u, parentTitle: b, title: u.menuName, path: u.menuUrl });
+      }), X;
+    }, U = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), z = (E) => {
+      if (!E || E === "") return "";
+      if (E.startsWith("tineco-icon-")) {
+        const X = E.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[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"
+      }[E] || E;
+    }, J = (E) => E ? E.charAt(0) : "", Y = (E) => U.has(E), O = w(() => M.value.trim() ? A(L.menuList).filter(
+      (b) => b.title.toLowerCase().includes(M.value.toLowerCase())
+    ) : []), j = w(() => i.layout), se = () => {
+      i.toggleCollapse();
+    }, oe = () => {
+      i.toggleTheme();
+    }, ce = () => {
+      y.value = !0;
+    }, re = (E) => {
+      i.setLayout(E), y.value = !1;
+    }, T = (E) => {
+      R.value = E;
+      const b = document.documentElement;
+      E ? b.classList.add("grey-mode") : b.classList.remove("grey-mode");
+    }, Z = () => {
+      T(!R.value), y.value = !1;
+    }, ue = () => {
+      i.toggleTheme(), y.value = !1;
+    }, xe = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, ne = () => {
+      p.value = !!document.fullscreenElement;
+    }, pe = () => {
+      d.value = !d.value;
+    }, ie = () => {
+      d.value = !1;
+    }, ve = () => {
+      _.value = !1, M.value = "";
+    }, Ce = (E) => {
+      n.push(E), ve();
+    }, $e = (E) => {
+      i.setPrimaryColor(E), y.value = !1;
+    }, Me = () => {
+      ie(), n.push("/profile");
+    }, Le = () => {
+      ie(), n.push("/change-password");
+    }, Se = () => {
+      ie(), m.logout(), s.clearUserInfo(), L.clearMenu(), n.push("/login");
+    }, fe = (E) => {
+      v.value && !v.value.contains(E.target) && ie(), F.value && !F.value.contains(E.target) && ve();
+    }, ge = (E) => {
+      E.key === "Escape" && (ve(), ie());
+    };
+    return Xe(() => {
+      document.addEventListener("click", fe), document.addEventListener("fullscreenchange", ne), document.addEventListener("keydown", ge), i.initTheme(), R.value = document.documentElement.classList.contains("grey-mode");
+    }), Ge(() => {
+      document.removeEventListener("click", fe), document.removeEventListener("fullscreenchange", ne), document.removeEventListener("keydown", ge);
+    }), (E, b) => {
+      var X;
+      return l(), c("div", ls, [
+        e("div", rs, [
+          e("div", {
+            class: "header__collapse",
+            onClick: se
+          }, [
+            g(r(I), {
+              name: r(i).isCollapsed ? "menu-unfold" : "menu-fold",
+              size: 18
+            }, null, 8, ["name"])
+          ]),
+          r(i).showBreadcrumb ? (l(), c("div", is, [
+            (l(!0), c(q, null, H(P.value, (u, k) => (l(), c("span", {
+              key: u.path
+            }, [
+              k > 0 ? (l(), c("span", cs, "/")) : N("", !0),
+              e("span", {
+                class: W({ "is-current": k === P.value.length - 1 })
+              }, $(u.title), 3)
+            ]))), 128))
+          ])) : N("", !0)
+        ]),
+        e("div", us, [
+          e("div", {
+            class: "header__search",
+            ref_key: "searchRef",
+            ref: F
+          }, [
+            g(r(I), {
+              name: "search",
+              size: 14,
+              class: "header__search-icon"
+            }),
+            Be(e("input", {
+              "onUpdate:modelValue": b[0] || (b[0] = (u) => M.value = u),
+              type: "text",
+              class: "header__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: b[1] || (b[1] = (u) => _.value = !0)
+            }, null, 544), [
+              [Je, M.value]
+            ]),
+            g(be, { name: "search-dropdown" }, {
+              default: S(() => [
+                _.value && (O.value.length > 0 || M.value) ? (l(), c("div", ds, [
+                  O.value.length > 0 ? (l(), c("div", ms, [
+                    (l(!0), c(q, null, H(O.value, (u) => (l(), c("div", {
+                      key: u.path,
+                      class: "header__search-item",
+                      onClick: (k) => Ce(u.path)
+                    }, [
+                      u.title !== "首页" ? (l(), c("span", vs, [
+                        Y(z(u.icon)) ? (l(), B(r(I), {
+                          key: 0,
+                          name: z(u.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (l(), c("span", hs, $(J(u.title)), 1))
+                      ])) : N("", !0),
+                      e("span", _s, $(u.title), 1),
+                      u.parentTitle ? (l(), c("span", fs, $(u.parentTitle), 1)) : N("", !0)
+                    ], 8, ps))), 128))
+                  ])) : (l(), c("div", gs, " 未找到匹配的菜单 "))
+                ])) : N("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "header__action",
+            onClick: xe,
+            title: p.value ? "退出全屏" : "全屏"
+          }, [
+            g(r(I), {
+              name: p.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, ys),
+          e("div", {
+            class: "header__action",
+            onClick: ce,
+            title: "换肤设置"
+          }, [
+            g(r(I), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "header__action",
+            onClick: oe,
+            title: "切换主题"
+          }, [
+            g(r(I), {
+              name: r(i).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "header__user",
+            ref_key: "dropdownRef",
+            ref: v
+          }, [
+            e("div", {
+              class: "header__user-trigger",
+              onClick: Fe(pe, ["stop"])
+            }, [
+              e("div", bs, [
+                e("span", null, $(((X = r(s).userName) == null ? void 0 : X.charAt(0)) || "U"), 1)
+              ]),
+              e("span", ks, $(r(s).userName), 1),
+              e("span", {
+                class: W(["header__user-arrow", { "is-active": d.value }])
+              }, "▼", 2)
+            ]),
+            g(be, { name: "dropdown" }, {
+              default: S(() => {
+                var u;
+                return [
+                  d.value ? (l(), c("div", ws, [
+                    e("div", xs, [
+                      e("div", Cs, [
+                        e("span", null, $(((u = r(s).userName) == null ? void 0 : u.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", $s, [
+                        e("div", Ms, $(r(s).userName), 1),
+                        e("div", Ls, $(r(s).departmentName), 1)
+                      ])
+                    ]),
+                    b[7] || (b[7] = e("div", { class: "header__dropdown-divider" }, null, -1)),
+                    e("div", Ss, [
+                      e("div", {
+                        class: "header__dropdown-item",
+                        onClick: Me
+                      }, [
+                        g(r(I), {
+                          name: "user",
+                          size: 16
+                        }),
+                        b[3] || (b[3] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "header__dropdown-item",
+                        onClick: Le
+                      }, [
+                        g(r(I), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        b[4] || (b[4] = e("span", null, "修改密码", -1))
+                      ]),
+                      b[6] || (b[6] = e("div", { class: "header__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "header__dropdown-item header__dropdown-item--danger",
+                        onClick: Se
+                      }, [
+                        g(r(I), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        b[5] || (b[5] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : N("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        g(r(st), {
+          modelValue: y.value,
+          "onUpdate:modelValue": b[2] || (b[2] = (u) => y.value = u),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: S(() => [
+            e("div", Is, [
+              e("div", Es, [
+                b[11] || (b[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", Ts, [
+                  (l(), c(q, null, H(K, (u) => e("div", {
+                    key: u.value,
+                    class: W(["layout-option", { "is-active": j.value === u.value }]),
+                    onClick: (k) => re(u.value)
+                  }, [
+                    e("div", Ns, [
+                      u.value === "sidebar" ? (l(), c("div", zs, [...b[8] || (b[8] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : u.value === "top" ? (l(), c("div", Ds, [...b[9] || (b[9] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (l(), c("div", Rs, [...b[10] || (b[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", Ps, $(u.label), 1)
+                  ], 10, Us)), 64))
+                ])
+              ]),
+              e("div", As, [
+                b[12] || (b[12] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Vs, [
+                  (l(), c(q, null, H(D, (u) => e("div", {
+                    key: u.value,
+                    class: W(["color-option", { "is-active": r(i).primaryColor === u.value }]),
+                    style: Ue({ backgroundColor: u.value }),
+                    title: u.label,
+                    onClick: (k) => $e(u.value)
+                  }, [
+                    r(i).primaryColor === u.value ? (l(), B(r(I), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : N("", !0)
+                  ], 14, Os)), 64))
+                ])
+              ]),
+              e("div", Bs, [
+                b[17] || (b[17] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Fs, [
+                  e("div", Ks, [
+                    b[14] || (b[14] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: W(["switch-wrapper", { "is-checked": R.value }]),
+                      onClick: Z
+                    }, [...b[13] || (b[13] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", js, [
+                    b[16] || (b[16] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: W(["switch-wrapper", { "is-checked": r(i).isDark }]),
+                      onClick: ue
+                    }, [...b[15] || (b[15] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ws = /* @__PURE__ */ te(qs, [["__scopeId", "data-v-89179947"]]), Ys = { class: "top-menu" }, Hs = { class: "top-menu__logo" }, Xs = { class: "top-menu__logo-text" }, Gs = { class: "top-menu__menu-content" }, Js = {
+  key: 0,
+  class: "top-menu__menu-icon"
+}, Zs = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, Qs = { class: "top-menu__menu-text" }, eo = { class: "top-menu__menu-content" }, to = { class: "top-menu__menu-icon" }, so = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, oo = { class: "top-menu__menu-text" }, no = { class: "top-menu__menu-content" }, ao = {
+  key: 0,
+  class: "top-menu__menu-icon"
+}, lo = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, ro = { class: "top-menu__menu-text" }, io = { class: "top-menu__actions" }, co = {
+  key: 0,
+  class: "top-menu__search-dropdown"
+}, uo = {
+  key: 0,
+  class: "top-menu__search-results"
+}, mo = ["onClick"], po = {
+  key: 0,
+  class: "top-menu__search-icon-item"
+}, vo = {
+  key: 1,
+  class: "top-menu__search-char"
+}, ho = { class: "top-menu__search-item-title" }, _o = {
+  key: 1,
+  class: "top-menu__search-item-parent"
+}, fo = {
+  key: 1,
+  class: "top-menu__search-empty"
+}, go = ["title"], yo = { class: "top-menu__avatar" }, bo = { class: "top-menu__user-name" }, ko = {
+  key: 0,
+  class: "top-menu__dropdown"
+}, wo = { class: "top-menu__dropdown-header" }, xo = { class: "top-menu__dropdown-avatar" }, Co = { class: "top-menu__dropdown-info" }, $o = { class: "top-menu__dropdown-name" }, Mo = { class: "top-menu__dropdown-role" }, Lo = { class: "top-menu__dropdown-menu" }, So = { class: "settings-drawer" }, Io = { class: "settings-section" }, Eo = { class: "settings-layout-options" }, To = ["onClick"], Uo = { class: "layout-option__preview" }, No = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, zo = {
+  key: 1,
+  class: "layout-preview-top"
+}, Do = {
+  key: 2,
+  class: "layout-preview-mix"
+}, Ro = { class: "layout-option__label" }, Po = { class: "settings-section" }, Ao = { class: "settings-color-options" }, Vo = ["title", "onClick"], Oo = { class: "settings-section" }, Bo = { class: "settings-switch-list" }, Fo = { class: "settings-switch-item" }, Ko = { class: "settings-switch-item" }, jo = /* @__PURE__ */ le({
+  __name: "TopMenu",
+  setup(t) {
+    const o = we(), n = de(), i = _e(), s = me(), m = ee(), L = Ne(), d = w(() => o.path), y = (u, k = "") => {
+      const Q = [];
+      return u.forEach((a) => {
+        a.children && a.children.length > 0 ? Q.push(...y(a.children, a.menuName)) : Q.push({ ...a, parentTitle: k, title: a.menuName, path: a.menuUrl });
+      }), Q;
+    }, v = w(() => U.value.trim() ? y(i.menuList).filter(
+      (k) => k.title.toLowerCase().includes(U.value.toLowerCase())
+    ) : []), p = w(() => s.isDark ? "#1d1e1f" : "#fff"), _ = w(() => s.isDark ? "#cfd3dc" : "#303133"), M = w(() => "#409eff"), F = f(!1), R = f(null), K = f(!1), D = f(!1), P = f(!1), A = f(!1), U = f(""), z = f(null), J = (u) => {
+      u && u !== o.path && n.push(u);
+    }, Y = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), O = (u) => {
+      if (!u || u === "") return "";
+      if (u.startsWith("tineco-icon-")) {
+        const Q = u.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[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"
+      }[u] || u;
+    }, j = (u) => u ? u.charAt(0) : "", se = (u) => Y.has(u), oe = () => {
+      s.toggleTheme(), D.value = !1;
+    }, ce = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, re = () => {
+      K.value = !!document.fullscreenElement;
+    }, T = () => {
+      F.value = !F.value;
+    }, Z = () => {
+      F.value = !1;
+    }, ue = () => {
+      A.value = !1, U.value = "";
+    }, xe = (u) => {
+      n.push(u), ue();
+    }, ne = () => {
+      D.value = !0;
+    }, pe = (u) => {
+      P.value = u;
+      const k = document.documentElement;
+      u ? k.classList.add("grey-mode") : k.classList.remove("grey-mode");
+    }, ie = () => {
+      pe(!P.value), D.value = !1;
+    }, ve = () => {
+      s.toggleTheme(), D.value = !1;
+    }, Ce = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], $e = w(() => s.layout), Me = (u) => {
+      s.setLayout(u), D.value = !1;
+    }, Le = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], Se = (u) => {
+      s.setPrimaryColor(u), D.value = !1;
+    }, fe = () => {
+      Z(), n.push("/profile");
+    }, ge = () => {
+      Z(), n.push("/change-password");
+    }, E = () => {
+      Z(), L.logout(), m.clearUserInfo(), i.clearMenu(), n.push("/login");
+    }, b = (u) => {
+      R.value && !R.value.contains(u.target) && Z(), z.value && !z.value.contains(u.target) && ue();
+    }, X = (u) => {
+      u.key === "Escape" && (ue(), Z());
+    };
+    return Xe(() => {
+      document.addEventListener("click", b), document.addEventListener("fullscreenchange", re), document.addEventListener("keydown", X), P.value = document.documentElement.classList.contains("grey-mode");
+    }), Ge(() => {
+      document.removeEventListener("click", b), document.removeEventListener("fullscreenchange", re), document.removeEventListener("keydown", X);
+    }), (u, k) => {
+      var Q;
+      return l(), c("div", Ys, [
+        e("div", Hs, [
+          k[3] || (k[3] = e("img", {
+            src: ot,
+            alt: "Logo",
+            class: "top-menu__logo-img"
+          }, null, -1)),
+          e("span", Xs, $(r(s).appName), 1)
+        ]),
+        g(r(tt), {
+          "model-value": d.value,
+          mode: "horizontal",
+          "background-color": p.value,
+          "text-color": _.value,
+          "active-text-color": M.value,
+          class: "top-menu__menu",
+          onSelect: J
+        }, {
+          default: S(() => [
+            (l(!0), c(q, null, H(r(i).menuList, (a) => (l(), c(q, {
+              key: a.menuUrl
+            }, [
+              a.children && a.children.length > 0 ? (l(), B(r(ht), {
+                key: 0,
+                index: a.menuUrl
+              }, {
+                title: S(() => [
+                  e("span", Gs, [
+                    a.menuName !== "首页" ? (l(), c("span", Js, [
+                      se(O(a.icon)) ? (l(), B(r(I), {
+                        key: 0,
+                        name: O(a.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (l(), c("span", Zs, $(j(a.menuName)), 1))
+                    ])) : N("", !0),
+                    e("span", Qs, $(a.menuName), 1)
+                  ])
+                ]),
+                default: S(() => [
+                  (l(!0), c(q, null, H(a.children, (h) => (l(), B(r(Pe), {
+                    key: h.menuUrl,
+                    index: h.menuUrl
+                  }, {
+                    default: S(() => [
+                      e("span", eo, [
+                        e("span", to, [
+                          se(O(h.icon)) ? (l(), B(r(I), {
+                            key: 0,
+                            name: O(h.icon),
+                            size: 16
+                          }, null, 8, ["name"])) : (l(), c("span", so, $(j(h.menuName)), 1))
+                        ]),
+                        e("span", oo, $(h.menuName), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["index"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["index"])) : (l(), B(r(Pe), {
+                key: 1,
+                index: a.menuUrl
+              }, {
+                default: S(() => [
+                  e("span", no, [
+                    a.menuName !== "首页" ? (l(), c("span", ao, [
+                      se(O(a.icon)) ? (l(), B(r(I), {
+                        key: 0,
+                        name: O(a.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (l(), c("span", lo, $(j(a.menuName)), 1))
+                    ])) : N("", !0),
+                    e("span", ro, $(a.menuName), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["index"]))
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
+        e("div", io, [
+          e("div", {
+            class: "top-menu__search",
+            ref_key: "searchRef",
+            ref: z
+          }, [
+            g(r(I), {
+              name: "search",
+              size: 14,
+              class: "top-menu__search-icon"
+            }),
+            Be(e("input", {
+              "onUpdate:modelValue": k[0] || (k[0] = (a) => U.value = a),
+              type: "text",
+              class: "top-menu__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: k[1] || (k[1] = (a) => A.value = !0)
+            }, null, 544), [
+              [Je, U.value]
+            ]),
+            g(be, { name: "search-dropdown" }, {
+              default: S(() => [
+                A.value && (v.value.length > 0 || U.value) ? (l(), c("div", co, [
+                  v.value.length > 0 ? (l(), c("div", uo, [
+                    (l(!0), c(q, null, H(v.value, (a) => (l(), c("div", {
+                      key: a.path,
+                      class: "top-menu__search-item",
+                      onClick: (h) => xe(a.path)
+                    }, [
+                      a.title !== "首页" ? (l(), c("span", po, [
+                        se(O(a.icon)) ? (l(), B(r(I), {
+                          key: 0,
+                          name: O(a.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (l(), c("span", vo, $(j(a.title)), 1))
+                      ])) : N("", !0),
+                      e("span", ho, $(a.title), 1),
+                      a.parentTitle ? (l(), c("span", _o, $(a.parentTitle), 1)) : N("", !0)
+                    ], 8, mo))), 128))
+                  ])) : (l(), c("div", fo, " 未找到匹配的菜单 "))
+                ])) : N("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "top-menu__action",
+            onClick: ce,
+            title: K.value ? "退出全屏" : "全屏"
+          }, [
+            g(r(I), {
+              name: K.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, go),
+          e("div", {
+            class: "top-menu__action",
+            onClick: ne,
+            title: "换肤设置"
+          }, [
+            g(r(I), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "top-menu__action",
+            onClick: oe,
+            title: "切换主题"
+          }, [
+            g(r(I), {
+              name: r(s).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: Fe(T, ["stop"])
+            }, [
+              e("div", yo, [
+                e("span", null, $(((Q = r(m).userName) == null ? void 0 : Q.charAt(0)) || "U"), 1)
+              ]),
+              e("span", bo, $(r(m).userName), 1),
+              e("span", {
+                class: W(["top-menu__user-arrow", { "is-active": F.value }])
+              }, "▼", 2)
+            ]),
+            g(be, { name: "dropdown" }, {
+              default: S(() => {
+                var a;
+                return [
+                  F.value ? (l(), c("div", ko, [
+                    e("div", wo, [
+                      e("div", xo, [
+                        e("span", null, $(((a = r(m).userName) == null ? void 0 : a.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", Co, [
+                        e("div", $o, $(r(m).userName), 1),
+                        e("div", Mo, $(r(m).departmentName), 1)
+                      ])
+                    ]),
+                    k[8] || (k[8] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
+                    e("div", Lo, [
+                      e("div", {
+                        class: "top-menu__dropdown-item",
+                        onClick: fe
+                      }, [
+                        g(r(I), {
+                          name: "user",
+                          size: 16
+                        }),
+                        k[4] || (k[4] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "top-menu__dropdown-item",
+                        onClick: ge
+                      }, [
+                        g(r(I), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        k[5] || (k[5] = e("span", null, "修改密码", -1))
+                      ]),
+                      k[7] || (k[7] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "top-menu__dropdown-item top-menu__dropdown-item--danger",
+                        onClick: E
+                      }, [
+                        g(r(I), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        k[6] || (k[6] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : N("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        g(r(st), {
+          modelValue: D.value,
+          "onUpdate:modelValue": k[2] || (k[2] = (a) => D.value = a),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: S(() => [
+            e("div", So, [
+              e("div", Io, [
+                k[12] || (k[12] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", Eo, [
+                  (l(), c(q, null, H(Ce, (a) => e("div", {
+                    key: a.value,
+                    class: W(["layout-option", { "is-active": $e.value === a.value }]),
+                    onClick: (h) => Me(a.value)
+                  }, [
+                    e("div", Uo, [
+                      a.value === "sidebar" ? (l(), c("div", No, [...k[9] || (k[9] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : a.value === "top" ? (l(), c("div", zo, [...k[10] || (k[10] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (l(), c("div", Do, [...k[11] || (k[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", Ro, $(a.label), 1)
+                  ], 10, To)), 64))
+                ])
+              ]),
+              e("div", Po, [
+                k[13] || (k[13] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Ao, [
+                  (l(), c(q, null, H(Le, (a) => e("div", {
+                    key: a.value,
+                    class: W(["color-option", { "is-active": r(s).primaryColor === a.value }]),
+                    style: Ue({ backgroundColor: a.value }),
+                    title: a.label,
+                    onClick: (h) => Se(a.value)
+                  }, [
+                    r(s).primaryColor === a.value ? (l(), B(r(I), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : N("", !0)
+                  ], 14, Vo)), 64))
+                ])
+              ]),
+              e("div", Oo, [
+                k[18] || (k[18] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Bo, [
+                  e("div", Fo, [
+                    k[15] || (k[15] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: W(["switch-wrapper", { "is-checked": P.value }]),
+                      onClick: ie
+                    }, [...k[14] || (k[14] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", Ko, [
+                    k[17] || (k[17] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: W(["switch-wrapper", { "is-checked": r(s).isDark }]),
+                      onClick: ve
+                    }, [...k[16] || (k[16] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), qo = /* @__PURE__ */ te(jo, [["__scopeId", "data-v-ff5f8764"]]), Wo = { class: "mix-top-menu" }, Yo = { class: "mix-top-menu__logo" }, Ho = { class: "mix-top-menu__logo-text" }, Xo = { class: "mix-top-menu__menu-content" }, Go = {
+  key: 0,
+  class: "mix-top-menu__menu-icon"
+}, Jo = {
+  key: 1,
+  class: "mix-top-menu__menu-char"
+}, Zo = { class: "mix-top-menu__menu-text" }, Qo = { class: "mix-top-menu__actions" }, en = {
+  key: 0,
+  class: "mix-top-menu__search-dropdown"
+}, tn = {
+  key: 0,
+  class: "mix-top-menu__search-results"
+}, sn = ["onClick"], on = {
+  key: 0,
+  class: "mix-top-menu__search-icon-item"
+}, nn = {
+  key: 1,
+  class: "mix-top-menu__search-char"
+}, an = { class: "mix-top-menu__search-item-title" }, ln = {
+  key: 1,
+  class: "mix-top-menu__search-item-parent"
+}, rn = {
+  key: 1,
+  class: "mix-top-menu__search-empty"
+}, cn = ["title"], un = { class: "mix-top-menu__avatar" }, dn = { class: "mix-top-menu__user-name" }, mn = {
+  key: 0,
+  class: "mix-top-menu__dropdown"
+}, pn = { class: "mix-top-menu__dropdown-header" }, vn = { class: "mix-top-menu__dropdown-avatar" }, hn = { class: "mix-top-menu__dropdown-info" }, _n = { class: "mix-top-menu__dropdown-name" }, fn = { class: "mix-top-menu__dropdown-role" }, gn = { class: "mix-top-menu__dropdown-menu" }, yn = { class: "settings-drawer" }, bn = { class: "settings-section" }, kn = { class: "settings-layout-options" }, wn = ["onClick"], xn = { class: "layout-option__preview" }, Cn = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, $n = {
+  key: 1,
+  class: "layout-preview-top"
+}, Mn = {
+  key: 2,
+  class: "layout-preview-mix"
+}, Ln = { class: "layout-option__label" }, Sn = { class: "settings-section" }, In = { class: "settings-color-options" }, En = ["title", "onClick"], Tn = { class: "settings-section" }, Un = { class: "settings-switch-list" }, Nn = { class: "settings-switch-item" }, zn = { class: "settings-switch-item" }, Dn = /* @__PURE__ */ le({
+  __name: "MixTopMenu",
+  setup(t) {
+    const o = we(), n = de(), i = _e(), s = me(), m = ee(), L = Ne(), d = f(""), y = (a, h = "") => {
+      const G = [];
+      return a.forEach((x) => {
+        x.children && x.children.length > 0 ? G.push(...y(x.children, x.menuName)) : G.push({ ...x, parentTitle: h, title: x.menuName, path: x.menuUrl });
+      }), G;
+    }, v = w(() => O.value.trim() ? y(i.menuList).filter(
+      (h) => h.title.toLowerCase().includes(O.value.toLowerCase())
+    ) : []), p = w(() => {
+      const a = i.menuList.find((h) => h.menuUrl === d.value);
+      return (a == null ? void 0 : a.children) || [];
+    }), _ = w(() => i.menuList.find((a) => !!(o.path === a.menuUrl || a.children && a.children.some((h) => o.path.startsWith(h.menuUrl) || o.path === h.menuUrl)))), M = () => {
+      _.value ? d.value = _.value.menuUrl : i.menuList.length > 0 && (d.value = i.menuList[0].menuUrl);
+    }, F = (a) => {
+      d.value = a;
+      const h = i.menuList.find((G) => G.menuUrl === a);
+      if (h)
+        if (h.children && h.children.length > 0) {
+          const G = h.children[0].menuUrl;
+          o.path !== G && n.push(G);
+        } else
+          o.path !== a && n.push(a);
+    }, R = w(() => s.isDark ? "#1d1e1f" : "#fff"), K = w(() => s.isDark ? "#cfd3dc" : "#303133"), D = w(() => "#409eff"), P = f(!1), A = f(null), U = f(!1), z = f(!1), J = f(!1), Y = f(!1), O = f(""), j = f(null);
+    Te(() => o.path, () => {
+      M(), s.setMixSubMenus(p.value);
+    }), Te(() => i.menuList, (a) => {
+      a && a.length > 0 && (M(), s.setMixSubMenus(p.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 = (a) => {
+      if (!a || a === "") return "";
+      if (a.startsWith("tineco-icon-")) {
+        const G = a.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[G] || G;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[a] || a;
+    }, ce = (a) => a ? a.charAt(0) : "", re = (a) => se.has(a), T = () => {
+      s.toggleTheme(), z.value = !1;
+    }, Z = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, ue = () => {
+      U.value = !!document.fullscreenElement;
+    }, xe = () => {
+      P.value = !P.value;
+    }, ne = () => {
+      P.value = !1;
+    }, pe = () => {
+      Y.value = !1, O.value = "";
+    }, ie = (a) => {
+      n.push(a), pe();
+    }, ve = () => {
+      z.value = !0;
+    }, Ce = (a) => {
+      J.value = a;
+      const h = document.documentElement;
+      a ? h.classList.add("grey-mode") : h.classList.remove("grey-mode");
+    }, $e = () => {
+      Ce(!J.value), z.value = !1;
+    }, Me = () => {
+      s.toggleTheme(), z.value = !1;
+    }, Le = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], Se = w(() => s.layout), fe = (a) => {
+      s.setLayout(a), z.value = !1;
+    }, ge = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], E = (a) => {
+      s.setPrimaryColor(a), z.value = !1;
+    }, b = () => {
+      ne(), n.push("/profile");
+    }, X = () => {
+      ne(), n.push("/change-password");
+    }, u = () => {
+      ne(), L.logout(), m.clearUserInfo(), i.clearMenu(), n.push("/login");
+    }, k = (a) => {
+      A.value && !A.value.contains(a.target) && ne(), j.value && !j.value.contains(a.target) && pe();
+    }, Q = (a) => {
+      a.key === "Escape" && (pe(), ne());
+    };
+    return Xe(() => {
+      document.addEventListener("click", k), document.addEventListener("fullscreenchange", ue), document.addEventListener("keydown", Q), J.value = document.documentElement.classList.contains("grey-mode"), M();
+    }), Ge(() => {
+      document.removeEventListener("click", k), document.removeEventListener("fullscreenchange", ue), document.removeEventListener("keydown", Q);
+    }), (a, h) => {
+      var G;
+      return l(), c("div", Wo, [
+        e("div", Yo, [
+          h[3] || (h[3] = e("img", {
+            src: ot,
+            alt: "Logo",
+            class: "mix-top-menu__logo-img"
+          }, null, -1)),
+          e("span", Ho, $(r(s).appName), 1)
+        ]),
+        g(r(tt), {
+          "model-value": d.value,
+          mode: "horizontal",
+          "background-color": R.value,
+          "text-color": K.value,
+          "active-text-color": D.value,
+          class: "mix-top-menu__menu",
+          onSelect: F
+        }, {
+          default: S(() => [
+            (l(!0), c(q, null, H(r(i).menuList, (x) => (l(), B(r(Pe), {
+              key: x.menuUrl,
+              index: x.menuUrl
+            }, {
+              default: S(() => [
+                e("span", Xo, [
+                  x.menuName !== "首页" ? (l(), c("span", Go, [
+                    re(oe(x.icon)) ? (l(), B(r(I), {
+                      key: 0,
+                      name: oe(x.icon),
+                      size: 16
+                    }, null, 8, ["name"])) : (l(), c("span", Jo, $(ce(x.menuName)), 1))
+                  ])) : N("", !0),
+                  e("span", Zo, $(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: j
+          }, [
+            g(r(I), {
+              name: "search",
+              size: 14,
+              class: "mix-top-menu__search-icon"
+            }),
+            Be(e("input", {
+              "onUpdate:modelValue": h[0] || (h[0] = (x) => O.value = x),
+              type: "text",
+              class: "mix-top-menu__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: h[1] || (h[1] = (x) => Y.value = !0)
+            }, null, 544), [
+              [Je, O.value]
+            ]),
+            g(be, { name: "search-dropdown" }, {
+              default: S(() => [
+                Y.value && (v.value.length > 0 || O.value) ? (l(), c("div", en, [
+                  v.value.length > 0 ? (l(), c("div", tn, [
+                    (l(!0), c(q, null, H(v.value, (x) => (l(), c("div", {
+                      key: x.path,
+                      class: "mix-top-menu__search-item",
+                      onClick: (ut) => ie(x.path)
+                    }, [
+                      x.title !== "首页" ? (l(), c("span", on, [
+                        re(oe(x.icon)) ? (l(), B(r(I), {
+                          key: 0,
+                          name: oe(x.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (l(), c("span", nn, $(ce(x.title)), 1))
+                      ])) : N("", !0),
+                      e("span", an, $(x.title), 1),
+                      x.parentTitle ? (l(), c("span", ln, $(x.parentTitle), 1)) : N("", !0)
+                    ], 8, sn))), 128))
+                  ])) : (l(), c("div", rn, " 未找到匹配的菜单 "))
+                ])) : N("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: Z,
+            title: U.value ? "退出全屏" : "全屏"
+          }, [
+            g(r(I), {
+              name: U.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, cn),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: ve,
+            title: "换肤设置"
+          }, [
+            g(r(I), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: T,
+            title: "切换主题"
+          }, [
+            g(r(I), {
+              name: r(s).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "mix-top-menu__user",
+            ref_key: "dropdownRef",
+            ref: A
+          }, [
+            e("div", {
+              class: "mix-top-menu__user-trigger",
+              onClick: Fe(xe, ["stop"])
+            }, [
+              e("div", un, [
+                e("span", null, $(((G = r(m).userName) == null ? void 0 : G.charAt(0)) || "U"), 1)
+              ]),
+              e("span", dn, $(r(m).userName), 1),
+              e("span", {
+                class: W(["mix-top-menu__user-arrow", { "is-active": P.value }])
+              }, "▼", 2)
+            ]),
+            g(be, { name: "dropdown" }, {
+              default: S(() => {
+                var x;
+                return [
+                  P.value ? (l(), c("div", mn, [
+                    e("div", pn, [
+                      e("div", vn, [
+                        e("span", null, $(((x = r(m).userName) == null ? void 0 : x.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", hn, [
+                        e("div", _n, $(r(m).userName), 1),
+                        e("div", fn, $(r(m).departmentName), 1)
+                      ])
+                    ]),
+                    h[8] || (h[8] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
+                    e("div", gn, [
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item",
+                        onClick: b
+                      }, [
+                        g(r(I), {
+                          name: "user",
+                          size: 16
+                        }),
+                        h[4] || (h[4] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item",
+                        onClick: X
+                      }, [
+                        g(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: u
+                      }, [
+                        g(r(I), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        h[6] || (h[6] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : N("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        g(r(st), {
+          modelValue: z.value,
+          "onUpdate:modelValue": h[2] || (h[2] = (x) => z.value = x),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: S(() => [
+            e("div", yn, [
+              e("div", bn, [
+                h[12] || (h[12] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", kn, [
+                  (l(), c(q, null, H(Le, (x) => e("div", {
+                    key: x.value,
+                    class: W(["layout-option", { "is-active": Se.value === x.value }]),
+                    onClick: (ut) => fe(x.value)
+                  }, [
+                    e("div", xn, [
+                      x.value === "sidebar" ? (l(), c("div", Cn, [...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(), c("div", $n, [...h[10] || (h[10] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (l(), c("div", Mn, [...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", Sn, [
+                h[13] || (h[13] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", In, [
+                  (l(), c(q, null, H(ge, (x) => e("div", {
+                    key: x.value,
+                    class: W(["color-option", { "is-active": r(s).primaryColor === x.value }]),
+                    style: Ue({ backgroundColor: x.value }),
+                    title: x.label,
+                    onClick: (ut) => E(x.value)
+                  }, [
+                    r(s).primaryColor === x.value ? (l(), B(r(I), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : N("", !0)
+                  ], 14, En)), 64))
+                ])
+              ]),
+              e("div", Tn, [
+                h[18] || (h[18] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Un, [
+                  e("div", Nn, [
+                    h[15] || (h[15] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: W(["switch-wrapper", { "is-checked": J.value }]),
+                      onClick: $e
+                    }, [...h[14] || (h[14] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", zn, [
+                    h[17] || (h[17] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: W(["switch-wrapper", { "is-checked": r(s).isDark }]),
+                      onClick: Me
+                    }, [...h[16] || (h[16] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Rn = /* @__PURE__ */ te(Dn, [["__scopeId", "data-v-25806305"]]), Pn = {
+  key: 0,
+  class: "layout layout--sidebar"
+}, An = { class: "layout__main" }, Vn = { class: "layout__header" }, On = { class: "layout__content" }, Bn = {
+  key: 1,
+  class: "layout layout--top"
+}, Fn = { class: "layout__top-menu" }, Kn = { class: "layout__main" }, jn = { class: "layout__content" }, qn = {
+  key: 2,
+  class: "layout layout--mix"
+}, Wn = { class: "layout__mix-top-menu" }, Yn = { class: "layout__mix-body" }, Hn = { class: "layout__content" }, Xn = /* @__PURE__ */ le({
+  __name: "index",
+  setup(t) {
+    const o = me(), n = _e(), i = w(
+      () => o.isCollapsed ? "64px" : "210px"
+    ), s = w(() => o.layout), m = w(() => s.value === "mix"), L = w(() => s.value === "sidebar" ? n.menuList : s.value === "mix" ? o.mixSubMenus : []), d = w(() => m.value ? L.value.length > 0 : !1);
+    return (y, v) => {
+      const p = vt("router-view");
+      return l(), c(q, null, [
+        s.value === "sidebar" ? (l(), c("div", Pn, [
+          e("aside", {
+            class: "layout__aside",
+            style: Ue({ width: i.value })
+          }, [
+            g(pt, {
+              "menu-list": L.value,
+              "show-logo": !0,
+              "show-user": !0
+            }, null, 8, ["menu-list"])
+          ], 4),
+          e("div", An, [
+            e("header", Vn, [
+              g(Ws)
+            ]),
+            e("main", On, [
+              g(p)
+            ])
+          ])
+        ])) : N("", !0),
+        s.value === "top" ? (l(), c("div", Bn, [
+          e("div", Fn, [
+            g(qo)
+          ]),
+          e("div", Kn, [
+            e("main", jn, [
+              g(p)
+            ])
+          ])
+        ])) : N("", !0),
+        s.value === "mix" ? (l(), c("div", qn, [
+          e("div", Wn, [
+            g(Rn)
+          ]),
+          e("div", Yn, [
+            d.value ? (l(), c("aside", {
+              key: 0,
+              class: "layout__aside",
+              style: Ue({ width: i.value })
+            }, [
+              g(pt, {
+                "menu-list": L.value,
+                "show-logo": !1,
+                "show-user": !1
+              }, null, 8, ["menu-list"])
+            ], 4)) : N("", !0),
+            e("main", Hn, [
+              g(p)
+            ])
+          ])
+        ])) : N("", !0)
+      ], 64);
+    };
+  }
+}), bt = /* @__PURE__ */ te(Xn, [["__scopeId", "data-v-70b115a5"]]), Gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: bt
+}, Symbol.toStringTag, { value: "Module" })), Jn = { class: "tabs-wrapper" }, Zn = { class: "tab-label" }, Qn = ["onClick"], ea = /* @__PURE__ */ le({
+  __name: "Tabs",
+  setup(t) {
+    const o = we(), n = de(), i = w(() => {
+      const d = [];
+      return o.matched.forEach((y) => {
+        var v;
+        (v = y.meta) != null && v.affix && d.push({
+          name: y.name,
+          title: y.meta.title,
+          path: y.path,
+          affix: !0
+        });
+      }), d;
+    }), s = w(() => o.path), m = (d) => {
+      n.push(d);
+    }, L = (d) => {
+      const y = i.value.find((v) => v.path === d);
+      if (!(y != null && y.affix) && d === s.value) {
+        const v = i.value.findIndex((_) => _.path === d), p = i.value[v - 1] || i.value[v + 1];
+        p && n.push(p.path);
+      }
+    };
+    return (d, y) => (l(), c("div", Jn, [
+      g(r(Lt), {
+        modelValue: s.value,
+        "onUpdate:modelValue": y[0] || (y[0] = (v) => s.value = v),
+        type: "card",
+        onTabClick: m
+      }, {
+        default: S(() => [
+          (l(!0), c(q, null, H(i.value, (v) => (l(), B(r(St), {
+            key: v.path,
+            name: v.path,
+            label: v.title,
+            closable: !v.affix
+          }, {
+            label: S(() => [
+              e("span", Zn, [
+                he($(v.title) + " ", 1),
+                v.affix ? N("", !0) : (l(), c("span", {
+                  key: 0,
+                  class: "tab-close",
+                  onClick: Fe((p) => L(v.path), ["stop"])
+                }, " ✕ ", 8, Qn))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["name", "label", "closable"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}), Xa = /* @__PURE__ */ te(ea, [["__scopeId", "data-v-9156d8cd"]]), ta = {}, sa = { class: "footer" };
+function oa(t, o) {
+  return l(), c("div", sa, [...o[0] || (o[0] = [
+    e("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const Ga = /* @__PURE__ */ te(ta, [["render", oa], ["__scopeId", "data-v-4852826a"]]), na = () => {
+  const t = Tt.create({
+    baseURL: void 0,
+    timeout: 3e4,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  return t.interceptors.request.use(
+    (o) => {
+      const n = qe(), i = Rt() || "Bearer";
+      return n && (o.headers.Authorization = `${i} ${n}`), o;
+    },
+    (o) => Promise.reject(o)
+  ), t.interceptors.response.use(
+    (o) => {
+      const { data: n } = o;
+      return n.code === 200 || n.code === 0 ? n.data : n.code === 9121 ? (ae.error("登录已过期，请重新登录"), Ee(), window.location.href = "/login", Promise.reject(new Error(n.message || "EXPIRED OR INVALID TOKEN"))) : (ae.error(n.message || "请求失败"), Promise.reject(new Error(n.message || "请求失败")));
+    },
+    (o) => {
+      var i;
+      const { response: n } = o;
+      if (n) {
+        const { data: s } = n;
+        if ((s == null ? void 0 : s.code) === 9121)
+          return ae.error("登录已过期，请重新登录"), Ee(), window.location.href = "/login", Promise.reject(o);
+        switch (n.status) {
+          case 401:
+            ae.error("登录已过期，请重新登录"), Ee(), window.location.href = "/login";
+            break;
+          case 403:
+            ae.error("没有权限访问");
+            break;
+          case 404:
+            ae.error("请求资源不存在");
+            break;
+          case 500:
+            ae.error("服务器错误");
+            break;
+          default:
+            ae.error(((i = n.data) == null ? void 0 : i.message) || "请求失败");
+        }
+      } else
+        ae.error("网络连接失败");
+      return Promise.reject(o);
+    }
+  ), t;
+}, ye = na(), V = {
+  get(t, o) {
+    return ye.get(t, o);
+  },
+  post(t, o, n) {
+    return ye.post(t, o, n);
+  },
+  put(t, o, n) {
+    return ye.put(t, o, n);
+  },
+  patch(t, o, n) {
+    return ye.patch(t, o, n);
+  },
+  delete(t, o) {
+    return ye.delete(t, o);
+  },
+  // 文件下载 - 返回 Blob 对象
+  download(t, o) {
+    return ye.get(t, { ...o, responseType: "blob" });
+  }
+};
+function aa(t) {
+  return V.post("/user/v1.0/login/by-domain", t);
+}
+function Ja() {
+  return V.put("/user/v1.0/user/logout");
+}
+function la() {
+  return V.get("/user/v1.0/user/get-me");
+}
+function Za(t) {
+  return V.post("/user/v1.0/refresh", { refreshToken: t });
+}
+const ra = { class: "login-page" }, ia = { class: "login-form-section" }, ca = { class: "form-container" }, ua = { class: "input-wrapper" }, da = { class: "input-wrapper" }, ma = { class: "form-options" }, pa = { key: 0 }, va = { key: 1 }, ha = /* @__PURE__ */ le({
+  __name: "index",
+  setup(t) {
+    const o = de(), n = we(), i = f(!1), s = f(!1), m = Ze({
+      uid: "",
+      password: ""
+    }), L = {
+      uid: [
+        { required: !0, message: "请输入用户名", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" },
+        { min: 6, message: "密码长度至少6位", trigger: "blur" }
+      ]
+    }, d = f(), y = async () => {
+      var v;
+      try {
+        await ((v = d.value) == null ? void 0 : v.validate()), i.value = !0;
+        const p = await aa({
+          appId: je(),
+          clientId: _t(),
+          uid: m.uid,
+          password: m.password,
+          code: !0
+        });
+        gt(p), ae.success("登录成功");
+        const _ = n.query.redirect || "/";
+        o.push(_);
+      } catch (p) {
+        console.error("登录失败:", p);
+      } finally {
+        i.value = !1;
+      }
+    };
+    return (v, p) => (l(), c("div", ra, [
+      p[10] || (p[10] = Re('<div class="login-brand" data-v-102cb5d3><div class="brand-content" data-v-102cb5d3><div class="brand-logo" data-v-102cb5d3><div class="logo-icon" data-v-102cb5d3><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-102cb5d3><rect width="48" height="48" rx="12" fill="currentColor" data-v-102cb5d3></rect><path d="M14 24L20 30L34 16" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-v-102cb5d3></path></svg></div><span class="logo-text" data-v-102cb5d3>XTO</span></div><div class="brand-slogan" data-v-102cb5d3><h1 data-v-102cb5d3>企业级后台管理解决方案</h1><p data-v-102cb5d3>开箱即用的中后台前端/设计解决方案</p></div><div class="brand-features" data-v-102cb5d3><div class="feature-item" data-v-102cb5d3><div class="feature-icon" data-v-102cb5d3><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-102cb5d3><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" data-v-102cb5d3></path></svg></div><div class="feature-text" data-v-102cb5d3><h4 data-v-102cb5d3>高性能</h4><p data-v-102cb5d3>极致的渲染性能与响应速度</p></div></div><div class="feature-item" data-v-102cb5d3><div class="feature-icon" data-v-102cb5d3><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-102cb5d3><rect x="3" y="3" width="18" height="18" rx="2" data-v-102cb5d3></rect><path d="M9 9h6M9 12h6M9 15h4" data-v-102cb5d3></path></svg></div><div class="feature-text" data-v-102cb5d3><h4 data-v-102cb5d3>丰富组件</h4><p data-v-102cb5d3>60+ 高质量业务组件</p></div></div><div class="feature-item" data-v-102cb5d3><div class="feature-icon" data-v-102cb5d3><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-102cb5d3><circle cx="12" cy="12" r="10" data-v-102cb5d3></circle><path d="M12 6v6l4 2" data-v-102cb5d3></path></svg></div><div class="feature-text" data-v-102cb5d3><h4 data-v-102cb5d3>持续更新</h4><p data-v-102cb5d3>活跃的社区与快速迭代</p></div></div></div><div class="brand-decoration" data-v-102cb5d3><div class="decoration-line" data-v-102cb5d3></div><div class="decoration-dots" data-v-102cb5d3><span data-v-102cb5d3></span><span data-v-102cb5d3></span><span data-v-102cb5d3></span></div></div></div><div class="brand-bg" data-v-102cb5d3><div class="bg-grid" data-v-102cb5d3></div><div class="bg-glow" data-v-102cb5d3></div><div class="bg-pattern" data-v-102cb5d3></div></div></div>', 1)),
+      e("div", ia, [
+        e("div", ca, [
+          p[7] || (p[7] = e("div", { class: "form-header" }, [
+            e("h2", null, "欢迎登录"),
+            e("p", null, "请输入您的账户信息")
+          ], -1)),
+          g(r(It), {
+            ref_key: "formRef",
+            ref: d,
+            model: m,
+            rules: L,
+            class: "login-form",
+            "label-width": "0"
+          }, {
+            default: S(() => [
+              g(r(We), { prop: "uid" }, {
+                default: S(() => [
+                  e("div", ua, [
+                    p[3] || (p[3] = e("label", { class: "input-label" }, "用户名", -1)),
+                    g(r(dt), {
+                      modelValue: m.uid,
+                      "onUpdate:modelValue": p[0] || (p[0] = (_) => m.uid = _),
+                      placeholder: "请输入用户名",
+                      size: "large"
+                    }, {
+                      prefix: S(() => [
+                        g(r(I), {
+                          name: "user",
+                          size: 18
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              g(r(We), { prop: "password" }, {
+                default: S(() => [
+                  e("div", da, [
+                    p[4] || (p[4] = e("label", { class: "input-label" }, "密码", -1)),
+                    g(r(dt), {
+                      modelValue: m.password,
+                      "onUpdate:modelValue": p[1] || (p[1] = (_) => m.password = _),
+                      type: "password",
+                      placeholder: "请输入密码",
+                      size: "large",
+                      "show-password": "",
+                      onKeyup: Mt(y, ["enter"])
+                    }, {
+                      prefix: S(() => [
+                        g(r(I), {
+                          name: "lock",
+                          size: 18
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              e("div", ma, [
+                g(r(Et), {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": p[2] || (p[2] = (_) => s.value = _)
+                }, {
+                  default: S(() => [...p[5] || (p[5] = [
+                    he("记住我", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                p[6] || (p[6] = e("a", {
+                  href: "#",
+                  class: "forgot-link"
+                }, "忘记密码？", -1))
+              ]),
+              g(r(We), null, {
+                default: S(() => [
+                  g(r(ke), {
+                    type: "primary",
+                    size: "large",
+                    loading: i.value,
+                    class: "login-btn",
+                    onClick: y
+                  }, {
+                    default: S(() => [
+                      i.value ? (l(), c("span", va, "登录中...")) : (l(), c("span", pa, "登 录"))
+                    ]),
+                    _: 1
+                  }, 8, ["loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model"]),
+          p[8] || (p[8] = Re('<div class="form-footer" data-v-102cb5d3><p data-v-102cb5d3>其他登录方式</p><div class="social-login" data-v-102cb5d3><button class="social-btn" title="企业微信" data-v-102cb5d3><svg viewBox="0 0 24 24" fill="currentColor" data-v-102cb5d3><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" data-v-102cb5d3></path></svg></button><button class="social-btn" title="钉钉" data-v-102cb5d3><svg viewBox="0 0 24 24" fill="currentColor" data-v-102cb5d3><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z" data-v-102cb5d3></path></svg></button><button class="social-btn" title="飞书" data-v-102cb5d3><svg viewBox="0 0 24 24" fill="currentColor" data-v-102cb5d3><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" data-v-102cb5d3></path></svg></button></div></div>', 1))
+        ]),
+        p[9] || (p[9] = e("div", { class: "copyright" }, [
+          e("p", null, "© 2024 XTO Team. All rights reserved.")
+        ], -1))
+      ])
+    ]));
+  }
+}), _a = /* @__PURE__ */ te(ha, [["__scopeId", "data-v-102cb5d3"]]), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: _a
+}, Symbol.toStringTag, { value: "Module" })), ga = { class: "error-page" }, ya = { class: "error-container" }, ba = { class: "error-content" }, ka = { class: "error-actions" }, wa = /* @__PURE__ */ le({
+  __name: "404",
+  setup(t) {
+    const o = de(), n = () => {
+      o.push("/");
+    };
+    return (i, s) => (l(), c("div", ga, [
+      e("div", ya, [
+        s[7] || (s[7] = e("div", { class: "error-bg" }, [
+          e("div", { class: "bg-circle circle-1" }),
+          e("div", { class: "bg-circle circle-2" }),
+          e("div", { class: "bg-circle circle-3" })
+        ], -1)),
+        e("div", ba, [
+          s[5] || (s[5] = Re('<div class="error-code" data-v-1b083153><span class="code-digit" data-v-1b083153>4</span><span class="code-zero" data-v-1b083153><span class="zero-inner" data-v-1b083153>0</span></span><span class="code-digit" data-v-1b083153>4</span></div><div class="error-illustration" data-v-1b083153><svg viewBox="0 0 200 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-1b083153><rect x="40" y="20" width="120" height="80" rx="8" fill="var(--color-fill)" stroke="var(--color-border)" stroke-width="2" data-v-1b083153></rect><rect x="50" y="30" width="100" height="60" rx="4" fill="var(--bg-color)" data-v-1b083153></rect><line x1="60" y1="45" x2="140" y2="45" stroke="var(--color-border-light)" stroke-width="2" data-v-1b083153></line><line x1="60" y1="55" x2="120" y2="55" stroke="var(--color-border-light)" stroke-width="2" data-v-1b083153></line><line x1="60" y1="65" x2="100" y2="65" stroke="var(--color-border-light)" stroke-width="2" data-v-1b083153></line><text x="100" y="75" text-anchor="middle" fill="var(--color-primary)" font-size="24" font-weight="600" data-v-1b083153>?</text><circle cx="150" cy="35" r="12" stroke="var(--color-primary)" stroke-width="2" fill="none" data-v-1b083153></circle><line x1="158" y1="43" x2="168" y2="53" stroke="var(--color-primary)" stroke-width="2" stroke-linecap="round" data-v-1b083153></line></svg></div><h1 class="error-title" data-v-1b083153>页面不存在</h1><p class="error-desc" data-v-1b083153>抱歉，您访问的页面不存在或已被删除</p>', 4)),
+          e("div", ka, [
+            g(r(ke), {
+              type: "primary",
+              size: "large",
+              onClick: n
+            }, {
+              icon: S(() => [...s[1] || (s[1] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }),
+                  e("polyline", { points: "9,22 9,12 15,12 15,22" })
+                ], -1)
+              ])]),
+              default: S(() => [
+                s[2] || (s[2] = he(" 返回首页 ", -1))
+              ]),
+              _: 1
+            }),
+            g(r(ke), {
+              size: "large",
+              onClick: s[0] || (s[0] = (m) => r(o).go(-1))
+            }, {
+              icon: S(() => [...s[3] || (s[3] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M19 12H5M12 19l-7-7 7-7" })
+                ], -1)
+              ])]),
+              default: S(() => [
+                s[4] || (s[4] = he(" 返回上一页 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          s[6] || (s[6] = e("div", { class: "error-tip" }, [
+            e("p", null, "您可以尝试："),
+            e("ul", null, [
+              e("li", null, "检查您输入的网址是否正确"),
+              e("li", null, "返回首页重新浏览"),
+              e("li", null, "联系管理员反馈问题")
+            ])
+          ], -1))
+        ])
+      ])
+    ]));
+  }
+}), xa = /* @__PURE__ */ te(wa, [["__scopeId", "data-v-1b083153"]]), kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: xa
+}, Symbol.toStringTag, { value: "Module" })), Ca = { class: "error-page" }, $a = { class: "error-container" }, Ma = { class: "error-content" }, La = { class: "error-actions" }, Sa = /* @__PURE__ */ le({
+  __name: "403",
+  setup(t) {
+    const o = de(), n = () => {
+      o.push("/");
+    };
+    return (i, s) => (l(), c("div", Ca, [
+      e("div", $a, [
+        s[7] || (s[7] = e("div", { class: "error-bg" }, [
+          e("div", { class: "bg-circle circle-1" }),
+          e("div", { class: "bg-circle circle-2" }),
+          e("div", { class: "bg-circle circle-3" })
+        ], -1)),
+        e("div", Ma, [
+          s[5] || (s[5] = Re('<div class="error-code" data-v-d167f981><span class="code-digit" data-v-d167f981>4</span><span class="code-zero warning" data-v-d167f981><span class="zero-inner" data-v-d167f981>0</span></span><span class="code-digit" data-v-d167f981>3</span></div><div class="error-illustration" data-v-d167f981><svg viewBox="0 0 200 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-d167f981><path d="M100 15 L150 35 L150 70 C150 95 100 110 100 110 C100 110 50 95 50 70 L50 35 Z" fill="var(--color-warning-lighter)" stroke="var(--color-warning)" stroke-width="2" data-v-d167f981></path><rect x="85" y="55" width="30" height="25" rx="4" fill="var(--color-warning)" data-v-d167f981></rect><path d="M92 55 V48 A8 8 0 0 1 108 48 V55" fill="none" stroke="var(--color-warning)" stroke-width="3" data-v-d167f981></path><circle cx="100" cy="67" r="6" fill="none" stroke="#fff" stroke-width="2" data-v-d167f981></circle><line x1="96" y1="63" x2="104" y2="71" stroke="#fff" stroke-width="2" data-v-d167f981></line></svg></div><h1 class="error-title" data-v-d167f981>无访问权限</h1><p class="error-desc" data-v-d167f981>抱歉，您没有权限访问此页面，请联系管理员获取权限</p>', 4)),
+          e("div", La, [
+            g(r(ke), {
+              type: "primary",
+              size: "large",
+              onClick: n
+            }, {
+              icon: S(() => [...s[1] || (s[1] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }),
+                  e("polyline", { points: "9,22 9,12 15,12 15,22" })
+                ], -1)
+              ])]),
+              default: S(() => [
+                s[2] || (s[2] = he(" 返回首页 ", -1))
+              ]),
+              _: 1
+            }),
+            g(r(ke), {
+              size: "large",
+              onClick: s[0] || (s[0] = (m) => r(o).go(-1))
+            }, {
+              icon: S(() => [...s[3] || (s[3] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M19 12H5M12 19l-7-7 7-7" })
+                ], -1)
+              ])]),
+              default: S(() => [
+                s[4] || (s[4] = he(" 返回上一页 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          s[6] || (s[6] = e("div", { class: "error-tip" }, [
+            e("p", null, "可能的原因："),
+            e("ul", null, [
+              e("li", null, "您的账号权限不足"),
+              e("li", null, "该页面需要特定角色才能访问"),
+              e("li", null, "您的登录状态已过期")
+            ])
+          ], -1))
+        ])
+      ])
+    ]));
+  }
+}), Qa = /* @__PURE__ */ te(Sa, [["__scopeId", "data-v-d167f981"]]);
+function el() {
+  const t = me(), o = ee(), n = Ne(), i = w(() => o.userName || ""), s = w(() => o.userInfo), m = w(() => t.appName), L = w(() => n.isLoggedIn), d = w(() => t.isDark), y = w(() => t.theme), v = w(() => t.isCollapsed), p = w(() => t.layout);
+  return {
+    userName: i,
+    userInfo: s,
+    appName: m,
+    isLoggedIn: L,
+    isDark: d,
+    theme: y,
+    isCollapsed: v,
+    layout: p,
+    toggleTheme: () => {
+      t.toggleTheme();
+    },
+    toggleCollapse: () => {
+      t.toggleCollapse();
+    }
+  };
+}
+function tl() {
+  const t = ee();
+  return {
+    isLoggedIn: w(() => t.isLoggedIn)
+  };
+}
+function sl(t, o = {}) {
+  const { rules: n, onSubmit: i } = o, s = f(), m = Ze({ ...t }), L = f(!1), d = f(!1), y = f(!1), v = () => {
+    M(), y.value = !1, d.value = !0;
+  }, p = (R) => {
+    Object.assign(m, R), y.value = !0, d.value = !0;
+  }, _ = () => {
+    d.value = !1, M();
+  }, M = () => {
+    var R;
+    Object.keys(t).forEach((K) => {
+      m[K] = t[K];
+    }), (R = s.value) == null || R.resetFields();
+  };
+  return {
+    formRef: s,
+    formData: m,
+    rules: n,
+    loading: L,
+    visible: d,
+    isEdit: y,
+    openAdd: v,
+    openEdit: p,
+    close: _,
+    resetForm: M,
+    handleSubmit: async () => {
+      var R;
+      try {
+        await ((R = s.value) == null ? void 0 : R.validate()), L.value = !0, await (i == null ? void 0 : i(m)), _();
+      } catch (K) {
+        console.error(K);
+      } finally {
+        L.value = !1;
+      }
+    }
+  };
+}
+function ol(t) {
+  const { fetchData: o, defaultPageSize: n = 10 } = t, i = f(!1), s = f([]), m = f(0), L = f(1), d = f(n), y = Ze({}), v = async () => {
+    i.value = !0;
+    try {
+      const D = {
+        ...y,
+        page: L.value,
+        pageSize: d.value
+      }, P = await o(D);
+      s.value = P.list, m.value = P.total;
+    } catch (D) {
+      console.error(D);
+    } finally {
+      i.value = !1;
+    }
+  }, p = () => {
+    L.value = 1, v();
+  }, _ = () => {
+    Object.keys(y).forEach((D) => {
+      y[D] = void 0;
+    }), L.value = 1, v();
+  }, M = (D) => {
+    L.value = D, v();
+  }, F = (D) => {
+    d.value = D, L.value = 1, v();
+  }, R = () => {
+    v();
+  }, K = w(() => ({
+    current: L.value,
+    pageSize: d.value,
+    total: m.value
+  }));
+  return {
+    loading: i,
+    data: s,
+    total: m,
+    currentPage: L,
+    pageSize: d,
+    searchParams: y,
+    pagination: K,
+    getData: v,
+    handleSearch: p,
+    handleReset: _,
+    handlePageChange: M,
+    handleSizeChange: F,
+    refresh: R
+  };
+}
+function nl(t) {
+  return ee().isLoggedIn;
+}
+function al(t) {
+  return ee().isLoggedIn;
+}
+function ll() {
+  return !0;
+}
+const wt = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => Promise.resolve().then(() => fa),
+    meta: {
+      title: "登录",
+      hidden: !0
+    }
+  }
+], xt = {
+  path: "/",
+  name: "Layout",
+  component: () => Promise.resolve().then(() => Gn),
+  redirect: "/dashboard",
+  children: [
+    {
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("./index-dVHlrUjM.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-BcEjdbz_.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-DkHXkwpw.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-Pg_OaPt4.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
+      }
+    }
+  ]
+}, rl = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-dVHlrUjM.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-BcEjdbz_.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-DkHXkwpw.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-Pg_OaPt4.js"),
+        meta: {
+          title: "菜单管理",
+          icon: "menu",
+          keepAlive: !0
+        }
+      }
+    ]
+  }
+], Ia = [
+  {
+    menuCode: "dashboard",
+    menuName: "仪表盘",
+    menuUrl: "/dashboard",
+    icon: "dashboard",
+    closable: !0,
+    isDefault: !0,
+    isOut: !1
+  },
+  {
+    menuCode: "system",
+    menuName: "系统管理",
+    menuUrl: "/system",
+    icon: "setting",
+    closable: !1,
+    isDefault: !1,
+    isOut: !1,
+    children: [
+      {
+        menuCode: "system_user",
+        menuName: "用户管理",
+        menuUrl: "/system/user",
+        icon: "user",
+        closable: !0,
+        isDefault: !1,
+        isOut: !1
+      },
+      {
+        menuCode: "system_role",
+        menuName: "角色管理",
+        menuUrl: "/system/role",
+        icon: "role",
+        closable: !0,
+        isDefault: !1,
+        isOut: !1
+      },
+      {
+        menuCode: "system_menu",
+        menuName: "菜单管理",
+        menuUrl: "/system/menu",
+        icon: "menu",
+        closable: !0,
+        isDefault: !1,
+        isOut: !1
+      }
+    ]
+  }
+], Ct = Qe({
+  history: et(),
+  routes: [...wt, xt],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), Ea = ["/login"];
+Ct.beforeEach(async (t, o, n) => {
+  const i = me();
+  if (i.initTheme(), yt())
+    if (t.path === "/login")
+      n({ path: "/" });
+    else {
+      const s = ee();
+      s.isLoggedIn || (s.setUserInfo({
+        appId: je(),
+        userId: "1",
+        userName: "管理员",
+        departmentName: "技术部",
+        email: "admin@example.com",
+        mobilePhone: "13800138000",
+        positionName: "管理员",
+        avatar: ""
+      }), _e().setMenuList(Ia)), t.name && t.meta.keepAlive && i.addCachedView(t.name), n();
+    }
+  else
+    Ea.includes(t.path) ? n() : n("/login");
+});
+function il() {
+  const t = Qe({
+    history: et(),
+    routes: [...wt, xt]
+  });
+  Ct.matcher = t.matcher;
+}
+function cl(t, o = {}) {
+  const n = o.indexPath || "/dashboard", i = {
+    path: "/:pathMatch(.*)*",
+    name: "CatchAll",
+    component: () => Promise.resolve().then(() => kt),
+    meta: {
+      title: "404"
+    }
+  };
+  return {
+    path: "/",
+    name: "Layout",
+    component: bt,
+    redirect: n,
+    children: [...t, i]
+  };
+}
+function ul(t) {
+  return Qe({
+    history: et(),
+    routes: t,
+    scrollBehavior: () => ({ left: 0, top: 0 })
+  });
+}
+function dl(t) {
+  return V.get("/role/list", { params: t });
+}
+function ml(t) {
+  return V.get(`/role/${t}`);
+}
+function pl(t) {
+  return V.post("/role", t);
+}
+function vl(t, o) {
+  return V.put(`/role/${t}`, o);
+}
+function hl(t) {
+  return V.delete(`/role/${t}`);
+}
+function _l(t, o) {
+  return V.patch(`/role/${t}/status`, { status: o });
+}
+function fl() {
+  return V.get("/user/v1.0/menu/list");
+}
+function Ta(t) {
+  const o = t || je();
+  return V.get(`/user/v1.0/menu/get-menu?appId=${o}`);
+}
+function gl(t) {
+  return V.post("/menu", t);
+}
+function yl(t, o) {
+  return V.put(`/menu/${t}`, o);
+}
+function bl(t) {
+  return V.delete(`/menu/${t}`);
+}
+const Ua = ["/login", "/404", "/403"];
+function kl(t, o = {}) {
+  const n = o.whiteList || Ua, i = o.loginPath || "/login", s = o.homePath || "/";
+  t.beforeEach(async (m, L, d) => {
+    const y = me(), v = ee(), p = _e();
+    if (y.initTheme(), qe())
+      if (m.path === i)
+        d({ path: s });
+      else if (v.isLoggedIn)
+        m.name && m.meta.keepAlive && y.addCachedView(m.name), d();
+      else
+        try {
+          if (o.fetchUserInfo) {
+            const M = await o.fetchUserInfo();
+            v.setUserInfo(M);
+          } else {
+            const M = await la();
+            v.setUserInfo(M);
+          }
+          if (o.fetchMenu) {
+            const M = await o.fetchMenu();
+            p.setMenuList(M);
+          } else {
+            const M = await Ta(o.appId);
+            p.setMenuList(M);
+          }
+          o.onLoginSuccess && o.onLoginSuccess(), m.name && m.meta.keepAlive && y.addCachedView(m.name), d({ ...m, replace: !0 });
+        } catch (M) {
+          console.error("获取用户信息失败:", M), v.clearUserInfo(), p.clearMenu(), Ee(), d({ path: i, query: { redirect: m.fullPath } });
+        }
+    else
+      n.includes(m.path) ? d() : d({ path: i, query: { redirect: m.fullPath } });
+  }), t.afterEach(() => {
+  });
+}
+function wl(t) {
+  return V.get("/user/list", { params: t });
+}
+function xl(t) {
+  return V.get(`/user/${t}`);
+}
+function Cl(t) {
+  return V.post("/user", t);
+}
+function $l(t, o) {
+  return V.put(`/user/${t}`, o);
+}
+function Ml(t) {
+  return V.delete(`/user/${t}`);
+}
+function Ll(t) {
+  return V.post("/user/batch-delete", { ids: t });
+}
+function Sl(t, o) {
+  return V.patch(`/user/${t}/status`, { status: o });
+}
+function Il(t) {
+  return V.post(`/user/${t}/reset-password`);
+}
+var Na = /* @__PURE__ */ ((t) => (t[t.ENABLED = 1] = "ENABLED", t[t.DISABLED = 0] = "DISABLED", t))(Na || {}), za = /* @__PURE__ */ ((t) => (t[t.UNKNOWN = 0] = "UNKNOWN", t[t.MALE = 1] = "MALE", t[t.FEMALE = 2] = "FEMALE", t))(za || {}), Da = /* @__PURE__ */ ((t) => (t[t.DIRECTORY = 0] = "DIRECTORY", t[t.MENU = 1] = "MENU", t[t.BUTTON = 2] = "BUTTON", t))(Da || {});
+const El = {
+  1: "启用",
+  0: "禁用"
+}, Tl = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, Ul = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, Nl = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], zl = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], Dl = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], Rl = {
+  mounted(t, o) {
+    var i;
+    ee().isLoggedIn || (i = t.parentNode) == null || i.removeChild(t);
+  }
+};
+function Pl(t) {
+  return Ut({
+    appId: t.appId,
+    clientId: t.clientId,
+    apiBaseUrl: t.apiBaseUrl
+  }), {
+    config: {
+      appName: t.appName || "XTO App",
+      appId: je(),
+      clientId: _t(),
+      apiBaseUrl: Nt(),
+      indexPath: t.indexPath || "/dashboard",
+      loginPath: t.loginPath || "/login"
+    }
+  };
+}
+export {
+  Kt as $,
+  Ha as A,
+  fl as B,
+  Ta as C,
+  Ya as D,
+  Wa as E,
+  Ga as F,
+  za as G,
+  Ws as H,
+  ml as I,
+  dl as J,
+  qe as K,
+  bt as L,
+  Da as M,
+  Vt as N,
+  Rt as O,
+  xl as P,
+  la as Q,
+  wl as R,
+  Na as S,
+  Xa as T,
+  nl as U,
+  al as V,
+  yt as W,
+  V as X,
+  Ut as Y,
+  ll as Z,
+  te as _,
+  Nl as a,
+  xt as a0,
+  C as a1,
+  ze as a2,
+  aa as a3,
+  Ja as a4,
+  Ia as a5,
+  Rl as a6,
+  Za as a7,
+  Il as a8,
+  il as a9,
+  Ct as aa,
+  qa as ab,
+  De as ac,
+  Ft as ad,
+  Bt as ae,
+  At as af,
+  Dt as ag,
+  Ot as ah,
+  gt as ai,
+  Pt as aj,
+  kl as ak,
+  wt as al,
+  yl as am,
+  vl as an,
+  _l as ao,
+  $l as ap,
+  Sl as aq,
+  el as ar,
+  me as as,
+  tl as at,
+  Ne as au,
+  sl as av,
+  _e as aw,
+  ol as ax,
+  ee as ay,
+  Dl as b,
+  Qa as c,
+  zl as d,
+  Tl as e,
+  Ul as f,
+  xa as g,
+  pt as h,
+  _a as i,
+  El as j,
+  ja as k,
+  Ll as l,
+  Ee as m,
+  cl as n,
+  gl as o,
+  pl as p,
+  ul as q,
+  Cl as r,
+  Pl as s,
+  rl as t,
+  bl as u,
+  hl as v,
+  Ml as w,
+  Nt as x,
+  je as y,
+  _t as z
+};