xto-fronted 0.1.0

package/dist/index-vVfjShJR.js

@@ -0,0 +1,1183 @@
+import { ref as _, computed as g, watch as ke, defineComponent as Y, openBlock as v, createElementBlock as f, createElementVNode as a, withDirectives as be, vShow as we, createVNode as I, unref as x, Fragment as N, renderList as j, toDisplayString as w, createCommentVNode as U, withCtx as $, createBlock as W, createTextVNode as ie, onMounted as Se, onUnmounted as Ce, normalizeClass as re, withModifiers as ce, Transition as xe, resolveComponent as Te, normalizeStyle as Ee, reactive as ue } from "vue";
+import { defineStore as X } from "pinia";
+import { createRouter as de, createWebHistory as he, useRoute as Q, useRouter as Z } from "vue-router";
+import { Menu as Le, SubMenu as Ae, MenuItem as le, Tabs as Re, TabPane as $e } from "@xto/navigation";
+import { Button as Me } from "@xto/base";
+import { Input as Ie } from "@xto/form";
+import De from "axios";
+import { Message as D } from "@xto/feedback";
+const B = "xto_", me = (e) => ({
+  get(t) {
+    const s = e.getItem(B + t);
+    if (!s) return null;
+    try {
+      return JSON.parse(s);
+    } catch {
+      return s;
+    }
+  },
+  set(t, s) {
+    if (s == null) {
+      e.removeItem(B + t);
+      return;
+    }
+    const o = typeof s == "string" ? s : JSON.stringify(s);
+    e.setItem(B + t, o);
+  },
+  remove(t) {
+    e.removeItem(B + t);
+  },
+  clear() {
+    Object.keys(e).forEach((s) => {
+      s.startsWith(B) && e.removeItem(s);
+    });
+  }
+}), K = me(window.localStorage), q = me(window.sessionStorage), h = {
+  get: K.get,
+  set: K.set,
+  remove: K.remove,
+  clear: K.clear
+}, ns = {
+  get: q.get,
+  set: q.set,
+  remove: q.remove,
+  clear: q.clear
+}, J = X("app", () => {
+  const e = _(h.get("isDark") || !1), t = _(h.get("theme") || "light"), s = _(h.get("layout") || "sidebar"), o = _(h.get("isCollapsed") || !1), l = _(h.get("showTabs") ?? !0), d = _(h.get("showFooter") ?? !0), c = _(h.get("showBreadcrumb") ?? !0), n = _(h.get("primaryColor") || "#409eff"), i = _([]), m = g(() => e.value ? "dark" : "light"), S = () => {
+    e.value = !e.value, t.value = e.value ? "dark" : "light", u();
+  }, E = (r) => {
+    t.value = r, e.value = r === "dark", u();
+  }, u = () => {
+    const r = document.documentElement;
+    e.value ? r.classList.add("dark") : r.classList.remove("dark"), h.set("isDark", e.value), h.set("theme", t.value);
+  }, L = () => {
+    o.value = !o.value, h.set("isCollapsed", o.value);
+  }, C = (r) => {
+    s.value = r, h.set("layout", r);
+  }, A = () => {
+    l.value = !l.value, h.set("showTabs", l.value);
+  }, T = () => {
+    d.value = !d.value, h.set("showFooter", d.value);
+  }, R = () => {
+    c.value = !c.value, h.set("showBreadcrumb", c.value);
+  }, P = (r) => {
+    n.value = r, document.documentElement.style.setProperty("--color-primary", r), h.set("primaryColor", r);
+  }, M = (r) => {
+    i.value.includes(r) || i.value.push(r);
+  }, k = (r) => {
+    const F = i.value.indexOf(r);
+    F > -1 && i.value.splice(F, 1);
+  }, b = () => {
+    i.value = [];
+  }, p = () => {
+    u(), n.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", n.value);
+  };
+  return ke(e, u), {
+    isDark: e,
+    theme: t,
+    layout: s,
+    isCollapsed: o,
+    showTabs: l,
+    showFooter: d,
+    showBreadcrumb: c,
+    primaryColor: n,
+    cachedViews: i,
+    themeClass: m,
+    toggleTheme: S,
+    toggleCollapse: L,
+    setTheme: E,
+    setLayout: C,
+    toggleTabs: A,
+    toggleFooter: T,
+    toggleBreadcrumb: R,
+    setPrimaryColor: P,
+    addCachedView: M,
+    removeCachedView: k,
+    clearCachedViews: b,
+    initTheme: p
+  };
+}), Ue = "/vite.svg", Oe = (e, t, s) => {
+  const o = e[t];
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((l, d) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      d.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + t + (t.split("/").length !== s ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, pe = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => import("./index-pq9Z5K62.js"),
+    meta: {
+      title: "登录",
+      hidden: !0
+    }
+  },
+  {
+    path: "/404",
+    name: "NotFound",
+    component: () => import("./404-BOFYLq4X.js"),
+    meta: {
+      title: "404",
+      hidden: !0
+    }
+  },
+  {
+    path: "/403",
+    name: "Forbidden",
+    component: () => import("./403-MQkNUulz.js"),
+    meta: {
+      title: "403",
+      hidden: !0
+    }
+  }
+], ve = {
+  path: "/:pathMatch(.*)*",
+  redirect: "/404",
+  meta: {
+    hidden: !0
+  }
+}, _e = {
+  path: "/",
+  name: "Layout",
+  component: () => Promise.resolve().then(() => Nt),
+  redirect: "/dashboard",
+  children: [
+    {
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("./index-BvnIIBR1.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-CEvAq6KE.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-DPkqej__.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-BJxYdNPy.js"),
+      meta: {
+        title: "菜单管理",
+        icon: "menu",
+        keepAlive: !0
+      }
+    }
+  ]
+}, as = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-BvnIIBR1.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-CEvAq6KE.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-DPkqej__.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-BJxYdNPy.js"),
+        meta: {
+          title: "菜单管理",
+          icon: "menu",
+          keepAlive: !0
+        }
+      }
+    ]
+  }
+], Ne = [
+  {
+    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
+      }
+    ]
+  }
+], G = "token", ee = "refresh_token", te = "token_expire", se = () => h.get(G), Pe = (e) => {
+  h.set(G, e);
+}, rs = () => h.get(ee), Fe = (e) => {
+  h.set(ee, e);
+}, Ve = () => h.get(te), Be = (e) => {
+  h.set(te, e);
+}, ze = (e) => {
+  Pe(e.token), Fe(e.refreshToken), Be(e.expireTime);
+}, fe = () => {
+  h.remove(G), h.remove(ee), h.remove(te);
+}, je = () => {
+  const e = Ve();
+  return e ? Date.now() > e : !0;
+}, ge = () => !!se() && !je(), O = X("user", () => {
+  const e = _(h.get("userInfo")), t = _(h.get("roles") || []), s = _(h.get("permissions") || []), o = g(() => !!e.value), l = g(() => {
+    var u;
+    return ((u = e.value) == null ? void 0 : u.username) || "";
+  }), d = g(() => {
+    var u;
+    return ((u = e.value) == null ? void 0 : u.nickname) || "";
+  }), c = g(() => {
+    var u;
+    return ((u = e.value) == null ? void 0 : u.avatar) || "";
+  }), n = g(() => {
+    var u;
+    return (u = e.value) == null ? void 0 : u.id;
+  });
+  return {
+    userInfo: e,
+    roles: t,
+    permissions: s,
+    isLoggedIn: o,
+    username: l,
+    nickname: d,
+    avatar: c,
+    userId: n,
+    setUserInfo: (u) => {
+      e.value = u, t.value = u.roles || [], s.value = u.permissions || [], h.set("userInfo", u), h.set("roles", u.roles || []), h.set("permissions", u.permissions || []);
+    },
+    clearUserInfo: () => {
+      e.value = null, t.value = [], s.value = [], h.remove("userInfo"), h.remove("roles"), h.remove("permissions");
+    },
+    hasPermission: (u) => Array.isArray(u) ? u.some((L) => s.value.includes(L)) : s.value.includes(u),
+    hasRole: (u) => Array.isArray(u) ? u.some((L) => t.value.includes(L)) : t.value.includes(u)
+  };
+}), oe = de({
+  history: he(),
+  routes: [...pe, _e, ve],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), He = ["/login", "/404", "/403"];
+oe.beforeEach(async (e, t, s) => {
+  const o = J();
+  if (o.initTheme(), ge())
+    if (e.path === "/login")
+      s({ path: "/" });
+    else {
+      const l = O();
+      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()
+      }), ne().setMenuList(Ne)), e.name && e.meta.keepAlive && o.addCachedView(e.name), s();
+    }
+  else
+    He.includes(e.path) ? s() : s("/login");
+});
+function ls() {
+  const e = de({
+    history: he(),
+    routes: [...pe, _e, ve]
+  });
+  oe.matcher = e.matcher;
+}
+const ne = X("menu", () => {
+  const e = _(h.get("menuList") || []), t = g(() => e.value.length > 0), s = (c) => {
+    e.value = c, h.set("menuList", c);
+  }, o = () => {
+    e.value = [], h.remove("menuList");
+  }, l = (c) => c.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 = () => Oe(/* @__PURE__ */ Object.assign({}), `../views/${n.component}.vue`, 3)), n.children && n.children.length > 0 && (i.children = l(n.children)), i;
+  });
+  return {
+    menuList: e,
+    hasMenu: t,
+    setMenuList: s,
+    clearMenu: o,
+    generateRoutes: l,
+    addRoutes: (c) => {
+      l(c).forEach((i) => {
+        oe.addRoute("Layout", i);
+      });
+    }
+  };
+}), ye = X("auth", () => {
+  const e = _(se()), t = g(() => ge());
+  return {
+    token: e,
+    isLoggedIn: t,
+    login: (l) => {
+      e.value = l.token, ze(l);
+    },
+    logout: () => {
+      e.value = null, fe();
+    }
+  };
+}), Ke = { class: "sidebar" }, qe = { class: "sidebar__logo" }, We = { class: "sidebar__logo-text" }, Ye = {
+  key: 0,
+  class: "sidebar__search"
+}, Xe = {
+  key: 0,
+  class: "sidebar__search-results"
+}, Je = ["onClick"], Qe = { class: "menu-icon" }, Ze = { class: "sidebar__search-item-info" }, Ge = { class: "sidebar__search-item-title" }, et = {
+  key: 0,
+  class: "sidebar__search-item-parent"
+}, tt = { class: "menu-icon" }, st = { class: "menu-icon" }, ot = { class: "menu-icon" }, nt = {
+  key: 1,
+  class: "sidebar__user"
+}, at = { class: "sidebar__user-info" }, rt = { class: "sidebar__user-name" }, lt = { class: "sidebar__user-role" }, it = /* @__PURE__ */ Y({
+  __name: "Sidebar",
+  setup(e) {
+    const t = Q(), s = Z(), o = ne(), l = O(), d = ye(), c = J(), n = _(""), i = g(() => c.isCollapsed), m = g(() => t.path), S = g(() => c.isDark ? "#1d1e1f" : "#fff"), E = g(() => c.isDark ? "#cfd3dc" : "#303133"), u = g(() => "#409eff"), L = (k, b = "") => {
+      const p = [];
+      return k.forEach((r) => {
+        r.children && r.children.length > 0 ? p.push(...L(r.children, r.title)) : p.push({ ...r, parentTitle: b });
+      }), p;
+    }, C = g(() => n.value.trim() ? L(o.menuList).filter(
+      (b) => b.title.toLowerCase().includes(n.value.toLowerCase())
+    ) : []), A = g(() => n.value.trim() ? o.menuList.map((k) => {
+      if (k.children && k.children.length > 0) {
+        const b = k.children.filter(
+          (p) => p.title.toLowerCase().includes(n.value.toLowerCase())
+        );
+        return b.length > 0 ? { ...k, children: b } : null;
+      }
+      return k.title.toLowerCase().includes(n.value.toLowerCase()) ? k : null;
+    }).filter(Boolean) : o.menuList), T = (k) => {
+      k && k !== t.path && (s.push(k), n.value = "");
+    }, R = (k) => {
+      s.push(k), n.value = "";
+    }, P = () => {
+      d.logout(), l.clearUserInfo(), o.clearMenu(), s.push("/login");
+    }, M = (k) => ({
+      dashboard: "📊",
+      system: "⚙️",
+      user: "👤",
+      role: "👥",
+      menu: "📋",
+      setting: "🔧"
+    })[k || ""] || "📄";
+    return (k, b) => (v(), f("div", Ke, [
+      a("div", qe, [
+        b[1] || (b[1] = a("img", {
+          src: Ue,
+          alt: "Logo",
+          class: "sidebar__logo-img"
+        }, null, -1)),
+        be(a("span", We, "Xto Demo", 512), [
+          [we, !i.value]
+        ])
+      ]),
+      i.value ? U("", !0) : (v(), f("div", Ye, [
+        I(x(Ie), {
+          modelValue: n.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (p) => n.value = p),
+          placeholder: "搜索菜单...",
+          size: "small",
+          clearable: ""
+        }, null, 8, ["modelValue"]),
+        C.value.length > 0 ? (v(), f("div", Xe, [
+          (v(!0), f(N, null, j(C.value, (p) => (v(), f("div", {
+            key: p.path,
+            class: "sidebar__search-item",
+            onClick: (r) => R(p.path)
+          }, [
+            a("span", Qe, w(M(p.icon)), 1),
+            a("div", Ze, [
+              a("span", Ge, w(p.title), 1),
+              p.parentTitle ? (v(), f("span", et, w(p.parentTitle), 1)) : U("", !0)
+            ])
+          ], 8, Je))), 128))
+        ])) : U("", !0)
+      ])),
+      I(x(Le), {
+        "default-active": m.value,
+        collapse: i.value,
+        "collapse-transition": !1,
+        "background-color": S.value,
+        "text-color": E.value,
+        "active-text-color": u.value,
+        class: "sidebar__menu",
+        onSelect: T
+      }, {
+        default: $(() => [
+          (v(!0), f(N, null, j(A.value, (p) => (v(), f(N, {
+            key: p.path
+          }, [
+            p.children && p.children.length > 0 ? (v(), W(x(Ae), {
+              key: 0,
+              index: p.path
+            }, {
+              title: $(() => [
+                a("span", tt, w(M(p.icon)), 1),
+                a("span", null, w(p.title), 1)
+              ]),
+              default: $(() => [
+                (v(!0), f(N, null, j(p.children, (r) => (v(), W(x(le), {
+                  key: r.path,
+                  index: r.path
+                }, {
+                  default: $(() => [
+                    a("span", st, w(M(r.icon)), 1),
+                    a("span", null, w(r.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["index"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["index"])) : (v(), W(x(le), {
+              key: 1,
+              index: p.path
+            }, {
+              default: $(() => [
+                a("span", ot, w(M(p.icon)), 1),
+                a("span", null, w(p.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color"]),
+      i.value ? U("", !0) : (v(), f("div", nt, [
+        a("div", at, [
+          a("span", rt, w(x(l).nickname), 1),
+          a("span", lt, w(x(l).roles.join(", ")), 1)
+        ]),
+        I(x(Me), {
+          type: "text",
+          size: "small",
+          onClick: P
+        }, {
+          default: $(() => [...b[2] || (b[2] = [
+            ie("退出", -1)
+          ])]),
+          _: 1
+        })
+      ]))
+    ]));
+  }
+}), H = (e, t) => {
+  const s = e.__vccOpts || e;
+  for (const [o, l] of t)
+    s[o] = l;
+  return s;
+}, ct = /* @__PURE__ */ H(it, [["__scopeId", "data-v-69e6558d"]]), ut = { class: "header" }, dt = { class: "header__left" }, ht = { key: 0 }, mt = { key: 1 }, pt = { class: "header__breadcrumb" }, vt = { key: 0 }, _t = { class: "header__right" }, ft = ["title"], gt = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, yt = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, kt = { key: 0 }, bt = { key: 1 }, wt = { class: "header__avatar" }, St = { class: "header__user-name" }, Ct = {
+  key: 0,
+  class: "header__dropdown"
+}, xt = { class: "header__dropdown-header" }, Tt = { class: "header__dropdown-avatar" }, Et = { class: "header__dropdown-info" }, Lt = { class: "header__dropdown-name" }, At = { class: "header__dropdown-role" }, Rt = /* @__PURE__ */ Y({
+  __name: "Header",
+  setup(e) {
+    const t = Q(), s = Z(), o = J(), l = O(), d = ye(), c = ne(), n = g(() => o.isCollapsed), i = _(!1), m = _(null), S = _(!1), E = g(() => t.matched.filter((r) => r.meta && r.meta.title).map((r) => ({
+      title: r.meta.title,
+      path: r.path
+    }))), u = () => {
+      o.toggleCollapse();
+    }, L = () => {
+      o.toggleTheme();
+    }, C = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, A = () => {
+      S.value = !!document.fullscreenElement;
+    }, T = () => {
+      i.value = !i.value;
+    }, R = () => {
+      i.value = !1;
+    }, P = () => {
+      R(), alert("个人信息功能开发中...");
+    }, M = () => {
+      R(), alert("修改密码功能开发中...");
+    }, k = () => {
+      R(), d.logout(), l.clearUserInfo(), c.clearMenu(), s.push("/login");
+    }, b = (p) => {
+      m.value && !m.value.contains(p.target) && R();
+    };
+    return Se(() => {
+      document.addEventListener("click", b), document.addEventListener("fullscreenchange", A);
+    }), Ce(() => {
+      document.removeEventListener("click", b), document.removeEventListener("fullscreenchange", A);
+    }), (p, r) => {
+      var F;
+      return v(), f("div", ut, [
+        a("div", dt, [
+          a("div", {
+            class: "header__collapse",
+            onClick: u
+          }, [
+            n.value ? (v(), f("span", ht, "☰")) : (v(), f("span", mt, "☰"))
+          ]),
+          a("div", pt, [
+            (v(!0), f(N, null, j(E.value, (V, ae) => (v(), f("span", {
+              key: V.path
+            }, [
+              ae > 0 ? (v(), f("span", vt, " / ")) : U("", !0),
+              a("span", {
+                class: re({ "is-current": ae === E.value.length - 1 })
+              }, w(V.title), 3)
+            ]))), 128))
+          ])
+        ]),
+        a("div", _t, [
+          a("div", {
+            class: "header__action",
+            onClick: C,
+            title: S.value ? "Exit Fullscreen" : "Fullscreen"
+          }, [
+            S.value ? (v(), f("svg", gt, [...r[0] || (r[0] = [
+              a("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }, null, -1)
+            ])])) : (v(), f("svg", yt, [...r[1] || (r[1] = [
+              a("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }, null, -1)
+            ])]))
+          ], 8, ft),
+          a("div", {
+            class: "header__action",
+            onClick: L,
+            title: "切换主题"
+          }, [
+            x(o).isDark ? (v(), f("span", kt, "🌙")) : (v(), f("span", bt, "☀️"))
+          ]),
+          a("div", {
+            class: "header__user",
+            ref_key: "dropdownRef",
+            ref: m
+          }, [
+            a("div", {
+              class: "header__user-trigger",
+              onClick: ce(T, ["stop"])
+            }, [
+              a("div", wt, [
+                a("span", null, w(((F = x(l).nickname) == null ? void 0 : F.charAt(0)) || "U"), 1)
+              ]),
+              a("span", St, w(x(l).nickname), 1),
+              a("span", {
+                class: re(["header__user-arrow", { "is-active": i.value }])
+              }, "▼", 2)
+            ]),
+            I(xe, { name: "dropdown" }, {
+              default: $(() => {
+                var V;
+                return [
+                  i.value ? (v(), f("div", Ct, [
+                    a("div", xt, [
+                      a("div", Tt, [
+                        a("span", null, w(((V = x(l).nickname) == null ? void 0 : V.charAt(0)) || "U"), 1)
+                      ]),
+                      a("div", Et, [
+                        a("div", Lt, w(x(l).nickname), 1),
+                        a("div", At, w(x(l).roles.join(", ")), 1)
+                      ])
+                    ]),
+                    r[6] || (r[6] = a("div", { class: "header__dropdown-divider" }, null, -1)),
+                    a("div", { class: "header__dropdown-menu" }, [
+                      a("div", {
+                        class: "header__dropdown-item",
+                        onClick: P
+                      }, [...r[2] || (r[2] = [
+                        a("span", { class: "header__dropdown-icon" }, "👤", -1),
+                        a("span", null, "个人信息", -1)
+                      ])]),
+                      a("div", {
+                        class: "header__dropdown-item",
+                        onClick: M
+                      }, [...r[3] || (r[3] = [
+                        a("span", { class: "header__dropdown-icon" }, "🔐", -1),
+                        a("span", null, "修改密码", -1)
+                      ])]),
+                      r[5] || (r[5] = a("div", { class: "header__dropdown-divider" }, null, -1)),
+                      a("div", {
+                        class: "header__dropdown-item header__dropdown-item--danger",
+                        onClick: k
+                      }, [...r[4] || (r[4] = [
+                        a("span", { class: "header__dropdown-icon" }, "🚪", -1),
+                        a("span", null, "退出登录", -1)
+                      ])])
+                    ])
+                  ])) : U("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ])
+      ]);
+    };
+  }
+}), $t = /* @__PURE__ */ H(Rt, [["__scopeId", "data-v-a8667482"]]), Mt = { class: "layout" }, It = { class: "layout__main" }, Dt = { class: "layout__content" }, Ut = /* @__PURE__ */ Y({
+  __name: "index",
+  setup(e) {
+    const t = J(), s = g(
+      () => t.isCollapsed ? "64px" : "210px"
+    );
+    return (o, l) => {
+      const d = Te("router-view");
+      return v(), f("div", Mt, [
+        a("aside", {
+          class: "layout__aside",
+          style: Ee({ width: s.value })
+        }, [
+          I(ct)
+        ], 4),
+        a("div", It, [
+          I($t, { class: "layout__header" }),
+          a("main", Dt, [
+            I(d)
+          ])
+        ])
+      ]);
+    };
+  }
+}), Ot = /* @__PURE__ */ H(Ut, [["__scopeId", "data-v-1a24e6d0"]]), Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ot
+}, Symbol.toStringTag, { value: "Module" })), Pt = { class: "tabs-wrapper" }, Ft = { class: "tab-label" }, Vt = ["onClick"], Bt = /* @__PURE__ */ Y({
+  __name: "Tabs",
+  setup(e) {
+    const t = Q(), s = Z(), o = g(() => {
+      const n = [];
+      return t.matched.forEach((i) => {
+        var m;
+        (m = i.meta) != null && m.affix && n.push({
+          name: i.name,
+          title: i.meta.title,
+          path: i.path,
+          affix: !0
+        });
+      }), n;
+    }), l = g(() => t.path), d = (n) => {
+      s.push(n);
+    }, c = (n) => {
+      const i = o.value.find((m) => m.path === n);
+      if (!(i != null && i.affix) && n === l.value) {
+        const m = o.value.findIndex((E) => E.path === n), S = o.value[m - 1] || o.value[m + 1];
+        S && s.push(S.path);
+      }
+    };
+    return (n, i) => (v(), f("div", Pt, [
+      I(x(Re), {
+        modelValue: l.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (m) => l.value = m),
+        type: "card",
+        onTabClick: d
+      }, {
+        default: $(() => [
+          (v(!0), f(N, null, j(o.value, (m) => (v(), W(x($e), {
+            key: m.path,
+            name: m.path,
+            label: m.title,
+            closable: !m.affix
+          }, {
+            label: $(() => [
+              a("span", Ft, [
+                ie(w(m.title) + " ", 1),
+                m.affix ? U("", !0) : (v(), f("span", {
+                  key: 0,
+                  class: "tab-close",
+                  onClick: ce((S) => c(m.path), ["stop"])
+                }, " ✕ ", 8, Vt))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["name", "label", "closable"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}), is = /* @__PURE__ */ H(Bt, [["__scopeId", "data-v-bd3be691"]]), zt = {}, jt = { class: "footer" };
+function Ht(e, t) {
+  return v(), f("div", jt, [...t[0] || (t[0] = [
+    a("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const cs = /* @__PURE__ */ H(zt, [["render", Ht], ["__scopeId", "data-v-317ae311"]]);
+function us() {
+  const e = O(), t = (d) => {
+    const c = e.permissions;
+    return c.includes("*") ? !0 : Array.isArray(d) ? d.some((n) => c.includes(n)) : c.includes(d);
+  }, s = (d) => {
+    const c = e.roles;
+    return c.includes("admin") ? !0 : Array.isArray(d) ? d.some((n) => c.includes(n)) : c.includes(d);
+  }, o = g(() => e.roles.includes("admin")), l = g(() => e.isLoggedIn);
+  return {
+    hasPermission: t,
+    hasRole: s,
+    isAdmin: o,
+    isLoggedIn: l
+  };
+}
+function ds(e, t = {}) {
+  const { rules: s, onSubmit: o } = t, l = _(), d = ue({ ...e }), c = _(!1), n = _(!1), i = _(!1), m = () => {
+    u(), i.value = !1, n.value = !0;
+  }, S = (C) => {
+    Object.assign(d, C), i.value = !0, n.value = !0;
+  }, E = () => {
+    n.value = !1, u();
+  }, u = () => {
+    var C;
+    Object.keys(e).forEach((A) => {
+      d[A] = e[A];
+    }), (C = l.value) == null || C.resetFields();
+  };
+  return {
+    formRef: l,
+    formData: d,
+    rules: s,
+    loading: c,
+    visible: n,
+    isEdit: i,
+    openAdd: m,
+    openEdit: S,
+    close: E,
+    resetForm: u,
+    handleSubmit: async () => {
+      var C;
+      try {
+        await ((C = l.value) == null ? void 0 : C.validate()), c.value = !0, await (o == null ? void 0 : o(d)), E();
+      } catch (A) {
+        console.error(A);
+      } finally {
+        c.value = !1;
+      }
+    }
+  };
+}
+function hs(e) {
+  const { fetchData: t, defaultPageSize: s = 10 } = e, o = _(!1), l = _([]), d = _(0), c = _(1), n = _(s), i = ue({}), m = async () => {
+    o.value = !0;
+    try {
+      const T = {
+        ...i,
+        page: c.value,
+        pageSize: n.value
+      }, R = await t(T);
+      l.value = R.list, d.value = R.total;
+    } catch (T) {
+      console.error(T);
+    } finally {
+      o.value = !1;
+    }
+  }, S = () => {
+    c.value = 1, m();
+  }, E = () => {
+    Object.keys(i).forEach((T) => {
+      i[T] = void 0;
+    }), c.value = 1, m();
+  }, u = (T) => {
+    c.value = T, m();
+  }, L = (T) => {
+    n.value = T, c.value = 1, m();
+  }, C = () => {
+    m();
+  }, A = g(() => ({
+    current: c.value,
+    pageSize: n.value,
+    total: d.value
+  }));
+  return {
+    loading: o,
+    data: l,
+    total: d,
+    currentPage: c,
+    pageSize: n,
+    searchParams: i,
+    pagination: A,
+    getData: m,
+    handleSearch: S,
+    handleReset: E,
+    handlePageChange: u,
+    handleSizeChange: L,
+    refresh: C
+  };
+}
+function ms(e) {
+  const s = O().permissions;
+  return Array.isArray(e) ? e.some((o) => s.includes(o)) : s.includes(e);
+}
+function Kt(e) {
+  const s = O().roles;
+  return Array.isArray(e) ? e.some((o) => s.includes(o)) : s.includes(e);
+}
+function ps() {
+  return Kt("admin");
+}
+const qt = () => {
+  const e = De.create({
+    baseURL: void 0,
+    timeout: 15e3,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  return e.interceptors.request.use(
+    (t) => {
+      const s = se();
+      return s && (t.headers.Authorization = `Bearer ${s}`), t;
+    },
+    (t) => Promise.reject(t)
+  ), e.interceptors.response.use(
+    (t) => {
+      const { data: s } = t;
+      return s.code === 200 || s.code === 0 ? t : (D.error(s.message || "请求失败"), Promise.reject(new Error(s.message || "请求失败")));
+    },
+    (t) => {
+      var o;
+      const { response: s } = t;
+      if (s)
+        switch (s.status) {
+          case 401:
+            D.error("登录已过期，请重新登录"), fe(), window.location.href = "/login";
+            break;
+          case 403:
+            D.error("没有权限访问");
+            break;
+          case 404:
+            D.error("请求资源不存在");
+            break;
+          case 500:
+            D.error("服务器错误");
+            break;
+          default:
+            D.error(((o = s.data) == null ? void 0 : o.message) || "请求失败");
+        }
+      else
+        D.error("网络连接失败");
+      return Promise.reject(t);
+    }
+  ), e;
+}, z = qt(), y = {
+  get(e, t) {
+    return z.get(e, t).then((s) => s.data);
+  },
+  post(e, t, s) {
+    return z.post(e, t, s).then((o) => o.data);
+  },
+  put(e, t, s) {
+    return z.put(e, t, s).then((o) => o.data);
+  },
+  patch(e, t, s) {
+    return z.patch(e, t, s).then((o) => o.data);
+  },
+  delete(e, t) {
+    return z.delete(e, t).then((s) => s.data);
+  }
+};
+function vs(e) {
+  return y.post("/auth/login", e);
+}
+function _s() {
+  return y.post("/auth/logout");
+}
+function fs() {
+  return y.get("/user/info");
+}
+function gs(e) {
+  return y.post("/auth/refresh", { refreshToken: e });
+}
+function ys(e) {
+  return y.get("/role/list", { params: e });
+}
+function ks(e) {
+  return y.get(`/role/${e}`);
+}
+function bs(e) {
+  return y.post("/role", e);
+}
+function ws(e, t) {
+  return y.put(`/role/${e}`, t);
+}
+function Ss(e) {
+  return y.delete(`/role/${e}`);
+}
+function Cs(e, t) {
+  return y.patch(`/role/${e}/status`, { status: t });
+}
+function xs() {
+  return y.get("/menu/list");
+}
+function Ts() {
+  return y.get("/menu/tree");
+}
+function Es(e) {
+  return y.post("/menu", e);
+}
+function Ls(e, t) {
+  return y.put(`/menu/${e}`, t);
+}
+function As(e) {
+  return y.delete(`/menu/${e}`);
+}
+function Rs(e) {
+  return y.get("/user/list", { params: e });
+}
+function $s(e) {
+  return y.get(`/user/${e}`);
+}
+function Ms(e) {
+  return y.post("/user", e);
+}
+function Is(e, t) {
+  return y.put(`/user/${e}`, t);
+}
+function Ds(e) {
+  return y.delete(`/user/${e}`);
+}
+function Us(e) {
+  return y.post("/user/batch-delete", { ids: e });
+}
+function Os(e, t) {
+  return y.patch(`/user/${e}/status`, { status: t });
+}
+function Ns(e) {
+  return y.post(`/user/${e}/reset-password`);
+}
+var Wt = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(Wt || {}), Yt = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(Yt || {}), Xt = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(Xt || {});
+const Ps = {
+  1: "启用",
+  0: "禁用"
+}, Fs = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, Vs = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, Bs = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], zs = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], js = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], Hs = {
+  mounted(e, t) {
+    var c;
+    const s = O(), { value: o } = t;
+    if (!o) return;
+    const l = s.permissions;
+    let d = !1;
+    Array.isArray(o) ? d = o.some((n) => l.includes(n) || l.includes("*")) : d = l.includes(o) || l.includes("*"), d || (c = e.parentNode) == null || c.removeChild(e);
+  }
+};
+export {
+  Ns as $,
+  ys as A,
+  se as B,
+  Ve as C,
+  $s as D,
+  fs as E,
+  cs as F,
+  Yt as G,
+  $t as H,
+  Rs as I,
+  ms as J,
+  Kt as K,
+  ge as L,
+  Xt as M,
+  y as N,
+  ps as O,
+  je as P,
+  _e as Q,
+  h as R,
+  Wt as S,
+  is as T,
+  K as U,
+  vs as V,
+  _s as W,
+  Ne as X,
+  Hs as Y,
+  gs as Z,
+  Ue as _,
+  O as a,
+  ls as a0,
+  oe as a1,
+  ns as a2,
+  q as a3,
+  Fe as a4,
+  Pe as a5,
+  Be as a6,
+  ze as a7,
+  pe as a8,
+  Ls as a9,
+  ws as aa,
+  Cs as ab,
+  Is as ac,
+  Os as ad,
+  J as ae,
+  us as af,
+  ds as ag,
+  hs as ah,
+  ne as b,
+  H as c,
+  Bs as d,
+  js as e,
+  zs as f,
+  Fs as g,
+  Vs as h,
+  Ot as i,
+  ct as j,
+  Ps as k,
+  Us as l,
+  fe as m,
+  Es as n,
+  bs as o,
+  Ms as p,
+  as as q,
+  As as r,
+  Ss as s,
+  Ds as t,
+  ye as u,
+  ve as v,
+  xs as w,
+  Ts as x,
+  rs as y,
+  ks as z
+};