xto-fronted 0.2.7 → 0.2.8

package/dist/index-DEbpF-M4.js

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