xto-fronted 0.4.14 → 0.4.16

package/dist/index-Bqx7oYvi.js

@@ -0,0 +1,2303 @@
+import { ref as k, computed as y, watch as Fe, defineComponent as q, openBlock as c, createElementBlock as _, normalizeClass as V, createElementVNode as t, withDirectives as Ke, toDisplayString as I, unref as m, vShow as ut, createVNode as x, withCtx as M, Fragment as D, renderList as F, createBlock as A, createTextVNode as te, createCommentVNode as z, onMounted as je, onUnmounted as ct, withModifiers as qe, Transition as ze, withKeys as Ye, vModelText as dt, normalizeStyle as xe, resolveComponent as mt, reactive as Ce } from "vue";
+import { useRoute as Q, useRouter as X, createRouter as Te, createWebHistory as Ie } from "vue-router";
+import { defineStore as pe } from "pinia";
+import { Menu as We, SubMenu as He, MenuItem as ue, Tabs as pt, TabPane as ht } from "@xto/navigation";
+import { Icon as P, Button as he } from "@xto/base";
+import { Drawer as ft, Message as H } from "@xto/feedback";
+import { Form as vt, FormItem as re, Input as Oe, Checkbox as _t } from "@xto/form";
+import gt from "axios";
+const oe = "xto_", Xe = (e) => ({
+  get(s) {
+    const o = e.getItem(oe + s);
+    if (!o) return null;
+    try {
+      return JSON.parse(o);
+    } catch {
+      return o;
+    }
+  },
+  set(s, o) {
+    if (o == null) {
+      e.removeItem(oe + s);
+      return;
+    }
+    const n = typeof o == "string" ? o : JSON.stringify(o);
+    e.setItem(oe + s, n);
+  },
+  remove(s) {
+    e.removeItem(oe + s);
+  },
+  clear() {
+    Object.keys(e).forEach((o) => {
+      o.startsWith(oe) && e.removeItem(o);
+    });
+  }
+}), le = Xe(window.localStorage), ie = Xe(window.sessionStorage), g = {
+  get: le.get,
+  set: le.set,
+  remove: le.remove,
+  clear: le.clear
+}, jo = {
+  get: ie.get,
+  set: ie.set,
+  remove: ie.remove,
+  clear: ie.clear
+}, J = pe("app", () => {
+  const e = k(g.get("appName") || "XTO App"), s = k(g.get("indexPath") || "/dashboard"), o = k(g.get("isDark") || !1), n = k(g.get("theme") || "light"), a = k(g.get("layout") || "sidebar"), d = k(g.get("isCollapsed") || !1), b = k(g.get("showTabs") ?? !0), p = k(g.get("showFooter") ?? !0), f = k(g.get("showBreadcrumb") ?? !0), i = k(g.get("primaryColor") || "#409eff"), u = k([]), l = k(g.get("activeTopMenuPath") || ""), r = y(() => o.value ? "dark" : "light"), S = (T) => {
+    e.value = T, g.set("appName", T);
+  }, v = (T) => {
+    s.value = T, g.set("indexPath", T);
+  }, R = () => {
+    o.value = !o.value, n.value = o.value ? "dark" : "light", U();
+  }, C = (T) => {
+    n.value = T, o.value = T === "dark", U();
+  }, U = () => {
+    const T = document.documentElement;
+    o.value ? T.classList.add("dark") : T.classList.remove("dark"), g.set("isDark", o.value), g.set("theme", n.value);
+  }, W = () => {
+    d.value = !d.value, g.set("isCollapsed", d.value);
+  }, B = (T) => {
+    a.value = T, g.set("layout", T), T !== "mix" && (l.value = "", g.remove("activeTopMenuPath"));
+  }, E = (T) => {
+    l.value = T, g.set("activeTopMenuPath", T);
+  }, j = () => {
+    b.value = !b.value, g.set("showTabs", b.value);
+  }, $ = () => {
+    p.value = !p.value, g.set("showFooter", p.value);
+  }, O = () => {
+    f.value = !f.value, g.set("showBreadcrumb", f.value);
+  }, ve = (T) => {
+    i.value = T, document.documentElement.style.setProperty("--color-primary", T), g.set("primaryColor", T);
+  }, _e = (T) => {
+    u.value.includes(T) || u.value.push(T);
+  }, ge = (T) => {
+    const se = u.value.indexOf(T);
+    se > -1 && u.value.splice(se, 1);
+  }, ae = () => {
+    u.value = [];
+  }, ye = () => {
+    U(), i.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", i.value);
+  };
+  return Fe(o, U), {
+    appName: e,
+    indexPath: s,
+    isDark: o,
+    theme: n,
+    layout: a,
+    isCollapsed: d,
+    showTabs: b,
+    showFooter: p,
+    showBreadcrumb: f,
+    primaryColor: i,
+    cachedViews: u,
+    activeTopMenuPath: l,
+    themeClass: r,
+    setAppName: S,
+    setIndexPath: v,
+    toggleTheme: R,
+    toggleCollapse: W,
+    setTheme: C,
+    setLayout: B,
+    setActiveTopMenuPath: E,
+    toggleTabs: j,
+    toggleFooter: $,
+    toggleBreadcrumb: O,
+    setPrimaryColor: ve,
+    addCachedView: _e,
+    removeCachedView: ge,
+    clearCachedViews: ae,
+    initTheme: ye
+  };
+}), be = "menu_list", yt = {
+  menuCode: "home",
+  menuName: "首页",
+  menuUrl: "/dashboard",
+  icon: "home",
+  closable: !1,
+  isDefault: !1,
+  isOut: !1
+}, Z = pe("menu", () => {
+  const e = k(g.get(be) || []), s = y(() => e.value.length > 0);
+  return {
+    menuList: e,
+    hasMenu: s,
+    setMenuList: (a) => {
+      e.value = [yt, ...a], g.set(be, e.value);
+    },
+    clearMenu: () => {
+      e.value = [], g.remove(be);
+    }
+  };
+}), Je = "/vite.svg", we = "user_info", Y = pe("user", () => {
+  const e = k(g.get(we)), s = y(() => !!e.value), o = y(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.userId) || "";
+  }), n = y(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.userName) || "";
+  }), a = y(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.departmentName) || "";
+  }), d = y(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.email) || "";
+  }), b = y(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.mobilePhone) || "";
+  }), p = y(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.positionName) || "";
+  }), f = y(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.avatar) || "";
+  });
+  return {
+    userInfo: e,
+    isLoggedIn: s,
+    userId: o,
+    userName: n,
+    departmentName: a,
+    email: d,
+    mobilePhone: b,
+    positionName: p,
+    avatar: f,
+    setUserInfo: (l) => {
+      e.value = l, g.set(we, l);
+    },
+    clearUserInfo: () => {
+      e.value = null, g.remove(we);
+    }
+  };
+}), Me = "token", Se = "token_type", Ue = "refresh_token", Le = "expires_time", $e = "refresh_time", Ne = "code", fe = () => g.get(Me), kt = (e) => {
+  g.set(Me, e);
+}, bt = () => g.get(Se), wt = (e) => {
+  g.set(Se, e);
+}, qo = () => g.get(Ue), xt = (e) => {
+  g.set(Ue, e);
+}, Ct = () => g.get(Le), Tt = (e) => {
+  g.set(Le, e);
+}, Yo = () => g.get($e), It = (e) => {
+  g.set($e, e);
+}, Wo = () => g.get(Ne), Mt = (e) => {
+  g.set(Ne, e);
+}, Qe = (e) => {
+  kt(e.access_token), wt(e.token_type || "Bearer"), xt(e.refresh_token), Tt(e.expires_time), It(e.refresh_time), e.code && Mt(e.code);
+}, Ze = () => {
+  g.remove(Me), g.remove(Se), g.remove(Ue), g.remove(Le), g.remove($e), g.remove(Ne);
+}, St = () => {
+  const e = Ct();
+  return e ? Date.now() > e : !0;
+}, Ge = () => !!fe() && !St(), Ee = pe("auth", () => {
+  const e = k(fe()), s = y(() => Ge()), o = k(""), n = k(""), a = k(""), d = k("/login");
+  return {
+    token: e,
+    isLoggedIn: s,
+    baseUrl: o,
+    appId: n,
+    clientId: a,
+    loginPath: d,
+    login: (r) => {
+      e.value = r.access_token, Qe(r);
+    },
+    logout: () => {
+      e.value = null, Ze();
+    },
+    setBaseUrl: (r) => {
+      o.value = r;
+    },
+    setAppId: (r) => {
+      n.value = r;
+    },
+    setClientId: (r) => {
+      a.value = r;
+    },
+    setLoginPath: (r) => {
+      d.value = r;
+    }
+  };
+}), Ut = { class: "sidebar__logo" }, Lt = { class: "sidebar__menu-icon" }, $t = {
+  key: 1,
+  class: "sidebar__menu-char"
+}, Nt = { class: "sidebar__menu-icon" }, Et = {
+  key: 1,
+  class: "sidebar__menu-char"
+}, Pt = { class: "sidebar__menu-icon" }, Rt = {
+  key: 1,
+  class: "sidebar__menu-char"
+}, At = {
+  key: 0,
+  class: "sidebar__user"
+}, Dt = { class: "sidebar__user-info" }, zt = { class: "sidebar__user-name" }, Ot = { class: "sidebar__user-role" }, Bt = /* @__PURE__ */ q({
+  __name: "Sidebar",
+  props: {
+    menuList: { default: () => [] }
+  },
+  setup(e) {
+    const s = e, o = Q(), n = X(), a = Z(), d = Y(), b = Ee(), p = J(), f = y(() => s.menuList.length > 0 ? s.menuList : a.menuList), i = y(() => p.isCollapsed), u = y(() => o.path), l = y(() => p.isDark ? "#1d1e1f" : "#fff"), r = y(() => p.isDark ? "#cfd3dc" : "#303133"), S = y(() => "#409eff"), v = (E) => {
+      E && E !== o.path && n.push(E);
+    }, R = () => {
+      b.logout(), d.clearUserInfo(), a.clearMenu(), n.push("/login");
+    }, C = /* @__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"
+    ]), U = (E) => {
+      if (!E || E === "") return "";
+      if (E.startsWith("tineco-icon-")) {
+        const $ = E.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[$] || $;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[E] || E;
+    }, W = (E) => E ? E.charAt(0) : "", B = (E) => C.has(E);
+    return (E, j) => (c(), _("div", {
+      class: V(["sidebar", { "sidebar--collapsed": i.value }])
+    }, [
+      t("div", Ut, [
+        j[0] || (j[0] = t("img", {
+          src: Je,
+          alt: "Logo",
+          class: "sidebar__logo-img"
+        }, null, -1)),
+        Ke(t("span", { class: "sidebar__logo-text" }, I(m(p).appName), 513), [
+          [ut, !i.value]
+        ])
+      ]),
+      x(m(We), {
+        "default-active": u.value,
+        mode: "vertical",
+        collapse: i.value,
+        "collapse-transition": !1,
+        "background-color": l.value,
+        "text-color": r.value,
+        "active-text-color": S.value,
+        class: "sidebar__menu",
+        onSelect: v
+      }, {
+        default: M(() => [
+          (c(!0), _(D, null, F(f.value, ($) => (c(), _(D, {
+            key: $.menuUrl
+          }, [
+            $.children && $.children.length > 0 ? (c(), A(m(He), {
+              key: 0,
+              index: $.menuUrl
+            }, {
+              title: M(() => [
+                t("span", Lt, [
+                  B(U($.icon)) ? (c(), A(m(P), {
+                    key: 0,
+                    name: U($.icon),
+                    size: 16
+                  }, null, 8, ["name"])) : (c(), _("span", $t, I(W($.menuName)), 1))
+                ]),
+                t("span", null, I($.menuName), 1)
+              ]),
+              default: M(() => [
+                (c(!0), _(D, null, F($.children, (O) => (c(), A(m(ue), {
+                  key: O.menuUrl,
+                  index: O.menuUrl
+                }, {
+                  default: M(() => [
+                    t("span", Nt, [
+                      B(U(O.icon)) ? (c(), A(m(P), {
+                        key: 0,
+                        name: U(O.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (c(), _("span", Et, I(W(O.menuName)), 1))
+                    ]),
+                    t("span", null, I(O.menuName), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["index"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["index"])) : (c(), A(m(ue), {
+              key: 1,
+              index: $.menuUrl
+            }, {
+              default: M(() => [
+                t("span", Pt, [
+                  B(U($.icon)) ? (c(), A(m(P), {
+                    key: 0,
+                    name: U($.icon),
+                    size: 16
+                  }, null, 8, ["name"])) : (c(), _("span", Rt, I(W($.menuName)), 1))
+                ]),
+                t("span", null, I($.menuName), 1)
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color"]),
+      i.value ? z("", !0) : (c(), _("div", At, [
+        t("div", Dt, [
+          t("span", zt, I(m(d).userName), 1),
+          t("span", Ot, I(m(d).departmentName), 1)
+        ]),
+        x(m(he), {
+          type: "text",
+          size: "small",
+          onClick: R
+        }, {
+          default: M(() => [...j[1] || (j[1] = [
+            te("退出", -1)
+          ])]),
+          _: 1
+        })
+      ]))
+    ], 2));
+  }
+}), K = (e, s) => {
+  const o = e.__vccOpts || e;
+  for (const [n, a] of s)
+    o[n] = a;
+  return o;
+}, Be = /* @__PURE__ */ K(Bt, [["__scopeId", "data-v-480fc818"]]), Vt = { class: "header" }, Ft = { class: "header__left" }, Kt = {
+  key: 1,
+  class: "header__breadcrumb"
+}, jt = {
+  key: 0,
+  class: "breadcrumb-separator"
+}, qt = { class: "header__right" }, Yt = ["title"], Wt = { class: "header__avatar" }, Ht = { class: "header__user-name" }, Xt = {
+  key: 0,
+  class: "header__dropdown"
+}, Jt = { class: "header__dropdown-header" }, Qt = { class: "header__dropdown-avatar" }, Zt = { class: "header__dropdown-info" }, Gt = { class: "header__dropdown-name" }, es = { class: "header__dropdown-role" }, ts = { class: "header__dropdown-menu" }, ss = { class: "search-container" }, os = { class: "search-input-wrapper" }, ns = {
+  key: 0,
+  class: "search-results"
+}, as = ["onClick"], rs = { class: "search-result-info" }, ls = { class: "search-result-title" }, is = {
+  key: 0,
+  class: "search-result-parent"
+}, us = {
+  key: 1,
+  class: "search-empty"
+}, cs = { class: "settings-drawer" }, ds = { class: "settings-section" }, ms = { class: "settings-layout-options" }, ps = ["onClick"], hs = { class: "layout-option__preview" }, fs = {
+  key: 0,
+  class: "layout-preview-sidebar"
+}, vs = {
+  key: 1,
+  class: "layout-preview-top"
+}, _s = {
+  key: 2,
+  class: "layout-preview-mix"
+}, gs = { class: "layout-option__label" }, ys = { class: "settings-section" }, ks = { class: "settings-color-options" }, bs = ["title", "onClick"], ws = { class: "settings-section" }, xs = { class: "settings-switch-list" }, Cs = { class: "settings-switch-item" }, Ts = { class: "settings-switch-item" }, Is = /* @__PURE__ */ q({
+  __name: "Header",
+  setup(e) {
+    const s = Q(), o = X(), n = J(), a = Y(), d = Ee(), b = Z(), p = k(!1), f = k(!1), i = k(null), u = k(!1), l = k(!1), r = k(""), S = k(null), v = k(!1), R = [
+      { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
+      { value: "top", label: "顶部菜单", icon: "menu" },
+      { value: "mix", label: "混合菜单", icon: "grid" }
+    ], C = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], U = y(() => s.matched.filter((h) => h.meta && h.meta.title).map((h) => ({
+      title: h.meta.title,
+      path: h.path
+    }))), W = (N, h = "") => {
+      const G = [];
+      return N.forEach((w) => {
+        w.children && w.children.length > 0 ? G.push(...W(w.children, w.title)) : G.push({ ...w, parentTitle: h });
+      }), G;
+    }, B = y(() => r.value.trim() ? W(b.menuList).filter(
+      (h) => h.title.toLowerCase().includes(r.value.toLowerCase())
+    ) : []), E = y(() => n.layout), j = () => {
+      n.toggleCollapse();
+    }, $ = () => {
+      n.toggleTheme();
+    }, O = () => {
+      f.value = !0;
+    }, ve = (N) => {
+      n.setLayout(N);
+    }, _e = (N) => {
+      v.value = N;
+      const h = document.documentElement;
+      N ? h.classList.add("grey-mode") : h.classList.remove("grey-mode");
+    }, ge = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, ae = () => {
+      u.value = !!document.fullscreenElement;
+    }, ye = () => {
+      p.value = !p.value;
+    }, T = () => {
+      p.value = !1;
+    }, se = () => {
+      l.value = !0;
+    }, ke = () => {
+      l.value = !1, r.value = "";
+    }, Re = (N) => {
+      o.push(N), ke();
+    }, at = (N) => {
+      n.setPrimaryColor(N);
+    }, rt = () => {
+      T(), o.push("/profile");
+    }, lt = () => {
+      T(), o.push("/change-password");
+    }, it = () => {
+      T(), d.logout(), a.clearUserInfo(), b.clearMenu(), o.push("/login");
+    }, Ae = (N) => {
+      i.value && !i.value.contains(N.target) && T(), S.value && !S.value.contains(N.target) && ke();
+    }, De = (N) => {
+      N.key === "Escape" && (ke(), T()), (N.ctrlKey || N.metaKey) && N.key === "k" && (N.preventDefault(), se());
+    };
+    return je(() => {
+      document.addEventListener("click", Ae), document.addEventListener("fullscreenchange", ae), document.addEventListener("keydown", De), n.initTheme(), v.value = document.documentElement.classList.contains("grey-mode");
+    }), ct(() => {
+      document.removeEventListener("click", Ae), document.removeEventListener("fullscreenchange", ae), document.removeEventListener("keydown", De);
+    }), (N, h) => {
+      var G;
+      return c(), _("div", Vt, [
+        t("div", Ft, [
+          m(n).layout === "sidebar" ? (c(), _("div", {
+            key: 0,
+            class: "header__collapse",
+            onClick: j
+          }, [
+            x(m(P), {
+              name: m(n).isCollapsed ? "menu-unfold" : "menu-fold",
+              size: 18
+            }, null, 8, ["name"])
+          ])) : z("", !0),
+          m(n).showBreadcrumb ? (c(), _("div", Kt, [
+            (c(!0), _(D, null, F(U.value, (w, ee) => (c(), _("span", {
+              key: w.path
+            }, [
+              ee > 0 ? (c(), _("span", jt, "/")) : z("", !0),
+              t("span", {
+                class: V({ "is-current": ee === U.value.length - 1 })
+              }, I(w.title), 3)
+            ]))), 128))
+          ])) : z("", !0)
+        ]),
+        t("div", qt, [
+          t("div", {
+            class: "header__action",
+            onClick: se,
+            title: "搜索 (Ctrl+K)"
+          }, [
+            x(m(P), {
+              name: "search",
+              size: 16
+            })
+          ]),
+          t("div", {
+            class: "header__action",
+            onClick: ge,
+            title: u.value ? "退出全屏" : "全屏"
+          }, [
+            x(m(P), {
+              name: u.value ? "fullscreen-exit" : "fullscreen",
+              size: 16
+            }, null, 8, ["name"])
+          ], 8, Yt),
+          t("div", {
+            class: "header__action",
+            onClick: O,
+            title: "换肤设置"
+          }, [
+            x(m(P), {
+              name: "skin",
+              size: 16
+            })
+          ]),
+          t("div", {
+            class: "header__action",
+            onClick: $,
+            title: "切换主题"
+          }, [
+            x(m(P), {
+              name: m(n).isDark ? "sun" : "moon",
+              size: 16
+            }, null, 8, ["name"])
+          ]),
+          t("div", {
+            class: "header__user",
+            ref_key: "dropdownRef",
+            ref: i
+          }, [
+            t("div", {
+              class: "header__user-trigger",
+              onClick: qe(ye, ["stop"])
+            }, [
+              t("div", Wt, [
+                t("span", null, I(((G = m(a).userName) == null ? void 0 : G.charAt(0)) || "U"), 1)
+              ]),
+              t("span", Ht, I(m(a).userName), 1),
+              t("span", {
+                class: V(["header__user-arrow", { "is-active": p.value }])
+              }, "▼", 2)
+            ]),
+            x(ze, { name: "dropdown" }, {
+              default: M(() => {
+                var w;
+                return [
+                  p.value ? (c(), _("div", Xt, [
+                    t("div", Jt, [
+                      t("div", Qt, [
+                        t("span", null, I(((w = m(a).userName) == null ? void 0 : w.charAt(0)) || "U"), 1)
+                      ]),
+                      t("div", Zt, [
+                        t("div", Gt, I(m(a).userName), 1),
+                        t("div", es, I(m(a).departmentName), 1)
+                      ])
+                    ]),
+                    h[8] || (h[8] = t("div", { class: "header__dropdown-divider" }, null, -1)),
+                    t("div", ts, [
+                      t("div", {
+                        class: "header__dropdown-item",
+                        onClick: rt
+                      }, [
+                        x(m(P), {
+                          name: "user",
+                          size: 16
+                        }),
+                        h[4] || (h[4] = t("span", null, "个人信息", -1))
+                      ]),
+                      t("div", {
+                        class: "header__dropdown-item",
+                        onClick: lt
+                      }, [
+                        x(m(P), {
+                          name: "lock",
+                          size: 16
+                        }),
+                        h[5] || (h[5] = t("span", null, "修改密码", -1))
+                      ]),
+                      h[7] || (h[7] = t("div", { class: "header__dropdown-divider" }, null, -1)),
+                      t("div", {
+                        class: "header__dropdown-item header__dropdown-item--danger",
+                        onClick: it
+                      }, [
+                        x(m(P), {
+                          name: "logout",
+                          size: 16
+                        }),
+                        h[6] || (h[6] = t("span", null, "退出登录", -1))
+                      ])
+                    ])
+                  ])) : z("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        x(ze, { name: "search" }, {
+          default: M(() => [
+            l.value ? (c(), _("div", {
+              key: 0,
+              class: "header__search-modal",
+              ref_key: "searchRef",
+              ref: S
+            }, [
+              t("div", ss, [
+                t("div", os, [
+                  x(m(P), {
+                    class: "search-icon",
+                    name: "search",
+                    size: 20
+                  }),
+                  Ke(t("input", {
+                    "onUpdate:modelValue": h[0] || (h[0] = (w) => r.value = w),
+                    type: "text",
+                    class: "search-input",
+                    placeholder: "搜索菜单...",
+                    autofocus: "",
+                    onKeyup: h[1] || (h[1] = Ye((w) => B.value[0] && Re(B.value[0].path), ["enter"]))
+                  }, null, 544), [
+                    [dt, r.value]
+                  ]),
+                  h[9] || (h[9] = t("span", { class: "search-shortcut" }, "ESC 关闭", -1))
+                ]),
+                B.value.length > 0 ? (c(), _("div", ns, [
+                  (c(!0), _(D, null, F(B.value, (w, ee) => (c(), _("div", {
+                    key: w.path,
+                    class: V(["search-result-item", { "is-first": ee === 0 }]),
+                    onClick: (Ro) => Re(w.path)
+                  }, [
+                    x(m(P), {
+                      class: "search-result-icon",
+                      name: w.icon || "file",
+                      size: 20
+                    }, null, 8, ["name"]),
+                    t("div", rs, [
+                      t("span", ls, I(w.title), 1),
+                      w.parentTitle ? (c(), _("span", is, I(w.parentTitle), 1)) : z("", !0)
+                    ])
+                  ], 10, as))), 128))
+                ])) : r.value ? (c(), _("div", us, " 未找到匹配的菜单 ")) : z("", !0)
+              ])
+            ], 512)) : z("", !0)
+          ]),
+          _: 1
+        }),
+        x(m(ft), {
+          modelValue: f.value,
+          "onUpdate:modelValue": h[3] || (h[3] = (w) => f.value = w),
+          title: "换肤设置",
+          direction: "rtl",
+          size: "320px"
+        }, {
+          default: M(() => [
+            t("div", cs, [
+              t("div", ds, [
+                h[13] || (h[13] = t("div", { class: "settings-title" }, "布局模式", -1)),
+                t("div", ms, [
+                  (c(), _(D, null, F(R, (w) => t("div", {
+                    key: w.value,
+                    class: V(["layout-option", { "is-active": E.value === w.value }]),
+                    onClick: (ee) => ve(w.value)
+                  }, [
+                    t("div", hs, [
+                      w.value === "sidebar" ? (c(), _("div", fs, [...h[10] || (h[10] = [
+                        t("div", { class: "preview-aside" }, null, -1),
+                        t("div", { class: "preview-main" }, [
+                          t("div", { class: "preview-header" }),
+                          t("div", { class: "preview-content" })
+                        ], -1)
+                      ])])) : w.value === "top" ? (c(), _("div", vs, [...h[11] || (h[11] = [
+                        t("div", { class: "preview-header-full" }, null, -1),
+                        t("div", { class: "preview-content-full" }, null, -1)
+                      ])])) : (c(), _("div", _s, [...h[12] || (h[12] = [
+                        t("div", { class: "preview-header-mix" }, [
+                          t("div", { class: "preview-mix-left" })
+                        ], -1),
+                        t("div", { class: "preview-mix-body" }, [
+                          t("div", { class: "preview-mix-aside" }),
+                          t("div", { class: "preview-mix-content" })
+                        ], -1)
+                      ])]))
+                    ]),
+                    t("span", gs, I(w.label), 1)
+                  ], 10, ps)), 64))
+                ])
+              ]),
+              t("div", ys, [
+                h[14] || (h[14] = t("div", { class: "settings-title" }, "主题色", -1)),
+                t("div", ks, [
+                  (c(), _(D, null, F(C, (w) => t("div", {
+                    key: w.value,
+                    class: V(["color-option", { "is-active": m(n).primaryColor === w.value }]),
+                    style: xe({ backgroundColor: w.value }),
+                    title: w.label,
+                    onClick: (ee) => at(w.value)
+                  }, [
+                    m(n).primaryColor === w.value ? (c(), A(m(P), {
+                      key: 0,
+                      name: "check",
+                      size: 12,
+                      color: "#fff"
+                    })) : z("", !0)
+                  ], 14, bs)), 64))
+                ])
+              ]),
+              t("div", ws, [
+                h[19] || (h[19] = t("div", { class: "settings-title" }, "功能设置", -1)),
+                t("div", xs, [
+                  t("div", Cs, [
+                    h[16] || (h[16] = t("span", null, "灰色模式", -1)),
+                    t("div", {
+                      class: V(["switch-wrapper", { "is-checked": v.value }]),
+                      onClick: h[2] || (h[2] = (w) => _e(!v.value))
+                    }, [...h[15] || (h[15] = [
+                      t("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ]),
+                  t("div", Ts, [
+                    h[18] || (h[18] = t("span", null, "暗黑模式", -1)),
+                    t("div", {
+                      class: V(["switch-wrapper", { "is-checked": m(n).isDark }]),
+                      onClick: $
+                    }, [...h[17] || (h[17] = [
+                      t("span", { class: "switch-core" }, null, -1)
+                    ])], 2)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ve = /* @__PURE__ */ K(Is, [["__scopeId", "data-v-5b72324e"]]), Ms = { class: "top-menu" }, Ss = { class: "top-menu__menu-icon" }, Us = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, Ls = { class: "top-menu__menu-icon" }, $s = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, Ns = { class: "top-menu__menu-icon" }, Es = {
+  key: 1,
+  class: "top-menu__menu-char"
+}, Ps = /* @__PURE__ */ q({
+  __name: "TopMenu",
+  setup(e) {
+    const s = Q(), o = X(), n = Z(), a = J(), d = y(() => s.path), b = y(() => a.isDark ? "#1d1e1f" : "#fff"), p = y(() => a.isDark ? "#cfd3dc" : "#303133"), f = y(() => "#409eff"), i = (v) => {
+      v && v !== s.path && o.push(v);
+    }, u = /* @__PURE__ */ new Set([
+      "arrow-up",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "caret-down",
+      "caret-right",
+      "plus",
+      "minus",
+      "close",
+      "check",
+      "edit",
+      "delete",
+      "copy",
+      "download",
+      "upload",
+      "refresh",
+      "search",
+      "filter",
+      "more",
+      "setting",
+      "share",
+      "loading",
+      "info",
+      "success",
+      "warning",
+      "error",
+      "question",
+      "user",
+      "user-add",
+      "user-group",
+      "logout",
+      "login",
+      "file",
+      "folder",
+      "folder-open",
+      "document",
+      "image",
+      "video",
+      "music",
+      "camera",
+      "mail",
+      "phone",
+      "chat",
+      "bell",
+      "message",
+      "eye",
+      "eye-off",
+      "calendar",
+      "clock",
+      "history",
+      "timer",
+      "location",
+      "map",
+      "globe",
+      "star",
+      "heart",
+      "thumb-up",
+      "link",
+      "external-link",
+      "lock",
+      "unlock",
+      "key",
+      "home",
+      "menu",
+      "menu-fold",
+      "menu-unfold",
+      "sidebar-fold",
+      "sidebar-expand",
+      "sidebar-left",
+      "dashboard",
+      "chart",
+      "chart-pie",
+      "chart-line",
+      "report",
+      "analytics",
+      "system",
+      "permission",
+      "role",
+      "user-manage",
+      "log",
+      "notification",
+      "app",
+      "list",
+      "grid",
+      "fullscreen",
+      "fullscreen-exit",
+      "zoom-in",
+      "zoom-out",
+      "print",
+      "bookmark",
+      "tag",
+      "code",
+      "terminal",
+      "database",
+      "server",
+      "cloud",
+      "gift",
+      "moon",
+      "sun",
+      "theme",
+      "skin"
+    ]), l = (v) => {
+      if (!v || v === "") return "";
+      if (v.startsWith("tineco-icon-")) {
+        const C = v.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"
+        }[C] || C;
+      }
+      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"
+      }[v] || v;
+    }, r = (v) => v ? v.charAt(0) : "", S = (v) => u.has(v);
+    return (v, R) => (c(), _("div", Ms, [
+      x(m(We), {
+        "default-active": d.value,
+        mode: "horizontal",
+        "background-color": b.value,
+        "text-color": p.value,
+        "active-text-color": f.value,
+        class: "top-menu__menu",
+        onSelect: i
+      }, {
+        default: M(() => [
+          (c(!0), _(D, null, F(m(n).menuList, (C) => (c(), _(D, {
+            key: C.menuUrl
+          }, [
+            C.children && C.children.length > 0 ? (c(), A(m(He), {
+              key: 0,
+              index: C.menuUrl
+            }, {
+              title: M(() => [
+                t("span", Ss, [
+                  S(l(C.icon)) ? (c(), A(m(P), {
+                    key: 0,
+                    name: l(C.icon),
+                    size: 16
+                  }, null, 8, ["name"])) : (c(), _("span", Us, I(r(C.menuName)), 1))
+                ]),
+                t("span", null, I(C.menuName), 1)
+              ]),
+              default: M(() => [
+                (c(!0), _(D, null, F(C.children, (U) => (c(), A(m(ue), {
+                  key: U.menuUrl,
+                  index: U.menuUrl
+                }, {
+                  default: M(() => [
+                    t("span", Ls, [
+                      S(l(U.icon)) ? (c(), A(m(P), {
+                        key: 0,
+                        name: l(U.icon),
+                        size: 16
+                      }, null, 8, ["name"])) : (c(), _("span", $s, I(r(U.menuName)), 1))
+                    ]),
+                    t("span", null, I(U.menuName), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["index"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["index"])) : (c(), A(m(ue), {
+              key: 1,
+              index: C.menuUrl
+            }, {
+              default: M(() => [
+                t("span", Ns, [
+                  S(l(C.icon)) ? (c(), A(m(P), {
+                    key: 0,
+                    name: l(C.icon),
+                    size: 16
+                  }, null, 8, ["name"])) : (c(), _("span", Es, I(r(C.menuName)), 1))
+                ]),
+                t("span", null, I(C.menuName), 1)
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "background-color", "text-color", "active-text-color"])
+    ]));
+  }
+}), Rs = /* @__PURE__ */ K(Ps, [["__scopeId", "data-v-8b571a75"]]), As = { class: "mix-top-menu" }, Ds = { class: "mix-top-menu__logo" }, zs = { class: "mix-top-menu__logo-text" }, Os = { class: "mix-top-menu__items" }, Bs = ["onClick"], Vs = { class: "mix-top-menu__item-icon" }, Fs = {
+  key: 1,
+  class: "mix-top-menu__item-char"
+}, Ks = { class: "mix-top-menu__item-text" }, js = /* @__PURE__ */ q({
+  __name: "MixTopMenu",
+  setup(e) {
+    const s = Q(), o = X(), n = Z(), a = J(), d = y(() => a.activeTopMenuPath), b = y(() => n.menuList), 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"
+    ]), f = (r) => {
+      if (!r || r === "") return "";
+      if (r.startsWith("tineco-icon-")) {
+        const v = r.replace("tineco-icon-", "");
+        return {
+          home: "home",
+          dashboard: "dashboard",
+          system: "system",
+          user: "user",
+          role: "role",
+          menu: "list",
+          setting: "setting",
+          file: "file",
+          folder: "folder",
+          chart: "chart",
+          report: "report",
+          analytics: "analytics"
+        }[v] || v;
+      }
+      return {
+        dashboard: "dashboard",
+        system: "system",
+        user: "user",
+        role: "role",
+        menu: "list",
+        setting: "setting",
+        home: "home",
+        chart: "chart",
+        report: "report",
+        analytics: "analytics",
+        permission: "permission",
+        log: "log",
+        notification: "notification",
+        app: "app",
+        list: "list",
+        grid: "grid"
+      }[r] || r;
+    }, i = (r) => r ? r.charAt(0) : "", u = (r) => p.has(r), l = (r) => {
+      if (a.setActiveTopMenuPath(r.menuUrl), r.menuUrl)
+        if (r.children && r.children.length > 0) {
+          const S = r.children.find((v) => v.isDefault) || r.children[0];
+          S && S.menuUrl !== s.path && o.push(S.menuUrl);
+        } else r.menuUrl !== s.path && o.push(r.menuUrl);
+    };
+    return je(() => {
+      if (!a.activeTopMenuPath && b.value.length > 0) {
+        for (const r of b.value) {
+          if (r.menuUrl === s.path) {
+            a.setActiveTopMenuPath(r.menuUrl);
+            break;
+          }
+          if (r.children && r.children.length > 0 && r.children.some(
+            (v) => v.menuUrl === s.path || v.children && v.children.some((R) => R.menuUrl === s.path)
+          )) {
+            a.setActiveTopMenuPath(r.menuUrl);
+            break;
+          }
+        }
+        a.activeTopMenuPath || a.setActiveTopMenuPath(b.value[0].menuUrl);
+      }
+    }), (r, S) => (c(), _("div", As, [
+      t("div", Ds, [
+        t("span", zs, I(m(a).appName), 1)
+      ]),
+      t("div", Os, [
+        (c(!0), _(D, null, F(b.value, (v) => (c(), _("div", {
+          key: v.menuUrl,
+          class: V(["mix-top-menu__item", { "is-active": d.value === v.menuUrl }]),
+          onClick: (R) => l(v)
+        }, [
+          t("span", Vs, [
+            u(f(v.icon)) ? (c(), A(m(P), {
+              key: 0,
+              name: f(v.icon),
+              size: 16
+            }, null, 8, ["name"])) : (c(), _("span", Fs, I(i(v.menuName)), 1))
+          ]),
+          t("span", Ks, I(v.menuName), 1)
+        ], 10, Bs))), 128))
+      ]),
+      S[0] || (S[0] = t("div", { class: "mix-top-menu__actions" }, null, -1))
+    ]));
+  }
+}), qs = /* @__PURE__ */ K(js, [["__scopeId", "data-v-5df2ff55"]]), Ys = { class: "layout__mix-body" }, Ws = { class: "layout__main" }, Hs = { class: "layout__header" }, Xs = { class: "layout__content" }, Js = { class: "layout__main" }, Qs = { class: "layout__header" }, Zs = { class: "layout__content" }, Gs = /* @__PURE__ */ q({
+  __name: "index",
+  setup(e) {
+    const s = Q(), o = J(), n = Z(), a = y(
+      () => o.isCollapsed ? "64px" : "210px"
+    ), d = y(() => o.layout), b = y(() => d.value === "sidebar" ? !0 : d.value === "mix" ? f.value.length > 0 : !1), p = y(() => d.value === "top"), f = y(() => {
+      if (d.value !== "mix") return n.menuList;
+      const i = o.activeTopMenuPath;
+      if (!i) return [];
+      const u = n.menuList.find((l) => l.menuUrl === i);
+      return (u == null ? void 0 : u.children) || [];
+    });
+    return Fe(
+      () => s.path,
+      (i) => {
+        if (d.value === "mix" && n.menuList.length > 0)
+          for (const u of n.menuList) {
+            if (u.menuUrl === i) {
+              (!o.activeTopMenuPath || o.activeTopMenuPath !== u.menuUrl) && o.setActiveTopMenuPath(u.menuUrl);
+              break;
+            }
+            if (u.children && u.children.length > 0 && u.children.some(
+              (r) => r.menuUrl === i || r.children && r.children.some((S) => S.menuUrl === i)
+            )) {
+              (!o.activeTopMenuPath || o.activeTopMenuPath !== u.menuUrl) && o.setActiveTopMenuPath(u.menuUrl);
+              break;
+            }
+          }
+      },
+      { immediate: !0 }
+    ), (i, u) => {
+      const l = mt("router-view");
+      return c(), _("div", {
+        class: V(["layout", `layout--${d.value}`])
+      }, [
+        d.value === "mix" ? (c(), _(D, { key: 0 }, [
+          x(qs),
+          t("div", Ys, [
+            f.value.length > 0 ? (c(), _("aside", {
+              key: 0,
+              class: "layout__aside",
+              style: xe({ width: a.value })
+            }, [
+              x(Be, { "menu-list": f.value }, null, 8, ["menu-list"])
+            ], 4)) : z("", !0),
+            t("div", Ws, [
+              t("header", Hs, [
+                x(Ve)
+              ]),
+              t("main", Xs, [
+                x(l)
+              ])
+            ])
+          ])
+        ], 64)) : (c(), _(D, { key: 1 }, [
+          b.value ? (c(), _("aside", {
+            key: 0,
+            class: "layout__aside",
+            style: xe({ width: a.value })
+          }, [
+            x(Be, {
+              "menu-list": m(n).menuList
+            }, null, 8, ["menu-list"])
+          ], 4)) : z("", !0),
+          p.value ? (c(), A(Rs, { key: 1 })) : z("", !0),
+          t("div", Js, [
+            t("header", Qs, [
+              x(Ve)
+            ]),
+            t("main", Zs, [
+              x(l)
+            ])
+          ])
+        ], 64))
+      ], 2);
+    };
+  }
+}), et = /* @__PURE__ */ K(Gs, [["__scopeId", "data-v-335d0383"]]), eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: et
+}, Symbol.toStringTag, { value: "Module" })), to = { class: "tabs-wrapper" }, so = { class: "tab-label" }, oo = ["onClick"], no = /* @__PURE__ */ q({
+  __name: "Tabs",
+  setup(e) {
+    const s = Q(), o = X(), n = y(() => {
+      const p = [];
+      return s.matched.forEach((f) => {
+        var i;
+        (i = f.meta) != null && i.affix && p.push({
+          name: f.name,
+          title: f.meta.title,
+          path: f.path,
+          affix: !0
+        });
+      }), p;
+    }), a = y(() => s.path), d = (p) => {
+      o.push(p);
+    }, b = (p) => {
+      const f = n.value.find((i) => i.path === p);
+      if (!(f != null && f.affix) && p === a.value) {
+        const i = n.value.findIndex((l) => l.path === p), u = n.value[i - 1] || n.value[i + 1];
+        u && o.push(u.path);
+      }
+    };
+    return (p, f) => (c(), _("div", to, [
+      x(m(pt), {
+        modelValue: a.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (i) => a.value = i),
+        type: "card",
+        onTabClick: d
+      }, {
+        default: M(() => [
+          (c(!0), _(D, null, F(n.value, (i) => (c(), A(m(ht), {
+            key: i.path,
+            name: i.path,
+            label: i.title,
+            closable: !i.affix
+          }, {
+            label: M(() => [
+              t("span", so, [
+                te(I(i.title) + " ", 1),
+                i.affix ? z("", !0) : (c(), _("span", {
+                  key: 0,
+                  class: "tab-close",
+                  onClick: qe((u) => b(i.path), ["stop"])
+                }, " ✕ ", 8, oo))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["name", "label", "closable"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}), Ho = /* @__PURE__ */ K(no, [["__scopeId", "data-v-9156d8cd"]]), ao = {}, ro = { class: "footer" };
+function lo(e, s) {
+  return c(), _("div", ro, [...s[0] || (s[0] = [
+    t("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const Xo = /* @__PURE__ */ K(ao, [["render", lo], ["__scopeId", "data-v-4852826a"]]), io = () => {
+  const e = gt.create({
+    baseURL: void 0,
+    timeout: 3e4,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  return e.interceptors.request.use(
+    (s) => {
+      const o = fe(), n = bt() || "Bearer";
+      return o && (s.headers.Authorization = `${n} ${o}`), s;
+    },
+    (s) => Promise.reject(s)
+  ), e.interceptors.response.use(
+    (s) => {
+      const { data: o } = s;
+      return o.code === 200 || o.code === 0 ? o.data : (H.error(o.message || "请求失败"), Promise.reject(new Error(o.message || "请求失败")));
+    },
+    (s) => {
+      var n;
+      const { response: o } = s;
+      if (o)
+        switch (o.status) {
+          case 401:
+            H.error("登录已过期，请重新登录"), Ze(), window.location.href = "/login";
+            break;
+          case 403:
+            H.error("没有权限访问");
+            break;
+          case 404:
+            H.error("请求资源不存在");
+            break;
+          case 500:
+            H.error("服务器错误");
+            break;
+          default:
+            H.error(((n = o.data) == null ? void 0 : n.message) || "请求失败");
+        }
+      else
+        H.error("网络连接失败");
+      return Promise.reject(s);
+    }
+  ), e;
+}, ne = io(), L = {
+  get(e, s) {
+    return ne.get(e, s);
+  },
+  post(e, s, o) {
+    return ne.post(e, s, o);
+  },
+  put(e, s, o) {
+    return ne.put(e, s, o);
+  },
+  patch(e, s, o) {
+    return ne.patch(e, s, o);
+  },
+  delete(e, s) {
+    return ne.delete(e, s);
+  }
+};
+function uo(e) {
+  return L.post("/user/v1.0/login/by-domain", e);
+}
+function Jo() {
+  return L.put("/user/v1.0/user/logout");
+}
+function co() {
+  return L.get("/user/v1.0/user/get-me");
+}
+function Qo(e) {
+  return L.post("/user/v1.0/refresh", { refreshToken: e });
+}
+const ce = k(""), de = k(""), me = k("");
+function Zo(e) {
+  e.appId && (ce.value = e.appId), e.clientId && (de.value = e.clientId), e.apiBaseUrl && (me.value = e.apiBaseUrl);
+}
+function Pe() {
+  if (ce.value)
+    return ce.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+function mo() {
+  if (de.value)
+    return de.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+function Go() {
+  if (me.value)
+    return me.value;
+  try {
+    return "";
+  } catch {
+    return "";
+  }
+}
+const en = {
+  appId: ce,
+  clientId: de,
+  apiBaseUrl: me
+}, po = { class: "login" }, ho = { class: "login__container" }, fo = /* @__PURE__ */ q({
+  __name: "index",
+  setup(e) {
+    const s = X(), o = Q(), n = k(!1), a = k(!1), d = Ce({
+      uid: "",
+      password: ""
+    }), b = {
+      uid: [
+        { required: !0, message: "请输入用户名", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" },
+        { min: 6, message: "密码长度至少6位", trigger: "blur" }
+      ]
+    }, p = k(), f = async () => {
+      var i;
+      try {
+        await ((i = p.value) == null ? void 0 : i.validate()), n.value = !0;
+        const u = await uo({
+          appId: Pe(),
+          clientId: mo(),
+          uid: d.uid,
+          password: d.password,
+          code: !0
+        });
+        Qe(u), H.success("登录成功");
+        const l = o.query.redirect || "/";
+        s.push(l);
+      } catch (u) {
+        console.error("登录失败:", u);
+      } finally {
+        n.value = !1;
+      }
+    };
+    return (i, u) => (c(), _("div", po, [
+      t("div", ho, [
+        u[5] || (u[5] = t("div", { class: "login__header" }, [
+          t("img", {
+            src: Je,
+            alt: "Logo",
+            class: "login__logo"
+          }),
+          t("h1", { class: "login__title" }, "Xto Demo"),
+          t("p", { class: "login__subtitle" }, "后台管理系统")
+        ], -1)),
+        x(m(vt), {
+          ref_key: "formRef",
+          ref: p,
+          model: d,
+          rules: b,
+          class: "login__form",
+          "label-width": "0"
+        }, {
+          default: M(() => [
+            x(m(re), { prop: "uid" }, {
+              default: M(() => [
+                x(m(Oe), {
+                  modelValue: d.uid,
+                  "onUpdate:modelValue": u[0] || (u[0] = (l) => d.uid = l),
+                  placeholder: "用户名",
+                  size: "large"
+                }, {
+                  prefix: M(() => [
+                    x(m(P), {
+                      name: "user",
+                      size: 18
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            x(m(re), { prop: "password" }, {
+              default: M(() => [
+                x(m(Oe), {
+                  modelValue: d.password,
+                  "onUpdate:modelValue": u[1] || (u[1] = (l) => d.password = l),
+                  type: "password",
+                  placeholder: "密码",
+                  size: "large",
+                  "show-password": "",
+                  onKeyup: Ye(f, ["enter"])
+                }, {
+                  prefix: M(() => [
+                    x(m(P), {
+                      name: "lock",
+                      size: 18
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            x(m(re), null, {
+              default: M(() => [
+                x(m(_t), {
+                  modelValue: a.value,
+                  "onUpdate:modelValue": u[2] || (u[2] = (l) => a.value = l)
+                }, {
+                  default: M(() => [...u[3] || (u[3] = [
+                    te("记住我", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            x(m(re), null, {
+              default: M(() => [
+                x(m(he), {
+                  type: "primary",
+                  size: "large",
+                  loading: n.value,
+                  class: "login__submit",
+                  onClick: f
+                }, {
+                  default: M(() => [...u[4] || (u[4] = [
+                    te(" 登录 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        u[6] || (u[6] = t("div", { class: "login__footer" }, [
+          t("p", null, "请输入您的用户名和密码")
+        ], -1))
+      ])
+    ]));
+  }
+}), vo = /* @__PURE__ */ K(fo, [["__scopeId", "data-v-f3e724b6"]]), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: vo
+}, Symbol.toStringTag, { value: "Module" })), go = { class: "error-page" }, yo = { class: "error-page__content" }, ko = /* @__PURE__ */ q({
+  __name: "404",
+  setup(e) {
+    const s = X(), o = () => {
+      s.push("/");
+    };
+    return (n, a) => (c(), _("div", go, [
+      t("div", yo, [
+        a[1] || (a[1] = t("div", { class: "error-page__code" }, "404", -1)),
+        a[2] || (a[2] = t("div", { class: "error-page__title" }, "页面不存在", -1)),
+        a[3] || (a[3] = t("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
+        x(m(he), {
+          type: "primary",
+          onClick: o
+        }, {
+          default: M(() => [...a[0] || (a[0] = [
+            te("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), bo = /* @__PURE__ */ K(ko, [["__scopeId", "data-v-c3c12c24"]]), wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: bo
+}, Symbol.toStringTag, { value: "Module" })), xo = { class: "error-page" }, Co = { class: "error-page__content" }, To = /* @__PURE__ */ q({
+  __name: "403",
+  setup(e) {
+    const s = X(), o = () => {
+      s.push("/");
+    };
+    return (n, a) => (c(), _("div", xo, [
+      t("div", Co, [
+        a[1] || (a[1] = t("div", { class: "error-page__code" }, "403", -1)),
+        a[2] || (a[2] = t("div", { class: "error-page__title" }, "无访问权限", -1)),
+        a[3] || (a[3] = t("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
+        x(m(he), {
+          type: "primary",
+          onClick: o
+        }, {
+          default: M(() => [...a[0] || (a[0] = [
+            te("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), Io = /* @__PURE__ */ K(To, [["__scopeId", "data-v-dd5f2795"]]), Mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Io
+}, Symbol.toStringTag, { value: "Module" }));
+function tn() {
+  const e = J(), s = Y(), o = Ee(), n = y(() => s.userName || ""), a = y(() => s.userInfo), d = y(() => e.appName), b = y(() => o.isLoggedIn), p = y(() => e.isDark), f = y(() => e.theme), i = y(() => e.isCollapsed), u = y(() => e.layout);
+  return {
+    userName: n,
+    userInfo: a,
+    appName: d,
+    isLoggedIn: b,
+    isDark: p,
+    theme: f,
+    isCollapsed: i,
+    layout: u,
+    toggleTheme: () => {
+      e.toggleTheme();
+    },
+    toggleCollapse: () => {
+      e.toggleCollapse();
+    }
+  };
+}
+function sn() {
+  const e = Y();
+  return {
+    isLoggedIn: y(() => e.isLoggedIn)
+  };
+}
+function on(e, s = {}) {
+  const { rules: o, onSubmit: n } = s, a = k(), d = Ce({ ...e }), b = k(!1), p = k(!1), f = k(!1), i = () => {
+    r(), f.value = !1, p.value = !0;
+  }, u = (v) => {
+    Object.assign(d, v), f.value = !0, p.value = !0;
+  }, l = () => {
+    p.value = !1, r();
+  }, r = () => {
+    var v;
+    Object.keys(e).forEach((R) => {
+      d[R] = e[R];
+    }), (v = a.value) == null || v.resetFields();
+  };
+  return {
+    formRef: a,
+    formData: d,
+    rules: o,
+    loading: b,
+    visible: p,
+    isEdit: f,
+    openAdd: i,
+    openEdit: u,
+    close: l,
+    resetForm: r,
+    handleSubmit: async () => {
+      var v;
+      try {
+        await ((v = a.value) == null ? void 0 : v.validate()), b.value = !0, await (n == null ? void 0 : n(d)), l();
+      } catch (R) {
+        console.error(R);
+      } finally {
+        b.value = !1;
+      }
+    }
+  };
+}
+function nn(e) {
+  const { fetchData: s, defaultPageSize: o = 10 } = e, n = k(!1), a = k([]), d = k(0), b = k(1), p = k(o), f = Ce({}), i = async () => {
+    n.value = !0;
+    try {
+      const C = {
+        ...f,
+        page: b.value,
+        pageSize: p.value
+      }, U = await s(C);
+      a.value = U.list, d.value = U.total;
+    } catch (C) {
+      console.error(C);
+    } finally {
+      n.value = !1;
+    }
+  }, u = () => {
+    b.value = 1, i();
+  }, l = () => {
+    Object.keys(f).forEach((C) => {
+      f[C] = void 0;
+    }), b.value = 1, i();
+  }, r = (C) => {
+    b.value = C, i();
+  }, S = (C) => {
+    p.value = C, b.value = 1, i();
+  }, v = () => {
+    i();
+  }, R = y(() => ({
+    current: b.value,
+    pageSize: p.value,
+    total: d.value
+  }));
+  return {
+    loading: n,
+    data: a,
+    total: d,
+    currentPage: b,
+    pageSize: p,
+    searchParams: f,
+    pagination: R,
+    getData: i,
+    handleSearch: u,
+    handleReset: l,
+    handlePageChange: r,
+    handleSizeChange: S,
+    refresh: v
+  };
+}
+function an(e) {
+  return Y().isLoggedIn;
+}
+function rn(e) {
+  return Y().isLoggedIn;
+}
+function ln() {
+  return !0;
+}
+const tt = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => Promise.resolve().then(() => _o),
+    meta: {
+      title: "登录",
+      hidden: !0
+    }
+  },
+  {
+    path: "/404",
+    name: "NotFound",
+    component: () => Promise.resolve().then(() => wo),
+    meta: {
+      title: "404",
+      hidden: !0
+    }
+  },
+  {
+    path: "/403",
+    name: "Forbidden",
+    component: () => Promise.resolve().then(() => Mo),
+    meta: {
+      title: "403",
+      hidden: !0
+    }
+  }
+], st = {
+  path: "/:pathMatch(.*)*",
+  redirect: "/404",
+  meta: {
+    hidden: !0
+  }
+}, ot = {
+  path: "/",
+  name: "Layout",
+  component: () => Promise.resolve().then(() => eo),
+  redirect: "/dashboard",
+  children: [
+    {
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("./index-DYjM-bJ4.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-U9HXi5z6.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-CXru1UAh.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-Cp8sP57V.js"),
+      meta: {
+        title: "菜单管理",
+        icon: "menu",
+        keepAlive: !0
+      }
+    }
+  ]
+}, un = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-DYjM-bJ4.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-U9HXi5z6.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-CXru1UAh.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-Cp8sP57V.js"),
+        meta: {
+          title: "菜单管理",
+          icon: "menu",
+          keepAlive: !0
+        }
+      }
+    ]
+  }
+], So = [
+  {
+    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
+      }
+    ]
+  }
+], nt = Te({
+  history: Ie(),
+  routes: [...tt, ot, st],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), Uo = ["/login", "/404", "/403"];
+nt.beforeEach(async (e, s, o) => {
+  const n = J();
+  if (n.initTheme(), Ge())
+    if (e.path === "/login")
+      o({ path: "/" });
+    else {
+      const a = Y();
+      a.isLoggedIn || (a.setUserInfo({
+        appId: Pe(),
+        userId: "1",
+        userName: "管理员",
+        departmentName: "技术部",
+        email: "admin@example.com",
+        mobilePhone: "13800138000",
+        positionName: "管理员",
+        avatar: ""
+      }), Z().setMenuList(So)), e.name && e.meta.keepAlive && n.addCachedView(e.name), o();
+    }
+  else
+    Uo.includes(e.path) ? o() : o("/login");
+});
+function cn() {
+  const e = Te({
+    history: Ie(),
+    routes: [...tt, ot, st]
+  });
+  nt.matcher = e.matcher;
+}
+function dn(e, s = {}) {
+  const o = s.indexPath || "/dashboard";
+  return {
+    path: "/",
+    name: "Layout",
+    component: et,
+    redirect: o,
+    children: e
+  };
+}
+function mn(e) {
+  return Te({
+    history: Ie(),
+    routes: e,
+    scrollBehavior: () => ({ left: 0, top: 0 })
+  });
+}
+function pn(e) {
+  return L.get("/role/list", { params: e });
+}
+function hn(e) {
+  return L.get(`/role/${e}`);
+}
+function fn(e) {
+  return L.post("/role", e);
+}
+function vn(e, s) {
+  return L.put(`/role/${e}`, s);
+}
+function _n(e) {
+  return L.delete(`/role/${e}`);
+}
+function gn(e, s) {
+  return L.patch(`/role/${e}/status`, { status: s });
+}
+function yn() {
+  return L.get("/user/v1.0/menu/list");
+}
+function Lo(e) {
+  const s = e || Pe();
+  return L.get(`/user/v1.0/menu/get-menu?appId=${s}`);
+}
+function kn(e) {
+  return L.post("/menu", e);
+}
+function bn(e, s) {
+  return L.put(`/menu/${e}`, s);
+}
+function wn(e) {
+  return L.delete(`/menu/${e}`);
+}
+const $o = ["/login", "/404", "/403"];
+function xn(e, s = {}) {
+  const o = s.whiteList || $o, n = s.loginPath || "/login", a = s.homePath || "/";
+  e.beforeEach(async (d, b, p) => {
+    const f = J(), i = Y(), u = Z();
+    if (f.initTheme(), fe())
+      if (d.path === n)
+        p({ path: a });
+      else if (i.isLoggedIn)
+        d.name && d.meta.keepAlive && f.addCachedView(d.name), p();
+      else
+        try {
+          if (s.fetchUserInfo) {
+            const r = await s.fetchUserInfo();
+            i.setUserInfo(r);
+          } else {
+            const r = await co();
+            i.setUserInfo(r);
+          }
+          if (s.fetchMenu) {
+            const r = await s.fetchMenu();
+            u.setMenuList(r);
+          } else {
+            const r = await Lo(s.appId);
+            u.setMenuList(r);
+          }
+          s.onLoginSuccess && s.onLoginSuccess(), d.name && d.meta.keepAlive && f.addCachedView(d.name), p({ ...d, replace: !0 });
+        } catch (r) {
+          console.error("获取用户信息失败:", r), i.clearUserInfo(), u.clearMenu(), localStorage.removeItem("token"), localStorage.removeItem("token_type"), localStorage.removeItem("refresh_token"), p({ path: n, query: { redirect: d.fullPath } });
+        }
+    else
+      o.includes(d.path) ? p() : p({ path: n, query: { redirect: d.fullPath } });
+  }), e.afterEach(() => {
+  });
+}
+function Cn(e) {
+  return L.get("/user/list", { params: e });
+}
+function Tn(e) {
+  return L.get(`/user/${e}`);
+}
+function In(e) {
+  return L.post("/user", e);
+}
+function Mn(e, s) {
+  return L.put(`/user/${e}`, s);
+}
+function Sn(e) {
+  return L.delete(`/user/${e}`);
+}
+function Un(e) {
+  return L.post("/user/batch-delete", { ids: e });
+}
+function Ln(e, s) {
+  return L.patch(`/user/${e}/status`, { status: s });
+}
+function $n(e) {
+  return L.post(`/user/${e}/reset-password`);
+}
+var No = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(No || {}), Eo = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(Eo || {}), Po = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(Po || {});
+const Nn = {
+  1: "启用",
+  0: "禁用"
+}, En = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, Pn = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, Rn = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], An = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], Dn = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], zn = {
+  mounted(e, s) {
+    var n;
+    Y().isLoggedIn || (n = e.parentNode) == null || n.removeChild(e);
+  }
+};
+export {
+  St as $,
+  Wo as A,
+  yn as B,
+  Lo as C,
+  Yo as D,
+  qo as E,
+  Xo as F,
+  Eo as G,
+  Ve as H,
+  hn as I,
+  pn as J,
+  fe as K,
+  et as L,
+  Po as M,
+  Ct as N,
+  bt as O,
+  Tn as P,
+  co as Q,
+  Cn as R,
+  No as S,
+  Ho as T,
+  an as U,
+  rn as V,
+  Ge as W,
+  L as X,
+  Zo as Y,
+  ln as Z,
+  K as _,
+  Rn as a,
+  ot as a0,
+  g as a1,
+  le as a2,
+  uo as a3,
+  Jo as a4,
+  So as a5,
+  zn as a6,
+  Qo as a7,
+  $n as a8,
+  cn as a9,
+  nt as aa,
+  jo as ab,
+  ie as ac,
+  Mt as ad,
+  It as ae,
+  xt as af,
+  kt as ag,
+  Tt as ah,
+  Qe as ai,
+  wt as aj,
+  xn as ak,
+  tt as al,
+  bn as am,
+  vn as an,
+  gn as ao,
+  Mn as ap,
+  Ln as aq,
+  tn as ar,
+  J as as,
+  sn as at,
+  Ee as au,
+  on as av,
+  Z as aw,
+  nn as ax,
+  Y as ay,
+  Dn as b,
+  Io as c,
+  An as d,
+  En as e,
+  Pn as f,
+  bo as g,
+  Be as h,
+  vo as i,
+  Nn as j,
+  en as k,
+  Un as l,
+  Ze as m,
+  dn as n,
+  kn as o,
+  fn as p,
+  mn as q,
+  In as r,
+  un as s,
+  wn as t,
+  _n as u,
+  Sn as v,
+  st as w,
+  Go as x,
+  Pe as y,
+  mo as z
+};