xto-fronted 0.3.3 → 0.3.5

package/dist/index-B6DTsC6l.js

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