xto-fronted 0.8.1 → 0.8.2

package/dist/index-DGwrd6c8.js

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