xto-fronted 0.3.3 → 0.3.5

package/dist/index-Dga14ZN7.js

@@ -0,0 +1,1774 @@
+import { ref as _, computed as f, watch as We, defineComponent as X, openBlock as h, createElementBlock as m, normalizeClass as Y, createElementVNode as t, withDirectives as Re, toDisplayString as S, unref as g, vShow as Ye, createCommentVNode as R, createVNode as C, Fragment as V, renderList as q, withCtx as z, createBlock as ie, createTextVNode as Q, onMounted as Xe, onUnmounted as Je, withModifiers as _e, Transition as me, normalizeStyle as fe, withKeys as De, vModelText as Qe, resolveComponent as Ze, reactive as ye } from "vue";
+import { defineStore as ue } from "pinia";
+import { createRouter as ke, createWebHistory as be, useRoute as we, useRouter as Z } from "vue-router";
+import { Menu as Ge, SubMenu as et, MenuItem as Ae, Tabs as tt, TabPane as st } from "@xto/navigation";
+import { Button as ce } from "@xto/base";
+import { Input as ge, Form as ot, FormItem as ae, Checkbox as at } from "@xto/form";
+import { Message as K } from "@xto/feedback";
+import nt from "axios";
+const Ce = "/vite.svg", te = "xto_", Ue = (e) => ({
+  get(o) {
+    const s = e.getItem(te + o);
+    if (!s) return null;
+    try {
+      return JSON.parse(s);
+    } catch {
+      return s;
+    }
+  },
+  set(o, s) {
+    if (s == null) {
+      e.removeItem(te + o);
+      return;
+    }
+    const a = typeof s == "string" ? s : JSON.stringify(s);
+    e.setItem(te + o, a);
+  },
+  remove(o) {
+    e.removeItem(te + o);
+  },
+  clear() {
+    Object.keys(e).forEach((s) => {
+      s.startsWith(te) && e.removeItem(s);
+    });
+  }
+}), ne = Ue(window.localStorage), re = Ue(window.sessionStorage), v = {
+  get: ne.get,
+  set: ne.set,
+  remove: ne.remove,
+  clear: ne.clear
+}, vo = {
+  get: re.get,
+  set: re.set,
+  remove: re.remove,
+  clear: re.clear
+}, oe = ue("app", () => {
+  const e = _(v.get("appName") || "XTO App"), o = _(v.get("indexPath") || "/dashboard"), s = _(v.get("isDark") || !1), a = _(v.get("theme") || "light"), r = _(v.get("layout") || "sidebar"), c = _(v.get("isCollapsed") || !1), d = _(v.get("showTabs") ?? !0), n = _(v.get("showFooter") ?? !0), i = _(v.get("showBreadcrumb") ?? !0), u = _(v.get("primaryColor") || "#409eff"), b = _([]), T = f(() => s.value ? "dark" : "light"), l = (k) => {
+    e.value = k, v.set("appName", k);
+  }, M = (k) => {
+    o.value = k, v.set("indexPath", k);
+  }, A = () => {
+    s.value = !s.value, a.value = s.value ? "dark" : "light", E();
+  }, D = (k) => {
+    a.value = k, s.value = k === "dark", E();
+  }, E = () => {
+    const k = document.documentElement;
+    s.value ? k.classList.add("dark") : k.classList.remove("dark"), v.set("isDark", s.value), v.set("theme", a.value);
+  }, P = () => {
+    c.value = !c.value, v.set("isCollapsed", c.value);
+  }, H = (k) => {
+    r.value = k, v.set("layout", k);
+  }, G = () => {
+    d.value = !d.value, v.set("showTabs", d.value);
+  }, F = () => {
+    n.value = !n.value, v.set("showFooter", n.value);
+  }, O = () => {
+    i.value = !i.value, v.set("showBreadcrumb", i.value);
+  }, ee = (k) => {
+    u.value = k, document.documentElement.style.setProperty("--color-primary", k), v.set("primaryColor", k);
+  }, $ = (k) => {
+    b.value.includes(k) || b.value.push(k);
+  }, I = (k) => {
+    const j = b.value.indexOf(k);
+    j > -1 && b.value.splice(j, 1);
+  }, U = () => {
+    b.value = [];
+  }, w = () => {
+    E(), u.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", u.value);
+  };
+  return We(s, E), {
+    appName: e,
+    indexPath: o,
+    isDark: s,
+    theme: a,
+    layout: r,
+    isCollapsed: c,
+    showTabs: d,
+    showFooter: n,
+    showBreadcrumb: i,
+    primaryColor: u,
+    cachedViews: b,
+    themeClass: T,
+    setAppName: l,
+    setIndexPath: M,
+    toggleTheme: A,
+    toggleCollapse: P,
+    setTheme: D,
+    setLayout: H,
+    toggleTabs: G,
+    toggleFooter: F,
+    toggleBreadcrumb: O,
+    setPrimaryColor: ee,
+    addCachedView: $,
+    removeCachedView: I,
+    clearCachedViews: U,
+    initTheme: w
+  };
+}), rt = (e, o, s) => {
+  const a = e[o];
+  return a ? typeof a == "function" ? a() : Promise.resolve(a) : new Promise((r, c) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      c.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + o + (o.split("/").length !== s ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, Ve = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => Promise.resolve().then(() => Fs),
+    meta: {
+      title: "登录",
+      hidden: !0
+    }
+  },
+  {
+    path: "/404",
+    name: "NotFound",
+    component: () => Promise.resolve().then(() => Ys),
+    meta: {
+      title: "404",
+      hidden: !0
+    }
+  },
+  {
+    path: "/403",
+    name: "Forbidden",
+    component: () => Promise.resolve().then(() => Gs),
+    meta: {
+      title: "403",
+      hidden: !0
+    }
+  }
+], Pe = {
+  path: "/:pathMatch(.*)*",
+  redirect: "/404",
+  meta: {
+    hidden: !0
+  }
+}, Oe = {
+  path: "/",
+  name: "Layout",
+  component: () => Promise.resolve().then(() => Es),
+  redirect: "/dashboard",
+  children: [
+    {
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("./index-Bn4ThpX9.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-CmQfZC8r.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-orZCyV6I.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-fyarVCog.js"),
+      meta: {
+        title: "菜单管理",
+        icon: "menu",
+        keepAlive: !0
+      }
+    }
+  ]
+}, _o = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-Bn4ThpX9.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-CmQfZC8r.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-orZCyV6I.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-fyarVCog.js"),
+        meta: {
+          title: "菜单管理",
+          icon: "menu",
+          keepAlive: !0
+        }
+      }
+    ]
+  }
+], lt = [
+  {
+    id: 1,
+    name: "Dashboard",
+    path: "/dashboard",
+    component: "dashboard/index",
+    icon: "dashboard",
+    title: "仪表盘",
+    keepAlive: !0,
+    affix: !0
+  },
+  {
+    id: 2,
+    name: "System",
+    path: "/system",
+    redirect: "/system/user",
+    icon: "setting",
+    title: "系统管理",
+    children: [
+      {
+        id: 21,
+        name: "SystemUser",
+        path: "/system/user",
+        component: "system/user/index",
+        icon: "user",
+        title: "用户管理",
+        keepAlive: !0
+      },
+      {
+        id: 22,
+        name: "SystemRole",
+        path: "/system/role",
+        component: "system/role/index",
+        icon: "role",
+        title: "角色管理",
+        keepAlive: !0
+      },
+      {
+        id: 23,
+        name: "SystemMenu",
+        path: "/system/menu",
+        component: "system/menu/index",
+        icon: "menu",
+        title: "菜单管理",
+        keepAlive: !0
+      }
+    ]
+  }
+], Se = "token", xe = "refresh_token", Le = "token_expire", $e = () => v.get(Se), it = (e) => {
+  v.set(Se, e);
+}, fo = () => v.get(xe), ut = (e) => {
+  v.set(xe, e);
+}, ct = () => v.get(Le), dt = (e) => {
+  v.set(Le, e);
+}, ht = (e) => {
+  it(e.token), ut(e.refreshToken), dt(e.expireTime);
+}, Be = () => {
+  v.remove(Se), v.remove(xe), v.remove(Le);
+}, pt = () => {
+  const e = ct();
+  return e ? Date.now() > e : !0;
+}, Ne = () => !!$e() && !pt(), N = ue("user", () => {
+  const e = _(v.get("userInfo")), o = _(v.get("roles") || []), s = _(v.get("permissions") || []), a = f(() => !!e.value), r = f(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.username) || "";
+  }), c = f(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.nickname) || "";
+  }), d = f(() => {
+    var l;
+    return ((l = e.value) == null ? void 0 : l.avatar) || "";
+  }), n = f(() => {
+    var l;
+    return (l = e.value) == null ? void 0 : l.id;
+  });
+  return {
+    userInfo: e,
+    roles: o,
+    permissions: s,
+    isLoggedIn: a,
+    username: r,
+    nickname: c,
+    avatar: d,
+    userId: n,
+    setUserInfo: (l) => {
+      e.value = l, o.value = l.roles || [], s.value = l.permissions || [], v.set("userInfo", l), v.set("roles", l.roles || []), v.set("permissions", l.permissions || []);
+    },
+    clearUserInfo: () => {
+      e.value = null, o.value = [], s.value = [], v.remove("userInfo"), v.remove("roles"), v.remove("permissions");
+    },
+    hasPermission: (l) => Array.isArray(l) ? l.some((M) => s.value.includes(M)) : s.value.includes(l),
+    hasRole: (l) => Array.isArray(l) ? l.some((M) => o.value.includes(M)) : o.value.includes(l)
+  };
+}), Te = ke({
+  history: be(),
+  routes: [...Ve, Oe, Pe],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), mt = ["/login", "/404", "/403"];
+Te.beforeEach(async (e, o, s) => {
+  const a = oe();
+  if (a.initTheme(), Ne())
+    if (e.path === "/login")
+      s({ path: "/" });
+    else {
+      const r = N();
+      r.isLoggedIn || (r.setUserInfo({
+        id: 1,
+        username: "admin",
+        nickname: "管理员",
+        avatar: "",
+        email: "admin@example.com",
+        phone: "13800138000",
+        status: 1,
+        roles: ["admin"],
+        permissions: ["*"],
+        createTime: (/* @__PURE__ */ new Date()).toISOString()
+      }), de().setMenuList(lt)), e.name && e.meta.keepAlive && a.addCachedView(e.name), s();
+    }
+  else
+    mt.includes(e.path) ? s() : s("/login");
+});
+function go() {
+  const e = ke({
+    history: be(),
+    routes: [...Ve, Oe, Pe]
+  });
+  Te.matcher = e.matcher;
+}
+const de = ue("menu", () => {
+  const e = _(v.get("menuList") || []), o = f(() => e.value.length > 0), s = (d) => {
+    e.value = d, v.set("menuList", d);
+  }, a = () => {
+    e.value = [], v.remove("menuList");
+  }, r = (d) => d.filter((n) => !n.hidden).map((n) => {
+    const i = {
+      path: n.path,
+      name: n.name,
+      meta: {
+        title: n.title,
+        icon: n.icon,
+        keepAlive: n.keepAlive,
+        hidden: n.hidden
+      }
+    };
+    return n.redirect && (i.redirect = n.redirect), n.component && (i.component = () => rt(/* @__PURE__ */ Object.assign({}), `../views/${n.component}.vue`, 3)), n.children && n.children.length > 0 && (i.children = r(n.children)), i;
+  });
+  return {
+    menuList: e,
+    hasMenu: o,
+    setMenuList: s,
+    clearMenu: a,
+    generateRoutes: r,
+    addRoutes: (d) => {
+      r(d).forEach((i) => {
+        Te.addRoute("Layout", i);
+      });
+    }
+  };
+}), he = ue("auth", () => {
+  const e = _($e()), o = f(() => Ne()), s = _(""), a = _(""), r = _(""), c = _("/login");
+  return {
+    token: e,
+    isLoggedIn: o,
+    baseUrl: s,
+    appId: a,
+    clientId: r,
+    loginPath: c,
+    login: (l) => {
+      e.value = l.token, ht(l);
+    },
+    logout: () => {
+      e.value = null, Be();
+    },
+    setBaseUrl: (l) => {
+      s.value = l;
+    },
+    setAppId: (l) => {
+      a.value = l;
+    },
+    setClientId: (l) => {
+      r.value = l;
+    },
+    setLoginPath: (l) => {
+      c.value = l;
+    }
+  };
+}), vt = {
+  key: 0,
+  class: "sidebar__logo"
+}, _t = {
+  key: 1,
+  class: "sidebar__search"
+}, ft = {
+  key: 0,
+  class: "sidebar__search-results"
+}, gt = ["onClick"], yt = { class: "menu-icon" }, kt = { class: "sidebar__search-item-info" }, bt = { class: "sidebar__search-item-title" }, wt = {
+  key: 0,
+  class: "sidebar__search-item-parent"
+}, Ct = { class: "menu-icon" }, St = { class: "menu-icon" }, xt = { class: "menu-icon" }, Lt = {
+  key: 2,
+  class: "sidebar__user"
+}, $t = { class: "sidebar__user-info" }, Tt = { class: "sidebar__user-name" }, Mt = { class: "sidebar__user-role" }, zt = /* @__PURE__ */ X({
+  __name: "Sidebar",
+  props: {
+    mode: { default: "vertical" },
+    showLogo: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const o = e, s = we(), a = Z(), r = de(), c = N(), d = he(), n = oe(), i = _(""), u = f(() => n.isCollapsed), b = f(() => s.path), T = f(() => n.isDark ? "#1d1e1f" : "#fff"), l = f(() => n.isDark ? "#cfd3dc" : "#303133"), M = f(() => "#409eff"), A = ($, I = "") => {
+      const U = [];
+      return $.forEach((w) => {
+        w.children && w.children.length > 0 ? U.push(...A(w.children, w.title)) : U.push({ ...w, parentTitle: I });
+      }), U;
+    }, D = f(() => i.value.trim() ? A(r.menuList).filter(
+      (I) => I.title.toLowerCase().includes(i.value.toLowerCase())
+    ) : []), E = f(() => i.value.trim() ? r.menuList.map(($) => {
+      if ($.children && $.children.length > 0) {
+        const I = $.children.filter(
+          (U) => U.title.toLowerCase().includes(i.value.toLowerCase())
+        );
+        return I.length > 0 ? { ...$, children: I } : null;
+      }
+      return $.title.toLowerCase().includes(i.value.toLowerCase()) ? $ : null;
+    }).filter(Boolean) : r.menuList), P = ($) => {
+      $ && $ !== s.path && (a.push($), i.value = "");
+    }, H = ($) => {
+      a.push($), i.value = "";
+    }, G = () => {
+      d.logout(), c.clearUserInfo(), r.clearMenu(), a.push("/login");
+    }, F = ($) => ({
+      dashboard: "📊",
+      system: "⚙️",
+      user: "👤",
+      role: "👥",
+      menu: "📋",
+      setting: "🔧"
+    })[$ || ""] || "📄", O = f(() => o.mode === "vertical"), ee = f(() => o.mode === "horizontal");
+    return ($, I) => {
+      var U;
+      return h(), m("div", {
+        class: Y(["sidebar", [
+          `sidebar--${e.mode}`,
+          { "sidebar--collapsed": u.value && O.value },
+          { "sidebar--horizontal": ee.value }
+        ]])
+      }, [
+        e.showLogo && O.value ? (h(), m("div", vt, [
+          I[1] || (I[1] = t("img", {
+            src: Ce,
+            alt: "Logo",
+            class: "sidebar__logo-img"
+          }, null, -1)),
+          Re(t("span", { class: "sidebar__logo-text" }, S(g(n).appName), 513), [
+            [Ye, !u.value]
+          ])
+        ])) : R("", !0),
+        O.value && !u.value ? (h(), m("div", _t, [
+          C(g(ge), {
+            modelValue: i.value,
+            "onUpdate:modelValue": I[0] || (I[0] = (w) => i.value = w),
+            placeholder: "搜索菜单...",
+            size: "small",
+            clearable: ""
+          }, null, 8, ["modelValue"]),
+          D.value.length > 0 ? (h(), m("div", ft, [
+            (h(!0), m(V, null, q(D.value, (w) => (h(), m("div", {
+              key: w.path,
+              class: "sidebar__search-item",
+              onClick: (k) => H(w.path)
+            }, [
+              t("span", yt, S(F(w.icon)), 1),
+              t("div", kt, [
+                t("span", bt, S(w.title), 1),
+                w.parentTitle ? (h(), m("span", wt, S(w.parentTitle), 1)) : R("", !0)
+              ])
+            ], 8, gt))), 128))
+          ])) : R("", !0)
+        ])) : R("", !0),
+        C(g(Ge), {
+          "default-active": b.value,
+          mode: e.mode,
+          collapse: u.value && O.value,
+          "collapse-transition": !1,
+          "background-color": T.value,
+          "text-color": l.value,
+          "active-text-color": M.value,
+          class: "sidebar__menu",
+          onSelect: P
+        }, {
+          default: z(() => [
+            (h(!0), m(V, null, q(E.value, (w) => (h(), m(V, {
+              key: w.path
+            }, [
+              w.children && w.children.length > 0 ? (h(), ie(g(et), {
+                key: 0,
+                index: w.path
+              }, {
+                title: z(() => [
+                  t("span", Ct, S(F(w.icon)), 1),
+                  t("span", null, S(w.title), 1)
+                ]),
+                default: z(() => [
+                  (h(!0), m(V, null, q(w.children, (k) => (h(), ie(g(Ae), {
+                    key: k.path,
+                    index: k.path
+                  }, {
+                    default: z(() => [
+                      t("span", St, S(F(k.icon)), 1),
+                      t("span", null, S(k.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["index"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["index"])) : (h(), ie(g(Ae), {
+                key: 1,
+                index: w.path
+              }, {
+                default: z(() => [
+                  t("span", xt, S(F(w.icon)), 1),
+                  t("span", null, S(w.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["index"]))
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["default-active", "mode", "collapse", "background-color", "text-color", "active-text-color"]),
+        O.value && !u.value ? (h(), m("div", Lt, [
+          t("div", $t, [
+            t("span", Tt, S(g(c).nickname), 1),
+            t("span", Mt, S((U = g(c).roles) == null ? void 0 : U.join(", ")), 1)
+          ]),
+          C(g(ce), {
+            type: "text",
+            size: "small",
+            onClick: G
+          }, {
+            default: z(() => [...I[2] || (I[2] = [
+              Q("退出", -1)
+            ])]),
+            _: 1
+          })
+        ])) : R("", !0)
+      ], 2);
+    };
+  }
+}), W = (e, o) => {
+  const s = e.__vccOpts || e;
+  for (const [a, r] of o)
+    s[a] = r;
+  return s;
+}, le = /* @__PURE__ */ W(zt, [["__scopeId", "data-v-c12b0ee4"]]), Et = { class: "header" }, It = { class: "header__left" }, At = {
+  viewBox: "0 0 24 24",
+  width: "18",
+  height: "18",
+  fill: "currentColor"
+}, Rt = {
+  key: 0,
+  d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
+}, Dt = {
+  key: 1,
+  d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
+}, Ut = {
+  key: 0,
+  class: "header__breadcrumb"
+}, Vt = {
+  key: 0,
+  class: "breadcrumb-separator"
+}, Pt = { class: "header__right" }, Ot = ["title"], Bt = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, Nt = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, Ht = {
+  key: 0,
+  class: "header__layout-dropdown"
+}, Ft = { class: "header__layout-options" }, jt = ["onClick"], Kt = { class: "layout-icon" }, qt = { class: "header__color-options" }, Wt = ["title", "onClick"], Yt = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, Xt = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, Jt = { class: "header__avatar" }, Qt = { class: "header__user-name" }, Zt = {
+  key: 0,
+  class: "header__dropdown"
+}, Gt = { class: "header__dropdown-header" }, es = { class: "header__dropdown-avatar" }, ts = { class: "header__dropdown-info" }, ss = { class: "header__dropdown-name" }, os = { class: "header__dropdown-role" }, as = { class: "search-container" }, ns = { class: "search-input-wrapper" }, rs = {
+  key: 0,
+  class: "search-results"
+}, ls = ["onClick"], is = { class: "search-result-icon" }, us = { class: "search-result-info" }, cs = { class: "search-result-title" }, ds = {
+  key: 0,
+  class: "search-result-parent"
+}, hs = {
+  key: 1,
+  class: "search-empty"
+}, ps = /* @__PURE__ */ X({
+  __name: "Header",
+  setup(e) {
+    const o = we(), s = Z(), a = oe(), r = N(), c = he(), d = de(), n = _(!1), i = _(!1), u = _(null), b = _(!1), T = _(!1), l = _(""), M = _(null), A = [
+      { value: "sidebar", label: "左侧菜单", icon: "📋" },
+      { value: "top", label: "顶部菜单", icon: "☰" },
+      { value: "mix", label: "混合菜单", icon: "⚡" }
+    ], D = [
+      { value: "#409eff", label: "默认蓝" },
+      { value: "#1890ff", label: "科技蓝" },
+      { value: "#52c41a", label: "极光绿" },
+      { value: "#faad14", label: "日落橙" },
+      { value: "#f5222d", label: "薄暮红" },
+      { value: "#722ed1", label: "酱紫" }
+    ], E = f(() => o.matched.filter((p) => p.meta && p.meta.title).map((p) => ({
+      title: p.meta.title,
+      path: p.path
+    }))), P = (x, p = "") => {
+      const J = [];
+      return x.forEach((y) => {
+        y.children && y.children.length > 0 ? J.push(...P(y.children, y.title)) : J.push({ ...y, parentTitle: p });
+      }), J;
+    }, H = f(() => l.value.trim() ? P(d.menuList).filter(
+      (p) => p.title.toLowerCase().includes(l.value.toLowerCase())
+    ) : []), G = f(() => a.layout), F = () => {
+      a.toggleCollapse();
+    }, O = () => {
+      a.toggleTheme();
+    }, ee = (x) => {
+      a.setLayout(x), i.value = !1;
+    }, $ = () => {
+      const x = document.documentElement;
+      x.classList.contains("grey-mode") ? x.classList.remove("grey-mode") : x.classList.add("grey-mode");
+    }, I = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, U = () => {
+      b.value = !!document.fullscreenElement;
+    }, w = () => {
+      n.value = !n.value, i.value = !1;
+    }, k = () => {
+      i.value = !i.value, n.value = !1;
+    }, j = () => {
+      n.value = !1, i.value = !1;
+    }, Me = () => {
+      T.value = !0;
+    }, pe = () => {
+      T.value = !1, l.value = "";
+    }, ze = (x) => {
+      s.push(x), pe();
+    }, Fe = (x) => {
+      a.setPrimaryColor(x);
+    }, je = () => {
+      j(), s.push("/profile");
+    }, Ke = () => {
+      j(), s.push("/change-password");
+    }, qe = () => {
+      j(), c.logout(), r.clearUserInfo(), d.clearMenu(), s.push("/login");
+    }, Ee = (x) => {
+      u.value && !u.value.contains(x.target) && j(), M.value && !M.value.contains(x.target) && pe();
+    }, Ie = (x) => {
+      x.key === "Escape" && (pe(), j()), (x.ctrlKey || x.metaKey) && x.key === "k" && (x.preventDefault(), Me());
+    };
+    return Xe(() => {
+      document.addEventListener("click", Ee), document.addEventListener("fullscreenchange", U), document.addEventListener("keydown", Ie), a.initTheme();
+    }), Je(() => {
+      document.removeEventListener("click", Ee), document.removeEventListener("fullscreenchange", U), document.removeEventListener("keydown", Ie);
+    }), (x, p) => {
+      var J;
+      return h(), m("div", Et, [
+        t("div", It, [
+          t("div", {
+            class: "header__collapse",
+            onClick: F
+          }, [
+            (h(), m("svg", At, [
+              g(a).isCollapsed ? (h(), m("path", Rt)) : (h(), m("path", Dt))
+            ]))
+          ]),
+          g(a).showBreadcrumb ? (h(), m("div", Ut, [
+            (h(!0), m(V, null, q(E.value, (y, B) => (h(), m("span", {
+              key: y.path
+            }, [
+              B > 0 ? (h(), m("span", Vt, "/")) : R("", !0),
+              t("span", {
+                class: Y({ "is-current": B === E.value.length - 1 })
+              }, S(y.title), 3)
+            ]))), 128))
+          ])) : R("", !0)
+        ]),
+        t("div", Pt, [
+          t("div", {
+            class: "header__action",
+            onClick: Me,
+            title: "搜索 (Ctrl+K)"
+          }, [...p[2] || (p[2] = [
+            t("svg", {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              fill: "currentColor"
+            }, [
+              t("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })
+            ], -1)
+          ])]),
+          t("div", {
+            class: "header__action",
+            onClick: I,
+            title: b.value ? "退出全屏" : "全屏"
+          }, [
+            b.value ? (h(), m("svg", Bt, [...p[3] || (p[3] = [
+              t("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }, null, -1)
+            ])])) : (h(), m("svg", Nt, [...p[4] || (p[4] = [
+              t("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }, null, -1)
+            ])]))
+          ], 8, Ot),
+          t("div", {
+            class: "header__action header__layout",
+            ref_key: "dropdownRef",
+            ref: u
+          }, [
+            t("div", {
+              class: "header__action-trigger",
+              onClick: _e(k, ["stop"])
+            }, [...p[5] || (p[5] = [
+              t("svg", {
+                viewBox: "0 0 24 24",
+                width: "16",
+                height: "16",
+                fill: "currentColor"
+              }, [
+                t("path", { d: "M3 3h18v18H3V3zm2 2v6h14V5H5zm0 8v6h6v-6H5zm8 0v6h6v-6h-6z" })
+              ], -1)
+            ])]),
+            C(me, { name: "dropdown" }, {
+              default: z(() => [
+                i.value ? (h(), m("div", Ht, [
+                  p[7] || (p[7] = t("div", { class: "header__layout-title" }, "布局模式", -1)),
+                  t("div", Ft, [
+                    (h(), m(V, null, q(A, (y) => t("div", {
+                      key: y.value,
+                      class: Y(["header__layout-option", { "is-active": G.value === y.value }]),
+                      onClick: (B) => ee(y.value)
+                    }, [
+                      t("span", Kt, S(y.icon), 1),
+                      t("span", null, S(y.label), 1)
+                    ], 10, jt)), 64))
+                  ]),
+                  p[8] || (p[8] = t("div", { class: "header__layout-divider" }, null, -1)),
+                  p[9] || (p[9] = t("div", { class: "header__layout-title" }, "主题色", -1)),
+                  t("div", qt, [
+                    (h(), m(V, null, q(D, (y) => t("div", {
+                      key: y.value,
+                      class: Y(["header__color-option", { "is-active": g(a).primaryColor === y.value }]),
+                      style: fe({ backgroundColor: y.value }),
+                      title: y.label,
+                      onClick: (B) => Fe(y.value)
+                    }, null, 14, Wt)), 64))
+                  ]),
+                  p[10] || (p[10] = t("div", { class: "header__layout-divider" }, null, -1)),
+                  t("div", {
+                    class: "header__layout-item",
+                    onClick: $
+                  }, [...p[6] || (p[6] = [
+                    t("span", { class: "layout-icon" }, "🌫️", -1),
+                    t("span", null, "灰色模式", -1)
+                  ])])
+                ])) : R("", !0)
+              ]),
+              _: 1
+            })
+          ], 512),
+          t("div", {
+            class: "header__action",
+            onClick: O,
+            title: "切换主题"
+          }, [
+            g(a).isDark ? (h(), m("svg", Yt, [...p[11] || (p[11] = [
+              t("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-3.03 0-5.5-2.47-5.5-5.5 0-1.82.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z" }, null, -1)
+            ])])) : (h(), m("svg", Xt, [...p[12] || (p[12] = [
+              t("path", { d: "M6.76 4.84l-1.4-1.4-1.41 1.41 1.4 1.4 1.41-1.41zm10.49 10.49l-1.4-1.4-1.41 1.41 1.4 1.4 1.41-1.41zM12 4c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm1-9h-2v4h2v-4zm0-6h-2v2h2V5zM4.84 17.24l-1.41 1.41 1.4 1.4 1.41-1.41-1.4-1.4z" }, null, -1)
+            ])]))
+          ]),
+          t("div", {
+            class: "header__user",
+            ref_key: "dropdownRef",
+            ref: u
+          }, [
+            t("div", {
+              class: "header__user-trigger",
+              onClick: _e(w, ["stop"])
+            }, [
+              t("div", Jt, [
+                t("span", null, S(((J = g(r).nickname) == null ? void 0 : J.charAt(0)) || "U"), 1)
+              ]),
+              t("span", Qt, S(g(r).nickname), 1),
+              t("span", {
+                class: Y(["header__user-arrow", { "is-active": n.value }])
+              }, "▼", 2)
+            ]),
+            C(me, { name: "dropdown" }, {
+              default: z(() => {
+                var y, B;
+                return [
+                  n.value ? (h(), m("div", Zt, [
+                    t("div", Gt, [
+                      t("div", es, [
+                        t("span", null, S(((y = g(r).nickname) == null ? void 0 : y.charAt(0)) || "U"), 1)
+                      ]),
+                      t("div", ts, [
+                        t("div", ss, S(g(r).nickname), 1),
+                        t("div", os, S((B = g(r).roles) == null ? void 0 : B.join(", ")), 1)
+                      ])
+                    ]),
+                    p[17] || (p[17] = t("div", { class: "header__dropdown-divider" }, null, -1)),
+                    t("div", { class: "header__dropdown-menu" }, [
+                      t("div", {
+                        class: "header__dropdown-item",
+                        onClick: je
+                      }, [...p[13] || (p[13] = [
+                        t("span", { class: "header__dropdown-icon" }, "👤", -1),
+                        t("span", null, "个人信息", -1)
+                      ])]),
+                      t("div", {
+                        class: "header__dropdown-item",
+                        onClick: Ke
+                      }, [...p[14] || (p[14] = [
+                        t("span", { class: "header__dropdown-icon" }, "🔐", -1),
+                        t("span", null, "修改密码", -1)
+                      ])]),
+                      p[16] || (p[16] = t("div", { class: "header__dropdown-divider" }, null, -1)),
+                      t("div", {
+                        class: "header__dropdown-item header__dropdown-item--danger",
+                        onClick: qe
+                      }, [...p[15] || (p[15] = [
+                        t("span", { class: "header__dropdown-icon" }, "🚪", -1),
+                        t("span", null, "退出登录", -1)
+                      ])])
+                    ])
+                  ])) : R("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ]),
+        C(me, { name: "search" }, {
+          default: z(() => [
+            T.value ? (h(), m("div", {
+              key: 0,
+              class: "header__search-modal",
+              ref_key: "searchRef",
+              ref: M
+            }, [
+              t("div", as, [
+                t("div", ns, [
+                  p[18] || (p[18] = t("svg", {
+                    class: "search-icon",
+                    viewBox: "0 0 24 24",
+                    width: "20",
+                    height: "20",
+                    fill: "currentColor"
+                  }, [
+                    t("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })
+                  ], -1)),
+                  Re(t("input", {
+                    "onUpdate:modelValue": p[0] || (p[0] = (y) => l.value = y),
+                    type: "text",
+                    class: "search-input",
+                    placeholder: "搜索菜单...",
+                    autofocus: "",
+                    onKeyup: p[1] || (p[1] = De((y) => H.value[0] && ze(H.value[0].path), ["enter"]))
+                  }, null, 544), [
+                    [Qe, l.value]
+                  ]),
+                  p[19] || (p[19] = t("span", { class: "search-shortcut" }, "ESC 关闭", -1))
+                ]),
+                H.value.length > 0 ? (h(), m("div", rs, [
+                  (h(!0), m(V, null, q(H.value, (y, B) => (h(), m("div", {
+                    key: y.path,
+                    class: Y(["search-result-item", { "is-first": B === 0 }]),
+                    onClick: (no) => ze(y.path)
+                  }, [
+                    t("span", is, S(y.icon || "📄"), 1),
+                    t("div", us, [
+                      t("span", cs, S(y.title), 1),
+                      y.parentTitle ? (h(), m("span", ds, S(y.parentTitle), 1)) : R("", !0)
+                    ])
+                  ], 10, ls))), 128))
+                ])) : l.value ? (h(), m("div", hs, " 未找到匹配的菜单 ")) : R("", !0)
+              ])
+            ], 512)) : R("", !0)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), ve = /* @__PURE__ */ W(ps, [["__scopeId", "data-v-7095203b"]]), ms = { class: "layout__header-top" }, vs = { class: "layout__header-logo" }, _s = { class: "layout__logo-text" }, fs = { class: "layout__header-right" }, gs = { class: "layout__content" }, ys = { class: "layout__header-mix" }, ks = { class: "layout__header-left" }, bs = {
+  viewBox: "0 0 24 24",
+  width: "18",
+  height: "18",
+  fill: "currentColor"
+}, ws = {
+  key: 0,
+  d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
+}, Cs = {
+  key: 1,
+  d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
+}, Ss = { class: "layout__header-right" }, xs = { class: "layout__body" }, Ls = { class: "layout__content" }, $s = { class: "layout__main" }, Ts = { class: "layout__header" }, Ms = { class: "layout__content" }, zs = /* @__PURE__ */ X({
+  __name: "index",
+  setup(e) {
+    const o = oe(), s = f(
+      () => o.isCollapsed ? "64px" : "210px"
+    ), a = f(() => o.layout), r = f(() => a.value === "sidebar"), c = f(() => a.value === "top"), d = f(() => a.value === "mix");
+    return (n, i) => {
+      const u = Ze("router-view");
+      return h(), m("div", {
+        class: Y(["layout", `layout--${a.value}`])
+      }, [
+        c.value ? (h(), m(V, { key: 0 }, [
+          t("header", ms, [
+            t("div", vs, [
+              i[1] || (i[1] = t("img", {
+                src: Ce,
+                alt: "Logo",
+                class: "layout__logo-img"
+              }, null, -1)),
+              t("span", _s, S(g(o).appName), 1)
+            ]),
+            C(le, {
+              class: "layout__top-menu",
+              mode: "horizontal"
+            }),
+            t("div", fs, [
+              C(ve, {
+                "show-breadcrumb": !1,
+                "show-collapse": !1
+              })
+            ])
+          ]),
+          t("main", gs, [
+            C(u)
+          ])
+        ], 64)) : d.value ? (h(), m(V, { key: 1 }, [
+          t("header", ys, [
+            t("div", ks, [
+              t("div", {
+                class: "layout__collapse",
+                onClick: i[0] || (i[0] = //@ts-ignore
+                (...b) => g(o).toggleCollapse && g(o).toggleCollapse(...b))
+              }, [
+                (h(), m("svg", bs, [
+                  g(o).isCollapsed ? (h(), m("path", ws)) : (h(), m("path", Cs))
+                ]))
+              ]),
+              C(le, {
+                class: "layout__top-menu",
+                mode: "horizontal"
+              })
+            ]),
+            t("div", Ss, [
+              C(ve, {
+                "show-breadcrumb": !1,
+                "show-collapse": !1
+              })
+            ])
+          ]),
+          t("div", xs, [
+            t("aside", {
+              class: "layout__aside",
+              style: fe({ width: s.value })
+            }, [
+              C(le, {
+                mode: "vertical",
+                "show-logo": !1
+              })
+            ], 4),
+            t("main", Ls, [
+              C(u)
+            ])
+          ])
+        ], 64)) : r.value ? (h(), m(V, { key: 2 }, [
+          t("aside", {
+            class: "layout__aside",
+            style: fe({ width: s.value })
+          }, [
+            C(le)
+          ], 4),
+          t("div", $s, [
+            t("header", Ts, [
+              C(ve)
+            ]),
+            t("main", Ms, [
+              C(u)
+            ])
+          ])
+        ], 64)) : R("", !0)
+      ], 2);
+    };
+  }
+}), He = /* @__PURE__ */ W(zs, [["__scopeId", "data-v-129cb9dc"]]), Es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: He
+}, Symbol.toStringTag, { value: "Module" })), Is = { class: "tabs-wrapper" }, As = { class: "tab-label" }, Rs = ["onClick"], Ds = /* @__PURE__ */ X({
+  __name: "Tabs",
+  setup(e) {
+    const o = we(), s = Z(), a = f(() => {
+      const n = [];
+      return o.matched.forEach((i) => {
+        var u;
+        (u = i.meta) != null && u.affix && n.push({
+          name: i.name,
+          title: i.meta.title,
+          path: i.path,
+          affix: !0
+        });
+      }), n;
+    }), r = f(() => o.path), c = (n) => {
+      s.push(n);
+    }, d = (n) => {
+      const i = a.value.find((u) => u.path === n);
+      if (!(i != null && i.affix) && n === r.value) {
+        const u = a.value.findIndex((T) => T.path === n), b = a.value[u - 1] || a.value[u + 1];
+        b && s.push(b.path);
+      }
+    };
+    return (n, i) => (h(), m("div", Is, [
+      C(g(tt), {
+        modelValue: r.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (u) => r.value = u),
+        type: "card",
+        onTabClick: c
+      }, {
+        default: z(() => [
+          (h(!0), m(V, null, q(a.value, (u) => (h(), ie(g(st), {
+            key: u.path,
+            name: u.path,
+            label: u.title,
+            closable: !u.affix
+          }, {
+            label: z(() => [
+              t("span", As, [
+                Q(S(u.title) + " ", 1),
+                u.affix ? R("", !0) : (h(), m("span", {
+                  key: 0,
+                  class: "tab-close",
+                  onClick: _e((b) => d(u.path), ["stop"])
+                }, " ✕ ", 8, Rs))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["name", "label", "closable"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}), yo = /* @__PURE__ */ W(Ds, [["__scopeId", "data-v-9156d8cd"]]), Us = {}, Vs = { class: "footer" };
+function Ps(e, o) {
+  return h(), m("div", Vs, [...o[0] || (o[0] = [
+    t("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const ko = /* @__PURE__ */ W(Us, [["render", Ps], ["__scopeId", "data-v-4852826a"]]), Os = { class: "login" }, Bs = { class: "login__container" }, Ns = /* @__PURE__ */ X({
+  __name: "index",
+  setup(e) {
+    const o = Z(), s = he(), a = N(), r = de(), c = _(!1), d = _(!1), n = ye({
+      username: "admin",
+      password: "123456"
+    }), i = {
+      username: [
+        { required: !0, message: "请输入用户名", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" },
+        { min: 6, message: "密码长度至少6位", trigger: "blur" }
+      ]
+    }, u = _(), b = async () => {
+      var T;
+      try {
+        await ((T = u.value) == null ? void 0 : T.validate()), c.value = !0, setTimeout(() => {
+          s.login({
+            token: "mock_token_" + Date.now(),
+            refreshToken: "mock_refresh_token",
+            expireTime: Date.now() + 7 * 24 * 60 * 60 * 1e3
+          }), a.setUserInfo({
+            id: 1,
+            username: n.username,
+            nickname: "管理员",
+            avatar: "",
+            email: "admin@example.com",
+            phone: "13800138000",
+            status: 1,
+            roles: ["admin"],
+            permissions: ["*"],
+            createTime: (/* @__PURE__ */ new Date()).toISOString()
+          }), r.setMenuList([
+            {
+              id: 1,
+              name: "Dashboard",
+              path: "/dashboard",
+              component: "dashboard/index",
+              icon: "dashboard",
+              title: "仪表盘",
+              keepAlive: !0,
+              affix: !0
+            },
+            {
+              id: 2,
+              name: "System",
+              path: "/system",
+              redirect: "/system/user",
+              icon: "setting",
+              title: "系统管理",
+              children: [
+                {
+                  id: 21,
+                  name: "SystemUser",
+                  path: "/system/user",
+                  component: "system/user/index",
+                  icon: "user",
+                  title: "用户管理",
+                  keepAlive: !0
+                },
+                {
+                  id: 22,
+                  name: "SystemRole",
+                  path: "/system/role",
+                  component: "system/role/index",
+                  icon: "role",
+                  title: "角色管理",
+                  keepAlive: !0
+                },
+                {
+                  id: 23,
+                  name: "SystemMenu",
+                  path: "/system/menu",
+                  component: "system/menu/index",
+                  icon: "menu",
+                  title: "菜单管理",
+                  keepAlive: !0
+                }
+              ]
+            }
+          ]), K.success("登录成功"), o.push("/"), c.value = !1;
+        }, 1e3);
+      } catch {
+        c.value = !1;
+      }
+    };
+    return (T, l) => (h(), m("div", Os, [
+      t("div", Bs, [
+        l[5] || (l[5] = t("div", { class: "login__header" }, [
+          t("img", {
+            src: Ce,
+            alt: "Logo",
+            class: "login__logo"
+          }),
+          t("h1", { class: "login__title" }, "Xto Demo"),
+          t("p", { class: "login__subtitle" }, "后台管理系统")
+        ], -1)),
+        C(g(ot), {
+          ref_key: "formRef",
+          ref: u,
+          model: n,
+          rules: i,
+          class: "login__form",
+          "label-width": "0"
+        }, {
+          default: z(() => [
+            C(g(ae), { prop: "username" }, {
+              default: z(() => [
+                C(g(ge), {
+                  modelValue: n.username,
+                  "onUpdate:modelValue": l[0] || (l[0] = (M) => n.username = M),
+                  placeholder: "用户名",
+                  "prefix-icon": "👤",
+                  size: "large"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            C(g(ae), { prop: "password" }, {
+              default: z(() => [
+                C(g(ge), {
+                  modelValue: n.password,
+                  "onUpdate:modelValue": l[1] || (l[1] = (M) => n.password = M),
+                  type: "password",
+                  placeholder: "密码",
+                  "prefix-icon": "🔒",
+                  size: "large",
+                  "show-password": "",
+                  onKeyup: De(b, ["enter"])
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            C(g(ae), null, {
+              default: z(() => [
+                C(g(at), {
+                  modelValue: d.value,
+                  "onUpdate:modelValue": l[2] || (l[2] = (M) => d.value = M)
+                }, {
+                  default: z(() => [...l[3] || (l[3] = [
+                    Q("记住我", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            C(g(ae), null, {
+              default: z(() => [
+                C(g(ce), {
+                  type: "primary",
+                  size: "large",
+                  loading: c.value,
+                  class: "login__submit",
+                  onClick: b
+                }, {
+                  default: z(() => [...l[4] || (l[4] = [
+                    Q(" 登录 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        l[6] || (l[6] = t("div", { class: "login__footer" }, [
+          t("p", null, "提示: 任意用户名密码即可登录 (Mock 模式)")
+        ], -1))
+      ])
+    ]));
+  }
+}), Hs = /* @__PURE__ */ W(Ns, [["__scopeId", "data-v-40e9f7eb"]]), Fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Hs
+}, Symbol.toStringTag, { value: "Module" })), js = { class: "error-page" }, Ks = { class: "error-page__content" }, qs = /* @__PURE__ */ X({
+  __name: "404",
+  setup(e) {
+    const o = Z(), s = () => {
+      o.push("/");
+    };
+    return (a, r) => (h(), m("div", js, [
+      t("div", Ks, [
+        r[1] || (r[1] = t("div", { class: "error-page__code" }, "404", -1)),
+        r[2] || (r[2] = t("div", { class: "error-page__title" }, "页面不存在", -1)),
+        r[3] || (r[3] = t("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
+        C(g(ce), {
+          type: "primary",
+          onClick: s
+        }, {
+          default: z(() => [...r[0] || (r[0] = [
+            Q("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), Ws = /* @__PURE__ */ W(qs, [["__scopeId", "data-v-c3c12c24"]]), Ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ws
+}, Symbol.toStringTag, { value: "Module" })), Xs = { class: "error-page" }, Js = { class: "error-page__content" }, Qs = /* @__PURE__ */ X({
+  __name: "403",
+  setup(e) {
+    const o = Z(), s = () => {
+      o.push("/");
+    };
+    return (a, r) => (h(), m("div", Xs, [
+      t("div", Js, [
+        r[1] || (r[1] = t("div", { class: "error-page__code" }, "403", -1)),
+        r[2] || (r[2] = t("div", { class: "error-page__title" }, "无访问权限", -1)),
+        r[3] || (r[3] = t("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
+        C(g(ce), {
+          type: "primary",
+          onClick: s
+        }, {
+          default: z(() => [...r[0] || (r[0] = [
+            Q("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), Zs = /* @__PURE__ */ W(Qs, [["__scopeId", "data-v-dd5f2795"]]), Gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Zs
+}, Symbol.toStringTag, { value: "Module" }));
+function bo() {
+  const e = oe(), o = N(), s = he(), a = f(() => o.nickname || o.username || ""), r = f(() => o.userInfo), c = f(() => e.appName), d = f(() => s.isLoggedIn), n = f(() => e.isDark), i = f(() => e.theme), u = f(() => e.isCollapsed), b = f(() => e.layout);
+  return {
+    userName: a,
+    userInfo: r,
+    appName: c,
+    isLoggedIn: d,
+    isDark: n,
+    theme: i,
+    isCollapsed: u,
+    layout: b,
+    toggleTheme: () => {
+      e.toggleTheme();
+    },
+    toggleCollapse: () => {
+      e.toggleCollapse();
+    }
+  };
+}
+function wo() {
+  const e = N(), o = (c) => {
+    const d = e.permissions;
+    return d.includes("*") ? !0 : Array.isArray(c) ? c.some((n) => d.includes(n)) : d.includes(c);
+  }, s = (c) => {
+    const d = e.roles;
+    return d.includes("admin") ? !0 : Array.isArray(c) ? c.some((n) => d.includes(n)) : d.includes(c);
+  }, a = f(() => e.roles.includes("admin")), r = f(() => e.isLoggedIn);
+  return {
+    hasPermission: o,
+    hasRole: s,
+    isAdmin: a,
+    isLoggedIn: r
+  };
+}
+function Co(e, o = {}) {
+  const { rules: s, onSubmit: a } = o, r = _(), c = ye({ ...e }), d = _(!1), n = _(!1), i = _(!1), u = () => {
+    l(), i.value = !1, n.value = !0;
+  }, b = (A) => {
+    Object.assign(c, A), i.value = !0, n.value = !0;
+  }, T = () => {
+    n.value = !1, l();
+  }, l = () => {
+    var A;
+    Object.keys(e).forEach((D) => {
+      c[D] = e[D];
+    }), (A = r.value) == null || A.resetFields();
+  };
+  return {
+    formRef: r,
+    formData: c,
+    rules: s,
+    loading: d,
+    visible: n,
+    isEdit: i,
+    openAdd: u,
+    openEdit: b,
+    close: T,
+    resetForm: l,
+    handleSubmit: async () => {
+      var A;
+      try {
+        await ((A = r.value) == null ? void 0 : A.validate()), d.value = !0, await (a == null ? void 0 : a(c)), T();
+      } catch (D) {
+        console.error(D);
+      } finally {
+        d.value = !1;
+      }
+    }
+  };
+}
+function So(e) {
+  const { fetchData: o, defaultPageSize: s = 10 } = e, a = _(!1), r = _([]), c = _(0), d = _(1), n = _(s), i = ye({}), u = async () => {
+    a.value = !0;
+    try {
+      const E = {
+        ...i,
+        page: d.value,
+        pageSize: n.value
+      }, P = await o(E);
+      r.value = P.list, c.value = P.total;
+    } catch (E) {
+      console.error(E);
+    } finally {
+      a.value = !1;
+    }
+  }, b = () => {
+    d.value = 1, u();
+  }, T = () => {
+    Object.keys(i).forEach((E) => {
+      i[E] = void 0;
+    }), d.value = 1, u();
+  }, l = (E) => {
+    d.value = E, u();
+  }, M = (E) => {
+    n.value = E, d.value = 1, u();
+  }, A = () => {
+    u();
+  }, D = f(() => ({
+    current: d.value,
+    pageSize: n.value,
+    total: c.value
+  }));
+  return {
+    loading: a,
+    data: r,
+    total: c,
+    currentPage: d,
+    pageSize: n,
+    searchParams: i,
+    pagination: D,
+    getData: u,
+    handleSearch: b,
+    handleReset: T,
+    handlePageChange: l,
+    handleSizeChange: M,
+    refresh: A
+  };
+}
+function xo(e) {
+  const s = N().permissions;
+  return Array.isArray(e) ? e.some((a) => s.includes(a)) : s.includes(e);
+}
+function eo(e) {
+  const s = N().roles;
+  return Array.isArray(e) ? e.some((a) => s.includes(a)) : s.includes(e);
+}
+function Lo() {
+  return eo("admin");
+}
+const to = () => {
+  const e = nt.create({
+    baseURL: void 0,
+    timeout: 3e4,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  return e.interceptors.request.use(
+    (o) => {
+      const s = $e();
+      return s && (o.headers.Authorization = `Bearer ${s}`), o;
+    },
+    (o) => Promise.reject(o)
+  ), e.interceptors.response.use(
+    (o) => {
+      const { data: s } = o;
+      return s.code === 200 || s.code === 0 ? s.data : (K.error(s.message || "请求失败"), Promise.reject(new Error(s.message || "请求失败")));
+    },
+    (o) => {
+      var a;
+      const { response: s } = o;
+      if (s)
+        switch (s.status) {
+          case 401:
+            K.error("登录已过期，请重新登录"), Be(), window.location.href = "/login";
+            break;
+          case 403:
+            K.error("没有权限访问");
+            break;
+          case 404:
+            K.error("请求资源不存在");
+            break;
+          case 500:
+            K.error("服务器错误");
+            break;
+          default:
+            K.error(((a = s.data) == null ? void 0 : a.message) || "请求失败");
+        }
+      else
+        K.error("网络连接失败");
+      return Promise.reject(o);
+    }
+  ), e;
+}, se = to(), L = {
+  get(e, o) {
+    return se.get(e, o);
+  },
+  post(e, o, s) {
+    return se.post(e, o, s);
+  },
+  put(e, o, s) {
+    return se.put(e, o, s);
+  },
+  patch(e, o, s) {
+    return se.patch(e, o, s);
+  },
+  delete(e, o) {
+    return se.delete(e, o);
+  }
+};
+function $o(e, o = {}) {
+  const s = o.indexPath || "/dashboard";
+  return {
+    path: "/",
+    name: "Layout",
+    component: He,
+    redirect: s,
+    children: e
+  };
+}
+function To(e) {
+  return ke({
+    history: be(),
+    routes: e,
+    scrollBehavior: () => ({ left: 0, top: 0 })
+  });
+}
+function Mo(e) {
+  return L.post("/auth/login", e);
+}
+function zo() {
+  return L.post("/auth/logout");
+}
+function Eo() {
+  return L.get("/user/info");
+}
+function Io(e) {
+  return L.post("/auth/refresh", { refreshToken: e });
+}
+function Ao(e) {
+  return L.get("/role/list", { params: e });
+}
+function Ro(e) {
+  return L.get(`/role/${e}`);
+}
+function Do(e) {
+  return L.post("/role", e);
+}
+function Uo(e, o) {
+  return L.put(`/role/${e}`, o);
+}
+function Vo(e) {
+  return L.delete(`/role/${e}`);
+}
+function Po(e, o) {
+  return L.patch(`/role/${e}/status`, { status: o });
+}
+function Oo() {
+  return L.get("/menu/list");
+}
+function Bo() {
+  return L.get("/menu/tree");
+}
+function No(e) {
+  return L.post("/menu", e);
+}
+function Ho(e, o) {
+  return L.put(`/menu/${e}`, o);
+}
+function Fo(e) {
+  return L.delete(`/menu/${e}`);
+}
+function jo(e) {
+  return L.get("/user/list", { params: e });
+}
+function Ko(e) {
+  return L.get(`/user/${e}`);
+}
+function qo(e) {
+  return L.post("/user", e);
+}
+function Wo(e, o) {
+  return L.put(`/user/${e}`, o);
+}
+function Yo(e) {
+  return L.delete(`/user/${e}`);
+}
+function Xo(e) {
+  return L.post("/user/batch-delete", { ids: e });
+}
+function Jo(e, o) {
+  return L.patch(`/user/${e}/status`, { status: o });
+}
+function Qo(e) {
+  return L.post(`/user/${e}/reset-password`);
+}
+var so = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(so || {}), oo = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(oo || {}), ao = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(ao || {});
+const Zo = {
+  1: "启用",
+  0: "禁用"
+}, Go = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, ea = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, ta = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], sa = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], oa = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], aa = {
+  mounted(e, o) {
+    var d;
+    const s = N(), { value: a } = o;
+    if (!a) return;
+    const r = s.permissions;
+    let c = !1;
+    Array.isArray(a) ? c = a.some((n) => r.includes(n) || r.includes("*")) : c = r.includes(a) || r.includes("*"), c || (d = e.parentNode) == null || d.removeChild(e);
+  }
+};
+export {
+  Io as $,
+  Ao as A,
+  $e as B,
+  ct as C,
+  Ko as D,
+  Eo as E,
+  ko as F,
+  oo as G,
+  ve as H,
+  jo as I,
+  xo as J,
+  eo as K,
+  He as L,
+  ao as M,
+  Ne as N,
+  L as O,
+  Lo as P,
+  pt as Q,
+  Oe as R,
+  so as S,
+  yo as T,
+  v as U,
+  ne as V,
+  Mo as W,
+  zo as X,
+  lt as Y,
+  aa as Z,
+  W as _,
+  ta as a,
+  Qo as a0,
+  go as a1,
+  Te as a2,
+  vo as a3,
+  re as a4,
+  ut as a5,
+  it as a6,
+  dt as a7,
+  ht as a8,
+  Ve as a9,
+  Ho as aa,
+  Uo as ab,
+  Po as ac,
+  Wo as ad,
+  Jo as ae,
+  bo as af,
+  oe as ag,
+  wo as ah,
+  he as ai,
+  Co as aj,
+  de as ak,
+  So as al,
+  N as am,
+  oa as b,
+  Zs as c,
+  sa as d,
+  Go as e,
+  ea as f,
+  Ws as g,
+  le as h,
+  Hs as i,
+  Zo as j,
+  Xo as k,
+  Be as l,
+  $o as m,
+  No as n,
+  Do as o,
+  To as p,
+  qo as q,
+  _o as r,
+  Fo as s,
+  Vo as t,
+  Yo as u,
+  Pe as v,
+  Oo as w,
+  Bo as x,
+  fo as y,
+  Ro as z
+};