xto-fronted 0.4.99 → 0.4.101

package/dist/index-DkOqM4e2.js

@@ -0,0 +1,3147 @@
+import { x as U, y as tt, z as st, A as ot, B as at, o as pt, C as nt, D as Fe, m as vt, i as ht, E as _t, F as ft } from "./user-Qd_jMBaH.js";
+import { ref as g, computed as b, watch as ye, defineComponent as ae, resolveComponent as lt, openBlock as s, createBlock as O, unref as a, withCtx as L, createElementBlock as c, Fragment as F, renderList as G, createElementVNode as e, toDisplayString as x, createCommentVNode as A, normalizeClass as J, withDirectives as Ee, vShow as gt, createVNode as y, createTextVNode as he, onMounted as Ke, onUnmounted as je, vModelText as We, Transition as ke, withModifiers as Te, normalizeStyle as Ie, reactive as qe, createStaticVNode as ze, withKeys as yt, h as kt } from "vue";
+import { defineStore as Ne } from "pinia";
+import { useRoute as be, useRouter as me, createRouter as He, createWebHistory as Ye } from "vue-router";
+import { SubMenu as Re, MenuItem as Se, Menu as Xe, Tabs as wt, TabPane as bt } from "@xto/navigation";
+import { Icon as N, Button as we } from "@xto/base";
+import { Drawer as Ge, Message as xt } from "@xto/feedback";
+import { Form as Ct, FormItem as Ae, Input as Qe, Checkbox as $t } from "@xto/form";
+import { createLocaleProvider as Mt, getSupportedLocales as Lt, useLocale as St } from "@xto/core/locale";
+const pe = Ne("app", () => {
+  const t = g(U.get("appName") || "XTO App"), r = g(U.get("indexPath") || "/dashboard"), d = g(U.get("isDark") || !1), i = g(U.get("theme") || "light"), o = g(U.get("layout") || "sidebar"), l = g(U.get("isCollapsed") || !1), _ = g(U.get("showTabs") ?? !0), u = g(U.get("showFooter") ?? !0), h = g(U.get("showBreadcrumb") ?? !0), v = g(U.get("primaryColor") || "#409eff"), p = g([]), f = g([]), k = b(() => d.value ? "dark" : "light"), j = (E) => {
+    t.value = E, U.set("appName", E);
+  }, D = (E) => {
+    r.value = E, U.set("indexPath", E);
+  }, W = () => {
+    d.value = !d.value, i.value = d.value ? "dark" : "light", B();
+  }, V = (E) => {
+    i.value = E, d.value = E === "dark", B();
+  }, B = () => {
+    const E = document.documentElement;
+    d.value ? E.classList.add("dark") : E.classList.remove("dark"), U.set("isDark", d.value), U.set("theme", i.value);
+  }, H = () => {
+    l.value = !l.value, U.set("isCollapsed", l.value);
+  }, Q = (E) => {
+    o.value = E, U.set("layout", E);
+  }, Y = () => {
+    _.value = !_.value, U.set("showTabs", _.value);
+  }, q = () => {
+    u.value = !u.value, U.set("showFooter", u.value);
+  }, ee = () => {
+    h.value = !h.value, U.set("showBreadcrumb", h.value);
+  }, T = (E) => {
+    v.value = E, document.documentElement.style.setProperty("--color-primary", E), U.set("primaryColor", E);
+  }, I = (E) => {
+    p.value.includes(E) || p.value.push(E);
+  }, P = (E) => {
+    const de = p.value.indexOf(E);
+    de > -1 && p.value.splice(de, 1);
+  }, X = () => {
+    p.value = [];
+  }, K = (E) => {
+    f.value = E;
+  }, se = () => {
+    B(), v.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", v.value);
+  };
+  return ye(d, B), {
+    appName: t,
+    indexPath: r,
+    isDark: d,
+    theme: i,
+    layout: o,
+    isCollapsed: l,
+    showTabs: _,
+    showFooter: u,
+    showBreadcrumb: h,
+    primaryColor: v,
+    cachedViews: p,
+    mixSubMenus: f,
+    themeClass: k,
+    setAppName: j,
+    setIndexPath: D,
+    toggleTheme: W,
+    toggleCollapse: H,
+    setTheme: V,
+    setLayout: Q,
+    toggleTabs: Y,
+    toggleFooter: q,
+    toggleBreadcrumb: ee,
+    setPrimaryColor: T,
+    addCachedView: I,
+    removeCachedView: P,
+    clearCachedViews: X,
+    setMixSubMenus: K,
+    initTheme: se
+  };
+}), Pe = "menu_list", De = "permission_list", It = {
+  menuCode: "home",
+  menuName: "首页",
+  menuUrl: "/dashboard",
+  icon: "home",
+  closable: !1,
+  isDefault: !1,
+  isOut: !1
+};
+function rt(t) {
+  return t.filter((r) => r.type !== 1).map((r) => ({
+    ...r,
+    children: r.children ? rt(r.children) : void 0
+  }));
+}
+function Nt(t) {
+  const r = [];
+  function d(i) {
+    i.forEach((o) => {
+      o.type === 1 && o.menuCode && r.push(o.menuCode), o.children && d(o.children);
+    });
+  }
+  return d(t), r;
+}
+const ce = Ne("menu", () => {
+  const t = g(U.get(Pe) || []), r = g(U.get(De) || []), d = b(() => t.value.length > 0);
+  return {
+    menuList: t,
+    permissions: r,
+    hasMenu: d,
+    setMenuList: (_) => {
+      r.value = Nt(_), U.set(De, r.value);
+      const u = rt(_);
+      t.value = [It, ...u], U.set(Pe, t.value);
+    },
+    clearMenu: () => {
+      t.value = [], r.value = [], U.remove(Pe), U.remove(De);
+    },
+    hasPermission: (_) => Array.isArray(_) ? _.some((u) => r.value.includes(u)) : r.value.includes(_)
+  };
+}), Ve = "user_info", ne = Ne("user", () => {
+  const t = g(U.get(Ve)), r = b(() => !!t.value), d = b(() => {
+    var f;
+    return ((f = t.value) == null ? void 0 : f.userId) || "";
+  }), i = b(() => {
+    var f;
+    return ((f = t.value) == null ? void 0 : f.userName) || "";
+  }), o = b(() => {
+    var f;
+    return ((f = t.value) == null ? void 0 : f.departmentName) || "";
+  }), l = b(() => {
+    var f;
+    return ((f = t.value) == null ? void 0 : f.email) || "";
+  }), _ = b(() => {
+    var f;
+    return ((f = t.value) == null ? void 0 : f.mobilePhone) || "";
+  }), u = b(() => {
+    var f;
+    return ((f = t.value) == null ? void 0 : f.positionName) || "";
+  }), h = b(() => {
+    var f;
+    return ((f = t.value) == null ? void 0 : f.avatar) || "";
+  });
+  return {
+    userInfo: t,
+    isLoggedIn: r,
+    userId: d,
+    userName: i,
+    departmentName: o,
+    email: l,
+    mobilePhone: _,
+    positionName: u,
+    avatar: h,
+    setUserInfo: (f) => {
+      t.value = f, U.set(Ve, f);
+    },
+    clearUserInfo: () => {
+      t.value = null, U.remove(Ve);
+    }
+  };
+}), Ue = Ne("auth", () => {
+  const t = g(tt()), r = b(() => st()), d = g(""), i = g(""), o = g(""), l = g("/login");
+  return {
+    token: t,
+    isLoggedIn: r,
+    baseUrl: d,
+    appId: i,
+    clientId: o,
+    loginPath: l,
+    login: (k) => {
+      t.value = k.access_token, at(k);
+    },
+    logout: () => {
+      t.value = null, ot();
+    },
+    setBaseUrl: (k) => {
+      d.value = k;
+    },
+    setAppId: (k) => {
+      i.value = k;
+    },
+    setClientId: (k) => {
+      o.value = k;
+    },
+    setLoginPath: (k) => {
+      l.value = k;
+    }
+  };
+}), Ut = { class: "menu-item__content" }, zt = { class: "menu-item__icon" }, Et = {
+  key: 1,
+  class: "menu-item__char"
+}, Tt = { class: "menu-item__text" }, At = { class: "menu-item__content" }, Pt = {
+  key: 0,
+  class: "menu-item__icon"
+}, Dt = {
+  key: 1,
+  class: "menu-item__char"
+}, Vt = { class: "menu-item__text" }, Ot = /* @__PURE__ */ ae({
+  __name: "SidebarMenuItem",
+  props: {
+    menu: {}
+  },
+  setup(t) {
+    const r = t, d = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), i = (u) => {
+      if (!u || u === "") return "";
+      if (u.startsWith("tineco-icon-")) {
+        const v = 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"
+        }[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"
+      }[u] || u;
+    }, o = (u) => u ? u.charAt(0) : "", l = (u) => d.has(u), _ = b(() => r.menu.children && r.menu.children.length > 0);
+    return (u, h) => {
+      const v = lt("SidebarMenuItem", !0);
+      return _.value ? (s(), O(a(Re), {
+        key: 0,
+        index: t.menu.menuUrl
+      }, {
+        title: L(() => [
+          e("span", Ut, [
+            e("span", zt, [
+              l(i(t.menu.icon)) ? (s(), O(a(N), {
+                key: 0,
+                name: i(t.menu.icon),
+                size: 16
+              }, null, 8, ["name"])) : (s(), c("span", Et, x(o(t.menu.menuName)), 1))
+            ]),
+            e("span", Tt, x(t.menu.menuName), 1)
+          ])
+        ]),
+        default: L(() => [
+          (s(!0), c(F, null, G(t.menu.children, (p) => (s(), O(v, {
+            key: p.menuUrl,
+            menu: p
+          }, null, 8, ["menu"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["index"])) : (s(), O(a(Se), {
+        key: 1,
+        index: t.menu.menuUrl
+      }, {
+        default: L(() => [
+          e("span", At, [
+            t.menu.menuName !== "首页" ? (s(), c("span", Pt, [
+              l(i(t.menu.icon)) ? (s(), O(a(N), {
+                key: 0,
+                name: i(t.menu.icon),
+                size: 16
+              }, null, 8, ["name"])) : (s(), c("span", Dt, x(o(t.menu.menuName)), 1))
+            ])) : A("", !0),
+            e("span", Vt, x(t.menu.menuName), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["index"]));
+    };
+  }
+}), le = (t, r) => {
+  const d = t.__vccOpts || t;
+  for (const [i, o] of r)
+    d[i] = o;
+  return d;
+}, Bt = /* @__PURE__ */ le(Ot, [["__scopeId", "data-v-27c9479b"]]), Rt = {
+  key: 0,
+  class: "sidebar__logo"
+}, Ft = ["src"], Kt = {
+  key: 1,
+  class: "sidebar__user"
+}, jt = { class: "sidebar__user-info" }, Wt = { class: "sidebar__user-name" }, qt = { class: "sidebar__user-role" }, Oe = "sidebar_opened_menus", Be = "sidebar_menu_list_key", Ht = /* @__PURE__ */ ae({
+  __name: "Sidebar",
+  props: {
+    menuList: { default: () => [] },
+    showLogo: { type: Boolean, default: !0 },
+    showUser: { type: Boolean, default: !0 },
+    logoSrc: { default: "/vite.svg" }
+  },
+  setup(t) {
+    const r = t, d = be(), i = me(), o = ce(), l = ne(), _ = Ue(), u = pe(), h = b(() => r.menuList.length > 0 ? r.menuList : o.menuList), v = b(() => u.isCollapsed), p = b(() => d.path), f = (T) => T.menuId || T.menuCode || T.menuUrl || "", k = () => h.value.map(f).join(","), j = U.get(Be) || "", D = k(), W = j === D ? U.get(Oe) || [] : [], V = g(W);
+    ye(V, (T) => {
+      U.set(Oe, T), U.set(Be, k());
+    }, { deep: !0 });
+    const B = (T, I, P = []) => {
+      var X;
+      for (const K of T) {
+        if (I === K.menuUrl || I.startsWith(K.menuUrl + "/"))
+          return [...P, K.menuUrl];
+        if ((X = K.children) != null && X.length) {
+          const se = B(K.children, I, [...P, K.menuUrl]);
+          if (se) return se;
+        }
+      }
+      return null;
+    };
+    ye([() => d.path, h], ([T, I]) => {
+      if (I.length > 0) {
+        const P = B(I, T);
+        if (P) {
+          const X = P.slice(0, -1), K = /* @__PURE__ */ new Set([...V.value, ...X]);
+          V.value = Array.from(K);
+        }
+      }
+    }, { immediate: !0 }), ye(h, (T, I) => {
+      T !== I && (V.value = [], U.set(Oe, []), U.set(Be, k()));
+    }, { immediate: !1 });
+    const H = b(() => u.isDark ? "#1d1e1f" : "#fff"), Q = b(() => u.isDark ? "#cfd3dc" : "#303133"), Y = b(() => "#409eff"), q = (T) => {
+      T && T !== d.path && i.push(T);
+    }, ee = () => {
+      _.logout(), l.clearUserInfo(), o.clearMenu(), i.push("/login");
+    };
+    return (T, I) => (s(), c("div", {
+      class: J(["sidebar", { "sidebar--collapsed": v.value }])
+    }, [
+      r.showLogo ? (s(), c("div", Rt, [
+        e("img", {
+          src: r.logoSrc,
+          alt: "Logo",
+          class: "sidebar__logo-img"
+        }, null, 8, Ft),
+        Ee(e("span", { class: "sidebar__logo-text" }, x(a(u).appName), 513), [
+          [gt, !v.value]
+        ])
+      ])) : A("", !0),
+      y(a(Xe), {
+        modelValue: p.value,
+        "onUpdate:modelValue": I[0] || (I[0] = (P) => p.value = P),
+        openeds: V.value,
+        "onUpdate:openeds": I[1] || (I[1] = (P) => V.value = P),
+        mode: "vertical",
+        collapse: v.value,
+        "collapse-transition": !1,
+        "background-color": H.value,
+        "text-color": Q.value,
+        "active-text-color": Y.value,
+        class: "sidebar__menu",
+        onSelect: q
+      }, {
+        default: L(() => [
+          (s(!0), c(F, null, G(h.value, (P) => (s(), O(Bt, {
+            key: P.menuUrl,
+            menu: P
+          }, null, 8, ["menu"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "openeds", "collapse", "background-color", "text-color", "active-text-color"]),
+      r.showUser && !v.value ? (s(), c("div", Kt, [
+        e("div", jt, [
+          e("span", Wt, x(a(l).userName), 1),
+          e("span", qt, x(a(l).departmentName), 1)
+        ]),
+        y(a(we), {
+          type: "text",
+          size: "small",
+          onClick: ee
+        }, {
+          default: L(() => [...I[2] || (I[2] = [
+            he("退出", -1)
+          ])]),
+          _: 1
+        })
+      ])) : A("", !0)
+    ], 2));
+  }
+}), et = /* @__PURE__ */ le(Ht, [["__scopeId", "data-v-c96a1132"]]), Yt = { class: "header" }, Xt = { class: "header__left" }, Gt = {
+  key: 0,
+  class: "header__breadcrumb"
+}, Jt = {
+  key: 0,
+  class: "breadcrumb-separator"
+}, Zt = { class: "header__right" }, Qt = {
+  key: 0,
+  class: "header__search-dropdown"
+}, es = {
+  key: 0,
+  class: "header__search-results"
+}, ts = ["onClick"], ss = {
+  key: 0,
+  class: "header__search-icon"
+}, os = {
+  key: 1,
+  class: "header__search-char"
+}, as = { class: "header__search-item-title" }, ns = {
+  key: 1,
+  class: "header__search-item-parent"
+}, ls = {
+  key: 1,
+  class: "header__search-empty"
+}, rs = ["title"], is = { class: "header__avatar" }, cs = { class: "header__user-name" }, ds = {
+  key: 0,
+  class: "header__dropdown"
+}, us = { class: "header__dropdown-header" }, ms = { class: "header__dropdown-avatar" }, ps = { class: "header__dropdown-info" }, vs = { class: "header__dropdown-name" }, hs = { class: "header__dropdown-role" }, _s = { class: "header__dropdown-menu" }, fs = { class: "settings-drawer" }, gs = { class: "settings-section" }, ys = { class: "settings-layout-options" }, ks = ["onClick"], ws = { class: "layout-option__preview" }, bs = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, xs = {
+  key: 1,
+  class: "layout-preview-top"
+}, Cs = {
+  key: 2,
+  class: "layout-preview-mix"
+}, $s = { class: "layout-option__label" }, Ms = { class: "settings-section" }, Ls = { class: "settings-color-options" }, Ss = ["title", "onClick"], Is = { class: "settings-section" }, Ns = { class: "settings-switch-list" }, Us = { class: "settings-switch-item" }, zs = { class: "settings-switch-item" }, Es = /* @__PURE__ */ ae({
+  __name: "Header",
+  setup(t) {
+    const r = be(), d = me(), i = pe(), o = ne(), l = Ue(), _ = ce(), u = g(!1), h = g(!1), v = g(null), p = g(!1), f = g(!1), k = g(""), j = g(null), D = g(!1), W = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], V = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], B = b(() => r.matched.filter((w) => w.meta && w.meta.title).map((w) => ({
+      title: w.meta.title,
+      path: w.path
+    }))), H = (z, w = "") => {
+      const Z = [];
+      return z.forEach((C) => {
+        C.children && C.children.length > 0 ? Z.push(...H(C.children, C.menuName)) : Z.push({ ...C, parentTitle: w, title: C.menuName, path: C.menuUrl });
+      }), Z;
+    }, Q = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), Y = (z) => {
+      if (!z || z === "") return "";
+      if (z.startsWith("tineco-icon-")) {
+        const Z = z.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[Z] || Z;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[z] || z;
+    }, q = (z) => z ? z.charAt(0) : "", ee = (z) => Q.has(z), T = b(() => k.value.trim() ? H(_.menuList).filter(
+      (w) => w.title.toLowerCase().includes(k.value.toLowerCase())
+    ) : []), I = b(() => i.layout), P = () => {
+      i.toggleCollapse();
+    }, X = () => {
+      i.toggleTheme();
+    }, K = () => {
+      h.value = !0;
+    }, se = (z) => {
+      i.setLayout(z), h.value = !1;
+    }, E = (z) => {
+      D.value = z;
+      const w = document.documentElement;
+      z ? w.classList.add("grey-mode") : w.classList.remove("grey-mode");
+    }, de = () => {
+      E(!D.value), h.value = !1;
+    }, re = () => {
+      i.toggleTheme(), h.value = !1;
+    }, ue = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, _e = () => {
+      p.value = !!document.fullscreenElement;
+    }, ie = () => {
+      u.value = !u.value;
+    }, oe = () => {
+      u.value = !1;
+    }, ve = () => {
+      f.value = !1, k.value = "";
+    }, xe = (z) => {
+      d.push(z), ve();
+    }, Ce = (z) => {
+      i.setPrimaryColor(z), h.value = !1;
+    }, $e = () => {
+      oe(), d.push("/profile");
+    }, Me = () => {
+      oe(), d.push("/change-password");
+    }, Le = () => {
+      oe(), l.logout(), o.clearUserInfo(), _.clearMenu(), d.push("/login");
+    }, fe = (z) => {
+      v.value && !v.value.contains(z.target) && oe(), j.value && !j.value.contains(z.target) && ve();
+    }, ge = (z) => {
+      z.key === "Escape" && (ve(), oe());
+    };
+    return Ke(() => {
+      document.addEventListener("click", fe), document.addEventListener("fullscreenchange", _e), document.addEventListener("keydown", ge), i.initTheme(), D.value = document.documentElement.classList.contains("grey-mode");
+    }), je(() => {
+      document.removeEventListener("click", fe), document.removeEventListener("fullscreenchange", _e), document.removeEventListener("keydown", ge);
+    }), (z, w) => {
+      var Z;
+      return s(), c("div", Yt, [
+        e("div", Xt, [
+          e("div", {
+            class: "header__collapse",
+            onClick: P
+          }, [
+            y(a(N), {
+              name: a(i).isCollapsed ? "menu-unfold" : "menu-fold",
+              size: 18
+            }, null, 8, ["name"])
+          ]),
+          a(i).showBreadcrumb ? (s(), c("div", Gt, [
+            (s(!0), c(F, null, G(B.value, (C, S) => (s(), c("span", {
+              key: C.path
+            }, [
+              S > 0 ? (s(), c("span", Jt, "/")) : A("", !0),
+              e("span", {
+                class: J({ "is-current": S === B.value.length - 1 })
+              }, x(C.title), 3)
+            ]))), 128))
+          ])) : A("", !0)
+        ]),
+        e("div", Zt, [
+          e("div", {
+            class: "header__search",
+            ref_key: "searchRef",
+            ref: j
+          }, [
+            y(a(N), {
+              name: "search",
+              size: 14,
+              class: "header__search-icon"
+            }),
+            Ee(e("input", {
+              "onUpdate:modelValue": w[0] || (w[0] = (C) => k.value = C),
+              type: "text",
+              class: "header__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: w[1] || (w[1] = (C) => f.value = !0)
+            }, null, 544), [
+              [We, k.value]
+            ]),
+            y(ke, { name: "search-dropdown" }, {
+              default: L(() => [
+                f.value && (T.value.length > 0 || k.value) ? (s(), c("div", Qt, [
+                  T.value.length > 0 ? (s(), c("div", es, [
+                    (s(!0), c(F, null, G(T.value, (C) => (s(), c("div", {
+                      key: C.path,
+                      class: "header__search-item",
+                      onClick: (S) => xe(C.path)
+                    }, [
+                      C.title !== "首页" ? (s(), c("span", ss, [
+                        ee(Y(C.icon)) ? (s(), O(a(N), {
+                          key: 0,
+                          name: Y(C.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (s(), c("span", os, x(q(C.title)), 1))
+                      ])) : A("", !0),
+                      e("span", as, x(C.title), 1),
+                      C.parentTitle ? (s(), c("span", ns, x(C.parentTitle), 1)) : A("", !0)
+                    ], 8, ts))), 128))
+                  ])) : (s(), c("div", ls, " 未找到匹配的菜单 "))
+                ])) : A("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "header__action",
+            onClick: ue,
+            title: p.value ? "退出全屏" : "全屏"
+          }, [
+            y(a(N), {
+              name: p.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, rs),
+          e("div", {
+            class: "header__action",
+            onClick: K,
+            title: "换肤设置"
+          }, [
+            y(a(N), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "header__action",
+            onClick: X,
+            title: "切换主题"
+          }, [
+            y(a(N), {
+              name: a(i).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "header__user",
+            ref_key: "dropdownRef",
+            ref: v
+          }, [
+            e("div", {
+              class: "header__user-trigger",
+              onClick: Te(ie, ["stop"])
+            }, [
+              e("div", is, [
+                e("span", null, x(((Z = a(o).userName) == null ? void 0 : Z.charAt(0)) || "U"), 1)
+              ]),
+              e("span", cs, x(a(o).userName), 1),
+              e("span", {
+                class: J(["header__user-arrow", { "is-active": u.value }])
+              }, "▼", 2)
+            ]),
+            y(ke, { name: "dropdown" }, {
+              default: L(() => {
+                var C;
+                return [
+                  u.value ? (s(), c("div", ds, [
+                    e("div", us, [
+                      e("div", ms, [
+                        e("span", null, x(((C = a(o).userName) == null ? void 0 : C.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", ps, [
+                        e("div", vs, x(a(o).userName), 1),
+                        e("div", hs, x(a(o).departmentName), 1)
+                      ])
+                    ]),
+                    w[7] || (w[7] = e("div", { class: "header__dropdown-divider" }, null, -1)),
+                    e("div", _s, [
+                      e("div", {
+                        class: "header__dropdown-item",
+                        onClick: $e
+                      }, [
+                        y(a(N), {
+                          name: "user",
+                          size: 16
+                        }),
+                        w[3] || (w[3] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "header__dropdown-item",
+                        onClick: Me
+                      }, [
+                        y(a(N), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        w[4] || (w[4] = e("span", null, "修改密码", -1))
+                      ]),
+                      w[6] || (w[6] = e("div", { class: "header__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "header__dropdown-item header__dropdown-item--danger",
+                        onClick: Le
+                      }, [
+                        y(a(N), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        w[5] || (w[5] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : A("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(a(Ge), {
+          modelValue: h.value,
+          "onUpdate:modelValue": w[2] || (w[2] = (C) => h.value = C),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: L(() => [
+            e("div", fs, [
+              e("div", gs, [
+                w[11] || (w[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", ys, [
+                  (s(), c(F, null, G(W, (C) => e("div", {
+                    key: C.value,
+                    class: J(["layout-option", { "is-active": I.value === C.value }]),
+                    onClick: (S) => se(C.value)
+                  }, [
+                    e("div", ws, [
+                      C.value === "sidebar" ? (s(), c("div", bs, [...w[8] || (w[8] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : C.value === "top" ? (s(), c("div", xs, [...w[9] || (w[9] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (s(), c("div", Cs, [...w[10] || (w[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", $s, x(C.label), 1)
+                  ], 10, ks)), 64))
+                ])
+              ]),
+              e("div", Ms, [
+                w[12] || (w[12] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Ls, [
+                  (s(), c(F, null, G(V, (C) => e("div", {
+                    key: C.value,
+                    class: J(["color-option", { "is-active": a(i).primaryColor === C.value }]),
+                    style: Ie({ backgroundColor: C.value }),
+                    title: C.label,
+                    onClick: (S) => Ce(C.value)
+                  }, [
+                    a(i).primaryColor === C.value ? (s(), O(a(N), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : A("", !0)
+                  ], 14, Ss)), 64))
+                ])
+              ]),
+              e("div", Is, [
+                w[17] || (w[17] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Ns, [
+                  e("div", Us, [
+                    w[14] || (w[14] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: J(["switch-wrapper", { "is-checked": D.value }]),
+                      onClick: de
+                    }, [...w[13] || (w[13] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", zs, [
+                    w[16] || (w[16] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: J(["switch-wrapper", { "is-checked": a(i).isDark }]),
+                      onClick: re
+                    }, [...w[15] || (w[15] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ts = /* @__PURE__ */ le(Es, [["__scopeId", "data-v-89179947"]]), As = { class: "top-menu" }, Ps = { class: "top-menu__logo" }, Ds = ["src"], Vs = { class: "top-menu__logo-text" }, Os = { class: "top-menu__menu-content" }, Bs = {
+  key: 0,
+  class: "top-menu__menu-icon"
+}, Rs = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, Fs = { class: "top-menu__menu-text" }, Ks = { class: "top-menu__menu-content" }, js = { class: "top-menu__menu-icon" }, Ws = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, qs = { class: "top-menu__menu-text" }, Hs = { class: "top-menu__menu-content" }, Ys = { class: "top-menu__menu-icon" }, Xs = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, Gs = { class: "top-menu__menu-text" }, Js = { class: "top-menu__menu-content" }, Zs = { class: "top-menu__menu-icon" }, Qs = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, eo = { class: "top-menu__menu-text" }, to = { class: "top-menu__menu-content" }, so = {
+  key: 0,
+  class: "top-menu__menu-icon"
+}, oo = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, ao = { class: "top-menu__menu-text" }, no = { class: "top-menu__actions" }, lo = {
+  key: 0,
+  class: "top-menu__search-dropdown"
+}, ro = {
+  key: 0,
+  class: "top-menu__search-results"
+}, io = ["onClick"], co = {
+  key: 0,
+  class: "top-menu__search-icon-item"
+}, uo = {
+  key: 1,
+  class: "top-menu__search-char"
+}, mo = { class: "top-menu__search-item-title" }, po = {
+  key: 1,
+  class: "top-menu__search-item-parent"
+}, vo = {
+  key: 1,
+  class: "top-menu__search-empty"
+}, ho = ["title"], _o = { class: "top-menu__avatar" }, fo = { class: "top-menu__user-name" }, go = {
+  key: 0,
+  class: "top-menu__dropdown"
+}, yo = { class: "top-menu__dropdown-header" }, ko = { class: "top-menu__dropdown-avatar" }, wo = { class: "top-menu__dropdown-info" }, bo = { class: "top-menu__dropdown-name" }, xo = { class: "top-menu__dropdown-role" }, Co = { class: "top-menu__dropdown-menu" }, $o = { class: "settings-drawer" }, Mo = { class: "settings-section" }, Lo = { class: "settings-layout-options" }, So = ["onClick"], Io = { class: "layout-option__preview" }, No = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, Uo = {
+  key: 1,
+  class: "layout-preview-top"
+}, zo = {
+  key: 2,
+  class: "layout-preview-mix"
+}, Eo = { class: "layout-option__label" }, To = { class: "settings-section" }, Ao = { class: "settings-color-options" }, Po = ["title", "onClick"], Do = { class: "settings-section" }, Vo = { class: "settings-switch-list" }, Oo = { class: "settings-switch-item" }, Bo = { class: "settings-switch-item" }, Ro = /* @__PURE__ */ ae({
+  __name: "TopMenu",
+  props: {
+    logoSrc: { default: "/vite.svg" }
+  },
+  setup(t) {
+    const r = t, d = be(), i = me(), o = ce(), l = pe(), _ = ne(), u = Ue(), h = b(() => d.path), v = (S, M = "") => {
+      const te = [];
+      return S.forEach((n) => {
+        n.children && n.children.length > 0 ? te.push(...v(n.children, n.menuName)) : te.push({ ...n, parentTitle: M, title: n.menuName, path: n.menuUrl });
+      }), te;
+    }, p = b(() => Y.value.trim() ? v(o.menuList).filter(
+      (M) => M.title.toLowerCase().includes(Y.value.toLowerCase())
+    ) : []), f = b(() => l.isDark ? "#1d1e1f" : "#fff"), k = b(() => l.isDark ? "#cfd3dc" : "#303133"), j = b(() => "#409eff"), D = g(!1), W = g(null), V = g(!1), B = g(!1), H = g(!1), Q = g(!1), Y = g(""), q = g(null), ee = (S) => {
+      S && S !== d.path && i.push(S);
+    }, T = /* @__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 = (S) => {
+      if (!S || S === "") return "";
+      if (S.startsWith("tineco-icon-")) {
+        const te = S.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[te] || te;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[S] || S;
+    }, P = (S) => S ? S.charAt(0) : "", X = (S) => T.has(S), K = () => {
+      l.toggleTheme(), B.value = !1;
+    }, se = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, E = () => {
+      V.value = !!document.fullscreenElement;
+    }, de = () => {
+      D.value = !D.value;
+    }, re = () => {
+      D.value = !1;
+    }, ue = () => {
+      Q.value = !1, Y.value = "";
+    }, _e = (S) => {
+      i.push(S), ue();
+    }, ie = () => {
+      B.value = !0;
+    }, oe = (S) => {
+      H.value = S;
+      const M = document.documentElement;
+      S ? M.classList.add("grey-mode") : M.classList.remove("grey-mode");
+    }, ve = () => {
+      oe(!H.value), B.value = !1;
+    }, xe = () => {
+      l.toggleTheme(), B.value = !1;
+    }, Ce = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], $e = b(() => l.layout), Me = (S) => {
+      l.setLayout(S), B.value = !1;
+    }, Le = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], fe = (S) => {
+      l.setPrimaryColor(S), B.value = !1;
+    }, ge = () => {
+      re(), i.push("/profile");
+    }, z = () => {
+      re(), i.push("/change-password");
+    }, w = () => {
+      re(), u.logout(), _.clearUserInfo(), o.clearMenu(), i.push("/login");
+    }, Z = (S) => {
+      W.value && !W.value.contains(S.target) && re(), q.value && !q.value.contains(S.target) && ue();
+    }, C = (S) => {
+      S.key === "Escape" && (ue(), re());
+    };
+    return Ke(() => {
+      document.addEventListener("click", Z), document.addEventListener("fullscreenchange", E), document.addEventListener("keydown", C), H.value = document.documentElement.classList.contains("grey-mode");
+    }), je(() => {
+      document.removeEventListener("click", Z), document.removeEventListener("fullscreenchange", E), document.removeEventListener("keydown", C);
+    }), (S, M) => {
+      var te;
+      return s(), c("div", As, [
+        e("div", Ps, [
+          e("img", {
+            src: r.logoSrc,
+            alt: "Logo",
+            class: "top-menu__logo-img"
+          }, null, 8, Ds),
+          e("span", Vs, x(a(l).appName), 1)
+        ]),
+        y(a(Xe), {
+          "model-value": h.value,
+          mode: "horizontal",
+          "background-color": f.value,
+          "text-color": k.value,
+          "active-text-color": j.value,
+          class: "top-menu__menu",
+          onSelect: ee
+        }, {
+          default: L(() => [
+            (s(!0), c(F, null, G(a(o).menuList, (n) => (s(), c(F, {
+              key: n.menuUrl
+            }, [
+              n.children && n.children.length > 0 ? (s(), O(a(Re), {
+                key: 0,
+                index: n.menuUrl
+              }, {
+                title: L(() => [
+                  e("span", Os, [
+                    n.menuName !== "首页" ? (s(), c("span", Bs, [
+                      X(I(n.icon)) ? (s(), O(a(N), {
+                        key: 0,
+                        name: I(n.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (s(), c("span", Rs, x(P(n.menuName)), 1))
+                    ])) : A("", !0),
+                    e("span", Fs, x(n.menuName), 1)
+                  ])
+                ]),
+                default: L(() => [
+                  (s(!0), c(F, null, G(n.children, (m) => (s(), c(F, {
+                    key: m.menuUrl
+                  }, [
+                    m.children && m.children.length > 0 ? (s(), O(a(Re), {
+                      key: 0,
+                      index: m.menuUrl
+                    }, {
+                      title: L(() => [
+                        e("span", Ks, [
+                          e("span", js, [
+                            X(I(m.icon)) ? (s(), O(a(N), {
+                              key: 0,
+                              name: I(m.icon),
+                              size: 16
+                            }, null, 8, ["name"])) : (s(), c("span", Ws, x(P(m.menuName)), 1))
+                          ]),
+                          e("span", qs, x(m.menuName), 1)
+                        ])
+                      ]),
+                      default: L(() => [
+                        (s(!0), c(F, null, G(m.children, (R) => (s(), O(a(Se), {
+                          key: R.menuUrl,
+                          index: R.menuUrl
+                        }, {
+                          default: L(() => [
+                            e("span", Hs, [
+                              e("span", Ys, [
+                                X(I(R.icon)) ? (s(), O(a(N), {
+                                  key: 0,
+                                  name: I(R.icon),
+                                  size: 16
+                                }, null, 8, ["name"])) : (s(), c("span", Xs, x(P(R.menuName)), 1))
+                              ]),
+                              e("span", Gs, x(R.menuName), 1)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["index"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["index"])) : (s(), O(a(Se), {
+                      key: 1,
+                      index: m.menuUrl
+                    }, {
+                      default: L(() => [
+                        e("span", Js, [
+                          e("span", Zs, [
+                            X(I(m.icon)) ? (s(), O(a(N), {
+                              key: 0,
+                              name: I(m.icon),
+                              size: 16
+                            }, null, 8, ["name"])) : (s(), c("span", Qs, x(P(m.menuName)), 1))
+                          ]),
+                          e("span", eo, x(m.menuName), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["index"]))
+                  ], 64))), 128))
+                ]),
+                _: 2
+              }, 1032, ["index"])) : (s(), O(a(Se), {
+                key: 1,
+                index: n.menuUrl
+              }, {
+                default: L(() => [
+                  e("span", to, [
+                    n.menuName !== "首页" ? (s(), c("span", so, [
+                      X(I(n.icon)) ? (s(), O(a(N), {
+                        key: 0,
+                        name: I(n.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (s(), c("span", oo, x(P(n.menuName)), 1))
+                    ])) : A("", !0),
+                    e("span", ao, x(n.menuName), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["index"]))
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
+        e("div", no, [
+          e("div", {
+            class: "top-menu__search",
+            ref_key: "searchRef",
+            ref: q
+          }, [
+            y(a(N), {
+              name: "search",
+              size: 14,
+              class: "top-menu__search-icon"
+            }),
+            Ee(e("input", {
+              "onUpdate:modelValue": M[0] || (M[0] = (n) => Y.value = n),
+              type: "text",
+              class: "top-menu__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: M[1] || (M[1] = (n) => Q.value = !0)
+            }, null, 544), [
+              [We, Y.value]
+            ]),
+            y(ke, { name: "search-dropdown" }, {
+              default: L(() => [
+                Q.value && (p.value.length > 0 || Y.value) ? (s(), c("div", lo, [
+                  p.value.length > 0 ? (s(), c("div", ro, [
+                    (s(!0), c(F, null, G(p.value, (n) => (s(), c("div", {
+                      key: n.path,
+                      class: "top-menu__search-item",
+                      onClick: (m) => _e(n.path)
+                    }, [
+                      n.title !== "首页" ? (s(), c("span", co, [
+                        X(I(n.icon)) ? (s(), O(a(N), {
+                          key: 0,
+                          name: I(n.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (s(), c("span", uo, x(P(n.title)), 1))
+                      ])) : A("", !0),
+                      e("span", mo, x(n.title), 1),
+                      n.parentTitle ? (s(), c("span", po, x(n.parentTitle), 1)) : A("", !0)
+                    ], 8, io))), 128))
+                  ])) : (s(), c("div", vo, " 未找到匹配的菜单 "))
+                ])) : A("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "top-menu__action",
+            onClick: se,
+            title: V.value ? "退出全屏" : "全屏"
+          }, [
+            y(a(N), {
+              name: V.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, ho),
+          e("div", {
+            class: "top-menu__action",
+            onClick: ie,
+            title: "换肤设置"
+          }, [
+            y(a(N), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "top-menu__action",
+            onClick: K,
+            title: "切换主题"
+          }, [
+            y(a(N), {
+              name: a(l).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "top-menu__user",
+            ref_key: "dropdownRef",
+            ref: W
+          }, [
+            e("div", {
+              class: "top-menu__user-trigger",
+              onClick: Te(de, ["stop"])
+            }, [
+              e("div", _o, [
+                e("span", null, x(((te = a(_).userName) == null ? void 0 : te.charAt(0)) || "U"), 1)
+              ]),
+              e("span", fo, x(a(_).userName), 1),
+              e("span", {
+                class: J(["top-menu__user-arrow", { "is-active": D.value }])
+              }, "▼", 2)
+            ]),
+            y(ke, { name: "dropdown" }, {
+              default: L(() => {
+                var n;
+                return [
+                  D.value ? (s(), c("div", go, [
+                    e("div", yo, [
+                      e("div", ko, [
+                        e("span", null, x(((n = a(_).userName) == null ? void 0 : n.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", wo, [
+                        e("div", bo, x(a(_).userName), 1),
+                        e("div", xo, x(a(_).departmentName), 1)
+                      ])
+                    ]),
+                    M[7] || (M[7] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
+                    e("div", Co, [
+                      e("div", {
+                        class: "top-menu__dropdown-item",
+                        onClick: ge
+                      }, [
+                        y(a(N), {
+                          name: "user",
+                          size: 16
+                        }),
+                        M[3] || (M[3] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "top-menu__dropdown-item",
+                        onClick: z
+                      }, [
+                        y(a(N), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        M[4] || (M[4] = e("span", null, "修改密码", -1))
+                      ]),
+                      M[6] || (M[6] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "top-menu__dropdown-item top-menu__dropdown-item--danger",
+                        onClick: w
+                      }, [
+                        y(a(N), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        M[5] || (M[5] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : A("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(a(Ge), {
+          modelValue: B.value,
+          "onUpdate:modelValue": M[2] || (M[2] = (n) => B.value = n),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: L(() => [
+            e("div", $o, [
+              e("div", Mo, [
+                M[11] || (M[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", Lo, [
+                  (s(), c(F, null, G(Ce, (n) => e("div", {
+                    key: n.value,
+                    class: J(["layout-option", { "is-active": $e.value === n.value }]),
+                    onClick: (m) => Me(n.value)
+                  }, [
+                    e("div", Io, [
+                      n.value === "sidebar" ? (s(), c("div", No, [...M[8] || (M[8] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : n.value === "top" ? (s(), c("div", Uo, [...M[9] || (M[9] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (s(), c("div", zo, [...M[10] || (M[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", Eo, x(n.label), 1)
+                  ], 10, So)), 64))
+                ])
+              ]),
+              e("div", To, [
+                M[12] || (M[12] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Ao, [
+                  (s(), c(F, null, G(Le, (n) => e("div", {
+                    key: n.value,
+                    class: J(["color-option", { "is-active": a(l).primaryColor === n.value }]),
+                    style: Ie({ backgroundColor: n.value }),
+                    title: n.label,
+                    onClick: (m) => fe(n.value)
+                  }, [
+                    a(l).primaryColor === n.value ? (s(), O(a(N), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : A("", !0)
+                  ], 14, Po)), 64))
+                ])
+              ]),
+              e("div", Do, [
+                M[17] || (M[17] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Vo, [
+                  e("div", Oo, [
+                    M[14] || (M[14] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: J(["switch-wrapper", { "is-checked": H.value }]),
+                      onClick: ve
+                    }, [...M[13] || (M[13] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", Bo, [
+                    M[16] || (M[16] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: J(["switch-wrapper", { "is-checked": a(l).isDark }]),
+                      onClick: xe
+                    }, [...M[15] || (M[15] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Fo = /* @__PURE__ */ le(Ro, [["__scopeId", "data-v-da5e391c"]]), Ko = { class: "mix-top-menu" }, jo = { class: "mix-top-menu__logo" }, Wo = ["src"], qo = { class: "mix-top-menu__logo-text" }, Ho = { class: "mix-top-menu__menu-content" }, Yo = {
+  key: 0,
+  class: "mix-top-menu__menu-icon"
+}, Xo = {
+  key: 1,
+  class: "mix-top-menu__menu-char"
+}, Go = { class: "mix-top-menu__menu-text" }, Jo = { class: "mix-top-menu__actions" }, Zo = {
+  key: 0,
+  class: "mix-top-menu__search-dropdown"
+}, Qo = {
+  key: 0,
+  class: "mix-top-menu__search-results"
+}, ea = ["onClick"], ta = {
+  key: 0,
+  class: "mix-top-menu__search-icon-item"
+}, sa = {
+  key: 1,
+  class: "mix-top-menu__search-char"
+}, oa = { class: "mix-top-menu__search-item-title" }, aa = {
+  key: 1,
+  class: "mix-top-menu__search-item-parent"
+}, na = {
+  key: 1,
+  class: "mix-top-menu__search-empty"
+}, la = ["title"], ra = { class: "mix-top-menu__avatar" }, ia = { class: "mix-top-menu__user-name" }, ca = {
+  key: 0,
+  class: "mix-top-menu__dropdown"
+}, da = { class: "mix-top-menu__dropdown-header" }, ua = { class: "mix-top-menu__dropdown-avatar" }, ma = { class: "mix-top-menu__dropdown-info" }, pa = { class: "mix-top-menu__dropdown-name" }, va = { class: "mix-top-menu__dropdown-role" }, ha = { class: "mix-top-menu__dropdown-menu" }, _a = { class: "settings-drawer" }, fa = { class: "settings-section" }, ga = { class: "settings-layout-options" }, ya = ["onClick"], ka = { class: "layout-option__preview" }, wa = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, ba = {
+  key: 1,
+  class: "layout-preview-top"
+}, xa = {
+  key: 2,
+  class: "layout-preview-mix"
+}, Ca = { class: "layout-option__label" }, $a = { class: "settings-section" }, Ma = { class: "settings-color-options" }, La = ["title", "onClick"], Sa = { class: "settings-section" }, Ia = { class: "settings-switch-list" }, Na = { class: "settings-switch-item" }, Ua = { class: "settings-switch-item" }, za = /* @__PURE__ */ ae({
+  __name: "MixTopMenu",
+  props: {
+    logoSrc: { default: "/vite.svg" }
+  },
+  setup(t) {
+    const r = t, d = be(), i = me(), o = ce(), l = pe(), _ = ne(), u = Ue(), h = g(""), v = (n, m = "") => {
+      const R = [];
+      return n.forEach(($) => {
+        $.children && $.children.length > 0 ? R.push(...v($.children, $.menuName)) : R.push({ ...$, parentTitle: m, title: $.menuName, path: $.menuUrl });
+      }), R;
+    }, p = b(() => I.value.trim() ? v(o.menuList).filter(
+      (m) => m.title.toLowerCase().includes(I.value.toLowerCase())
+    ) : []), f = b(() => {
+      const n = o.menuList.find((m) => m.menuUrl === h.value);
+      return (n == null ? void 0 : n.children) || [];
+    }), k = b(() => o.menuList.find((n) => !!(d.path === n.menuUrl || n.children && n.children.some((m) => d.path.startsWith(m.menuUrl) || d.path === m.menuUrl)))), j = () => {
+      k.value ? h.value = k.value.menuUrl : o.menuList.length > 0 && (h.value = o.menuList[0].menuUrl);
+    }, D = (n) => {
+      h.value = n;
+      const m = o.menuList.find((R) => R.menuUrl === n);
+      if (m)
+        if (m.children && m.children.length > 0) {
+          const R = m.children[0].menuUrl;
+          d.path !== R && i.push(R);
+        } else
+          d.path !== n && i.push(n);
+    }, W = b(() => l.isDark ? "#1d1e1f" : "#fff"), V = b(() => l.isDark ? "#cfd3dc" : "#303133"), B = b(() => "#409eff"), H = g(!1), Q = g(null), Y = g(!1), q = g(!1), ee = g(!1), T = g(!1), I = g(""), P = g(null);
+    ye(() => d.path, () => {
+      j(), l.setMixSubMenus(f.value);
+    }), ye(() => o.menuList, (n) => {
+      n && n.length > 0 && (j(), l.setMixSubMenus(f.value));
+    }, { immediate: !0 });
+    const X = /* @__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"
+    ]), K = (n) => {
+      if (!n || n === "") return "";
+      if (n.startsWith("tineco-icon-")) {
+        const R = n.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[R] || R;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[n] || n;
+    }, se = (n) => n ? n.charAt(0) : "", E = (n) => X.has(n), de = () => {
+      l.toggleTheme(), q.value = !1;
+    }, re = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, ue = () => {
+      Y.value = !!document.fullscreenElement;
+    }, _e = () => {
+      H.value = !H.value;
+    }, ie = () => {
+      H.value = !1;
+    }, oe = () => {
+      T.value = !1, I.value = "";
+    }, ve = (n) => {
+      i.push(n), oe();
+    }, xe = () => {
+      q.value = !0;
+    }, Ce = (n) => {
+      ee.value = n;
+      const m = document.documentElement;
+      n ? m.classList.add("grey-mode") : m.classList.remove("grey-mode");
+    }, $e = () => {
+      Ce(!ee.value), q.value = !1;
+    }, Me = () => {
+      l.toggleTheme(), q.value = !1;
+    }, Le = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], fe = b(() => l.layout), ge = (n) => {
+      l.setLayout(n), q.value = !1;
+    }, z = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], w = (n) => {
+      l.setPrimaryColor(n), q.value = !1;
+    }, Z = () => {
+      ie(), i.push("/profile");
+    }, C = () => {
+      ie(), i.push("/change-password");
+    }, S = () => {
+      ie(), u.logout(), _.clearUserInfo(), o.clearMenu(), i.push("/login");
+    }, M = (n) => {
+      Q.value && !Q.value.contains(n.target) && ie(), P.value && !P.value.contains(n.target) && oe();
+    }, te = (n) => {
+      n.key === "Escape" && (oe(), ie());
+    };
+    return Ke(() => {
+      document.addEventListener("click", M), document.addEventListener("fullscreenchange", ue), document.addEventListener("keydown", te), ee.value = document.documentElement.classList.contains("grey-mode"), j();
+    }), je(() => {
+      document.removeEventListener("click", M), document.removeEventListener("fullscreenchange", ue), document.removeEventListener("keydown", te);
+    }), (n, m) => {
+      var R;
+      return s(), c("div", Ko, [
+        e("div", jo, [
+          e("img", {
+            src: r.logoSrc,
+            alt: "Logo",
+            class: "mix-top-menu__logo-img"
+          }, null, 8, Wo),
+          e("span", qo, x(a(l).appName), 1)
+        ]),
+        y(a(Xe), {
+          "model-value": h.value,
+          mode: "horizontal",
+          "background-color": W.value,
+          "text-color": V.value,
+          "active-text-color": B.value,
+          class: "mix-top-menu__menu",
+          onSelect: D
+        }, {
+          default: L(() => [
+            (s(!0), c(F, null, G(a(o).menuList, ($) => (s(), O(a(Se), {
+              key: $.menuUrl,
+              index: $.menuUrl
+            }, {
+              default: L(() => [
+                e("span", Ho, [
+                  $.menuName !== "首页" ? (s(), c("span", Yo, [
+                    E(K($.icon)) ? (s(), O(a(N), {
+                      key: 0,
+                      name: K($.icon),
+                      size: 16
+                    }, null, 8, ["name"])) : (s(), c("span", Xo, x(se($.menuName)), 1))
+                  ])) : A("", !0),
+                  e("span", Go, x($.menuName), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["index"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
+        e("div", Jo, [
+          e("div", {
+            class: "mix-top-menu__search",
+            ref_key: "searchRef",
+            ref: P
+          }, [
+            y(a(N), {
+              name: "search",
+              size: 14,
+              class: "mix-top-menu__search-icon"
+            }),
+            Ee(e("input", {
+              "onUpdate:modelValue": m[0] || (m[0] = ($) => I.value = $),
+              type: "text",
+              class: "mix-top-menu__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: m[1] || (m[1] = ($) => T.value = !0)
+            }, null, 544), [
+              [We, I.value]
+            ]),
+            y(ke, { name: "search-dropdown" }, {
+              default: L(() => [
+                T.value && (p.value.length > 0 || I.value) ? (s(), c("div", Zo, [
+                  p.value.length > 0 ? (s(), c("div", Qo, [
+                    (s(!0), c(F, null, G(p.value, ($) => (s(), c("div", {
+                      key: $.path,
+                      class: "mix-top-menu__search-item",
+                      onClick: (Ze) => ve($.path)
+                    }, [
+                      $.title !== "首页" ? (s(), c("span", ta, [
+                        E(K($.icon)) ? (s(), O(a(N), {
+                          key: 0,
+                          name: K($.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (s(), c("span", sa, x(se($.title)), 1))
+                      ])) : A("", !0),
+                      e("span", oa, x($.title), 1),
+                      $.parentTitle ? (s(), c("span", aa, x($.parentTitle), 1)) : A("", !0)
+                    ], 8, ea))), 128))
+                  ])) : (s(), c("div", na, " 未找到匹配的菜单 "))
+                ])) : A("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: re,
+            title: Y.value ? "退出全屏" : "全屏"
+          }, [
+            y(a(N), {
+              name: Y.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, la),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: xe,
+            title: "换肤设置"
+          }, [
+            y(a(N), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: de,
+            title: "切换主题"
+          }, [
+            y(a(N), {
+              name: a(l).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "mix-top-menu__user",
+            ref_key: "dropdownRef",
+            ref: Q
+          }, [
+            e("div", {
+              class: "mix-top-menu__user-trigger",
+              onClick: Te(_e, ["stop"])
+            }, [
+              e("div", ra, [
+                e("span", null, x(((R = a(_).userName) == null ? void 0 : R.charAt(0)) || "U"), 1)
+              ]),
+              e("span", ia, x(a(_).userName), 1),
+              e("span", {
+                class: J(["mix-top-menu__user-arrow", { "is-active": H.value }])
+              }, "▼", 2)
+            ]),
+            y(ke, { name: "dropdown" }, {
+              default: L(() => {
+                var $;
+                return [
+                  H.value ? (s(), c("div", ca, [
+                    e("div", da, [
+                      e("div", ua, [
+                        e("span", null, x((($ = a(_).userName) == null ? void 0 : $.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", ma, [
+                        e("div", pa, x(a(_).userName), 1),
+                        e("div", va, x(a(_).departmentName), 1)
+                      ])
+                    ]),
+                    m[7] || (m[7] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
+                    e("div", ha, [
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item",
+                        onClick: Z
+                      }, [
+                        y(a(N), {
+                          name: "user",
+                          size: 16
+                        }),
+                        m[3] || (m[3] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item",
+                        onClick: C
+                      }, [
+                        y(a(N), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        m[4] || (m[4] = e("span", null, "修改密码", -1))
+                      ]),
+                      m[6] || (m[6] = 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: S
+                      }, [
+                        y(a(N), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        m[5] || (m[5] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : A("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(a(Ge), {
+          modelValue: q.value,
+          "onUpdate:modelValue": m[2] || (m[2] = ($) => q.value = $),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: L(() => [
+            e("div", _a, [
+              e("div", fa, [
+                m[11] || (m[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", ga, [
+                  (s(), c(F, null, G(Le, ($) => e("div", {
+                    key: $.value,
+                    class: J(["layout-option", { "is-active": fe.value === $.value }]),
+                    onClick: (Ze) => ge($.value)
+                  }, [
+                    e("div", ka, [
+                      $.value === "sidebar" ? (s(), c("div", wa, [...m[8] || (m[8] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : $.value === "top" ? (s(), c("div", ba, [...m[9] || (m[9] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (s(), c("div", xa, [...m[10] || (m[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", Ca, x($.label), 1)
+                  ], 10, ya)), 64))
+                ])
+              ]),
+              e("div", $a, [
+                m[12] || (m[12] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Ma, [
+                  (s(), c(F, null, G(z, ($) => e("div", {
+                    key: $.value,
+                    class: J(["color-option", { "is-active": a(l).primaryColor === $.value }]),
+                    style: Ie({ backgroundColor: $.value }),
+                    title: $.label,
+                    onClick: (Ze) => w($.value)
+                  }, [
+                    a(l).primaryColor === $.value ? (s(), O(a(N), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : A("", !0)
+                  ], 14, La)), 64))
+                ])
+              ]),
+              e("div", Sa, [
+                m[17] || (m[17] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Ia, [
+                  e("div", Na, [
+                    m[14] || (m[14] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: J(["switch-wrapper", { "is-checked": ee.value }]),
+                      onClick: $e
+                    }, [...m[13] || (m[13] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", Ua, [
+                    m[16] || (m[16] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: J(["switch-wrapper", { "is-checked": a(l).isDark }]),
+                      onClick: Me
+                    }, [...m[15] || (m[15] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ea = /* @__PURE__ */ le(za, [["__scopeId", "data-v-18f26903"]]), Ta = {
+  key: 0,
+  class: "layout layout--sidebar"
+}, Aa = { class: "layout__main" }, Pa = { class: "layout__header" }, Da = { class: "layout__content" }, Va = {
+  key: 1,
+  class: "layout layout--top"
+}, Oa = { class: "layout__top-menu" }, Ba = { class: "layout__main" }, Ra = { class: "layout__content" }, Fa = {
+  key: 2,
+  class: "layout layout--mix"
+}, Ka = { class: "layout__mix-top-menu" }, ja = { class: "layout__mix-body" }, Wa = { class: "layout__content" }, qa = /* @__PURE__ */ ae({
+  __name: "index",
+  props: {
+    logoSrc: { default: "/vite.svg" }
+  },
+  setup(t) {
+    const r = t, d = pe(), i = ce(), o = b(
+      () => d.isCollapsed ? "64px" : "210px"
+    ), l = b(() => d.layout), _ = b(() => l.value === "mix"), u = b(() => l.value === "sidebar" ? i.menuList : l.value === "mix" ? d.mixSubMenus : []), h = b(() => _.value ? u.value.length > 0 : !1);
+    return (v, p) => {
+      const f = lt("router-view");
+      return s(), c(F, null, [
+        l.value === "sidebar" ? (s(), c("div", Ta, [
+          e("aside", {
+            class: "layout__aside",
+            style: Ie({ width: o.value })
+          }, [
+            y(et, {
+              "menu-list": u.value,
+              "show-logo": !0,
+              "show-user": !0,
+              "logo-src": r.logoSrc
+            }, null, 8, ["menu-list", "logo-src"])
+          ], 4),
+          e("div", Aa, [
+            e("header", Pa, [
+              y(Ts)
+            ]),
+            e("main", Da, [
+              y(f)
+            ])
+          ])
+        ])) : A("", !0),
+        l.value === "top" ? (s(), c("div", Va, [
+          e("div", Oa, [
+            y(Fo, {
+              "logo-src": r.logoSrc
+            }, null, 8, ["logo-src"])
+          ]),
+          e("div", Ba, [
+            e("main", Ra, [
+              y(f)
+            ])
+          ])
+        ])) : A("", !0),
+        l.value === "mix" ? (s(), c("div", Fa, [
+          e("div", Ka, [
+            y(Ea, {
+              "logo-src": r.logoSrc
+            }, null, 8, ["logo-src"])
+          ]),
+          e("div", ja, [
+            h.value ? (s(), c("aside", {
+              key: 0,
+              class: "layout__aside",
+              style: Ie({ width: o.value })
+            }, [
+              y(et, {
+                "menu-list": u.value,
+                "show-logo": !1,
+                "show-user": !1
+              }, null, 8, ["menu-list"])
+            ], 4)) : A("", !0),
+            e("main", Wa, [
+              y(f)
+            ])
+          ])
+        ])) : A("", !0)
+      ], 64);
+    };
+  }
+}), it = /* @__PURE__ */ le(qa, [["__scopeId", "data-v-3317ef3c"]]), Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: it
+}, Symbol.toStringTag, { value: "Module" })), Ya = { class: "tabs-wrapper" }, Xa = { class: "tab-label" }, Ga = ["onClick"], Ja = /* @__PURE__ */ ae({
+  __name: "Tabs",
+  setup(t) {
+    const r = be(), d = me(), i = b(() => {
+      const u = [];
+      return r.matched.forEach((h) => {
+        var v;
+        (v = h.meta) != null && v.affix && u.push({
+          name: h.name,
+          title: h.meta.title,
+          path: h.path,
+          affix: !0
+        });
+      }), u;
+    }), o = b(() => r.path), l = (u) => {
+      d.push(u);
+    }, _ = (u) => {
+      const h = i.value.find((v) => v.path === u);
+      if (!(h != null && h.affix) && u === o.value) {
+        const v = i.value.findIndex((f) => f.path === u), p = i.value[v - 1] || i.value[v + 1];
+        p && d.push(p.path);
+      }
+    };
+    return (u, h) => (s(), c("div", Ya, [
+      y(a(wt), {
+        modelValue: o.value,
+        "onUpdate:modelValue": h[0] || (h[0] = (v) => o.value = v),
+        type: "card",
+        onTabClick: l
+      }, {
+        default: L(() => [
+          (s(!0), c(F, null, G(i.value, (v) => (s(), O(a(bt), {
+            key: v.path,
+            name: v.path,
+            label: v.title,
+            closable: !v.affix
+          }, {
+            label: L(() => [
+              e("span", Xa, [
+                he(x(v.title) + " ", 1),
+                v.affix ? A("", !0) : (s(), c("span", {
+                  key: 0,
+                  class: "tab-close",
+                  onClick: Te((p) => _(v.path), ["stop"])
+                }, " ✕ ", 8, Ga))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["name", "label", "closable"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}), Bn = /* @__PURE__ */ le(Ja, [["__scopeId", "data-v-9156d8cd"]]), Za = {}, Qa = { class: "footer" };
+function en(t, r) {
+  return s(), c("div", Qa, [...r[0] || (r[0] = [
+    e("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const Rn = /* @__PURE__ */ le(Za, [["render", en], ["__scopeId", "data-v-4852826a"]]), tn = { class: "login-page" }, sn = { class: "login-form-section" }, on = { class: "form-container" }, an = { class: "input-wrapper" }, nn = { class: "input-wrapper" }, ln = { class: "form-options" }, rn = { key: 0 }, cn = { key: 1 }, dn = /* @__PURE__ */ ae({
+  __name: "index",
+  setup(t) {
+    const r = me(), d = be(), i = g(!1), o = g(!1), l = qe({
+      uid: "",
+      password: ""
+    }), _ = {
+      uid: [
+        { required: !0, message: "请输入用户名", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" },
+        { min: 6, message: "密码长度至少6位", trigger: "blur" }
+      ]
+    }, u = g(), h = async () => {
+      var v;
+      try {
+        await ((v = u.value) == null ? void 0 : v.validate()), i.value = !0;
+        const p = await pt({
+          appId: Fe(),
+          clientId: nt(),
+          uid: l.uid,
+          password: l.password,
+          code: !0
+        });
+        at(p), xt.success("登录成功");
+        const f = d.query.redirect || "/";
+        r.push(f);
+      } catch (p) {
+        console.error("登录失败:", p);
+      } finally {
+        i.value = !1;
+      }
+    };
+    return (v, p) => (s(), c("div", tn, [
+      p[10] || (p[10] = ze('<div class="login-brand" data-v-15fc7de5><div class="brand-content" data-v-15fc7de5><div class="brand-logo" data-v-15fc7de5><div class="logo-icon" data-v-15fc7de5><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-15fc7de5><rect width="48" height="48" rx="12" fill="currentColor" data-v-15fc7de5></rect><path d="M14 24L20 30L34 16" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-v-15fc7de5></path></svg></div><span class="logo-text" data-v-15fc7de5>XTO</span></div><div class="brand-slogan" data-v-15fc7de5><h1 data-v-15fc7de5>企业级后台管理解决方案</h1><p data-v-15fc7de5>开箱即用的中后台前端/设计解决方案</p></div><div class="brand-features" data-v-15fc7de5><div class="feature-item" data-v-15fc7de5><div class="feature-icon" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-15fc7de5><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" data-v-15fc7de5></path></svg></div><div class="feature-text" data-v-15fc7de5><h4 data-v-15fc7de5>高性能</h4><p data-v-15fc7de5>极致的渲染性能与响应速度</p></div></div><div class="feature-item" data-v-15fc7de5><div class="feature-icon" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-15fc7de5><rect x="3" y="3" width="18" height="18" rx="2" data-v-15fc7de5></rect><path d="M9 9h6M9 12h6M9 15h4" data-v-15fc7de5></path></svg></div><div class="feature-text" data-v-15fc7de5><h4 data-v-15fc7de5>丰富组件</h4><p data-v-15fc7de5>60+ 高质量业务组件</p></div></div><div class="feature-item" data-v-15fc7de5><div class="feature-icon" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-15fc7de5><circle cx="12" cy="12" r="10" data-v-15fc7de5></circle><path d="M12 6v6l4 2" data-v-15fc7de5></path></svg></div><div class="feature-text" data-v-15fc7de5><h4 data-v-15fc7de5>持续更新</h4><p data-v-15fc7de5>活跃的社区与快速迭代</p></div></div></div><div class="brand-decoration" data-v-15fc7de5><div class="decoration-line" data-v-15fc7de5></div><div class="decoration-dots" data-v-15fc7de5><span data-v-15fc7de5></span><span data-v-15fc7de5></span><span data-v-15fc7de5></span></div></div></div><div class="brand-bg" data-v-15fc7de5><div class="bg-grid" data-v-15fc7de5></div><div class="bg-glow" data-v-15fc7de5></div><div class="bg-pattern" data-v-15fc7de5></div></div></div>', 1)),
+      e("div", sn, [
+        e("div", on, [
+          p[7] || (p[7] = e("div", { class: "form-header" }, [
+            e("h2", null, "欢迎登录"),
+            e("p", null, "请输入您的账户信息")
+          ], -1)),
+          y(a(Ct), {
+            ref_key: "formRef",
+            ref: u,
+            model: l,
+            rules: _,
+            class: "login-form",
+            "label-width": "0"
+          }, {
+            default: L(() => [
+              y(a(Ae), { prop: "uid" }, {
+                default: L(() => [
+                  e("div", an, [
+                    p[3] || (p[3] = e("label", { class: "input-label" }, "用户名", -1)),
+                    y(a(Qe), {
+                      modelValue: l.uid,
+                      "onUpdate:modelValue": p[0] || (p[0] = (f) => l.uid = f),
+                      placeholder: "请输入用户名",
+                      size: "large"
+                    }, {
+                      prefix: L(() => [
+                        y(a(N), {
+                          name: "user",
+                          size: 18
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              y(a(Ae), { prop: "password" }, {
+                default: L(() => [
+                  e("div", nn, [
+                    p[4] || (p[4] = e("label", { class: "input-label" }, "密码", -1)),
+                    y(a(Qe), {
+                      modelValue: l.password,
+                      "onUpdate:modelValue": p[1] || (p[1] = (f) => l.password = f),
+                      type: "password",
+                      placeholder: "请输入密码",
+                      size: "large",
+                      "show-password": "",
+                      onKeyup: yt(h, ["enter"])
+                    }, {
+                      prefix: L(() => [
+                        y(a(N), {
+                          name: "lock",
+                          size: 18
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              e("div", ln, [
+                y(a($t), {
+                  modelValue: o.value,
+                  "onUpdate:modelValue": p[2] || (p[2] = (f) => o.value = f)
+                }, {
+                  default: L(() => [...p[5] || (p[5] = [
+                    he("记住我", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                p[6] || (p[6] = e("a", {
+                  href: "#",
+                  class: "forgot-link"
+                }, "忘记密码？", -1))
+              ]),
+              y(a(Ae), null, {
+                default: L(() => [
+                  y(a(we), {
+                    type: "primary",
+                    size: "large",
+                    loading: i.value,
+                    class: "login-btn",
+                    onClick: h
+                  }, {
+                    default: L(() => [
+                      i.value ? (s(), c("span", cn, "登录中...")) : (s(), c("span", rn, "登 录"))
+                    ]),
+                    _: 1
+                  }, 8, ["loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model"]),
+          p[8] || (p[8] = ze('<div class="form-footer" data-v-15fc7de5><p data-v-15fc7de5>其他登录方式</p><div class="social-login" data-v-15fc7de5><button class="social-btn" title="企业微信" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="currentColor" data-v-15fc7de5><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-15fc7de5></path></svg></button><button class="social-btn" title="钉钉" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="currentColor" data-v-15fc7de5><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-15fc7de5></path></svg></button><button class="social-btn" title="飞书" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="currentColor" data-v-15fc7de5><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-15fc7de5></path></svg></button></div></div>', 1))
+        ]),
+        p[9] || (p[9] = e("div", { class: "copyright" }, [
+          e("p", null, "© 2024 XTO Team. All rights reserved.")
+        ], -1))
+      ])
+    ]));
+  }
+}), un = /* @__PURE__ */ le(dn, [["__scopeId", "data-v-15fc7de5"]]), mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: un
+}, Symbol.toStringTag, { value: "Module" })), pn = { class: "error-page" }, vn = { class: "error-container" }, hn = { class: "error-content" }, _n = { class: "error-actions" }, fn = /* @__PURE__ */ ae({
+  __name: "404",
+  setup(t) {
+    const r = me(), d = () => {
+      r.push("/");
+    };
+    return (i, o) => (s(), c("div", pn, [
+      e("div", vn, [
+        o[7] || (o[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", hn, [
+          o[5] || (o[5] = ze('<div class="error-code" data-v-3a9e61ae><span class="code-digit" data-v-3a9e61ae>4</span><span class="code-zero" data-v-3a9e61ae><span class="zero-inner" data-v-3a9e61ae>0</span></span><span class="code-digit" data-v-3a9e61ae>4</span></div><div class="error-illustration" data-v-3a9e61ae><svg viewBox="0 0 200 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-3a9e61ae><rect x="40" y="20" width="120" height="80" rx="8" fill="var(--color-fill)" stroke="var(--color-border)" stroke-width="2" data-v-3a9e61ae></rect><rect x="50" y="30" width="100" height="60" rx="4" fill="var(--bg-color)" data-v-3a9e61ae></rect><line x1="60" y1="45" x2="140" y2="45" stroke="var(--color-border-light)" stroke-width="2" data-v-3a9e61ae></line><line x1="60" y1="55" x2="120" y2="55" stroke="var(--color-border-light)" stroke-width="2" data-v-3a9e61ae></line><line x1="60" y1="65" x2="100" y2="65" stroke="var(--color-border-light)" stroke-width="2" data-v-3a9e61ae></line><text x="100" y="75" text-anchor="middle" fill="var(--color-primary)" font-size="24" font-weight="600" data-v-3a9e61ae>?</text><circle cx="150" cy="35" r="12" stroke="var(--color-primary)" stroke-width="2" fill="none" data-v-3a9e61ae></circle><line x1="158" y1="43" x2="168" y2="53" stroke="var(--color-primary)" stroke-width="2" stroke-linecap="round" data-v-3a9e61ae></line></svg></div><h1 class="error-title" data-v-3a9e61ae>页面不存在</h1><p class="error-desc" data-v-3a9e61ae>抱歉，您访问的页面不存在或已被删除</p>', 4)),
+          e("div", _n, [
+            y(a(we), {
+              type: "primary",
+              size: "large",
+              onClick: d
+            }, {
+              icon: L(() => [...o[1] || (o[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: L(() => [
+                o[2] || (o[2] = he(" 返回首页 ", -1))
+              ]),
+              _: 1
+            }),
+            y(a(we), {
+              size: "large",
+              onClick: o[0] || (o[0] = (l) => a(r).go(-1))
+            }, {
+              icon: L(() => [...o[3] || (o[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: L(() => [
+                o[4] || (o[4] = he(" 返回上一页 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          o[6] || (o[6] = e("div", { class: "error-tip" }, [
+            e("p", null, "您可以尝试："),
+            e("ul", null, [
+              e("li", null, "检查您输入的网址是否正确"),
+              e("li", null, "返回首页重新浏览"),
+              e("li", null, "联系管理员反馈问题")
+            ])
+          ], -1))
+        ])
+      ])
+    ]));
+  }
+}), gn = /* @__PURE__ */ le(fn, [["__scopeId", "data-v-3a9e61ae"]]), ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: gn
+}, Symbol.toStringTag, { value: "Module" })), yn = { class: "error-page" }, kn = { class: "error-container" }, wn = { class: "error-content" }, bn = { class: "error-actions" }, xn = /* @__PURE__ */ ae({
+  __name: "403",
+  setup(t) {
+    const r = me(), d = () => {
+      r.push("/");
+    };
+    return (i, o) => (s(), c("div", yn, [
+      e("div", kn, [
+        o[7] || (o[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", wn, [
+          o[5] || (o[5] = ze('<div class="error-code" data-v-c733ebac><span class="code-digit" data-v-c733ebac>4</span><span class="code-zero warning" data-v-c733ebac><span class="zero-inner" data-v-c733ebac>0</span></span><span class="code-digit" data-v-c733ebac>3</span></div><div class="error-illustration" data-v-c733ebac><svg viewBox="0 0 200 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-c733ebac><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-c733ebac></path><rect x="85" y="55" width="30" height="25" rx="4" fill="var(--color-warning)" data-v-c733ebac></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-c733ebac></path><circle cx="100" cy="67" r="6" fill="none" stroke="#fff" stroke-width="2" data-v-c733ebac></circle><line x1="96" y1="63" x2="104" y2="71" stroke="#fff" stroke-width="2" data-v-c733ebac></line></svg></div><h1 class="error-title" data-v-c733ebac>无访问权限</h1><p class="error-desc" data-v-c733ebac>抱歉，您没有权限访问此页面，请联系管理员获取权限</p>', 4)),
+          e("div", bn, [
+            y(a(we), {
+              type: "primary",
+              size: "large",
+              onClick: d
+            }, {
+              icon: L(() => [...o[1] || (o[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: L(() => [
+                o[2] || (o[2] = he(" 返回首页 ", -1))
+              ]),
+              _: 1
+            }),
+            y(a(we), {
+              size: "large",
+              onClick: o[0] || (o[0] = (l) => a(r).go(-1))
+            }, {
+              icon: L(() => [...o[3] || (o[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: L(() => [
+                o[4] || (o[4] = he(" 返回上一页 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          o[6] || (o[6] = e("div", { class: "error-tip" }, [
+            e("p", null, "可能的原因："),
+            e("ul", null, [
+              e("li", null, "您的账号权限不足"),
+              e("li", null, "该页面需要特定角色才能访问"),
+              e("li", null, "您的登录状态已过期")
+            ])
+          ], -1))
+        ])
+      ])
+    ]));
+  }
+}), Fn = /* @__PURE__ */ le(xn, [["__scopeId", "data-v-c733ebac"]]);
+function Kn() {
+  const t = pe(), r = ne(), d = Ue(), i = b(() => r.userName || ""), o = b(() => r.userInfo), l = b(() => t.appName), _ = b(() => d.isLoggedIn), u = b(() => t.isDark), h = b(() => t.theme), v = b(() => t.isCollapsed), p = b(() => t.layout);
+  return {
+    userName: i,
+    userInfo: o,
+    appName: l,
+    isLoggedIn: _,
+    isDark: u,
+    theme: h,
+    isCollapsed: v,
+    layout: p,
+    toggleTheme: () => {
+      t.toggleTheme();
+    },
+    toggleCollapse: () => {
+      t.toggleCollapse();
+    }
+  };
+}
+function jn() {
+  const t = ne();
+  return {
+    isLoggedIn: b(() => t.isLoggedIn)
+  };
+}
+function Wn(t, r = {}) {
+  const { rules: d, onSubmit: i } = r, o = g(), l = qe({ ...t }), _ = g(!1), u = g(!1), h = g(!1), v = () => {
+    k(), h.value = !1, u.value = !0;
+  }, p = (D) => {
+    Object.assign(l, D), h.value = !0, u.value = !0;
+  }, f = () => {
+    u.value = !1, k();
+  }, k = () => {
+    var D;
+    Object.keys(t).forEach((W) => {
+      l[W] = t[W];
+    }), (D = o.value) == null || D.resetFields();
+  };
+  return {
+    formRef: o,
+    formData: l,
+    rules: d,
+    loading: _,
+    visible: u,
+    isEdit: h,
+    openAdd: v,
+    openEdit: p,
+    close: f,
+    resetForm: k,
+    handleSubmit: async () => {
+      var D;
+      try {
+        await ((D = o.value) == null ? void 0 : D.validate()), _.value = !0, await (i == null ? void 0 : i(l)), f();
+      } catch (W) {
+        console.error(W);
+      } finally {
+        _.value = !1;
+      }
+    }
+  };
+}
+function qn(t) {
+  const { fetchData: r, defaultPageSize: d = 10 } = t, i = g(!1), o = g([]), l = g(0), _ = g(1), u = g(d), h = qe({}), v = async () => {
+    i.value = !0;
+    try {
+      const V = {
+        ...h,
+        page: _.value,
+        pageSize: u.value
+      }, B = await r(V);
+      o.value = B.list, l.value = B.total;
+    } catch (V) {
+      console.error(V);
+    } finally {
+      i.value = !1;
+    }
+  }, p = () => {
+    _.value = 1, v();
+  }, f = () => {
+    Object.keys(h).forEach((V) => {
+      h[V] = void 0;
+    }), _.value = 1, v();
+  }, k = (V) => {
+    _.value = V, v();
+  }, j = (V) => {
+    u.value = V, _.value = 1, v();
+  }, D = () => {
+    v();
+  }, W = b(() => ({
+    current: _.value,
+    pageSize: u.value,
+    total: l.value
+  }));
+  return {
+    loading: i,
+    data: o,
+    total: l,
+    currentPage: _,
+    pageSize: u,
+    searchParams: h,
+    pagination: W,
+    getData: v,
+    handleSearch: p,
+    handleReset: f,
+    handlePageChange: k,
+    handleSizeChange: j,
+    refresh: D
+  };
+}
+const Je = Ne("locale", () => {
+  const t = U.get("locale") || "zh-CN", r = Mt(t), d = g(t), i = Lt(), { t: o, messages: l, setLocale: _, mergeMessages: u } = St(), h = b(() => {
+    const k = i.find((j) => j.code === d.value);
+    return (k == null ? void 0 : k.name) || d.value;
+  });
+  return {
+    locale: d,
+    localeName: h,
+    locales: i,
+    messages: l,
+    t: o,
+    changeLocale: (k) => {
+      d.value = k, _(k), U.set("locale", k), r.setLocale(k);
+    },
+    addMessages: (k) => {
+      u(k);
+    },
+    initLocale: () => {
+      _(t);
+    },
+    provider: r
+  };
+}), Cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useLocaleStore: Je
+}, Symbol.toStringTag, { value: "Module" }));
+function Hn() {
+  const t = Je();
+  return {
+    /** 当前语言代码 */
+    locale: t.locale,
+    /** 当前语言名称 */
+    localeName: t.localeName,
+    /** 支持的语言列表 */
+    locales: t.locales,
+    /** 翻译函数 */
+    t: t.t,
+    /** 当前语言包 */
+    messages: t.messages,
+    /** 切换语言 */
+    setLocale: t.changeLocale,
+    /** 添加自定义翻译 */
+    addMessages: t.addMessages
+  };
+}
+function Yn() {
+  return Je().t;
+}
+function Xn(t) {
+  const r = ne(), d = ce();
+  return r.isLoggedIn ? d.hasPermission(t) : !1;
+}
+function Gn(t) {
+  return ne().isLoggedIn;
+}
+function Jn() {
+  return !0;
+}
+const dt = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => Promise.resolve().then(() => mn),
+    meta: {
+      title: "登录",
+      hidden: !0
+    }
+  }
+], ut = {
+  path: "/",
+  name: "Layout",
+  component: () => Promise.resolve().then(() => Ha),
+  redirect: "/dashboard",
+  children: [
+    {
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("./index-zKJLxthI.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-BJlOXgu5.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-B-lMqzxZ.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-DgffG7KK.js"),
+      meta: {
+        title: "菜单管理",
+        icon: "menu",
+        keepAlive: !0
+      }
+    },
+    // catch-all 路由：让 404 在 Layout 内部渲染，保持左侧菜单显示
+    {
+      path: "/:pathMatch(.*)*",
+      name: "CatchAll",
+      component: () => Promise.resolve().then(() => ct),
+      meta: {
+        title: "404",
+        hidden: !0
+      }
+    }
+  ]
+}, Zn = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-zKJLxthI.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-BJlOXgu5.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-B-lMqzxZ.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-DgffG7KK.js"),
+        meta: {
+          title: "菜单管理",
+          icon: "menu",
+          keepAlive: !0
+        }
+      }
+    ]
+  }
+], $n = [
+  {
+    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
+      }
+    ]
+  }
+], mt = He({
+  history: Ye(),
+  routes: [...dt, ut],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), Mn = ["/login"];
+mt.beforeEach(async (t, r, d) => {
+  const i = pe();
+  if (i.initTheme(), st())
+    if (t.path === "/login")
+      d({ path: "/" });
+    else {
+      const o = ne();
+      o.isLoggedIn || (o.setUserInfo({
+        appId: Fe(),
+        userId: "1",
+        userName: "管理员",
+        departmentName: "技术部",
+        email: "admin@example.com",
+        mobilePhone: "13800138000",
+        positionName: "管理员",
+        avatar: ""
+      }), ce().setMenuList($n)), t.name && t.meta.keepAlive && i.addCachedView(t.name), d();
+    }
+  else
+    Mn.includes(t.path) ? d() : d("/login");
+});
+function Qn() {
+  const t = He({
+    history: Ye(),
+    routes: [...dt, ut]
+  });
+  mt.matcher = t.matcher;
+}
+function el(t, r = {}) {
+  const d = r.indexPath || "/dashboard", i = r.logoSrc || "/vite.svg", o = {
+    path: "/:pathMatch(.*)*",
+    name: "CatchAll",
+    component: () => Promise.resolve().then(() => ct),
+    meta: {
+      title: "404"
+    }
+  };
+  return {
+    path: "/",
+    name: "Layout",
+    component: ae({
+      name: "LayoutWrapper",
+      render() {
+        return kt(it, { logoSrc: i });
+      }
+    }),
+    redirect: d,
+    children: [...t, o]
+  };
+}
+function tl(t, r = {}) {
+  return He({
+    history: Ye(r.base),
+    routes: t,
+    scrollBehavior: () => ({ left: 0, top: 0 })
+  });
+}
+const Ln = ["/login", "/404", "/403"];
+function sl(t, r = {}) {
+  const d = r.whiteList || Ln, i = r.loginPath || "/login", o = r.homePath || "/";
+  t.beforeEach(async (l, _, u) => {
+    const h = pe(), v = ne(), p = ce();
+    if (h.initTheme(), tt())
+      if (l.path === i)
+        u({ path: o });
+      else if (v.isLoggedIn)
+        l.name && l.meta.keepAlive && h.addCachedView(l.name), u();
+      else
+        try {
+          if (r.fetchUserInfo) {
+            const k = await r.fetchUserInfo();
+            v.setUserInfo(k);
+          } else {
+            const k = await vt();
+            v.setUserInfo(k);
+          }
+          if (r.fetchMenu) {
+            const k = await r.fetchMenu();
+            p.setMenuList(k);
+          } else {
+            const k = await ht(r.appId);
+            p.setMenuList(k);
+          }
+          r.onLoginSuccess && r.onLoginSuccess(), l.name && l.meta.keepAlive && h.addCachedView(l.name), u({ ...l, replace: !0 });
+        } catch (k) {
+          console.error("获取用户信息失败:", k), v.clearUserInfo(), p.clearMenu(), ot(), u({ path: i, query: { redirect: l.fullPath } });
+        }
+    else
+      d.includes(l.path) ? u() : u({ path: i, query: { redirect: l.fullPath } });
+  }), t.afterEach(() => {
+  });
+}
+var Sn = /* @__PURE__ */ ((t) => (t[t.ENABLED = 1] = "ENABLED", t[t.DISABLED = 0] = "DISABLED", t))(Sn || {}), In = /* @__PURE__ */ ((t) => (t[t.UNKNOWN = 0] = "UNKNOWN", t[t.MALE = 1] = "MALE", t[t.FEMALE = 2] = "FEMALE", t))(In || {}), Nn = /* @__PURE__ */ ((t) => (t[t.DIRECTORY = 0] = "DIRECTORY", t[t.MENU = 1] = "MENU", t[t.BUTTON = 2] = "BUTTON", t))(Nn || {});
+const ol = {
+  1: "启用",
+  0: "禁用"
+}, al = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, nl = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, ll = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], rl = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], il = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], cl = {
+  mounted(t, r) {
+    var _, u;
+    const d = ne(), i = ce();
+    if (!d.isLoggedIn) {
+      (_ = t.parentNode) == null || _.removeChild(t);
+      return;
+    }
+    const o = r.value, l = Array.isArray(o) ? o : [o];
+    i.hasPermission(l) || (u = t.parentNode) == null || u.removeChild(t);
+  }
+};
+function dl(t) {
+  return _t({
+    appId: t.appId,
+    clientId: t.clientId,
+    apiBaseUrl: t.apiBaseUrl
+  }), t.locale && Promise.resolve().then(() => Cn).then(({ useLocaleStore: r }) => {
+    r().changeLocale(t.locale);
+  }), {
+    config: {
+      appName: t.appName || "XTO App",
+      appId: Fe(),
+      clientId: nt(),
+      apiBaseUrl: ft(),
+      indexPath: t.indexPath || "/dashboard",
+      loginPath: t.loginPath || "/login",
+      locale: t.locale || "zh-CN"
+    }
+  };
+}
+export {
+  pe as A,
+  jn as B,
+  Ue as C,
+  Wn as D,
+  Hn as E,
+  Rn as F,
+  In as G,
+  Ts as H,
+  Je as I,
+  ce as J,
+  qn as K,
+  it as L,
+  Nn as M,
+  ne as N,
+  Sn as S,
+  Bn as T,
+  le as _,
+  ll as a,
+  il as b,
+  Fn as c,
+  rl as d,
+  al as e,
+  nl as f,
+  gn as g,
+  et as h,
+  un as i,
+  ol as j,
+  el as k,
+  tl as l,
+  Yn as m,
+  dl as n,
+  Zn as o,
+  Xn as p,
+  Gn as q,
+  Jn as r,
+  ut as s,
+  $n as t,
+  cl as u,
+  Qn as v,
+  mt as w,
+  sl as x,
+  dt as y,
+  Kn as z
+};