xto-fronted 0.4.5 → 0.4.7

package/dist/index-DEbpF-M4.js

@@ -1,1457 +0,0 @@
-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
-};