xto-fronted 0.2.6 → 0.2.7

package/dist/index-CpxpXTQX.js

@@ -0,0 +1,1462 @@
+import { ref as m, computed as b, watch as Ie, defineComponent as B, openBlock as v, createElementBlock as f, createElementVNode as n, withDirectives as Ae, vShow as Le, createVNode as I, unref as g, Fragment as z, renderList as X, toDisplayString as L, createCommentVNode as V, withCtx as $, createBlock as ee, createTextVNode as F, onMounted as $e, onUnmounted as Ee, normalizeClass as _e, withModifiers as ge, Transition as Re, resolveComponent as Me, normalizeStyle as Pe, reactive as re, withKeys as Ue } from "vue";
+import { defineStore as te } from "pinia";
+import { createRouter as le, createWebHistory as ie, useRoute as ce, useRouter as j } from "vue-router";
+import { Menu as De, SubMenu as Oe, MenuItem as fe, Tabs as Ne, TabPane as Ve } from "@xto/navigation";
+import { Button as se } from "@xto/base";
+import { Input as ae, Form as Be, FormItem as Q, Checkbox as ze } from "@xto/form";
+import { Message as U } 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 r = typeof t == "string" ? t : JSON.stringify(t);
+    e.setItem(K + s, r);
+  },
+  remove(s) {
+    e.removeItem(K + s);
+  },
+  clear() {
+    Object.keys(e).forEach((t) => {
+      t.startsWith(K) && e.removeItem(t);
+    });
+  }
+}), Z = ye(window.localStorage), G = ye(window.sessionStorage), p = {
+  get: Z.get,
+  set: Z.set,
+  remove: Z.remove,
+  clear: Z.clear
+}, Cs = {
+  get: G.get,
+  set: G.set,
+  remove: G.remove,
+  clear: G.clear
+}, W = te("app", () => {
+  const e = m(p.get("appName") || "XTO App"), s = m(p.get("indexPath") || "/dashboard"), t = m(p.get("isDark") || !1), r = m(p.get("theme") || "light"), a = m(p.get("layout") || "sidebar"), c = m(p.get("isCollapsed") || !1), i = m(p.get("showTabs") ?? !0), o = m(p.get("showFooter") ?? !0), u = m(p.get("showBreadcrumb") ?? !0), d = m(p.get("primaryColor") || "#409eff"), y = m([]), x = b(() => t.value ? "dark" : "light"), l = (k) => {
+    e.value = k, p.set("appName", k);
+  }, C = (k) => {
+    s.value = k, p.set("indexPath", k);
+  }, E = () => {
+    t.value = !t.value, r.value = t.value ? "dark" : "light", A();
+  }, R = (k) => {
+    r.value = k, t.value = k === "dark", A();
+  }, A = () => {
+    const k = document.documentElement;
+    t.value ? k.classList.add("dark") : k.classList.remove("dark"), p.set("isDark", t.value), p.set("theme", r.value);
+  }, M = () => {
+    c.value = !c.value, p.set("isCollapsed", c.value);
+  }, H = (k) => {
+    a.value = k, p.set("layout", k);
+  }, P = () => {
+    i.value = !i.value, p.set("showTabs", i.value);
+  }, S = () => {
+    o.value = !o.value, p.set("showFooter", o.value);
+  }, T = () => {
+    u.value = !u.value, p.set("showBreadcrumb", u.value);
+  }, _ = (k) => {
+    d.value = k, document.documentElement.style.setProperty("--color-primary", k), p.set("primaryColor", k);
+  }, h = (k) => {
+    y.value.includes(k) || y.value.push(k);
+  }, Y = (k) => {
+    const ve = y.value.indexOf(k);
+    ve > -1 && y.value.splice(ve, 1);
+  }, N = () => {
+    y.value = [];
+  }, J = () => {
+    A(), d.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", d.value);
+  };
+  return Ie(t, A), {
+    appName: e,
+    indexPath: s,
+    isDark: t,
+    theme: r,
+    layout: a,
+    isCollapsed: c,
+    showTabs: i,
+    showFooter: o,
+    showBreadcrumb: u,
+    primaryColor: d,
+    cachedViews: y,
+    themeClass: x,
+    setAppName: l,
+    setIndexPath: C,
+    toggleTheme: E,
+    toggleCollapse: M,
+    setTheme: R,
+    setLayout: H,
+    toggleTabs: P,
+    toggleFooter: S,
+    toggleBreadcrumb: T,
+    setPrimaryColor: _,
+    addCachedView: h,
+    removeCachedView: Y,
+    clearCachedViews: N,
+    initTheme: J
+  };
+}), ke = "/vite.svg", je = (e, s, t) => {
+  const r = e[s];
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((a, 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(() => rs),
+    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-DYnXaqYf.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-CWRs4WMN.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-Cu3Z2-PY.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-DPEVEyik.js"),
+      meta: {
+        title: "菜单管理",
+        icon: "menu",
+        keepAlive: !0
+      }
+    }
+  ]
+}, Ts = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-DYnXaqYf.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-CWRs4WMN.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-Cu3Z2-PY.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-DPEVEyik.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
+      }
+    ]
+  }
+], ue = "token", de = "refresh_token", pe = "token_expire", me = () => p.get(ue), Ke = (e) => {
+  p.set(ue, e);
+}, Is = () => p.get(de), qe = (e) => {
+  p.set(de, e);
+}, Xe = () => p.get(pe), We = (e) => {
+  p.set(pe, e);
+}, Ye = (e) => {
+  Ke(e.token), qe(e.refreshToken), We(e.expireTime);
+}, xe = () => {
+  p.remove(ue), p.remove(de), p.remove(pe);
+}, Je = () => {
+  const e = Xe();
+  return e ? Date.now() > e : !0;
+}, Ce = () => !!me() && !Je(), D = te("user", () => {
+  const e = m(p.get("userInfo")), s = m(p.get("roles") || []), t = m(p.get("permissions") || []), r = b(() => !!e.value), a = 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: r,
+    username: a,
+    nickname: c,
+    avatar: i,
+    userId: o,
+    setUserInfo: (l) => {
+      e.value = l, s.value = l.roles || [], t.value = l.permissions || [], p.set("userInfo", l), p.set("roles", l.roles || []), p.set("permissions", l.permissions || []);
+    },
+    clearUserInfo: () => {
+      e.value = null, s.value = [], t.value = [], p.remove("userInfo"), p.remove("roles"), p.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)
+  };
+}), he = le({
+  history: ie(),
+  routes: [...be, Se, we],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), Qe = ["/login", "/404", "/403"];
+he.beforeEach(async (e, s, t) => {
+  const r = W();
+  if (r.initTheme(), Ce())
+    if (e.path === "/login")
+      t({ path: "/" });
+    else {
+      const a = D();
+      a.isLoggedIn || (a.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 && r.addCachedView(e.name), t();
+    }
+  else
+    Qe.includes(e.path) ? t() : t("/login");
+});
+function As() {
+  const e = le({
+    history: ie(),
+    routes: [...be, Se, we]
+  });
+  he.matcher = e.matcher;
+}
+const oe = te("menu", () => {
+  const e = m(p.get("menuList") || []), s = b(() => e.value.length > 0), t = (i) => {
+    e.value = i, p.set("menuList", i);
+  }, r = () => {
+    e.value = [], p.remove("menuList");
+  }, a = (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 = a(o.children)), u;
+  });
+  return {
+    menuList: e,
+    hasMenu: s,
+    setMenuList: t,
+    clearMenu: r,
+    generateRoutes: a,
+    addRoutes: (i) => {
+      a(i).forEach((u) => {
+        he.addRoute("Layout", u);
+      });
+    }
+  };
+}), ne = te("auth", () => {
+  const e = m(me()), s = b(() => Ce()), t = m(""), r = m(""), a = m(""), c = m("/login");
+  return {
+    token: e,
+    isLoggedIn: s,
+    baseUrl: t,
+    appId: r,
+    clientId: a,
+    loginPath: c,
+    login: (l) => {
+      e.value = l.token, Ye(l);
+    },
+    logout: () => {
+      e.value = null, xe();
+    },
+    setBaseUrl: (l) => {
+      t.value = l;
+    },
+    setAppId: (l) => {
+      r.value = l;
+    },
+    setClientId: (l) => {
+      a.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" }, at = { class: "sidebar__search-item-info" }, rt = { 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"
+}, pt = { class: "sidebar__user-info" }, mt = { class: "sidebar__user-name" }, ht = { class: "sidebar__user-role" }, vt = /* @__PURE__ */ B({
+  __name: "Sidebar",
+  setup(e) {
+    const s = ce(), t = j(), r = oe(), a = D(), c = ne(), i = W(), o = m(""), 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 });
+      }), _;
+    }, E = b(() => o.value.trim() ? C(r.menuList).filter(
+      (T) => T.title.toLowerCase().includes(o.value.toLowerCase())
+    ) : []), R = b(() => o.value.trim() ? r.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) : r.menuList), A = (S) => {
+      S && S !== s.path && (t.push(S), o.value = "");
+    }, M = (S) => {
+      t.push(S), o.value = "";
+    }, H = () => {
+      c.logout(), a.clearUserInfo(), r.clearMenu(), t.push("/login");
+    }, P = (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)),
+        Ae(n("span", et, "Xto Demo", 512), [
+          [Le, !u.value]
+        ])
+      ]),
+      u.value ? V("", !0) : (v(), f("div", tt, [
+        I(g(ae), {
+          modelValue: o.value,
+          "onUpdate:modelValue": T[0] || (T[0] = (_) => o.value = _),
+          placeholder: "搜索菜单...",
+          size: "small",
+          clearable: ""
+        }, null, 8, ["modelValue"]),
+        E.value.length > 0 ? (v(), f("div", st, [
+          (v(!0), f(z, null, X(E.value, (_) => (v(), f("div", {
+            key: _.path,
+            class: "sidebar__search-item",
+            onClick: (h) => M(_.path)
+          }, [
+            n("span", nt, L(P(_.icon)), 1),
+            n("div", at, [
+              n("span", rt, L(_.title), 1),
+              _.parentTitle ? (v(), f("span", lt, L(_.parentTitle), 1)) : V("", !0)
+            ])
+          ], 8, ot))), 128))
+        ])) : V("", !0)
+      ])),
+      I(g(De), {
+        "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: A
+      }, {
+        default: $(() => [
+          (v(!0), f(z, null, X(R.value, (_) => (v(), f(z, {
+            key: _.path
+          }, [
+            _.children && _.children.length > 0 ? (v(), ee(g(Oe), {
+              key: 0,
+              index: _.path
+            }, {
+              title: $(() => [
+                n("span", it, L(P(_.icon)), 1),
+                n("span", null, L(_.title), 1)
+              ]),
+              default: $(() => [
+                (v(!0), f(z, null, X(_.children, (h) => (v(), ee(g(fe), {
+                  key: h.path,
+                  index: h.path
+                }, {
+                  default: $(() => [
+                    n("span", ct, L(P(h.icon)), 1),
+                    n("span", null, L(h.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["index"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["index"])) : (v(), ee(g(fe), {
+              key: 1,
+              index: _.path
+            }, {
+              default: $(() => [
+                n("span", ut, L(P(_.icon)), 1),
+                n("span", null, L(_.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color"]),
+      u.value ? V("", !0) : (v(), f("div", dt, [
+        n("div", pt, [
+          n("span", mt, L(g(a).nickname), 1),
+          n("span", ht, L(g(a).roles.join(", ")), 1)
+        ]),
+        I(g(se), {
+          type: "text",
+          size: "small",
+          onClick: H
+        }, {
+          default: $(() => [...T[2] || (T[2] = [
+            F("退出", -1)
+          ])]),
+          _: 1
+        })
+      ]))
+    ]));
+  }
+}), O = (e, s) => {
+  const t = e.__vccOpts || e;
+  for (const [r, a] of s)
+    t[r] = a;
+  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"
+}, It = { key: 0 }, At = { key: 1 }, Lt = { class: "header__avatar" }, $t = { class: "header__user-name" }, Et = {
+  key: 0,
+  class: "header__dropdown"
+}, Rt = { class: "header__dropdown-header" }, Mt = { class: "header__dropdown-avatar" }, Pt = { class: "header__dropdown-info" }, Ut = { class: "header__dropdown-name" }, Dt = { class: "header__dropdown-role" }, Ot = /* @__PURE__ */ B({
+  __name: "Header",
+  setup(e) {
+    const s = ce(), t = j(), r = W(), a = D(), c = ne(), i = oe(), o = b(() => r.isCollapsed), u = m(!1), d = m(null), y = m(!1), x = b(() => s.matched.filter((h) => h.meta && h.meta.title).map((h) => ({
+      title: h.meta.title,
+      path: h.path
+    }))), l = () => {
+      r.toggleCollapse();
+    }, C = () => {
+      r.toggleTheme();
+    }, E = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, R = () => {
+      y.value = !!document.fullscreenElement;
+    }, A = () => {
+      u.value = !u.value;
+    }, M = () => {
+      u.value = !1;
+    }, H = () => {
+      M(), alert("个人信息功能开发中...");
+    }, P = () => {
+      M(), alert("修改密码功能开发中...");
+    }, S = () => {
+      M(), c.logout(), a.clearUserInfo(), i.clearMenu(), t.push("/login");
+    }, T = (_) => {
+      d.value && !d.value.contains(_.target) && M();
+    };
+    return $e(() => {
+      document.addEventListener("click", T), document.addEventListener("fullscreenchange", R);
+    }), Ee(() => {
+      document.removeEventListener("click", T), document.removeEventListener("fullscreenchange", R);
+    }), (_, h) => {
+      var Y;
+      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(z, null, X(x.value, (N, J) => (v(), f("span", {
+              key: N.path
+            }, [
+              J > 0 ? (v(), f("span", wt, " / ")) : V("", !0),
+              n("span", {
+                class: _e({ "is-current": J === x.value.length - 1 })
+              }, L(N.title), 3)
+            ]))), 128))
+          ])
+        ]),
+        n("div", St, [
+          n("div", {
+            class: "header__action",
+            onClick: E,
+            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(r).isDark ? (v(), f("span", It, "🌙")) : (v(), f("span", At, "☀️"))
+          ]),
+          n("div", {
+            class: "header__user",
+            ref_key: "dropdownRef",
+            ref: d
+          }, [
+            n("div", {
+              class: "header__user-trigger",
+              onClick: ge(A, ["stop"])
+            }, [
+              n("div", Lt, [
+                n("span", null, L(((Y = g(a).nickname) == null ? void 0 : Y.charAt(0)) || "U"), 1)
+              ]),
+              n("span", $t, L(g(a).nickname), 1),
+              n("span", {
+                class: _e(["header__user-arrow", { "is-active": u.value }])
+              }, "▼", 2)
+            ]),
+            I(Re, { name: "dropdown" }, {
+              default: $(() => {
+                var N;
+                return [
+                  u.value ? (v(), f("div", Et, [
+                    n("div", Rt, [
+                      n("div", Mt, [
+                        n("span", null, L(((N = g(a).nickname) == null ? void 0 : N.charAt(0)) || "U"), 1)
+                      ]),
+                      n("div", Pt, [
+                        n("div", Ut, L(g(a).nickname), 1),
+                        n("div", Dt, L(g(a).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: P
+                      }, [...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)
+                      ])])
+                    ])
+                  ])) : V("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ], 512)
+        ])
+      ]);
+    };
+  }
+}), Nt = /* @__PURE__ */ O(Ot, [["__scopeId", "data-v-7af82b67"]]), Vt = { class: "layout" }, Bt = { class: "layout__main" }, zt = { class: "layout__content" }, Ft = /* @__PURE__ */ B({
+  __name: "index",
+  setup(e) {
+    const s = W(), t = b(
+      () => s.isCollapsed ? "64px" : "210px"
+    );
+    return (r, a) => {
+      const c = Me("router-view");
+      return v(), f("div", Vt, [
+        n("aside", {
+          class: "layout__aside",
+          style: Pe({ width: t.value })
+        }, [
+          I(_t)
+        ], 4),
+        n("div", Bt, [
+          I(Nt, { class: "layout__header" }),
+          n("main", zt, [
+            I(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"], Xt = /* @__PURE__ */ B({
+  __name: "Tabs",
+  setup(e) {
+    const s = ce(), t = j(), r = 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;
+    }), a = b(() => s.path), c = (o) => {
+      t.push(o);
+    }, i = (o) => {
+      const u = r.value.find((d) => d.path === o);
+      if (!(u != null && u.affix) && o === a.value) {
+        const d = r.value.findIndex((x) => x.path === o), y = r.value[d - 1] || r.value[d + 1];
+        y && t.push(y.path);
+      }
+    };
+    return (o, u) => (v(), f("div", Ht, [
+      I(g(Ne), {
+        modelValue: a.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (d) => a.value = d),
+        type: "card",
+        onTabClick: c
+      }, {
+        default: $(() => [
+          (v(!0), f(z, null, X(r.value, (d) => (v(), ee(g(Ve), {
+            key: d.path,
+            name: d.path,
+            label: d.title,
+            closable: !d.affix
+          }, {
+            label: $(() => [
+              n("span", Kt, [
+                F(L(d.title) + " ", 1),
+                d.affix ? V("", !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"])
+    ]));
+  }
+}), Ls = /* @__PURE__ */ O(Xt, [["__scopeId", "data-v-9156d8cd"]]), Wt = {}, 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 $s = /* @__PURE__ */ O(Wt, [["render", Jt], ["__scopeId", "data-v-4852826a"]]), Qt = { class: "login" }, Zt = { class: "login__container" }, Gt = /* @__PURE__ */ B({
+  __name: "index",
+  setup(e) {
+    const s = j(), t = ne(), r = D(), a = oe(), c = m(!1), i = m(!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 = m(), 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
+          }), r.setUserInfo({
+            id: 1,
+            username: o.username,
+            nickname: "管理员",
+            avatar: "",
+            email: "admin@example.com",
+            phone: "13800138000",
+            status: 1,
+            roles: ["admin"],
+            permissions: ["*"],
+            createTime: (/* @__PURE__ */ new Date()).toISOString()
+          }), a.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
+                }
+              ]
+            }
+          ]), U.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)),
+        I(g(Be), {
+          ref_key: "formRef",
+          ref: d,
+          model: o,
+          rules: u,
+          class: "login__form",
+          "label-width": "0"
+        }, {
+          default: $(() => [
+            I(g(Q), { prop: "username" }, {
+              default: $(() => [
+                I(g(ae), {
+                  modelValue: o.username,
+                  "onUpdate:modelValue": l[0] || (l[0] = (C) => o.username = C),
+                  placeholder: "用户名",
+                  "prefix-icon": "👤",
+                  size: "large"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            I(g(Q), { prop: "password" }, {
+              default: $(() => [
+                I(g(ae), {
+                  modelValue: o.password,
+                  "onUpdate:modelValue": l[1] || (l[1] = (C) => o.password = C),
+                  type: "password",
+                  placeholder: "密码",
+                  "prefix-icon": "🔒",
+                  size: "large",
+                  "show-password": "",
+                  onKeyup: Ue(y, ["enter"])
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            I(g(Q), null, {
+              default: $(() => [
+                I(g(ze), {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": l[2] || (l[2] = (C) => i.value = C)
+                }, {
+                  default: $(() => [...l[3] || (l[3] = [
+                    F("记住我", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            I(g(Q), null, {
+              default: $(() => [
+                I(g(se), {
+                  type: "primary",
+                  size: "large",
+                  loading: c.value,
+                  class: "login__submit",
+                  onClick: y
+                }, {
+                  default: $(() => [...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__ */ B({
+  __name: "404",
+  setup(e) {
+    const s = j(), t = () => {
+      s.push("/");
+    };
+    return (r, a) => (v(), f("div", ss, [
+      n("div", os, [
+        a[1] || (a[1] = n("div", { class: "error-page__code" }, "404", -1)),
+        a[2] || (a[2] = n("div", { class: "error-page__title" }, "页面不存在", -1)),
+        a[3] || (a[3] = n("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
+        I(g(se), {
+          type: "primary",
+          onClick: t
+        }, {
+          default: $(() => [...a[0] || (a[0] = [
+            F("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), as = /* @__PURE__ */ O(ns, [["__scopeId", "data-v-c3c12c24"]]), rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: as
+}, Symbol.toStringTag, { value: "Module" })), ls = { class: "error-page" }, is = { class: "error-page__content" }, cs = /* @__PURE__ */ B({
+  __name: "403",
+  setup(e) {
+    const s = j(), t = () => {
+      s.push("/");
+    };
+    return (r, a) => (v(), f("div", ls, [
+      n("div", is, [
+        a[1] || (a[1] = n("div", { class: "error-page__code" }, "403", -1)),
+        a[2] || (a[2] = n("div", { class: "error-page__title" }, "无访问权限", -1)),
+        a[3] || (a[3] = n("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
+        I(g(se), {
+          type: "primary",
+          onClick: t
+        }, {
+          default: $(() => [...a[0] || (a[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 Es() {
+  const e = D(), 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);
+  }, r = b(() => e.roles.includes("admin")), a = b(() => e.isLoggedIn);
+  return {
+    hasPermission: s,
+    hasRole: t,
+    isAdmin: r,
+    isLoggedIn: a
+  };
+}
+function Rs(e, s = {}) {
+  const { rules: t, onSubmit: r } = s, a = m(), c = re({ ...e }), i = m(!1), o = m(!1), u = m(!1), d = () => {
+    l(), u.value = !1, o.value = !0;
+  }, y = (E) => {
+    Object.assign(c, E), u.value = !0, o.value = !0;
+  }, x = () => {
+    o.value = !1, l();
+  }, l = () => {
+    var E;
+    Object.keys(e).forEach((R) => {
+      c[R] = e[R];
+    }), (E = a.value) == null || E.resetFields();
+  };
+  return {
+    formRef: a,
+    formData: c,
+    rules: t,
+    loading: i,
+    visible: o,
+    isEdit: u,
+    openAdd: d,
+    openEdit: y,
+    close: x,
+    resetForm: l,
+    handleSubmit: async () => {
+      var E;
+      try {
+        await ((E = a.value) == null ? void 0 : E.validate()), i.value = !0, await (r == null ? void 0 : r(c)), x();
+      } catch (R) {
+        console.error(R);
+      } finally {
+        i.value = !1;
+      }
+    }
+  };
+}
+function Ms(e) {
+  const { fetchData: s, defaultPageSize: t = 10 } = e, r = m(!1), a = m([]), c = m(0), i = m(1), o = m(t), u = re({}), d = async () => {
+    r.value = !0;
+    try {
+      const A = {
+        ...u,
+        page: i.value,
+        pageSize: o.value
+      }, M = await s(A);
+      a.value = M.list, c.value = M.total;
+    } catch (A) {
+      console.error(A);
+    } finally {
+      r.value = !1;
+    }
+  }, y = () => {
+    i.value = 1, d();
+  }, x = () => {
+    Object.keys(u).forEach((A) => {
+      u[A] = void 0;
+    }), i.value = 1, d();
+  }, l = (A) => {
+    i.value = A, d();
+  }, C = (A) => {
+    o.value = A, i.value = 1, d();
+  }, E = () => {
+    d();
+  }, R = b(() => ({
+    current: i.value,
+    pageSize: o.value,
+    total: c.value
+  }));
+  return {
+    loading: r,
+    data: a,
+    total: c,
+    currentPage: i,
+    pageSize: o,
+    searchParams: u,
+    pagination: R,
+    getData: d,
+    handleSearch: y,
+    handleReset: x,
+    handlePageChange: l,
+    handleSizeChange: C,
+    refresh: E
+  };
+}
+function Ps(e) {
+  const t = D().permissions;
+  return Array.isArray(e) ? e.some((r) => t.includes(r)) : t.includes(e);
+}
+function ps(e) {
+  const t = D().roles;
+  return Array.isArray(e) ? e.some((r) => t.includes(r)) : t.includes(e);
+}
+function Us() {
+  return ps("admin");
+}
+const ms = () => {
+  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 : (U.error(t.message || "请求失败"), Promise.reject(new Error(t.message || "请求失败")));
+    },
+    (s) => {
+      var r;
+      const { response: t } = s;
+      if (t)
+        switch (t.status) {
+          case 401:
+            U.error("登录已过期，请重新登录"), xe(), window.location.href = "/login";
+            break;
+          case 403:
+            U.error("没有权限访问");
+            break;
+          case 404:
+            U.error("请求资源不存在");
+            break;
+          case 500:
+            U.error("服务器错误");
+            break;
+          default:
+            U.error(((r = t.data) == null ? void 0 : r.message) || "请求失败");
+        }
+      else
+        U.error("网络连接失败");
+      return Promise.reject(s);
+    }
+  ), e;
+}, q = ms(), 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 Ds(e, s = {}) {
+  const t = s.indexPath || "/dashboard";
+  return {
+    path: "/",
+    name: "Layout",
+    component: Te,
+    redirect: t,
+    children: e
+  };
+}
+function Os(e) {
+  return le({
+    history: ie(),
+    routes: e,
+    scrollBehavior: () => ({ left: 0, top: 0 })
+  });
+}
+function Ns(e) {
+  return w.post("/auth/login", e);
+}
+function Vs() {
+  return w.post("/auth/logout");
+}
+function Bs() {
+  return w.get("/user/info");
+}
+function zs(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 Xs(e, s) {
+  return w.patch(`/role/${e}/status`, { status: s });
+}
+function Ws() {
+  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 ao(e, s) {
+  return w.patch(`/user/${e}/status`, { status: s });
+}
+function ro(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 */
+  }
+], po = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], mo = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], ho = {
+  mounted(e, s) {
+    var i;
+    const t = D(), { value: r } = s;
+    if (!r) return;
+    const a = t.permissions;
+    let c = !1;
+    Array.isArray(r) ? c = r.some((o) => a.includes(o) || a.includes("*")) : c = a.includes(r) || a.includes("*"), c || (i = e.parentNode) == null || i.removeChild(e);
+  }
+};
+function vo(e = {}) {
+  const s = W(), t = ne();
+  e.appName && s.setAppName(e.appName), e.baseUrl && t.setBaseUrl(e.baseUrl), e.appId && t.setAppId(e.appId), e.clientId && t.setClientId(e.clientId), e.indexPath && s.setIndexPath(e.indexPath), e.loginPath && t.setLoginPath(e.loginPath);
+}
+export {
+  ho as $,
+  js as A,
+  Fs as B,
+  me as C,
+  Xe as D,
+  eo as E,
+  $s as F,
+  vs as G,
+  Nt as H,
+  Bs as I,
+  Gs as J,
+  Ps as K,
+  Te as L,
+  _s as M,
+  ps as N,
+  Ce as O,
+  w as P,
+  Us as Q,
+  Je as R,
+  hs as S,
+  Ls as T,
+  Se as U,
+  p as V,
+  Z as W,
+  Ns as X,
+  Vs as Y,
+  He as Z,
+  O as _,
+  uo as a,
+  zs as a0,
+  ro as a1,
+  As as a2,
+  he as a3,
+  Cs as a4,
+  G as a5,
+  qe as a6,
+  Ke as a7,
+  We as a8,
+  Ye as a9,
+  be as aa,
+  Qs as ab,
+  Ks as ac,
+  Xs as ad,
+  so as ae,
+  ao as af,
+  W as ag,
+  Es as ah,
+  ne as ai,
+  Rs as aj,
+  oe as ak,
+  Ms as al,
+  D as am,
+  mo as b,
+  us as c,
+  po as d,
+  io as e,
+  co as f,
+  as as g,
+  _t as h,
+  es as i,
+  lo as j,
+  no as k,
+  xe as l,
+  Ds as m,
+  Js as n,
+  Hs as o,
+  Os as p,
+  to as q,
+  vo as r,
+  Ts as s,
+  Zs as t,
+  qs as u,
+  oo as v,
+  we as w,
+  Ws as x,
+  Ys as y,
+  Is as z
+};