xto-fronted 0.9.3 → 0.9.5

package/dist/index-CoJBjzC9.js

@@ -0,0 +1,3452 @@
+import { y as U, z as nt, A as Se, B as ut, C as dt, D as mt, E as pt, F as ze, p as kt, G as vt, H as wt, j as lt, n as xt, I as Ct, J as rt, K as $t, L as Lt, M as Mt, h as St, N as It } from "./user-B0q24FmO.js";
+import { ref as g, computed as w, watch as Le, defineComponent as le, resolveComponent as $e, openBlock as a, createBlock as D, unref as l, withCtx as C, createElementBlock as u, Fragment as q, renderList as Z, createTextVNode as ne, toDisplayString as x, normalizeClass as H, createElementVNode as e, withDirectives as Be, vShow as Et, createCommentVNode as P, createVNode as y, onMounted as Oe, onUnmounted as Xe, vModelText as Je, Transition as Ie, withModifiers as Ve, normalizeStyle as Ue, nextTick as Re, onUpdated as Nt, renderSlot as De, createSlots as Tt, reactive as Ze, createStaticVNode as Ae, withKeys as Ut, h as zt } from "vue";
+import { defineStore as Pe } from "pinia";
+import { useRoute as Ne, useRouter as ke, createRouter as Qe, createWebHistory as et } from "vue-router";
+import { SubMenu as Ge, MenuItem as Te, Menu as tt, Tabs as Pt, TabPane as Ft } from "@xto/navigation";
+import { Icon as E, Button as Ee } from "@xto/base";
+import { Drawer as st, Message as Dt } from "@xto/feedback";
+import { Form as At, FormItem as Ke, Input as it, Checkbox as Bt } from "@xto/form";
+import { createLocaleProvider as Ot, getSupportedLocales as Vt, useLocale as Rt } from "@xto/core/locale";
+function Kt(t) {
+  const o = /^#?([0-9a-f]{6})$/i.exec(t.trim());
+  if (!o) return null;
+  const p = parseInt(o[1], 16);
+  return [p >> 16 & 255, p >> 8 & 255, p & 255];
+}
+function Me(t) {
+  const o = U.get(t);
+  return o === null || o === "" ? void 0 : o;
+}
+const jt = ["layout", "primaryColor", "theme", "isDark", "showTabs", "showBreadcrumb", "showFooter"], fe = Pe("app", () => {
+  const t = nt(), o = t.features || {}, p = g(U.get("appName") || "XTO App"), n = g(U.get("indexPath") || "/dashboard"), s = g(U.get("loginPath") || "/login"), d = g(t.theme ?? Me("theme") ?? "light"), r = g(d.value === "dark"), v = g(t.layout ?? Me("layout") ?? "sidebar"), _ = g(U.get("isCollapsed") || !1), m = g(o.showTabs ?? Me("showTabs") ?? !0), f = g(o.showFooter ?? Me("showFooter") ?? !0), b = g(o.showBreadcrumb ?? Me("showBreadcrumb") ?? !0), c = g(t.primaryColor ?? Me("primaryColor") ?? "#4F46E5"), V = g(t.allowUserOverride !== !1), z = g([]), F = g([]), O = w(() => r.value ? "dark" : "light"), R = (S) => {
+    p.value = S, U.set("appName", S);
+  }, j = (S) => {
+    n.value = S, U.set("indexPath", S);
+  }, Q = (S) => {
+    s.value = S, U.set("loginPath", S);
+  }, X = () => {
+    const S = document.documentElement;
+    r.value ? S.classList.add("dark") : S.classList.remove("dark");
+  }, ee = () => {
+    r.value = !r.value, d.value = r.value ? "dark" : "light", te();
+  }, G = (S) => {
+    d.value = S, r.value = S === "dark", te();
+  }, te = () => {
+    X(), U.set("isDark", r.value), U.set("theme", d.value);
+  }, B = () => {
+    _.value = !_.value, U.set("isCollapsed", _.value);
+  }, N = (S) => {
+    v.value = S, U.set("layout", S);
+  }, A = () => {
+    m.value = !m.value, U.set("showTabs", m.value);
+  }, J = () => {
+    f.value = !f.value, U.set("showFooter", f.value);
+  }, W = () => {
+    b.value = !b.value, U.set("showBreadcrumb", b.value);
+  }, oe = (S) => {
+    const Y = document.documentElement;
+    Y.style.setProperty("--xto-color-primary", S);
+    const ve = Kt(S);
+    if (ve) {
+      const he = (ie, xe) => {
+        const be = xe ? [255, 255, 255] : [0, 0, 0];
+        return `#${ve.map((T, k) => Math.round(T + (be[k] - T) * ie)).map((T) => T.toString(16).padStart(2, "0")).join("")}`;
+      };
+      for (let ie = 1; ie <= 9; ie++)
+        Y.style.setProperty(`--xto-color-primary-light-${ie}`, he(ie * 0.1, !0));
+      Y.style.setProperty("--xto-color-primary-dark-1", he(0.12, !1)), Y.style.setProperty("--xto-color-primary-dark-2", he(0.28, !1)), Y.style.setProperty("--xto-color-primary-dark-3", he(0.45, !1)), Y.style.setProperty("--xto-color-ring", S);
+    }
+  }, _e = (S) => {
+    c.value = S, oe(S), U.set("primaryColor", S);
+  }, we = () => {
+    jt.forEach((ve) => U.remove(ve));
+    const S = nt(), Y = S.features || {};
+    v.value = S.layout ?? "sidebar", c.value = S.primaryColor ?? "#4F46E5", d.value = S.theme ?? "light", r.value = d.value === "dark", m.value = Y.showTabs ?? !0, f.value = Y.showFooter ?? !0, b.value = Y.showBreadcrumb ?? !0, X(), oe(c.value);
+  }, ue = (S) => {
+    z.value.includes(S) || z.value.push(S);
+  }, pe = (S) => {
+    const Y = z.value.indexOf(S);
+    Y > -1 && z.value.splice(Y, 1);
+  }, ye = () => {
+    z.value = [];
+  }, de = (S) => {
+    F.value = S;
+  }, ae = () => {
+    X(), oe(c.value);
+  };
+  return Le(r, X), {
+    appName: p,
+    indexPath: n,
+    loginPath: s,
+    isDark: r,
+    theme: d,
+    layout: v,
+    isCollapsed: _,
+    showTabs: m,
+    showFooter: f,
+    showBreadcrumb: b,
+    primaryColor: c,
+    allowUserOverride: V,
+    cachedViews: z,
+    mixSubMenus: F,
+    themeClass: O,
+    setAppName: R,
+    setIndexPath: j,
+    setLoginPath: Q,
+    toggleTheme: ee,
+    toggleCollapse: B,
+    setTheme: G,
+    setLayout: N,
+    toggleTabs: A,
+    toggleFooter: J,
+    toggleBreadcrumb: W,
+    setPrimaryColor: _e,
+    resetToServerDefaults: we,
+    addCachedView: ue,
+    removeCachedView: pe,
+    clearCachedViews: ye,
+    setMixSubMenus: de,
+    initTheme: ae
+  };
+}), Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useAppStore: fe
+}, Symbol.toStringTag, { value: "Module" })), qt = "menu_list", Ht = "permission_list", je = () => `${qt}_${Se()}`, We = () => `${Ht}_${Se()}`, Yt = {
+  menuCode: "home",
+  menuName: "首页",
+  menuUrl: "/dashboard",
+  icon: "home",
+  closable: !1,
+  isDefault: !1,
+  isOut: !1
+};
+function ht(t) {
+  return t.filter((o) => o.type !== 1).map((o) => ({
+    ...o,
+    children: o.children ? ht(o.children) : void 0
+  }));
+}
+function Gt(t) {
+  const o = [];
+  function p(n) {
+    n.forEach((s) => {
+      s.type === 1 && s.menuCode && o.push(s.menuCode), s.children && p(s.children);
+    });
+  }
+  return p(t), o;
+}
+const ge = Pe("menu", () => {
+  const t = g(U.get(je()) || []), o = g(U.get(We()) || []), p = w(() => t.value.length > 0);
+  return {
+    menuList: t,
+    permissions: o,
+    hasMenu: p,
+    setMenuList: (r) => {
+      o.value = Gt(r), U.set(We(), o.value);
+      const v = ht(r);
+      t.value = [Yt, ...v], U.set(je(), t.value);
+    },
+    clearMenu: () => {
+      t.value = [], o.value = [], U.remove(je()), U.remove(We());
+    },
+    hasPermission: (r) => Array.isArray(r) ? r.some((v) => o.value.includes(v)) : o.value.includes(r)
+  };
+}), qe = "user_info", me = Pe("user", () => {
+  const t = g(U.get(qe)), o = w(() => !!t.value), p = w(() => {
+    var c;
+    return ((c = t.value) == null ? void 0 : c.userId) || "";
+  }), n = w(() => {
+    var c;
+    return ((c = t.value) == null ? void 0 : c.userName) || "";
+  }), s = w(() => {
+    var c;
+    return ((c = t.value) == null ? void 0 : c.departmentName) || "";
+  }), d = w(() => {
+    var c;
+    return ((c = t.value) == null ? void 0 : c.roleName) || "";
+  }), r = w(() => {
+    var c;
+    return ((c = t.value) == null ? void 0 : c.email) || "";
+  }), v = w(() => {
+    var c;
+    return ((c = t.value) == null ? void 0 : c.mobilePhone) || "";
+  }), _ = w(() => {
+    var c;
+    return ((c = t.value) == null ? void 0 : c.positionName) || "";
+  }), m = w(() => {
+    var c;
+    return ((c = t.value) == null ? void 0 : c.avatar) || "";
+  });
+  return {
+    userInfo: t,
+    isLoggedIn: o,
+    userId: p,
+    userName: n,
+    departmentName: s,
+    roleName: d,
+    email: r,
+    mobilePhone: v,
+    positionName: _,
+    avatar: m,
+    setUserInfo: (c) => {
+      t.value = c, U.set(qe, c);
+    },
+    clearUserInfo: () => {
+      t.value = null, U.remove(qe);
+    }
+  };
+}), Fe = Pe("auth", () => {
+  const t = g(ut()), o = w(() => dt()), p = g(""), n = g(""), s = g(""), d = g("/login");
+  return {
+    token: t,
+    isLoggedIn: o,
+    baseUrl: p,
+    appId: n,
+    clientId: s,
+    loginPath: d,
+    login: (c) => {
+      t.value = c.access_token, pt(c);
+    },
+    logout: () => {
+      t.value = null, mt();
+    },
+    setBaseUrl: (c) => {
+      p.value = c;
+    },
+    setAppId: (c) => {
+      n.value = c;
+    },
+    setClientId: (c) => {
+      s.value = c;
+    },
+    setLoginPath: (c) => {
+      d.value = c;
+    }
+  };
+}), Xt = {
+  key: 1,
+  class: "menu-item__char"
+}, Jt = {
+  key: 1,
+  class: "menu-item__char"
+}, Zt = /* @__PURE__ */ le({
+  __name: "SidebarMenuItem",
+  props: {
+    menu: {}
+  },
+  setup(t) {
+    const o = t, 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"
+    ]), n = {
+      "el-icon-s-platform": "system",
+      "el-icon-platform": "system",
+      "el-icon-s-data": "database",
+      "el-icon-data-analysis": "chart",
+      "el-icon-files": "folder",
+      "el-icon-folder": "folder",
+      "el-icon-folder-opened": "folder-open",
+      "el-icon-s-custom": "user",
+      "el-icon-user": "user",
+      "el-icon-s-grid": "grid",
+      "el-icon-menu": "list",
+      "el-icon-setting": "setting",
+      "el-icon-s-tools": "setting",
+      "el-icon-s-operation": "setting",
+      "el-icon-s-home": "home",
+      "el-icon-house": "home",
+      "el-icon-document": "document",
+      "el-icon-document-copy": "copy",
+      "el-icon-monitor": "dashboard",
+      "el-icon-odometer": "dashboard",
+      "el-icon-s-order": "list",
+      "el-icon-s-check": "check",
+      "el-icon-s-claim": "file",
+      "el-icon-s-comment": "message",
+      "el-icon-s-promotion": "share",
+      "el-icon-s-marketing": "chart",
+      "el-icon-s-finance": "chart",
+      "el-icon-s-management": "list",
+      "el-icon-s-cooperation": "user-group",
+      "el-icon-s-shop": "gift",
+      "el-icon-picture": "image",
+      "el-icon-location": "location",
+      "el-icon-map-location": "map",
+      "el-icon-lock": "lock",
+      "el-icon-unlock": "unlock",
+      "el-icon-key": "key",
+      "el-icon-bell": "bell",
+      "el-icon-edit": "edit",
+      "el-icon-delete": "delete",
+      "el-icon-link": "link",
+      "el-icon-connection": "link",
+      "el-icon-upload": "upload",
+      "el-icon-upload2": "upload",
+      "el-icon-download": "download",
+      "el-icon-search": "search",
+      "el-icon-timer": "clock",
+      "el-icon-time": "clock",
+      "el-icon-calendar": "calendar",
+      "el-icon-view": "eye",
+      "el-icon-message": "mail",
+      "el-icon-chat-dot-round": "chat",
+      "el-icon-cpu": "server",
+      "el-icon-cloudy": "cloud"
+    }, s = (m) => {
+      if (!m || m === "") return "";
+      if (n[m]) return n[m];
+      if (m.startsWith("tineco-icon-")) {
+        const b = m.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"
+        }[b] || b;
+      }
+      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"
+      }[m] || m;
+    }, d = (m) => m ? m.charAt(0) : "", r = (m) => p.has(m), v = w(() => o.menu.menuId || o.menu.menuCode || o.menu.menuUrl || ""), _ = w(() => o.menu.children && o.menu.children.length > 0);
+    return (m, f) => {
+      const b = $e("SidebarMenuItem", !0);
+      return _.value ? (a(), D(l(Ge), {
+        key: 0,
+        index: v.value
+      }, {
+        icon: C(() => [
+          r(s(t.menu.icon)) ? (a(), D(l(E), {
+            key: 0,
+            name: s(t.menu.icon),
+            size: 16
+          }, null, 8, ["name"])) : (a(), u("span", Xt, x(d(t.menu.menuName)), 1))
+        ]),
+        title: C(() => [
+          ne(x(t.menu.menuName), 1)
+        ]),
+        default: C(() => [
+          (a(!0), u(q, null, Z(t.menu.children, (c) => (a(), D(b, {
+            key: c.menuId || c.menuCode || c.menuUrl,
+            menu: c
+          }, null, 8, ["menu"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["index"])) : (a(), D(l(Te), {
+        key: 1,
+        index: t.menu.menuUrl || v.value
+      }, {
+        icon: C(() => [
+          r(s(t.menu.icon)) ? (a(), D(l(E), {
+            key: 0,
+            name: s(t.menu.icon),
+            size: 16
+          }, null, 8, ["name"])) : (a(), u("span", Jt, x(d(t.menu.menuName)), 1))
+        ]),
+        default: C(() => [
+          ne(" " + x(t.menu.menuName), 1)
+        ]),
+        _: 1
+      }, 8, ["index"]));
+    };
+  }
+}), re = (t, o) => {
+  const p = t.__vccOpts || t;
+  for (const [n, s] of o)
+    p[n] = s;
+  return p;
+}, Qt = /* @__PURE__ */ re(Zt, [["__scopeId", "data-v-7297001c"]]), es = {
+  key: 0,
+  class: "sidebar__logo"
+}, ts = ["src"], ss = {
+  key: 1,
+  class: "sidebar__user"
+}, os = { class: "sidebar__user-info" }, as = { class: "sidebar__user-name" }, ns = { class: "sidebar__user-role" }, He = "sidebar_opened_menus", Ye = "sidebar_menu_list_key", ls = /* @__PURE__ */ le({
+  __name: "Sidebar",
+  props: {
+    menuList: { default: () => [] },
+    showLogo: { type: Boolean, default: !0 },
+    showUser: { type: Boolean, default: !0 },
+    logoSrc: {}
+  },
+  setup(t) {
+    const o = t, p = w(() => o.logoSrc || ze("/vite.svg")), n = Ne(), s = ke(), d = ge(), r = me(), v = Fe(), _ = fe(), m = w(() => o.menuList.length > 0 ? o.menuList : d.menuList), f = w(() => _.isCollapsed), b = w(() => n.path), c = (B) => B.menuId || B.menuCode || B.menuUrl || "", V = () => m.value.map(c).join(","), z = U.get(Ye) || "", F = V(), O = z === F ? U.get(He) || [] : [], R = g(O);
+    Le(R, (B) => {
+      U.set(He, B), U.set(Ye, V());
+    }, { deep: !0 });
+    const j = (B, N, A = []) => {
+      var J;
+      for (const W of B) {
+        if (W.menuUrl && (N === W.menuUrl || N.startsWith(W.menuUrl + "/")))
+          return [...A, c(W)];
+        if ((J = W.children) != null && J.length) {
+          const oe = j(W.children, N, [...A, c(W)]);
+          if (oe) return oe;
+        }
+      }
+      return null;
+    };
+    Le([() => n.path, m], ([B, N]) => {
+      if (N.length > 0) {
+        const A = j(N, B);
+        if (A) {
+          const J = A.slice(0, -1), W = /* @__PURE__ */ new Set([...R.value, ...J]);
+          R.value = Array.from(W);
+        }
+      }
+    }, { immediate: !0 }), Le(m, (B, N) => {
+      B !== N && (R.value = [], U.set(He, []), U.set(Ye, V()));
+    }, { immediate: !1 });
+    const Q = w(() => _.isDark ? "#161B21" : "#fff"), X = w(() => _.isDark ? "#D9DCE1" : "#4E5566"), ee = w(() => _.isDark ? "#818CF8" : "#4F46E5"), G = (B) => {
+      B && B !== n.path && s.push(B);
+    }, te = () => {
+      v.logout(), r.clearUserInfo(), d.clearMenu(), s.push(_.loginPath);
+    };
+    return (B, N) => (a(), u("div", {
+      class: H(["sidebar", { "sidebar--collapsed": f.value }])
+    }, [
+      o.showLogo ? (a(), u("div", es, [
+        e("img", {
+          src: p.value,
+          alt: "Logo",
+          class: "sidebar__logo-img"
+        }, null, 8, ts),
+        Be(e("span", { class: "sidebar__logo-text" }, x(l(_).appName), 513), [
+          [Et, !f.value]
+        ])
+      ])) : P("", !0),
+      y(l(tt), {
+        modelValue: b.value,
+        "onUpdate:modelValue": N[0] || (N[0] = (A) => b.value = A),
+        openeds: R.value,
+        "onUpdate:openeds": N[1] || (N[1] = (A) => R.value = A),
+        mode: "vertical",
+        collapse: f.value,
+        "collapse-transition": !1,
+        "background-color": Q.value,
+        "text-color": X.value,
+        "active-text-color": ee.value,
+        class: "sidebar__menu",
+        onSelect: G
+      }, {
+        default: C(() => [
+          (a(!0), u(q, null, Z(m.value, (A) => (a(), D(Qt, {
+            key: c(A),
+            menu: A
+          }, null, 8, ["menu"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "openeds", "collapse", "background-color", "text-color", "active-text-color"]),
+      o.showUser && !f.value ? (a(), u("div", ss, [
+        e("div", os, [
+          e("span", as, x(l(r).userName), 1),
+          e("span", ns, x(l(r).departmentName), 1)
+        ]),
+        y(l(Ee), {
+          type: "text",
+          size: "small",
+          onClick: te
+        }, {
+          default: C(() => [...N[2] || (N[2] = [
+            ne("退出", -1)
+          ])]),
+          _: 1
+        })
+      ])) : P("", !0)
+    ], 2));
+  }
+}), ct = /* @__PURE__ */ re(ls, [["__scopeId", "data-v-0322d1ab"]]), rs = { class: "header" }, is = { class: "header__left" }, cs = {
+  key: 0,
+  class: "header__breadcrumb"
+}, us = {
+  key: 0,
+  class: "breadcrumb-separator"
+}, ds = { class: "header__right" }, ms = {
+  key: 0,
+  class: "header__search-dropdown"
+}, ps = {
+  key: 0,
+  class: "header__search-results"
+}, vs = ["onClick"], hs = {
+  key: 0,
+  class: "header__search-icon"
+}, _s = {
+  key: 1,
+  class: "header__search-char"
+}, fs = { class: "header__search-item-title" }, gs = {
+  key: 1,
+  class: "header__search-item-parent"
+}, ys = {
+  key: 1,
+  class: "header__search-empty"
+}, bs = ["title"], ks = { class: "header__avatar" }, ws = { class: "header__user-name" }, xs = {
+  key: 0,
+  class: "header__dropdown"
+}, Cs = { class: "header__dropdown-header" }, $s = { class: "header__dropdown-avatar" }, Ls = { class: "header__dropdown-info" }, Ms = { class: "header__dropdown-name" }, Ss = { class: "header__dropdown-role" }, Is = { class: "header__dropdown-menu" }, Es = { class: "settings-drawer" }, Ns = { class: "settings-section" }, Ts = { class: "settings-layout-options" }, Us = ["onClick"], zs = { class: "layout-option__preview" }, Ps = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, Fs = {
+  key: 1,
+  class: "layout-preview-top"
+}, Ds = {
+  key: 2,
+  class: "layout-preview-mix"
+}, As = { class: "layout-option__label" }, Bs = { class: "settings-section" }, Os = { class: "settings-color-options" }, Vs = ["title", "onClick"], Rs = { class: "settings-section" }, Ks = { class: "settings-switch-list" }, js = { class: "settings-switch-item" }, Ws = { class: "settings-switch-item" }, qs = { class: "settings-section" }, Hs = /* @__PURE__ */ le({
+  __name: "Header",
+  setup(t) {
+    const o = Ne(), p = ke(), n = fe(), s = me(), d = Fe(), r = ge(), v = g(!1), _ = g(!1), m = g(null), f = g(!1), b = g(!1), c = g(""), V = g(null), z = g(!1), F = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], O = [
+      { value: "#4F46E5", label: "品牌蓝" },
+      { value: "#0F6FDE", label: "企业蓝" },
+      { value: "#00A870", label: "翡翠绿" },
+      { value: "#D46B08", label: "琥珀橙" },
+      { value: "#1F2329", label: "石墨黑" }
+    ], R = w(() => o.matched.filter((k) => k.meta && k.meta.title).map((k) => ({
+      title: k.meta.title,
+      path: k.path
+    }))), j = (T, k = "") => {
+      const se = [];
+      return T.forEach((L) => {
+        L.children && L.children.length > 0 ? se.push(...j(L.children, L.menuName)) : se.push({ ...L, parentTitle: k, title: L.menuName, path: L.menuUrl });
+      }), se;
+    }, Q = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), X = (T) => {
+      if (!T || T === "") return "";
+      if (T.startsWith("tineco-icon-")) {
+        const se = T.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[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"
+      }[T] || T;
+    }, ee = (T) => T ? T.charAt(0) : "", G = (T) => Q.has(T), te = w(() => c.value.trim() ? j(r.menuList).filter(
+      (k) => k.title.toLowerCase().includes(c.value.toLowerCase())
+    ) : []), B = w(() => n.layout), N = () => {
+      n.toggleCollapse();
+    }, A = () => {
+      n.toggleTheme();
+    }, J = () => {
+      _.value = !0;
+    }, W = (T) => {
+      n.setLayout(T), _.value = !1;
+    }, oe = (T) => {
+      z.value = T;
+      const k = document.documentElement;
+      T ? k.classList.add("grey-mode") : k.classList.remove("grey-mode");
+    }, _e = () => {
+      oe(!z.value), _.value = !1;
+    }, we = () => {
+      n.toggleTheme(), _.value = !1;
+    }, ue = () => {
+      n.resetToServerDefaults(), _.value = !1;
+    }, pe = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, ye = () => {
+      f.value = !!document.fullscreenElement;
+    }, de = () => {
+      v.value = !v.value;
+    }, ae = () => {
+      v.value = !1;
+    }, S = () => {
+      b.value = !1, c.value = "";
+    }, Y = (T) => {
+      p.push(T), S();
+    }, ve = (T) => {
+      n.setPrimaryColor(T), _.value = !1;
+    }, he = () => {
+      ae(), p.push("/profile");
+    }, ie = () => {
+      ae(), p.push("/change-password");
+    }, xe = () => {
+      ae(), d.logout(), s.clearUserInfo(), r.clearMenu(), p.push(n.loginPath);
+    }, be = (T) => {
+      m.value && !m.value.contains(T.target) && ae(), V.value && !V.value.contains(T.target) && S();
+    }, Ce = (T) => {
+      T.key === "Escape" && (S(), ae());
+    };
+    return Oe(() => {
+      document.addEventListener("click", be), document.addEventListener("fullscreenchange", ye), document.addEventListener("keydown", Ce), n.initTheme(), z.value = document.documentElement.classList.contains("grey-mode");
+    }), Xe(() => {
+      document.removeEventListener("click", be), document.removeEventListener("fullscreenchange", ye), document.removeEventListener("keydown", Ce);
+    }), (T, k) => {
+      var se;
+      return a(), u("div", rs, [
+        e("div", is, [
+          e("div", {
+            class: "header__collapse",
+            onClick: N
+          }, [
+            y(l(E), {
+              name: l(n).isCollapsed ? "menu-unfold" : "menu-fold",
+              size: 18
+            }, null, 8, ["name"])
+          ]),
+          l(n).showBreadcrumb ? (a(), u("div", cs, [
+            (a(!0), u(q, null, Z(R.value, (L, I) => (a(), u("span", {
+              key: L.path
+            }, [
+              I > 0 ? (a(), u("span", us, "/")) : P("", !0),
+              e("span", {
+                class: H({ "is-current": I === R.value.length - 1 })
+              }, x(L.title), 3)
+            ]))), 128))
+          ])) : P("", !0)
+        ]),
+        e("div", ds, [
+          e("div", {
+            class: "header__search",
+            ref_key: "searchRef",
+            ref: V
+          }, [
+            y(l(E), {
+              name: "search",
+              size: 14,
+              class: "header__search-icon"
+            }),
+            Be(e("input", {
+              "onUpdate:modelValue": k[0] || (k[0] = (L) => c.value = L),
+              type: "text",
+              class: "header__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: k[1] || (k[1] = (L) => b.value = !0)
+            }, null, 544), [
+              [Je, c.value]
+            ]),
+            y(Ie, { name: "search-dropdown" }, {
+              default: C(() => [
+                b.value && (te.value.length > 0 || c.value) ? (a(), u("div", ms, [
+                  te.value.length > 0 ? (a(), u("div", ps, [
+                    (a(!0), u(q, null, Z(te.value, (L) => (a(), u("div", {
+                      key: L.path,
+                      class: "header__search-item",
+                      onClick: (I) => Y(L.path)
+                    }, [
+                      L.title !== "首页" ? (a(), u("span", hs, [
+                        G(X(L.icon)) ? (a(), D(l(E), {
+                          key: 0,
+                          name: X(L.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (a(), u("span", _s, x(ee(L.title)), 1))
+                      ])) : P("", !0),
+                      e("span", fs, x(L.title), 1),
+                      L.parentTitle ? (a(), u("span", gs, x(L.parentTitle), 1)) : P("", !0)
+                    ], 8, vs))), 128))
+                  ])) : (a(), u("div", ys, " 未找到匹配的菜单 "))
+                ])) : P("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "header__action",
+            onClick: pe,
+            title: f.value ? "退出全屏" : "全屏"
+          }, [
+            y(l(E), {
+              name: f.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, bs),
+          l(n).allowUserOverride ? (a(), u("div", {
+            key: 0,
+            class: "header__action",
+            onClick: J,
+            title: "换肤设置"
+          }, [
+            y(l(E), {
+              name: "skin",
+              size: 16
+            })
+          ])) : P("", !0),
+          e("div", {
+            class: "header__action",
+            onClick: A,
+            title: "切换主题"
+          }, [
+            y(l(E), {
+              name: l(n).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "header__user",
+            ref_key: "dropdownRef",
+            ref: m
+          }, [
+            e("div", {
+              class: "header__user-trigger",
+              onClick: Ve(de, ["stop"])
+            }, [
+              e("div", ks, [
+                e("span", null, x(((se = l(s).userName) == null ? void 0 : se.charAt(0)) || "U"), 1)
+              ]),
+              e("span", ws, x(l(s).userName), 1),
+              e("span", {
+                class: H(["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)
+            ]),
+            y(Ie, { name: "dropdown" }, {
+              default: C(() => {
+                var L;
+                return [
+                  v.value ? (a(), u("div", xs, [
+                    e("div", Cs, [
+                      e("div", $s, [
+                        e("span", null, x(((L = l(s).userName) == null ? void 0 : L.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", Ls, [
+                        e("div", Ms, x(l(s).userName), 1),
+                        e("div", Ss, x(l(s).roleName || l(s).departmentName), 1)
+                      ])
+                    ]),
+                    k[8] || (k[8] = e("div", { class: "header__dropdown-divider" }, null, -1)),
+                    e("div", Is, [
+                      e("div", {
+                        class: "header__dropdown-item",
+                        onClick: he
+                      }, [
+                        y(l(E), {
+                          name: "user",
+                          size: 16
+                        }),
+                        k[4] || (k[4] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "header__dropdown-item",
+                        onClick: ie
+                      }, [
+                        y(l(E), {
+                          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: xe
+                      }, [
+                        y(l(E), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        k[6] || (k[6] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : P("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(l(st), {
+          modelValue: _.value,
+          "onUpdate:modelValue": k[2] || (k[2] = (L) => _.value = L),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: C(() => [
+            e("div", Es, [
+              e("div", Ns, [
+                k[12] || (k[12] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", Ts, [
+                  (a(), u(q, null, Z(F, (L) => e("div", {
+                    key: L.value,
+                    class: H(["layout-option", { "is-active": B.value === L.value }]),
+                    onClick: (I) => W(L.value)
+                  }, [
+                    e("div", zs, [
+                      L.value === "sidebar" ? (a(), u("div", Ps, [...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)
+                      ])])) : L.value === "top" ? (a(), u("div", Fs, [...k[10] || (k[10] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (a(), u("div", Ds, [...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", As, x(L.label), 1)
+                  ], 10, Us)), 64))
+                ])
+              ]),
+              e("div", Bs, [
+                k[13] || (k[13] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Os, [
+                  (a(), u(q, null, Z(O, (L) => e("div", {
+                    key: L.value,
+                    class: H(["color-option", { "is-active": l(n).primaryColor === L.value }]),
+                    style: Ue({ backgroundColor: L.value }),
+                    title: L.label,
+                    onClick: (I) => ve(L.value)
+                  }, [
+                    l(n).primaryColor === L.value ? (a(), D(l(E), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : P("", !0)
+                  ], 14, Vs)), 64))
+                ])
+              ]),
+              e("div", Rs, [
+                k[18] || (k[18] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Ks, [
+                  e("div", js, [
+                    k[15] || (k[15] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: H(["switch-wrapper", { "is-checked": z.value }]),
+                      onClick: _e
+                    }, [...k[14] || (k[14] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", Ws, [
+                    k[17] || (k[17] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: H(["switch-wrapper", { "is-checked": l(n).isDark }]),
+                      onClick: we
+                    }, [...k[16] || (k[16] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ]),
+              e("div", qs, [
+                e("div", {
+                  class: "settings-reset",
+                  onClick: ue
+                }, [
+                  y(l(E), {
+                    name: "refresh",
+                    size: 14
+                  }),
+                  k[19] || (k[19] = e("span", null, "恢复默认", -1))
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ys = /* @__PURE__ */ re(Hs, [["__scopeId", "data-v-21769fe5"]]), Gs = { class: "top-menu" }, Xs = { class: "top-menu__logo" }, Js = ["src"], Zs = { class: "top-menu__logo-text" }, Qs = { class: "top-menu__menu-content" }, eo = {
+  key: 0,
+  class: "top-menu__menu-icon"
+}, to = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, so = { class: "top-menu__menu-text" }, oo = { class: "top-menu__menu-content" }, ao = { class: "top-menu__menu-icon" }, no = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, lo = { class: "top-menu__menu-text" }, ro = { class: "top-menu__menu-content" }, io = { class: "top-menu__menu-icon" }, co = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, uo = { class: "top-menu__menu-text" }, mo = { class: "top-menu__menu-content" }, po = { class: "top-menu__menu-icon" }, vo = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, ho = { class: "top-menu__menu-text" }, _o = { class: "top-menu__menu-content" }, fo = {
+  key: 0,
+  class: "top-menu__menu-icon"
+}, go = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, yo = { class: "top-menu__menu-text" }, bo = { class: "top-menu__actions" }, ko = {
+  key: 0,
+  class: "top-menu__search-dropdown"
+}, wo = {
+  key: 0,
+  class: "top-menu__search-results"
+}, xo = ["onClick"], Co = {
+  key: 0,
+  class: "top-menu__search-icon-item"
+}, $o = {
+  key: 1,
+  class: "top-menu__search-char"
+}, Lo = { class: "top-menu__search-item-title" }, Mo = {
+  key: 1,
+  class: "top-menu__search-item-parent"
+}, So = {
+  key: 1,
+  class: "top-menu__search-empty"
+}, Io = ["title"], Eo = { class: "top-menu__avatar" }, No = { class: "top-menu__user-name" }, To = {
+  key: 0,
+  class: "top-menu__dropdown"
+}, Uo = { class: "top-menu__dropdown-header" }, zo = { class: "top-menu__dropdown-avatar" }, Po = { class: "top-menu__dropdown-info" }, Fo = { class: "top-menu__dropdown-name" }, Do = { class: "top-menu__dropdown-role" }, Ao = { class: "top-menu__dropdown-menu" }, Bo = { class: "settings-drawer" }, Oo = { class: "settings-section" }, Vo = { class: "settings-layout-options" }, Ro = ["onClick"], Ko = { class: "layout-option__preview" }, jo = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, Wo = {
+  key: 1,
+  class: "layout-preview-top"
+}, qo = {
+  key: 2,
+  class: "layout-preview-mix"
+}, Ho = { class: "layout-option__label" }, Yo = { class: "settings-section" }, Go = { class: "settings-color-options" }, Xo = ["title", "onClick"], Jo = { class: "settings-section" }, Zo = { class: "settings-switch-list" }, Qo = { class: "settings-switch-item" }, ea = { class: "settings-switch-item" }, ta = /* @__PURE__ */ le({
+  __name: "TopMenu",
+  props: {
+    logoSrc: {}
+  },
+  setup(t) {
+    const o = t, p = w(() => o.logoSrc || ze("/vite.svg")), n = Ne(), s = ke(), d = ge(), r = fe(), v = me(), _ = Fe(), m = w(() => n.path), f = (I, $ = "") => {
+      const ce = [];
+      return I.forEach((i) => {
+        i.children && i.children.length > 0 ? ce.push(...f(i.children, i.menuName)) : ce.push({ ...i, parentTitle: $, title: i.menuName, path: i.menuUrl });
+      }), ce;
+    }, b = w(() => ee.value.trim() ? f(d.menuList).filter(
+      ($) => $.title.toLowerCase().includes(ee.value.toLowerCase())
+    ) : []), c = w(() => r.isDark ? "#1d1e1f" : "#fff"), V = w(() => r.isDark ? "#cfd3dc" : "#303133"), z = w(() => "#409eff"), F = g(!1), O = g(null), R = g(!1), j = g(!1), Q = g(!1), X = g(!1), ee = g(""), G = g(null), te = (I) => {
+      I && I !== n.path && s.push(I);
+    }, B = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), N = (I) => {
+      if (!I || I === "") return "";
+      if (I.startsWith("tineco-icon-")) {
+        const ce = I.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"
+        }[ce] || ce;
+      }
+      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"
+      }[I] || I;
+    }, A = (I) => I ? I.charAt(0) : "", J = (I) => B.has(I), W = () => {
+      r.toggleTheme(), j.value = !1;
+    }, oe = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, _e = () => {
+      R.value = !!document.fullscreenElement;
+    }, we = () => {
+      F.value = !F.value;
+    }, ue = () => {
+      F.value = !1;
+    }, pe = () => {
+      X.value = !1, ee.value = "";
+    }, ye = (I) => {
+      s.push(I), pe();
+    }, de = () => {
+      j.value = !0;
+    }, ae = (I) => {
+      Q.value = I;
+      const $ = document.documentElement;
+      I ? $.classList.add("grey-mode") : $.classList.remove("grey-mode");
+    }, S = () => {
+      ae(!Q.value), j.value = !1;
+    }, Y = () => {
+      r.toggleTheme(), j.value = !1;
+    }, ve = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], he = w(() => r.layout), ie = (I) => {
+      r.setLayout(I), j.value = !1;
+    }, xe = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#0F6FDE", label: "企业蓝" },
+      { value: "#00A870", label: "翡翠绿" },
+      { value: "#D46B08", label: "琥珀橙" },
+      { value: "#1F2329", label: "石墨黑" }
+    ], be = (I) => {
+      r.setPrimaryColor(I), j.value = !1;
+    }, Ce = () => {
+      ue(), s.push("/profile");
+    }, T = () => {
+      ue(), s.push("/change-password");
+    }, k = () => {
+      ue(), _.logout(), v.clearUserInfo(), d.clearMenu(), s.push(r.loginPath);
+    }, se = (I) => {
+      O.value && !O.value.contains(I.target) && ue(), G.value && !G.value.contains(I.target) && pe();
+    }, L = (I) => {
+      I.key === "Escape" && (pe(), ue());
+    };
+    return Oe(() => {
+      document.addEventListener("click", se), document.addEventListener("fullscreenchange", _e), document.addEventListener("keydown", L), Q.value = document.documentElement.classList.contains("grey-mode");
+    }), Xe(() => {
+      document.removeEventListener("click", se), document.removeEventListener("fullscreenchange", _e), document.removeEventListener("keydown", L);
+    }), (I, $) => {
+      var ce;
+      return a(), u("div", Gs, [
+        e("div", Xs, [
+          e("img", {
+            src: p.value,
+            alt: "Logo",
+            class: "top-menu__logo-img"
+          }, null, 8, Js),
+          e("span", Zs, x(l(r).appName), 1)
+        ]),
+        y(l(tt), {
+          "model-value": m.value,
+          mode: "horizontal",
+          "background-color": c.value,
+          "text-color": V.value,
+          "active-text-color": z.value,
+          class: "top-menu__menu",
+          onSelect: te
+        }, {
+          default: C(() => [
+            (a(!0), u(q, null, Z(l(d).menuList, (i) => (a(), u(q, {
+              key: i.menuUrl
+            }, [
+              i.children && i.children.length > 0 ? (a(), D(l(Ge), {
+                key: 0,
+                index: i.menuUrl
+              }, {
+                title: C(() => [
+                  e("span", Qs, [
+                    i.menuName !== "首页" ? (a(), u("span", eo, [
+                      J(N(i.icon)) ? (a(), D(l(E), {
+                        key: 0,
+                        name: N(i.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (a(), u("span", to, x(A(i.menuName)), 1))
+                    ])) : P("", !0),
+                    e("span", so, x(i.menuName), 1)
+                  ])
+                ]),
+                default: C(() => [
+                  (a(!0), u(q, null, Z(i.children, (h) => (a(), u(q, {
+                    key: h.menuUrl
+                  }, [
+                    h.children && h.children.length > 0 ? (a(), D(l(Ge), {
+                      key: 0,
+                      index: h.menuUrl
+                    }, {
+                      title: C(() => [
+                        e("span", oo, [
+                          e("span", ao, [
+                            J(N(h.icon)) ? (a(), D(l(E), {
+                              key: 0,
+                              name: N(h.icon),
+                              size: 16
+                            }, null, 8, ["name"])) : (a(), u("span", no, x(A(h.menuName)), 1))
+                          ]),
+                          e("span", lo, x(h.menuName), 1)
+                        ])
+                      ]),
+                      default: C(() => [
+                        (a(!0), u(q, null, Z(h.children, (K) => (a(), D(l(Te), {
+                          key: K.menuUrl,
+                          index: K.menuUrl
+                        }, {
+                          default: C(() => [
+                            e("span", ro, [
+                              e("span", io, [
+                                J(N(K.icon)) ? (a(), D(l(E), {
+                                  key: 0,
+                                  name: N(K.icon),
+                                  size: 16
+                                }, null, 8, ["name"])) : (a(), u("span", co, x(A(K.menuName)), 1))
+                              ]),
+                              e("span", uo, x(K.menuName), 1)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["index"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["index"])) : (a(), D(l(Te), {
+                      key: 1,
+                      index: h.menuUrl
+                    }, {
+                      default: C(() => [
+                        e("span", mo, [
+                          e("span", po, [
+                            J(N(h.icon)) ? (a(), D(l(E), {
+                              key: 0,
+                              name: N(h.icon),
+                              size: 16
+                            }, null, 8, ["name"])) : (a(), u("span", vo, x(A(h.menuName)), 1))
+                          ]),
+                          e("span", ho, x(h.menuName), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["index"]))
+                  ], 64))), 128))
+                ]),
+                _: 2
+              }, 1032, ["index"])) : (a(), D(l(Te), {
+                key: 1,
+                index: i.menuUrl
+              }, {
+                default: C(() => [
+                  e("span", _o, [
+                    i.menuName !== "首页" ? (a(), u("span", fo, [
+                      J(N(i.icon)) ? (a(), D(l(E), {
+                        key: 0,
+                        name: N(i.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (a(), u("span", go, x(A(i.menuName)), 1))
+                    ])) : P("", !0),
+                    e("span", yo, x(i.menuName), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["index"]))
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
+        e("div", bo, [
+          e("div", {
+            class: "top-menu__search",
+            ref_key: "searchRef",
+            ref: G
+          }, [
+            y(l(E), {
+              name: "search",
+              size: 14,
+              class: "top-menu__search-icon"
+            }),
+            Be(e("input", {
+              "onUpdate:modelValue": $[0] || ($[0] = (i) => ee.value = i),
+              type: "text",
+              class: "top-menu__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: $[1] || ($[1] = (i) => X.value = !0)
+            }, null, 544), [
+              [Je, ee.value]
+            ]),
+            y(Ie, { name: "search-dropdown" }, {
+              default: C(() => [
+                X.value && (b.value.length > 0 || ee.value) ? (a(), u("div", ko, [
+                  b.value.length > 0 ? (a(), u("div", wo, [
+                    (a(!0), u(q, null, Z(b.value, (i) => (a(), u("div", {
+                      key: i.path,
+                      class: "top-menu__search-item",
+                      onClick: (h) => ye(i.path)
+                    }, [
+                      i.title !== "首页" ? (a(), u("span", Co, [
+                        J(N(i.icon)) ? (a(), D(l(E), {
+                          key: 0,
+                          name: N(i.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (a(), u("span", $o, x(A(i.title)), 1))
+                      ])) : P("", !0),
+                      e("span", Lo, x(i.title), 1),
+                      i.parentTitle ? (a(), u("span", Mo, x(i.parentTitle), 1)) : P("", !0)
+                    ], 8, xo))), 128))
+                  ])) : (a(), u("div", So, " 未找到匹配的菜单 "))
+                ])) : P("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "top-menu__action",
+            onClick: oe,
+            title: R.value ? "退出全屏" : "全屏"
+          }, [
+            y(l(E), {
+              name: R.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, Io),
+          e("div", {
+            class: "top-menu__action",
+            onClick: de,
+            title: "换肤设置"
+          }, [
+            y(l(E), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "top-menu__action",
+            onClick: W,
+            title: "切换主题"
+          }, [
+            y(l(E), {
+              name: l(r).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "top-menu__user",
+            ref_key: "dropdownRef",
+            ref: O
+          }, [
+            e("div", {
+              class: "top-menu__user-trigger",
+              onClick: Ve(we, ["stop"])
+            }, [
+              e("div", Eo, [
+                e("span", null, x(((ce = l(v).userName) == null ? void 0 : ce.charAt(0)) || "U"), 1)
+              ]),
+              e("span", No, x(l(v).userName), 1),
+              e("span", {
+                class: H(["top-menu__user-arrow", { "is-active": F.value }])
+              }, [...$[3] || ($[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)
+            ]),
+            y(Ie, { name: "dropdown" }, {
+              default: C(() => {
+                var i;
+                return [
+                  F.value ? (a(), u("div", To, [
+                    e("div", Uo, [
+                      e("div", zo, [
+                        e("span", null, x(((i = l(v).userName) == null ? void 0 : i.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", Po, [
+                        e("div", Fo, x(l(v).userName), 1),
+                        e("div", Do, x(l(v).departmentName), 1)
+                      ])
+                    ]),
+                    $[8] || ($[8] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
+                    e("div", Ao, [
+                      e("div", {
+                        class: "top-menu__dropdown-item",
+                        onClick: Ce
+                      }, [
+                        y(l(E), {
+                          name: "user",
+                          size: 16
+                        }),
+                        $[4] || ($[4] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "top-menu__dropdown-item",
+                        onClick: T
+                      }, [
+                        y(l(E), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        $[5] || ($[5] = e("span", null, "修改密码", -1))
+                      ]),
+                      $[7] || ($[7] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "top-menu__dropdown-item top-menu__dropdown-item--danger",
+                        onClick: k
+                      }, [
+                        y(l(E), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        $[6] || ($[6] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : P("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(l(st), {
+          modelValue: j.value,
+          "onUpdate:modelValue": $[2] || ($[2] = (i) => j.value = i),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: C(() => [
+            e("div", Bo, [
+              e("div", Oo, [
+                $[12] || ($[12] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", Vo, [
+                  (a(), u(q, null, Z(ve, (i) => e("div", {
+                    key: i.value,
+                    class: H(["layout-option", { "is-active": he.value === i.value }]),
+                    onClick: (h) => ie(i.value)
+                  }, [
+                    e("div", Ko, [
+                      i.value === "sidebar" ? (a(), u("div", jo, [...$[9] || ($[9] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : i.value === "top" ? (a(), u("div", Wo, [...$[10] || ($[10] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (a(), u("div", qo, [...$[11] || ($[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", Ho, x(i.label), 1)
+                  ], 10, Ro)), 64))
+                ])
+              ]),
+              e("div", Yo, [
+                $[13] || ($[13] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Go, [
+                  (a(), u(q, null, Z(xe, (i) => e("div", {
+                    key: i.value,
+                    class: H(["color-option", { "is-active": l(r).primaryColor === i.value }]),
+                    style: Ue({ backgroundColor: i.value }),
+                    title: i.label,
+                    onClick: (h) => be(i.value)
+                  }, [
+                    l(r).primaryColor === i.value ? (a(), D(l(E), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : P("", !0)
+                  ], 14, Xo)), 64))
+                ])
+              ]),
+              e("div", Jo, [
+                $[18] || ($[18] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Zo, [
+                  e("div", Qo, [
+                    $[15] || ($[15] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: H(["switch-wrapper", { "is-checked": Q.value }]),
+                      onClick: S
+                    }, [...$[14] || ($[14] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", ea, [
+                    $[17] || ($[17] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: H(["switch-wrapper", { "is-checked": l(r).isDark }]),
+                      onClick: Y
+                    }, [...$[16] || ($[16] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), sa = /* @__PURE__ */ re(ta, [["__scopeId", "data-v-711d5b8d"]]), oa = { class: "mix-top-menu" }, aa = { class: "mix-top-menu__logo" }, na = ["src"], la = { class: "mix-top-menu__logo-text" }, ra = { class: "mix-top-menu__menu-content" }, ia = {
+  key: 0,
+  class: "mix-top-menu__menu-icon"
+}, ca = {
+  key: 1,
+  class: "mix-top-menu__menu-char"
+}, ua = { class: "mix-top-menu__menu-text" }, da = { class: "mix-top-menu__actions" }, ma = {
+  key: 0,
+  class: "mix-top-menu__search-dropdown"
+}, pa = {
+  key: 0,
+  class: "mix-top-menu__search-results"
+}, va = ["onClick"], ha = {
+  key: 0,
+  class: "mix-top-menu__search-icon-item"
+}, _a = {
+  key: 1,
+  class: "mix-top-menu__search-char"
+}, fa = { class: "mix-top-menu__search-item-title" }, ga = {
+  key: 1,
+  class: "mix-top-menu__search-item-parent"
+}, ya = {
+  key: 1,
+  class: "mix-top-menu__search-empty"
+}, ba = ["title"], ka = { class: "mix-top-menu__avatar" }, wa = { class: "mix-top-menu__user-name" }, xa = {
+  key: 0,
+  class: "mix-top-menu__dropdown"
+}, Ca = { class: "mix-top-menu__dropdown-header" }, $a = { class: "mix-top-menu__dropdown-avatar" }, La = { class: "mix-top-menu__dropdown-info" }, Ma = { class: "mix-top-menu__dropdown-name" }, Sa = { class: "mix-top-menu__dropdown-role" }, Ia = { class: "mix-top-menu__dropdown-menu" }, Ea = { class: "settings-drawer" }, Na = { class: "settings-section" }, Ta = { class: "settings-layout-options" }, Ua = ["onClick"], za = { class: "layout-option__preview" }, Pa = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, Fa = {
+  key: 1,
+  class: "layout-preview-top"
+}, Da = {
+  key: 2,
+  class: "layout-preview-mix"
+}, Aa = { class: "layout-option__label" }, Ba = { class: "settings-section" }, Oa = { class: "settings-color-options" }, Va = ["title", "onClick"], Ra = { class: "settings-section" }, Ka = { class: "settings-switch-list" }, ja = { class: "settings-switch-item" }, Wa = { class: "settings-switch-item" }, qa = /* @__PURE__ */ le({
+  __name: "MixTopMenu",
+  props: {
+    logoSrc: {}
+  },
+  setup(t) {
+    const o = t, p = w(() => o.logoSrc || ze("/vite.svg")), n = Ne(), s = ke(), d = ge(), r = fe(), v = me(), _ = Fe(), m = g(""), f = (i, h = "") => {
+      const K = [];
+      return i.forEach((M) => {
+        M.children && M.children.length > 0 ? K.push(...f(M.children, M.menuName)) : K.push({ ...M, parentTitle: h, title: M.menuName, path: M.menuUrl });
+      }), K;
+    }, b = w(() => N.value.trim() ? f(d.menuList).filter(
+      (h) => h.title.toLowerCase().includes(N.value.toLowerCase())
+    ) : []), c = w(() => {
+      const i = d.menuList.find((h) => h.menuUrl === m.value);
+      return (i == null ? void 0 : i.children) || [];
+    }), V = w(() => d.menuList.find((i) => !!(n.path === i.menuUrl || i.children && i.children.some((h) => n.path.startsWith(h.menuUrl) || n.path === h.menuUrl)))), z = () => {
+      V.value ? m.value = V.value.menuUrl : d.menuList.length > 0 && (m.value = d.menuList[0].menuUrl);
+    }, F = (i) => {
+      m.value = i;
+      const h = d.menuList.find((K) => K.menuUrl === i);
+      if (h)
+        if (h.children && h.children.length > 0) {
+          const K = h.children[0].menuUrl;
+          n.path !== K && s.push(K);
+        } else
+          n.path !== i && s.push(i);
+    }, O = w(() => r.isDark ? "#1d1e1f" : "#fff"), R = w(() => r.isDark ? "#cfd3dc" : "#303133"), j = w(() => "#409eff"), Q = g(!1), X = g(null), ee = g(!1), G = g(!1), te = g(!1), B = g(!1), N = g(""), A = g(null);
+    Le(() => n.path, () => {
+      z(), r.setMixSubMenus(c.value);
+    }), Le(() => d.menuList, (i) => {
+      i && i.length > 0 && (z(), r.setMixSubMenus(c.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"
+    ]), W = (i) => {
+      if (!i || i === "") return "";
+      if (i.startsWith("tineco-icon-")) {
+        const K = i.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"
+        }[K] || K;
+      }
+      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"
+      }[i] || i;
+    }, oe = (i) => i ? i.charAt(0) : "", _e = (i) => J.has(i), we = () => {
+      r.toggleTheme(), G.value = !1;
+    }, ue = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, pe = () => {
+      ee.value = !!document.fullscreenElement;
+    }, ye = () => {
+      Q.value = !Q.value;
+    }, de = () => {
+      Q.value = !1;
+    }, ae = () => {
+      B.value = !1, N.value = "";
+    }, S = (i) => {
+      s.push(i), ae();
+    }, Y = () => {
+      G.value = !0;
+    }, ve = (i) => {
+      te.value = i;
+      const h = document.documentElement;
+      i ? h.classList.add("grey-mode") : h.classList.remove("grey-mode");
+    }, he = () => {
+      ve(!te.value), G.value = !1;
+    }, ie = () => {
+      r.toggleTheme(), G.value = !1;
+    }, xe = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], be = w(() => r.layout), Ce = (i) => {
+      r.setLayout(i), G.value = !1;
+    }, T = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#0F6FDE", label: "企业蓝" },
+      { value: "#00A870", label: "翡翠绿" },
+      { value: "#D46B08", label: "琥珀橙" },
+      { value: "#1F2329", label: "石墨黑" }
+    ], k = (i) => {
+      r.setPrimaryColor(i), G.value = !1;
+    }, se = () => {
+      de(), s.push("/profile");
+    }, L = () => {
+      de(), s.push("/change-password");
+    }, I = () => {
+      de(), _.logout(), v.clearUserInfo(), d.clearMenu(), s.push(r.loginPath);
+    }, $ = (i) => {
+      X.value && !X.value.contains(i.target) && de(), A.value && !A.value.contains(i.target) && ae();
+    }, ce = (i) => {
+      i.key === "Escape" && (ae(), de());
+    };
+    return Oe(() => {
+      document.addEventListener("click", $), document.addEventListener("fullscreenchange", pe), document.addEventListener("keydown", ce), te.value = document.documentElement.classList.contains("grey-mode"), z();
+    }), Xe(() => {
+      document.removeEventListener("click", $), document.removeEventListener("fullscreenchange", pe), document.removeEventListener("keydown", ce);
+    }), (i, h) => {
+      var K;
+      return a(), u("div", oa, [
+        e("div", aa, [
+          e("img", {
+            src: p.value,
+            alt: "Logo",
+            class: "mix-top-menu__logo-img"
+          }, null, 8, na),
+          e("span", la, x(l(r).appName), 1)
+        ]),
+        y(l(tt), {
+          "model-value": m.value,
+          mode: "horizontal",
+          "background-color": O.value,
+          "text-color": R.value,
+          "active-text-color": j.value,
+          class: "mix-top-menu__menu",
+          onSelect: F
+        }, {
+          default: C(() => [
+            (a(!0), u(q, null, Z(l(d).menuList, (M) => (a(), D(l(Te), {
+              key: M.menuUrl,
+              index: M.menuUrl
+            }, {
+              default: C(() => [
+                e("span", ra, [
+                  M.menuName !== "首页" ? (a(), u("span", ia, [
+                    _e(W(M.icon)) ? (a(), D(l(E), {
+                      key: 0,
+                      name: W(M.icon),
+                      size: 16
+                    }, null, 8, ["name"])) : (a(), u("span", ca, x(oe(M.menuName)), 1))
+                  ])) : P("", !0),
+                  e("span", ua, x(M.menuName), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["index"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
+        e("div", da, [
+          e("div", {
+            class: "mix-top-menu__search",
+            ref_key: "searchRef",
+            ref: A
+          }, [
+            y(l(E), {
+              name: "search",
+              size: 14,
+              class: "mix-top-menu__search-icon"
+            }),
+            Be(e("input", {
+              "onUpdate:modelValue": h[0] || (h[0] = (M) => N.value = M),
+              type: "text",
+              class: "mix-top-menu__search-input",
+              placeholder: "搜索菜单...",
+              onFocus: h[1] || (h[1] = (M) => B.value = !0)
+            }, null, 544), [
+              [Je, N.value]
+            ]),
+            y(Ie, { name: "search-dropdown" }, {
+              default: C(() => [
+                B.value && (b.value.length > 0 || N.value) ? (a(), u("div", ma, [
+                  b.value.length > 0 ? (a(), u("div", pa, [
+                    (a(!0), u(q, null, Z(b.value, (M) => (a(), u("div", {
+                      key: M.path,
+                      class: "mix-top-menu__search-item",
+                      onClick: (at) => S(M.path)
+                    }, [
+                      M.title !== "首页" ? (a(), u("span", ha, [
+                        _e(W(M.icon)) ? (a(), D(l(E), {
+                          key: 0,
+                          name: W(M.icon),
+                          size: 16
+                        }, null, 8, ["name"])) : (a(), u("span", _a, x(oe(M.title)), 1))
+                      ])) : P("", !0),
+                      e("span", fa, x(M.title), 1),
+                      M.parentTitle ? (a(), u("span", ga, x(M.parentTitle), 1)) : P("", !0)
+                    ], 8, va))), 128))
+                  ])) : (a(), u("div", ya, " 未找到匹配的菜单 "))
+                ])) : P("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: ue,
+            title: ee.value ? "退出全屏" : "全屏"
+          }, [
+            y(l(E), {
+              name: ee.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, ba),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: Y,
+            title: "换肤设置"
+          }, [
+            y(l(E), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          e("div", {
+            class: "mix-top-menu__action",
+            onClick: we,
+            title: "切换主题"
+          }, [
+            y(l(E), {
+              name: l(r).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          e("div", {
+            class: "mix-top-menu__user",
+            ref_key: "dropdownRef",
+            ref: X
+          }, [
+            e("div", {
+              class: "mix-top-menu__user-trigger",
+              onClick: Ve(ye, ["stop"])
+            }, [
+              e("div", ka, [
+                e("span", null, x(((K = l(v).userName) == null ? void 0 : K.charAt(0)) || "U"), 1)
+              ]),
+              e("span", wa, x(l(v).userName), 1),
+              e("span", {
+                class: H(["mix-top-menu__user-arrow", { "is-active": Q.value }])
+              }, [...h[3] || (h[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)
+            ]),
+            y(Ie, { name: "dropdown" }, {
+              default: C(() => {
+                var M;
+                return [
+                  Q.value ? (a(), u("div", xa, [
+                    e("div", Ca, [
+                      e("div", $a, [
+                        e("span", null, x(((M = l(v).userName) == null ? void 0 : M.charAt(0)) || "U"), 1)
+                      ]),
+                      e("div", La, [
+                        e("div", Ma, x(l(v).userName), 1),
+                        e("div", Sa, x(l(v).departmentName), 1)
+                      ])
+                    ]),
+                    h[8] || (h[8] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
+                    e("div", Ia, [
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item",
+                        onClick: se
+                      }, [
+                        y(l(E), {
+                          name: "user",
+                          size: 16
+                        }),
+                        h[4] || (h[4] = e("span", null, "个人信息", -1))
+                      ]),
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item",
+                        onClick: L
+                      }, [
+                        y(l(E), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        h[5] || (h[5] = e("span", null, "修改密码", -1))
+                      ]),
+                      h[7] || (h[7] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
+                      e("div", {
+                        class: "mix-top-menu__dropdown-item mix-top-menu__dropdown-item--danger",
+                        onClick: I
+                      }, [
+                        y(l(E), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        h[6] || (h[6] = e("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : P("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        y(l(st), {
+          modelValue: G.value,
+          "onUpdate:modelValue": h[2] || (h[2] = (M) => G.value = M),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: C(() => [
+            e("div", Ea, [
+              e("div", Na, [
+                h[12] || (h[12] = e("div", { class: "settings-title" }, "布局模式", -1)),
+                e("div", Ta, [
+                  (a(), u(q, null, Z(xe, (M) => e("div", {
+                    key: M.value,
+                    class: H(["layout-option", { "is-active": be.value === M.value }]),
+                    onClick: (at) => Ce(M.value)
+                  }, [
+                    e("div", za, [
+                      M.value === "sidebar" ? (a(), u("div", Pa, [...h[9] || (h[9] = [
+                        e("div", { class: "preview-aside" }, null, -1),
+                        e("div", { class: "preview-main" }, [
+                          e("div", { class: "preview-header" }),
+                          e("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : M.value === "top" ? (a(), u("div", Fa, [...h[10] || (h[10] = [
+                        e("div", { class: "preview-header-full" }, null, -1),
+                        e("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (a(), u("div", Da, [...h[11] || (h[11] = [
+                        e("div", { class: "preview-header-mix" }, [
+                          e("div", { class: "preview-mix-left" })
+                        ], -1),
+                        e("div", { class: "preview-mix-body" }, [
+                          e("div", { class: "preview-mix-aside" }),
+                          e("div", { class: "preview-mix-content" })
+                        ], -1)
+                      ])]))
+                    ]),
+                    e("span", Aa, x(M.label), 1)
+                  ], 10, Ua)), 64))
+                ])
+              ]),
+              e("div", Ba, [
+                h[13] || (h[13] = e("div", { class: "settings-title" }, "主题色", -1)),
+                e("div", Oa, [
+                  (a(), u(q, null, Z(T, (M) => e("div", {
+                    key: M.value,
+                    class: H(["color-option", { "is-active": l(r).primaryColor === M.value }]),
+                    style: Ue({ backgroundColor: M.value }),
+                    title: M.label,
+                    onClick: (at) => k(M.value)
+                  }, [
+                    l(r).primaryColor === M.value ? (a(), D(l(E), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : P("", !0)
+                  ], 14, Va)), 64))
+                ])
+              ]),
+              e("div", Ra, [
+                h[18] || (h[18] = e("div", { class: "settings-title" }, "功能设置", -1)),
+                e("div", Ka, [
+                  e("div", ja, [
+                    h[15] || (h[15] = e("span", null, "灰色模式", -1)),
+                    e("div", {
+                      class: H(["switch-wrapper", { "is-checked": te.value }]),
+                      onClick: he
+                    }, [...h[14] || (h[14] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  e("div", Wa, [
+                    h[17] || (h[17] = e("span", null, "暗黑模式", -1)),
+                    e("div", {
+                      class: H(["switch-wrapper", { "is-checked": l(r).isDark }]),
+                      onClick: ie
+                    }, [...h[16] || (h[16] = [
+                      e("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ha = /* @__PURE__ */ re(qa, [["__scopeId", "data-v-ec17777f"]]), Ya = {
+  key: 0,
+  class: "layout layout--sidebar"
+}, Ga = { class: "layout__main" }, Xa = { class: "layout__header" }, Ja = { class: "layout__content" }, Za = {
+  key: 1,
+  class: "layout layout--top"
+}, Qa = { class: "layout__top-menu" }, en = { class: "layout__main" }, tn = { class: "layout__content" }, sn = {
+  key: 2,
+  class: "layout layout--mix"
+}, on = { class: "layout__mix-top-menu" }, an = { class: "layout__mix-body" }, nn = { class: "layout__content" }, ln = /* @__PURE__ */ le({
+  __name: "index",
+  props: {
+    logoSrc: {}
+  },
+  setup(t) {
+    const o = t, p = w(() => o.logoSrc || ze("/vite.svg")), n = fe(), s = ge(), d = w(
+      () => n.isCollapsed ? "64px" : "210px"
+    ), r = w(() => n.layout), v = w(() => r.value === "mix"), _ = w(() => r.value === "sidebar" ? s.menuList : r.value === "mix" ? n.mixSubMenus : []), m = w(() => v.value ? _.value.length > 0 : !1);
+    return (f, b) => {
+      const c = $e("router-view");
+      return a(), u(q, null, [
+        r.value === "sidebar" ? (a(), u("div", Ya, [
+          e("aside", {
+            class: H(["layout__aside", { "layout__aside--collapsed": l(n).isCollapsed }]),
+            style: Ue({ width: d.value })
+          }, [
+            y(ct, {
+              "menu-list": _.value,
+              "show-logo": !0,
+              "show-user": !0,
+              "logo-src": p.value
+            }, null, 8, ["menu-list", "logo-src"])
+          ], 6),
+          e("div", Ga, [
+            e("header", Xa, [
+              y(Ys)
+            ]),
+            e("main", Ja, [
+              y(c)
+            ])
+          ])
+        ])) : P("", !0),
+        r.value === "top" ? (a(), u("div", Za, [
+          e("div", Qa, [
+            y(sa, { "logo-src": p.value }, null, 8, ["logo-src"])
+          ]),
+          e("div", en, [
+            e("main", tn, [
+              y(c)
+            ])
+          ])
+        ])) : P("", !0),
+        r.value === "mix" ? (a(), u("div", sn, [
+          e("div", on, [
+            y(Ha, { "logo-src": p.value }, null, 8, ["logo-src"])
+          ]),
+          e("div", an, [
+            m.value ? (a(), u("aside", {
+              key: 0,
+              class: H(["layout__aside", { "layout__aside--collapsed": l(n).isCollapsed }]),
+              style: Ue({ width: d.value })
+            }, [
+              y(ct, {
+                "menu-list": _.value,
+                "show-logo": !1,
+                "show-user": !1
+              }, null, 8, ["menu-list"])
+            ], 6)) : P("", !0),
+            e("main", nn, [
+              y(c)
+            ])
+          ])
+        ])) : P("", !0)
+      ], 64);
+    };
+  }
+}), _t = /* @__PURE__ */ re(ln, [["__scopeId", "data-v-5cf17579"]]), rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: _t
+}, Symbol.toStringTag, { value: "Module" })), cn = { class: "tabs-wrapper" }, un = { class: "tab-label" }, dn = ["onClick"], mn = /* @__PURE__ */ le({
+  __name: "Tabs",
+  setup(t) {
+    const o = Ne(), p = ke(), n = w(() => {
+      const v = [];
+      return o.matched.forEach((_) => {
+        var m;
+        (m = _.meta) != null && m.affix && v.push({
+          name: _.name,
+          title: _.meta.title,
+          path: _.path,
+          affix: !0
+        });
+      }), v;
+    }), s = w(() => o.path), d = (v) => {
+      p.push(v);
+    }, r = (v) => {
+      const _ = n.value.find((m) => m.path === v);
+      if (!(_ != null && _.affix) && v === s.value) {
+        const m = n.value.findIndex((b) => b.path === v), f = n.value[m - 1] || n.value[m + 1];
+        f && p.push(f.path);
+      }
+    };
+    return (v, _) => (a(), u("div", cn, [
+      y(l(Pt), {
+        modelValue: s.value,
+        "onUpdate:modelValue": _[0] || (_[0] = (m) => s.value = m),
+        type: "card",
+        onTabClick: d
+      }, {
+        default: C(() => [
+          (a(!0), u(q, null, Z(n.value, (m) => (a(), D(l(Ft), {
+            key: m.path,
+            name: m.path,
+            label: m.title,
+            closable: !m.affix
+          }, {
+            label: C(() => [
+              e("span", un, [
+                ne(x(m.title) + " ", 1),
+                m.affix ? P("", !0) : (a(), u("span", {
+                  key: 0,
+                  class: "tab-close",
+                  onClick: Ve((f) => r(m.path), ["stop"])
+                }, " ✕ ", 8, dn))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["name", "label", "closable"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}), ll = /* @__PURE__ */ re(mn, [["__scopeId", "data-v-0a4ca30d"]]), pn = {}, vn = { class: "footer" };
+function hn(t, o) {
+  return a(), u("div", vn, [...o[0] || (o[0] = [
+    e("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const rl = /* @__PURE__ */ re(pn, [["render", hn], ["__scopeId", "data-v-ac63e349"]]), _n = /* @__PURE__ */ le({
+  name: "FilterBar",
+  __name: "FilterBar",
+  props: {
+    model: {},
+    collapsible: { type: Boolean, default: !0 },
+    collapsedCount: { default: 3 },
+    defaultCollapsed: { type: Boolean, default: !0 },
+    searchText: { default: "查询" },
+    resetText: { default: "重置" },
+    searchLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["search", "reset"],
+  setup(t, { expose: o, emit: p }) {
+    const n = t, s = p, d = g(null), r = g(n.defaultCollapsed), v = g(0), _ = () => {
+      var F;
+      const V = (F = d.value) == null ? void 0 : F.$el;
+      if (!V) return;
+      const z = V.querySelectorAll(":scope > .x-form-item:not(.filter-bar__ops)");
+      v.value = z.length, z.forEach((O, R) => {
+        O.style.display = r.value && R >= n.collapsedCount ? "none" : "";
+      });
+    }, m = w(() => n.collapsible && v.value > n.collapsedCount), f = () => {
+      r.value = !r.value;
+    };
+    Le(r, () => Re(_)), Oe(() => Re(_)), Nt(() => Re(_));
+    const b = () => s("search"), c = () => s("reset");
+    return o({
+      /** 展开筛选项 */
+      expand: () => {
+        r.value = !1;
+      },
+      /** 收起筛选项 */
+      collapse: () => {
+        r.value = !0;
+      }
+    }), (V, z) => {
+      const F = $e("x-button"), O = $e("x-form-item"), R = $e("x-form"), j = $e("x-card");
+      return a(), D(j, { class: "filter-bar" }, {
+        default: C(() => [
+          y(R, {
+            ref_key: "formRef",
+            ref: d,
+            model: t.model,
+            layout: "inline",
+            onSubmit: b,
+            onReset: c
+          }, {
+            default: C(() => [
+              De(V.$slots, "default", {}, void 0, !0),
+              y(O, { class: "filter-bar__ops" }, {
+                default: C(() => [
+                  y(F, {
+                    type: "primary",
+                    size: "small",
+                    "html-type": "submit",
+                    loading: t.searchLoading
+                  }, {
+                    default: C(() => [
+                      ne(x(t.searchText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading"]),
+                  y(F, {
+                    size: "small",
+                    "html-type": "reset"
+                  }, {
+                    default: C(() => [
+                      ne(x(t.resetText), 1)
+                    ]),
+                    _: 1
+                  }),
+                  m.value ? (a(), D(F, {
+                    key: 0,
+                    type: "text",
+                    size: "small",
+                    class: "filter-bar__toggle",
+                    onClick: f
+                  }, {
+                    default: C(() => [
+                      ne(x(r.value ? "展开" : "收起") + " ", 1),
+                      y(l(E), {
+                        name: "caret-down",
+                        size: 12,
+                        class: H(["filter-bar__caret", { "is-open": !r.value }])
+                      }, null, 8, ["class"])
+                    ]),
+                    _: 1
+                  })) : P("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 3
+          }, 8, ["model"])
+        ]),
+        _: 3
+      });
+    };
+  }
+}), il = /* @__PURE__ */ re(_n, [["__scopeId", "data-v-a6ce5185"]]), fn = { class: "table-card__header" }, gn = { class: "table-card__title" }, yn = { class: "table-card__actions" }, bn = /* @__PURE__ */ le({
+  name: "TableCard",
+  __name: "TableCard",
+  props: {
+    title: {}
+  },
+  setup(t) {
+    return (o, p) => {
+      const n = $e("x-card");
+      return a(), D(n, { class: "table-card-frame" }, Tt({
+        default: C(() => [
+          De(o.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 2
+      }, [
+        t.title || o.$slots.header || o.$slots.actions ? {
+          name: "header",
+          fn: C(() => [
+            e("div", fn, [
+              e("div", gn, [
+                De(o.$slots, "header", {}, () => [
+                  ne(x(t.title), 1)
+                ], !0)
+              ]),
+              e("div", yn, [
+                De(o.$slots, "actions", {}, void 0, !0)
+              ])
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024);
+    };
+  }
+}), cl = /* @__PURE__ */ re(bn, [["__scopeId", "data-v-c49cd770"]]), kn = { class: "login-page" }, wn = { class: "login-form-section" }, xn = { class: "form-container" }, Cn = { class: "input-wrapper" }, $n = { class: "input-wrapper" }, Ln = { class: "form-options" }, Mn = { key: 0 }, Sn = { key: 1 }, In = /* @__PURE__ */ le({
+  __name: "index",
+  setup(t) {
+    const o = ke(), p = Ne(), n = g(!1), s = g(!1), d = Ze({
+      uid: "",
+      password: ""
+    }), r = {
+      uid: [
+        { required: !0, message: "请输入用户名", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" },
+        { min: 6, message: "密码长度至少6位", trigger: "blur" }
+      ]
+    }, v = g(), _ = async () => {
+      var m;
+      try {
+        await ((m = v.value) == null ? void 0 : m.validate()), n.value = !0;
+        const f = await kt({
+          appId: Se(),
+          clientId: vt(),
+          uid: d.uid,
+          password: d.password,
+          code: !0
+        });
+        pt(f), Dt.success("登录成功");
+        const b = p.query.redirect;
+        b ? o.push(b) : o.push({ name: "Dashboard" });
+      } catch (f) {
+        console.error("登录失败:", f);
+      } finally {
+        n.value = !1;
+      }
+    };
+    return (m, f) => (a(), u("div", kn, [
+      f[10] || (f[10] = Ae('<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", wn, [
+        e("div", xn, [
+          f[7] || (f[7] = e("div", { class: "form-header" }, [
+            e("h2", null, "欢迎登录"),
+            e("p", null, "请输入您的账户信息")
+          ], -1)),
+          y(l(At), {
+            ref_key: "formRef",
+            ref: v,
+            model: d,
+            rules: r,
+            class: "login-form",
+            "label-width": "0"
+          }, {
+            default: C(() => [
+              y(l(Ke), { prop: "uid" }, {
+                default: C(() => [
+                  e("div", Cn, [
+                    f[3] || (f[3] = e("label", { class: "input-label" }, "用户名", -1)),
+                    y(l(it), {
+                      modelValue: d.uid,
+                      "onUpdate:modelValue": f[0] || (f[0] = (b) => d.uid = b),
+                      placeholder: "请输入用户名",
+                      size: "large"
+                    }, {
+                      prefix: C(() => [
+                        y(l(E), {
+                          name: "user",
+                          size: 18
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              y(l(Ke), { prop: "password" }, {
+                default: C(() => [
+                  e("div", $n, [
+                    f[4] || (f[4] = e("label", { class: "input-label" }, "密码", -1)),
+                    y(l(it), {
+                      modelValue: d.password,
+                      "onUpdate:modelValue": f[1] || (f[1] = (b) => d.password = b),
+                      type: "password",
+                      placeholder: "请输入密码",
+                      size: "large",
+                      "show-password": "",
+                      onKeyup: Ut(_, ["enter"])
+                    }, {
+                      prefix: C(() => [
+                        y(l(E), {
+                          name: "lock",
+                          size: 18
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              e("div", Ln, [
+                y(l(Bt), {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": f[2] || (f[2] = (b) => s.value = b)
+                }, {
+                  default: C(() => [...f[5] || (f[5] = [
+                    ne("记住我", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                f[6] || (f[6] = e("a", {
+                  href: "#",
+                  class: "forgot-link"
+                }, "忘记密码？", -1))
+              ]),
+              y(l(Ke), null, {
+                default: C(() => [
+                  y(l(Ee), {
+                    type: "primary",
+                    size: "large",
+                    loading: n.value,
+                    class: "login-btn",
+                    onClick: _
+                  }, {
+                    default: C(() => [
+                      n.value ? (a(), u("span", Sn, "登录中...")) : (a(), u("span", Mn, "登 录"))
+                    ]),
+                    _: 1
+                  }, 8, ["loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model"]),
+          f[8] || (f[8] = Ae('<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))
+        ]),
+        f[9] || (f[9] = e("div", { class: "copyright" }, [
+          e("p", null, "© 2024 XTO Team. All rights reserved.")
+        ], -1))
+      ])
+    ]));
+  }
+}), En = /* @__PURE__ */ re(In, [["__scopeId", "data-v-20b19b53"]]), Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: En
+}, Symbol.toStringTag, { value: "Module" })), Tn = { class: "error-page" }, Un = { class: "error-container" }, zn = { class: "error-content" }, Pn = { class: "error-actions" }, Fn = /* @__PURE__ */ le({
+  __name: "404",
+  setup(t) {
+    const o = ke(), p = () => {
+      o.push("/");
+    };
+    return (n, s) => (a(), u("div", Tn, [
+      e("div", Un, [
+        s[7] || (s[7] = e("div", { class: "error-bg" }, [
+          e("div", { class: "bg-circle circle-1" }),
+          e("div", { class: "bg-circle circle-2" }),
+          e("div", { class: "bg-circle circle-3" })
+        ], -1)),
+        e("div", zn, [
+          s[5] || (s[5] = Ae('<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", Pn, [
+            y(l(Ee), {
+              type: "primary",
+              size: "large",
+              onClick: p
+            }, {
+              icon: C(() => [...s[1] || (s[1] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }),
+                  e("polyline", { points: "9,22 9,12 15,12 15,22" })
+                ], -1)
+              ])]),
+              default: C(() => [
+                s[2] || (s[2] = ne(" 返回首页 ", -1))
+              ]),
+              _: 1
+            }),
+            y(l(Ee), {
+              size: "large",
+              onClick: s[0] || (s[0] = (d) => l(o).go(-1))
+            }, {
+              icon: C(() => [...s[3] || (s[3] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M19 12H5M12 19l-7-7 7-7" })
+                ], -1)
+              ])]),
+              default: C(() => [
+                s[4] || (s[4] = ne(" 返回上一页 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          s[6] || (s[6] = e("div", { class: "error-tip" }, [
+            e("p", null, "您可以尝试："),
+            e("ul", null, [
+              e("li", null, "检查您输入的网址是否正确"),
+              e("li", null, "返回首页重新浏览"),
+              e("li", null, "联系管理员反馈问题")
+            ])
+          ], -1))
+        ])
+      ])
+    ]));
+  }
+}), Dn = /* @__PURE__ */ re(Fn, [["__scopeId", "data-v-c36cc0ad"]]), ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Dn
+}, Symbol.toStringTag, { value: "Module" })), An = { class: "error-page" }, Bn = { class: "error-container" }, On = { class: "error-content" }, Vn = { class: "error-actions" }, Rn = /* @__PURE__ */ le({
+  __name: "403",
+  setup(t) {
+    const o = ke(), p = () => {
+      o.push("/");
+    };
+    return (n, s) => (a(), u("div", An, [
+      e("div", Bn, [
+        s[7] || (s[7] = e("div", { class: "error-bg" }, [
+          e("div", { class: "bg-circle circle-1" }),
+          e("div", { class: "bg-circle circle-2" }),
+          e("div", { class: "bg-circle circle-3" })
+        ], -1)),
+        e("div", On, [
+          s[5] || (s[5] = Ae('<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", Vn, [
+            y(l(Ee), {
+              type: "primary",
+              size: "large",
+              onClick: p
+            }, {
+              icon: C(() => [...s[1] || (s[1] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }),
+                  e("polyline", { points: "9,22 9,12 15,12 15,22" })
+                ], -1)
+              ])]),
+              default: C(() => [
+                s[2] || (s[2] = ne(" 返回首页 ", -1))
+              ]),
+              _: 1
+            }),
+            y(l(Ee), {
+              size: "large",
+              onClick: s[0] || (s[0] = (d) => l(o).go(-1))
+            }, {
+              icon: C(() => [...s[3] || (s[3] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M19 12H5M12 19l-7-7 7-7" })
+                ], -1)
+              ])]),
+              default: C(() => [
+                s[4] || (s[4] = ne(" 返回上一页 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          s[6] || (s[6] = e("div", { class: "error-tip" }, [
+            e("p", null, "可能的原因："),
+            e("ul", null, [
+              e("li", null, "您的账号权限不足"),
+              e("li", null, "该页面需要特定角色才能访问"),
+              e("li", null, "您的登录状态已过期")
+            ])
+          ], -1))
+        ])
+      ])
+    ]));
+  }
+}), ul = /* @__PURE__ */ re(Rn, [["__scopeId", "data-v-e6e1f7ac"]]);
+function dl() {
+  const t = fe(), o = me(), p = Fe(), n = w(() => o.userName || ""), s = w(() => o.userInfo), d = w(() => t.appName), r = w(() => p.isLoggedIn), v = w(() => t.isDark), _ = w(() => t.theme), m = w(() => t.isCollapsed), f = w(() => t.layout);
+  return {
+    userName: n,
+    userInfo: s,
+    appName: d,
+    isLoggedIn: r,
+    isDark: v,
+    theme: _,
+    isCollapsed: m,
+    layout: f,
+    toggleTheme: () => {
+      t.toggleTheme();
+    },
+    toggleCollapse: () => {
+      t.toggleCollapse();
+    }
+  };
+}
+function ml() {
+  const t = me();
+  return {
+    isLoggedIn: w(() => t.isLoggedIn)
+  };
+}
+function pl(t, o = {}) {
+  const { rules: p, onSubmit: n } = o, s = g(), d = Ze({ ...t }), r = g(!1), v = g(!1), _ = g(!1), m = () => {
+    c(), _.value = !1, v.value = !0;
+  }, f = (z) => {
+    Object.assign(d, z), _.value = !0, v.value = !0;
+  }, b = () => {
+    v.value = !1, c();
+  }, c = () => {
+    var z;
+    Object.keys(t).forEach((F) => {
+      d[F] = t[F];
+    }), (z = s.value) == null || z.resetFields();
+  };
+  return {
+    formRef: s,
+    formData: d,
+    rules: p,
+    loading: r,
+    visible: v,
+    isEdit: _,
+    openAdd: m,
+    openEdit: f,
+    close: b,
+    resetForm: c,
+    handleSubmit: async () => {
+      var z;
+      try {
+        await ((z = s.value) == null ? void 0 : z.validate()), r.value = !0, await (n == null ? void 0 : n(d)), b();
+      } catch (F) {
+        console.error(F);
+      } finally {
+        r.value = !1;
+      }
+    }
+  };
+}
+function vl(t) {
+  const { fetchData: o, defaultPageSize: p = 10 } = t, n = g(!1), s = g([]), d = g(0), r = g(1), v = g(p), _ = Ze({}), m = async () => {
+    n.value = !0;
+    try {
+      const O = {
+        ..._,
+        page: r.value,
+        pageSize: v.value
+      }, R = await o(O);
+      s.value = R.list, d.value = R.total;
+    } catch (O) {
+      console.error(O);
+    } finally {
+      n.value = !1;
+    }
+  }, f = () => {
+    r.value = 1, m();
+  }, b = () => {
+    Object.keys(_).forEach((O) => {
+      _[O] = void 0;
+    }), r.value = 1, m();
+  }, c = (O) => {
+    r.value = O, m();
+  }, V = (O) => {
+    v.value = O, r.value = 1, m();
+  }, z = () => {
+    m();
+  }, F = w(() => ({
+    current: r.value,
+    pageSize: v.value,
+    total: d.value
+  }));
+  return {
+    loading: n,
+    data: s,
+    total: d,
+    currentPage: r,
+    pageSize: v,
+    searchParams: _,
+    pagination: F,
+    getData: m,
+    handleSearch: f,
+    handleReset: b,
+    handlePageChange: c,
+    handleSizeChange: V,
+    refresh: z
+  };
+}
+const ot = Pe("locale", () => {
+  const t = U.get("locale") || "zh-CN", o = Ot(t), p = g(t), n = Vt(), { t: s, messages: d, setLocale: r, mergeMessages: v } = Rt(), _ = w(() => {
+    const c = n.find((V) => V.code === p.value);
+    return (c == null ? void 0 : c.name) || p.value;
+  });
+  return {
+    locale: p,
+    localeName: _,
+    locales: n,
+    messages: d,
+    t: s,
+    changeLocale: (c) => {
+      p.value = c, r(c), U.set("locale", c), o.setLocale(c);
+    },
+    addMessages: (c) => {
+      v(c);
+    },
+    initLocale: () => {
+      r(t);
+    },
+    provider: o
+  };
+}), Kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useLocaleStore: ot
+}, Symbol.toStringTag, { value: "Module" }));
+function hl() {
+  const t = ot();
+  return {
+    /** 当前语言代码 */
+    locale: t.locale,
+    /** 当前语言名称 */
+    localeName: t.localeName,
+    /** 支持的语言列表 */
+    locales: t.locales,
+    /** 翻译函数 */
+    t: t.t,
+    /** 当前语言包 */
+    messages: t.messages,
+    /** 切换语言 */
+    setLocale: t.changeLocale,
+    /** 添加自定义翻译 */
+    addMessages: t.addMessages
+  };
+}
+function _l() {
+  return ot().t;
+}
+function fl(t) {
+  const o = me(), p = ge();
+  return o.isLoggedIn ? p.hasPermission(t) : !1;
+}
+function gl(t) {
+  return me().isLoggedIn;
+}
+function yl() {
+  return !0;
+}
+const gt = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => Promise.resolve().then(() => Nn),
+    meta: {
+      title: "登录",
+      hidden: !0
+    }
+  }
+], yt = {
+  path: "/",
+  name: "Layout",
+  component: () => Promise.resolve().then(() => rn),
+  redirect: "/dashboard",
+  children: [
+    {
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("./index-BARaN_X9.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-Bae5aKOp.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-BuduWJdN.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-CoJj_x19.js"),
+      meta: {
+        title: "菜单管理",
+        icon: "menu",
+        keepAlive: !0
+      }
+    },
+    // catch-all 路由：让 404 在 Layout 内部渲染，保持左侧菜单显示
+    {
+      path: "/:pathMatch(.*)*",
+      name: "CatchAll",
+      component: () => Promise.resolve().then(() => ft),
+      meta: {
+        title: "404",
+        hidden: !0
+      }
+    }
+  ]
+}, bl = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-BARaN_X9.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-Bae5aKOp.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-BuduWJdN.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-CoJj_x19.js"),
+        meta: {
+          title: "菜单管理",
+          icon: "menu",
+          keepAlive: !0
+        }
+      }
+    ]
+  }
+], jn = [
+  {
+    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
+      }
+    ]
+  }
+], bt = Qe({
+  history: et(),
+  routes: [...gt, yt],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), Wn = ["/login"];
+bt.beforeEach(async (t, o, p) => {
+  const n = fe();
+  if (n.initTheme(), dt())
+    if (t.path === "/login")
+      p({ path: "/" });
+    else {
+      const s = me();
+      s.isLoggedIn || (s.setUserInfo({
+        appId: Se(),
+        userId: "1",
+        userName: "管理员",
+        departmentName: "技术部",
+        email: "admin@example.com",
+        mobilePhone: "13800138000",
+        positionName: "管理员",
+        avatar: ""
+      }), ge().setMenuList(jn)), t.name && t.meta.keepAlive && n.addCachedView(t.name), p();
+    }
+  else
+    Wn.includes(t.path) ? p() : p("/login");
+});
+function kl() {
+  const t = Qe({
+    history: et(),
+    routes: [...gt, yt]
+  });
+  bt.matcher = t.matcher;
+}
+function wl(t, o = {}) {
+  const p = o.indexPath || "/dashboard", n = o.logoSrc, s = {
+    path: "/:pathMatch(.*)*",
+    name: "CatchAll",
+    component: () => Promise.resolve().then(() => ft),
+    meta: {
+      title: "404"
+    }
+  };
+  return {
+    path: "/",
+    name: "Layout",
+    component: le({
+      name: "LayoutWrapper",
+      render() {
+        return zt(_t, { logoSrc: n || ze("/vite.svg") });
+      }
+    }),
+    redirect: p,
+    children: [...t, s]
+  };
+}
+function xl(t, o = {}) {
+  const p = o.base || wt();
+  return Qe({
+    history: et(p),
+    routes: t,
+    scrollBehavior: () => ({ left: 0, top: 0 })
+  });
+}
+const qn = ["login", "404", "403", "/login", "/404", "/403"];
+function Hn(t, o) {
+  if (o.includes(t)) return !0;
+  const p = t.startsWith("/") ? t.slice(1) : t;
+  return o.includes(p);
+}
+function Cl(t, o = {}) {
+  const p = o.whiteList || qn;
+  t.beforeEach(async (n, s, d) => {
+    const r = fe(), v = me(), _ = ge(), m = r.loginPath || o.loginPath || "/login";
+    if (r.initTheme(), ut())
+      if (n.path === m || n.name === "Login")
+        d({ name: "Dashboard" });
+      else if (v.isLoggedIn) {
+        if (!_.hasMenu)
+          try {
+            const b = o.fetchMenu ? await o.fetchMenu() : await lt(o.appId);
+            _.setMenuList(b);
+          } catch (b) {
+            console.warn("补拉菜单失败:", b);
+          }
+        n.name && n.meta.keepAlive && r.addCachedView(n.name), d();
+      } else
+        try {
+          if (o.fetchUserInfo) {
+            const b = await o.fetchUserInfo();
+            v.setUserInfo(b);
+          } else {
+            const b = await xt();
+            v.setUserInfo(b);
+          }
+          if (o.fetchMenu) {
+            const b = await o.fetchMenu();
+            _.setMenuList(b);
+          } else {
+            const b = await lt(o.appId);
+            _.setMenuList(b);
+          }
+          o.onLoginSuccess && o.onLoginSuccess(), n.name && n.meta.keepAlive && r.addCachedView(n.name), d({ ...n, replace: !0 });
+        } catch (b) {
+          console.error("获取用户信息失败:", b), v.clearUserInfo(), _.clearMenu(), mt(), d({ name: "Login", query: { redirect: n.fullPath } });
+        }
+    else
+      Hn(n.path, p) || n.name === "Login" || n.name === "NotFound" || n.name === "Forbidden" ? d() : d({ name: "Login", query: { redirect: n.fullPath } });
+  }), t.afterEach(() => {
+  });
+}
+var Yn = /* @__PURE__ */ ((t) => (t[t.ENABLED = 1] = "ENABLED", t[t.DISABLED = 0] = "DISABLED", t))(Yn || {}), Gn = /* @__PURE__ */ ((t) => (t[t.UNKNOWN = 0] = "UNKNOWN", t[t.MALE = 1] = "MALE", t[t.FEMALE = 2] = "FEMALE", t))(Gn || {}), Xn = /* @__PURE__ */ ((t) => (t[t.DIRECTORY = 0] = "DIRECTORY", t[t.MENU = 1] = "MENU", t[t.BUTTON = 2] = "BUTTON", t))(Xn || {});
+const $l = {
+  1: "启用",
+  0: "禁用"
+}, Ll = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, Ml = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, Sl = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], Il = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], El = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], Nl = {
+  mounted(t, o) {
+    var r, v;
+    const p = me(), n = ge();
+    if (!p.isLoggedIn) {
+      (r = t.parentNode) == null || r.removeChild(t);
+      return;
+    }
+    const s = o.value, d = Array.isArray(s) ? s : [s];
+    n.hasPermission(d) || (v = t.parentNode) == null || v.removeChild(t);
+  }
+};
+async function Tl(t) {
+  await Ct(t.basePath);
+  const o = rt();
+  o && $t(o), Lt({
+    appId: t.appId,
+    clientId: t.clientId,
+    apiBaseUrl: o || t.apiBaseUrl,
+    basePath: t.basePath
+  }), t.basePath && Mt(t.basePath);
+  const p = typeof window < "u" && window.location.pathname.includes("/h5/"), n = t.appId || Se();
+  if (n && !p)
+    try {
+      const s = await Promise.race([
+        St(n),
+        new Promise((d) => setTimeout(() => d(null), 2e3))
+      ]);
+      s && typeof s == "object" && It(s);
+    } catch (s) {
+      console.warn("加载应用界面配置失败，使用内置默认", s);
+    }
+  return Promise.resolve().then(() => Wt).then(({ useAppStore: s }) => {
+    const d = s();
+    t.appName && d.setAppName(t.appName), t.indexPath && d.setIndexPath(t.indexPath), t.loginPath && d.setLoginPath(t.loginPath);
+  }), t.locale && Promise.resolve().then(() => Kn).then(({ useLocaleStore: s }) => {
+    s().changeLocale(t.locale);
+  }), {
+    config: {
+      appName: t.appName || "XTO App",
+      appId: Se(),
+      clientId: vt(),
+      apiBaseUrl: rt(),
+      basePath: t.basePath || "/",
+      indexPath: t.indexPath || "/dashboard",
+      loginPath: t.loginPath || "/login",
+      locale: t.locale || "zh-CN"
+    }
+  };
+}
+export {
+  gt as A,
+  dl as B,
+  fe as C,
+  ml as D,
+  Fe as E,
+  il as F,
+  Gn as G,
+  Ys as H,
+  pl as I,
+  hl as J,
+  ot as K,
+  _t as L,
+  Xn as M,
+  ge as N,
+  vl as O,
+  me as P,
+  Yn as S,
+  cl as T,
+  re as _,
+  Sl as a,
+  El as b,
+  rl as c,
+  ul as d,
+  Il as e,
+  Ll as f,
+  Ml as g,
+  Dn as h,
+  En as i,
+  ct as j,
+  $l as k,
+  ll as l,
+  wl as m,
+  xl as n,
+  _l as o,
+  Tl as p,
+  bl as q,
+  fl as r,
+  gl as s,
+  yl as t,
+  yt as u,
+  jn as v,
+  Nl as w,
+  kl as x,
+  bt as y,
+  Cl as z
+};