xto-fronted 0.4.112 → 0.4.113

package/dist/index-BVEs9eIP.js

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