xto-fronted 0.1.6 → 0.1.8

package/dist/index.es.js

@@ -1,57 +1,1274 @@
-import { F as a, G as t, b as o, c as r, H as n, i as u, M as i, d as p, e as g, S as l, f as T, g as S, h as d, T as c, j as f, k as y, l as U, m, n as M, o as h, p as k, q as A, r as I, s as R, t as x, v as C, w as b, x as D, y as G, z as L, A as O, B as F, C as v, D as B, E as H, I as P, J as j, K as q, L as w, N as z, O as E, P as J, Q as K, R as N, U as Q, u as V, V as W, W as X, X as Y, Y as Z, Z as $, $ as _, a0 as ss, a1 as es } from "./index-BqRv1bdN.js";
+import ye from "axios";
+import { Message as R } from "@xto/feedback";
+import { ref as w, computed as b, watch as we, reactive as ae, defineComponent as D, openBlock as k, createElementBlock as L, createElementVNode as c, withDirectives as be, toDisplayString as x, unref as _, vShow as Ce, createVNode as T, isRef as ke, Fragment as q, renderList as se, createCommentVNode as V, withCtx as E, createBlock as ne, createTextVNode as X, onMounted as Ie, onUnmounted as Le, withModifiers as Se, normalizeClass as $e, Transition as xe, resolveComponent as Te, normalizeStyle as Ee, withKeys as Ue } from "vue";
+import { defineStore as J } from "pinia";
+import { useRouter as Q, useRoute as ue, createRouter as de, createWebHistory as he } from "vue-router";
+import { Menu as Ne, SubMenu as Pe, MenuItem as ie } from "@xto/navigation";
+import { Button as Z } from "@xto/base";
+import { Input as re, Form as Re, FormItem as oe } from "@xto/form";
+const Me = {
+  appName: "XTO App",
+  baseUrl: "",
+  appId: "",
+  clientId: "",
+  indexPath: "/dashboard",
+  loginPath: "/login"
+};
+let F = { ...Me };
+function Ae(e) {
+  F = { ...F, ...e };
+}
+function P() {
+  return F;
+}
+function ds(e) {
+  return F[e];
+}
+const H = () => `tooyu-cloud:${F.appId}:`, pe = (e) => ({
+  get(s) {
+    const t = H(), n = e.getItem(t + s);
+    if (!n) return null;
+    try {
+      return JSON.parse(n);
+    } catch {
+      return n;
+    }
+  },
+  set(s, t) {
+    const n = H();
+    if (t == null) {
+      e.removeItem(n + s);
+      return;
+    }
+    const o = typeof t == "string" ? t : JSON.stringify(t);
+    e.setItem(n + s, o);
+  },
+  remove(s) {
+    const t = H();
+    e.removeItem(t + s);
+  },
+  clear() {
+    const s = H();
+    Object.keys(e).forEach((n) => {
+      n.startsWith(s) && e.removeItem(n);
+    });
+  }
+}), W = pe(window.localStorage), j = pe(window.sessionStorage), g = {
+  get: W.get,
+  set: W.set,
+  remove: W.remove,
+  clear: W.clear
+}, hs = {
+  get: j.get,
+  set: j.set,
+  remove: j.remove,
+  clear: j.clear
+}, le = "login_info", G = "user_info", O = () => g.get(le), Be = (e) => {
+  const s = {
+    accessToken: e.access_token,
+    refreshToken: e.refresh_token,
+    expiresTime: e.expires_time,
+    refreshTime: e.refresh_time,
+    tokenType: e.token_type,
+    code: e.code
+  };
+  g.set(le, s);
+}, _e = () => {
+  const e = O();
+  return (e == null ? void 0 : e.accessToken) || null;
+}, Fe = () => {
+  const e = O();
+  return (e == null ? void 0 : e.tokenType) || "Bearer";
+}, ps = () => {
+  const e = O();
+  return (e == null ? void 0 : e.code) || null;
+}, me = () => {
+  g.remove(le), g.remove(G);
+}, fe = () => !!_e(), _s = (e) => {
+  g.set(G, e);
+}, ms = () => g.get(G), fs = () => {
+  g.remove(G);
+}, De = () => {
+  const e = P(), s = ye.create({
+    baseURL: e.baseUrl,
+    timeout: 15e3,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  return s.interceptors.request.use(
+    (t) => {
+      const n = _e();
+      if (n) {
+        const o = Fe();
+        t.headers.Authorization = `${o} ${n}`;
+      }
+      return t;
+    },
+    (t) => Promise.reject(t)
+  ), s.interceptors.response.use(
+    (t) => {
+      const { data: n } = t;
+      return n.code === 200 || n.code === 0 ? t : (R.error(n.message || "请求失败"), Promise.reject(new Error(n.message || "请求失败")));
+    },
+    (t) => {
+      var o;
+      const { response: n } = t;
+      if (n)
+        switch (n.status) {
+          case 401:
+          case 403:
+            R.error("登录已过期，请重新登录"), me(), window.location.href = "/login";
+            break;
+          case 404:
+            R.error("请求资源不存在");
+            break;
+          case 500:
+            R.error("服务器错误");
+            break;
+          default:
+            R.error(((o = n.data) == null ? void 0 : o.message) || "请求失败");
+        }
+      else
+        R.error("网络连接失败");
+      return Promise.reject(t);
+    }
+  ), s;
+};
+let Y = null;
+function B() {
+  return Y || (Y = De()), Y;
+}
+function Ve() {
+  Y = null;
+}
+new Proxy({}, {
+  get(e, s) {
+    return B()[s];
+  }
+});
+const z = {
+  get(e, s) {
+    return B().get(e, s).then((t) => t.data);
+  },
+  post(e, s, t) {
+    return B().post(e, s, t).then((n) => n.data);
+  },
+  put(e, s, t) {
+    return B().put(e, s, t).then((n) => n.data);
+  },
+  patch(e, s, t) {
+    return B().patch(e, s, t).then((n) => n.data);
+  },
+  delete(e, s) {
+    return B().delete(e, s).then((t) => t.data);
+  }
+}, ee = J("app", () => {
+  const e = w(g.get("isDark") || !1), s = w(g.get("theme") || "light"), t = w(g.get("layout") || "sidebar"), n = w(g.get("isCollapsed") || !1), o = w(g.get("showTabs") ?? !0), d = w(g.get("showFooter") ?? !0), a = w(g.get("showBreadcrumb") ?? !0), r = w(g.get("primaryColor") || "#409eff"), h = w([]), y = b(() => e.value ? "dark" : "light"), f = () => {
+    e.value = !e.value, s.value = e.value ? "dark" : "light", p();
+  }, u = ($) => {
+    s.value = $, e.value = $ === "dark", p();
+  }, p = () => {
+    const $ = document.documentElement;
+    e.value ? $.classList.add("dark") : $.classList.remove("dark"), g.set("isDark", e.value), g.set("theme", s.value);
+  }, C = () => {
+    n.value = !n.value, g.set("isCollapsed", n.value);
+  }, l = ($) => {
+    t.value = $, g.set("layout", $);
+  }, I = () => {
+    o.value = !o.value, g.set("showTabs", o.value);
+  }, i = () => {
+    d.value = !d.value, g.set("showFooter", d.value);
+  }, v = () => {
+    a.value = !a.value, g.set("showBreadcrumb", a.value);
+  }, m = ($) => {
+    r.value = $, document.documentElement.style.setProperty("--color-primary", $), g.set("primaryColor", $);
+  }, S = ($) => {
+    h.value.includes($) || h.value.push($);
+  }, U = ($) => {
+    const ce = h.value.indexOf($);
+    ce > -1 && h.value.splice(ce, 1);
+  }, N = () => {
+    h.value = [];
+  }, A = () => {
+    p(), r.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", r.value);
+  };
+  return we(e, p), {
+    isDark: e,
+    theme: s,
+    layout: t,
+    isCollapsed: n,
+    showTabs: o,
+    showFooter: d,
+    showBreadcrumb: a,
+    primaryColor: r,
+    cachedViews: h,
+    themeClass: y,
+    toggleTheme: f,
+    toggleCollapse: C,
+    setTheme: u,
+    setLayout: l,
+    toggleTabs: I,
+    toggleFooter: i,
+    toggleBreadcrumb: v,
+    setPrimaryColor: m,
+    addCachedView: S,
+    removeCachedView: U,
+    clearCachedViews: N,
+    initTheme: A
+  };
+}), Oe = "/vite.svg", ve = J("auth", () => {
+  const e = w(O()), s = b(() => fe()), t = (r) => {
+    Be(r), e.value = O();
+  }, n = () => {
+    e.value = null, me();
+  }, o = b(() => {
+    var r;
+    return ((r = e.value) == null ? void 0 : r.accessToken) || null;
+  }), d = b(() => {
+    var r;
+    return ((r = e.value) == null ? void 0 : r.tokenType) || "Bearer";
+  }), a = b(() => {
+    var r;
+    return ((r = e.value) == null ? void 0 : r.code) || null;
+  });
+  return {
+    loginInfo: e,
+    isLoggedIn: s,
+    accessToken: o,
+    tokenType: d,
+    code: a,
+    login: t,
+    logout: n
+  };
+}), ge = J("user", () => {
+  const e = w(g.get("user_info")), s = b(() => !!e.value), t = b(() => {
+    var r;
+    return ((r = e.value) == null ? void 0 : r.userName) || "";
+  }), n = b(() => {
+    var r;
+    return ((r = e.value) == null ? void 0 : r.avatar) || "";
+  }), o = b(() => {
+    var r;
+    return (r = e.value) == null ? void 0 : r.userId;
+  });
+  return {
+    userInfo: e,
+    isLoggedIn: s,
+    userName: t,
+    avatar: n,
+    userId: o,
+    setUserInfo: (r) => {
+      e.value = r, g.set("user_info", r);
+    },
+    clearUserInfo: () => {
+      e.value = null, g.remove("user_info");
+    }
+  };
+}), K = J("menu", () => {
+  const e = "menu_list", s = "menu_btn_list", t = w(g.get(e) || []), n = w(g.get(s) || {}), o = b(() => t.value.length > 0), d = b(() => {
+    const u = P();
+    function p(l) {
+      if (l && l.length > 0)
+        for (let I = 0; I < l.length; I++) {
+          const i = l[I];
+          if (i.default)
+            return i.path;
+          {
+            const v = p(i.children || []);
+            if (v)
+              return v;
+          }
+        }
+      return null;
+    }
+    return p(t.value) || u.indexPath || "/dashboard";
+  }), a = (u, p) => {
+    const C = [];
+    return !u || u.length <= 0 || u.forEach((l) => {
+      if (l.type === 1) {
+        const I = {
+          code: l.menuCode,
+          name: l.menuName,
+          path: "",
+          title: l.menuName
+        }, i = p || "";
+        let v = n.value[i] || [];
+        v.push(I), n.value[i] = v;
+      } else {
+        const I = [];
+        let i = l.menuUrl, v = l.isOut || !1;
+        !v && l.menuUrl && (l.menuUrl.startsWith("http") ? i = "/iframe/" + encodeURIComponent(i) : l.menuUrl.startsWith("keep-alive:") && (i = "/iframe/keep-alive/" + encodeURIComponent(i.split("keep-alive:")[1])));
+        const m = {
+          code: l.menuCode,
+          name: l.menuName,
+          path: i,
+          icon: l.icon,
+          closable: l.closable,
+          default: l.isDefault,
+          out: v,
+          children: I,
+          title: l.menuName
+        };
+        if (C.push(m), l.children && l.children.length > 0) {
+          const S = a(l.children, l.menuUrl);
+          m.children = S;
+        }
+      }
+    }), C;
+  }, r = (u) => {
+    t.value = u, g.set(e, u);
+  }, h = (u) => {
+    const p = t.value.findIndex((C) => C.code === "home");
+    p > -1 && t.value.splice(p, 1), t.value.unshift({
+      ...u,
+      code: "home",
+      name: "首页"
+    }), g.set(e, t.value);
+  }, y = (u, p) => {
+    if (f(), !(p != null && p.skipIndexMenu)) {
+      const l = P();
+      t.value.push({
+        code: "home",
+        name: "首页",
+        icon: "home",
+        closable: !1,
+        default: !1,
+        out: !1,
+        path: l.indexPath || "/dashboard",
+        title: "首页"
+      });
+    }
+    const C = a(u);
+    t.value.push(...C), g.set(e, t.value), g.set(s, n.value);
+  }, f = () => {
+    t.value = [], n.value = {}, g.remove(e), g.remove(s);
+  };
+  return {
+    menuList: t,
+    menuBtnListMap: n,
+    hasMenu: o,
+    index: d,
+    setMenuList: r,
+    setIndexMenu: h,
+    setMenuFromRemote: y,
+    clearMenu: f
+  };
+});
+function ze(e) {
+  const s = P();
+  return z.post("/user/v1.0/login/by-domain", {
+    appId: s.appId,
+    clientId: s.clientId,
+    uid: e.uid,
+    password: e.password,
+    code: !0
+  });
+}
+function Ke() {
+  return z.put("/user/v1.0/user/logout");
+}
+function vs(e, s) {
+  return z.get(`/user/v1.0/login/by-code?appId=${e}&code=${s}`);
+}
+function qe() {
+  return z.get("/user/v1.0/user/get-me");
+}
+function He() {
+  return z.get(`/user/v1.0/menu/get-menu?appId=${F.appId}`);
+}
+function te() {
+  const e = Q(), s = ue(), t = ve(), n = ge(), o = K(), d = w(!1), a = b(() => t.isLoggedIn), r = b(() => n.userInfo), h = b(() => n.userName || ""), y = b(() => o.menuList), f = b(() => o.index), u = async (v, m) => {
+    d.value = !0;
+    try {
+      i();
+      const U = (await ze({ uid: v, password: m })).data;
+      t.login(U), await C(), await l();
+      const N = s.query.redirectUrl;
+      if (N) {
+        const A = decodeURIComponent(N);
+        if (A.startsWith("http")) {
+          const $ = U.code;
+          location.href = A.includes("?") ? `${A}&code=${$}` : `${A}?code=${$}`;
+        } else
+          await e.replace(A);
+      } else
+        await e.replace(f.value || "/");
+      return R.success("登录成功"), { success: !0, data: U };
+    } catch (S) {
+      return R.error((S == null ? void 0 : S.message) || "登录失败"), { success: !1, error: S };
+    } finally {
+      d.value = !1;
+    }
+  }, p = async (v = !0) => {
+    const m = P();
+    try {
+      await Ke();
+    } catch (S) {
+      console.error("退出登录接口失败", S);
+    } finally {
+      i(), e.push(m.loginPath || "/login"), v && R.success("退出登录成功");
+    }
+  }, C = async () => {
+    const v = await qe();
+    return n.setUserInfo(v.data), v.data;
+  }, l = async () => {
+    const v = await He();
+    return o.setMenuFromRemote(v.data), o.menuList;
+  }, I = async () => {
+    if (!t.isLoggedIn)
+      return !1;
+    try {
+      return n.userInfo || await C(), o.hasMenu || await l(), !0;
+    } catch (v) {
+      return console.error("初始化应用失败", v), i(), !1;
+    }
+  }, i = () => {
+    t.logout(), n.clearUserInfo(), o.clearMenu();
+  };
+  return {
+    // 状态
+    loading: d,
+    isLoggedIn: a,
+    userInfo: r,
+    userName: h,
+    menuList: y,
+    indexPath: f,
+    // 方法
+    login: u,
+    logout: p,
+    loadUserInfo: C,
+    loadMenu: l,
+    initApp: I,
+    clearAllState: i
+  };
+}
+function gs() {
+  const e = K(), s = ve(), t = ge(), n = b(() => s.isLoggedIn), o = b(() => t.userName), d = b(() => t.userInfo), a = (f) => {
+    const u = window.location.pathname, C = (e.menuBtnListMap[u] || []).map((l) => l.code);
+    return Array.isArray(f) ? f.some((l) => C.includes(l)) : C.includes(f);
+  };
+  return {
+    // 状态
+    isLoggedIn: n,
+    userName: o,
+    userInfo: d,
+    // 方法
+    hasPermission: a,
+    hasAnyPermission: (f) => f.some((u) => a(u)),
+    hasAllPermissions: (f) => f.every((u) => a(u)),
+    getCurrentPagePermissions: () => {
+      const f = window.location.pathname;
+      return (e.menuBtnListMap[f] || []).map((p) => p.code);
+    }
+  };
+}
+const We = {
+  home: "🏠",
+  dashboard: "📊",
+  system: "⚙️",
+  user: "👤",
+  role: "👥",
+  menu: "📋",
+  setting: "🔧"
+};
+function je(e) {
+  const s = ue(), t = Q(), n = K(), o = ee(), d = { ...We, ...e }, a = w(""), r = b(() => s.path), h = b(() => o.isCollapsed), y = b(() => n.menuList), f = b(() => n.hasMenu), u = (m, S = "") => {
+    const U = [];
+    return m.forEach((N) => {
+      N.children && N.children.length > 0 ? U.push(...u(N.children, N.title)) : U.push({ ...N, parentTitle: S });
+    }), U;
+  }, p = b(() => a.value.trim() ? u(y.value).filter(
+    (S) => S.title.toLowerCase().includes(a.value.toLowerCase())
+  ) : []), C = b(() => a.value.trim() ? y.value.map((m) => {
+    if (m.children && m.children.length > 0) {
+      const S = m.children.filter(
+        (U) => U.title.toLowerCase().includes(a.value.toLowerCase())
+      );
+      return S.length > 0 ? { ...m, children: S } : null;
+    }
+    return m.title.toLowerCase().includes(a.value.toLowerCase()) ? m : null;
+  }).filter(Boolean) : y.value);
+  return {
+    // 状态
+    searchKeyword: a,
+    activeMenu: r,
+    isCollapsed: h,
+    menuList: y,
+    hasMenu: f,
+    searchResults: p,
+    filteredMenuList: C,
+    // 方法
+    flattenMenus: u,
+    getMenuIcon: (m) => d[m || ""] || "📄",
+    handleMenuSelect: (m) => {
+      m && m !== s.path && (t.push(m), a.value = "");
+    },
+    handleSearchItemClick: (m) => {
+      t.push(m), a.value = "";
+    },
+    clearSearch: () => {
+      a.value = "";
+    }
+  };
+}
+function ys(e, s = {}) {
+  const { rules: t, onSubmit: n } = s, o = w(), d = ae({ ...e }), a = w(!1), r = w(!1), h = w(!1), y = () => {
+    p(), h.value = !1, r.value = !0;
+  }, f = (l) => {
+    Object.assign(d, l), h.value = !0, r.value = !0;
+  }, u = () => {
+    r.value = !1, p();
+  }, p = () => {
+    var l;
+    Object.keys(e).forEach((I) => {
+      d[I] = e[I];
+    }), (l = o.value) == null || l.resetFields();
+  };
+  return {
+    formRef: o,
+    formData: d,
+    rules: t,
+    loading: a,
+    visible: r,
+    isEdit: h,
+    openAdd: y,
+    openEdit: f,
+    close: u,
+    resetForm: p,
+    handleSubmit: async () => {
+      var l;
+      try {
+        await ((l = o.value) == null ? void 0 : l.validate()), a.value = !0, await (n == null ? void 0 : n(d)), u();
+      } catch (I) {
+        console.error(I);
+      } finally {
+        a.value = !1;
+      }
+    }
+  };
+}
+function ws(e) {
+  const { fetchData: s, defaultPageSize: t = 10 } = e, n = w(!1), o = w([]), d = w(0), a = w(1), r = w(t), h = ae({}), y = async () => {
+    n.value = !0;
+    try {
+      const i = {
+        ...h,
+        page: a.value,
+        pageSize: r.value
+      }, v = await s(i);
+      o.value = v.list, d.value = v.total;
+    } catch (i) {
+      console.error(i);
+    } finally {
+      n.value = !1;
+    }
+  }, f = () => {
+    a.value = 1, y();
+  }, u = () => {
+    Object.keys(h).forEach((i) => {
+      h[i] = void 0;
+    }), a.value = 1, y();
+  }, p = (i) => {
+    a.value = i, y();
+  }, C = (i) => {
+    r.value = i, a.value = 1, y();
+  }, l = () => {
+    y();
+  }, I = b(() => ({
+    current: a.value,
+    pageSize: r.value,
+    total: d.value
+  }));
+  return {
+    loading: n,
+    data: o,
+    total: d,
+    currentPage: a,
+    pageSize: r,
+    searchParams: h,
+    pagination: I,
+    getData: y,
+    handleSearch: f,
+    handleReset: u,
+    handlePageChange: p,
+    handleSizeChange: C,
+    refresh: l
+  };
+}
+const Ye = { class: "sidebar" }, Xe = { class: "sidebar__logo" }, Je = {
+  key: 0,
+  class: "sidebar__search"
+}, Qe = {
+  key: 0,
+  class: "sidebar__search-results"
+}, Ze = ["onClick"], Ge = { class: "menu-icon" }, et = { class: "sidebar__search-item-info" }, tt = { class: "sidebar__search-item-title" }, st = {
+  key: 0,
+  class: "sidebar__search-item-parent"
+}, nt = { class: "menu-icon" }, ot = { class: "menu-icon" }, rt = { class: "menu-icon" }, at = {
+  key: 1,
+  class: "sidebar__user"
+}, lt = { class: "sidebar__user-info" }, ct = { class: "sidebar__user-name" }, it = { class: "sidebar__user-role" }, ut = /* @__PURE__ */ D({
+  __name: "Sidebar",
+  setup(e) {
+    const { logout: s, userName: t, userInfo: n } = te(), o = P(), {
+      searchKeyword: d,
+      activeMenu: a,
+      isCollapsed: r,
+      searchResults: h,
+      filteredMenuList: y,
+      getMenuIcon: f,
+      handleMenuSelect: u,
+      handleSearchItemClick: p
+    } = je();
+    return (C, l) => {
+      var I;
+      return k(), L("div", Ye, [
+        c("div", Xe, [
+          l[1] || (l[1] = c("img", {
+            src: Oe,
+            alt: "Logo",
+            class: "sidebar__logo-img"
+          }, null, -1)),
+          be(c("span", { class: "sidebar__logo-text" }, x(_(o).appName), 513), [
+            [Ce, !_(r)]
+          ])
+        ]),
+        _(r) ? V("", !0) : (k(), L("div", Je, [
+          T(_(re), {
+            modelValue: _(d),
+            "onUpdate:modelValue": l[0] || (l[0] = (i) => ke(d) ? d.value = i : null),
+            placeholder: "搜索菜单...",
+            size: "small",
+            clearable: ""
+          }, null, 8, ["modelValue"]),
+          _(h).length > 0 ? (k(), L("div", Qe, [
+            (k(!0), L(q, null, se(_(h), (i) => (k(), L("div", {
+              key: i.path,
+              class: "sidebar__search-item",
+              onClick: (v) => _(p)(i.path)
+            }, [
+              c("span", Ge, x(_(f)(i.icon)), 1),
+              c("div", et, [
+                c("span", tt, x(i.title), 1),
+                i.parentTitle ? (k(), L("span", st, x(i.parentTitle), 1)) : V("", !0)
+              ])
+            ], 8, Ze))), 128))
+          ])) : V("", !0)
+        ])),
+        T(_(Ne), {
+          "default-active": _(a),
+          collapse: _(r),
+          "collapse-transition": !1,
+          class: "sidebar__menu",
+          onSelect: _(u)
+        }, {
+          default: E(() => [
+            (k(!0), L(q, null, se(_(y), (i) => (k(), L(q, {
+              key: i.path
+            }, [
+              i.children && i.children.length > 0 ? (k(), ne(_(Pe), {
+                key: 0,
+                index: i.path
+              }, {
+                title: E(() => [
+                  c("span", nt, x(_(f)(i.icon)), 1),
+                  c("span", null, x(i.title), 1)
+                ]),
+                default: E(() => [
+                  (k(!0), L(q, null, se(i.children, (v) => (k(), ne(_(ie), {
+                    key: v.path,
+                    index: v.path
+                  }, {
+                    default: E(() => [
+                      c("span", ot, x(_(f)(v.icon)), 1),
+                      c("span", null, x(v.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["index"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["index"])) : (k(), ne(_(ie), {
+                key: 1,
+                index: i.path
+              }, {
+                default: E(() => [
+                  c("span", rt, x(_(f)(i.icon)), 1),
+                  c("span", null, x(i.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["index"]))
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["default-active", "collapse", "onSelect"]),
+        _(r) ? V("", !0) : (k(), L("div", at, [
+          c("div", lt, [
+            c("span", ct, x(_(t) || "用户"), 1),
+            c("span", it, x(((I = _(n)) == null ? void 0 : I.departmentName) || ""), 1)
+          ]),
+          T(_(Z), {
+            type: "text",
+            size: "small",
+            onClick: _(s)
+          }, {
+            default: E(() => [...l[2] || (l[2] = [
+              X("退出", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]))
+      ]);
+    };
+  }
+}), M = (e, s) => {
+  const t = e.__vccOpts || e;
+  for (const [n, o] of s)
+    t[n] = o;
+  return t;
+}, dt = /* @__PURE__ */ M(ut, [["__scopeId", "data-v-5560e0bb"]]), ht = { class: "header" }, pt = { class: "header__right" }, _t = ["title"], mt = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, ft = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, vt = { key: 0 }, gt = { key: 1 }, yt = { class: "header__avatar" }, wt = { class: "header__user-name" }, bt = {
+  key: 0,
+  class: "header__dropdown"
+}, Ct = { class: "header__dropdown-header" }, kt = { class: "header__dropdown-avatar" }, It = { class: "header__dropdown-info" }, Lt = { class: "header__dropdown-name" }, St = { class: "header__dropdown-role" }, $t = /* @__PURE__ */ D({
+  __name: "Header",
+  setup(e) {
+    const s = ee(), { logout: t, userName: n, userInfo: o } = te(), d = w(!1), a = w(null), r = w(!1), h = b(() => n.value || "用户"), y = () => {
+      s.toggleCollapse();
+    }, f = () => {
+      s.toggleTheme();
+    }, u = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, p = () => {
+      r.value = !!document.fullscreenElement;
+    }, C = () => {
+      d.value = !d.value;
+    }, l = () => {
+      d.value = !1;
+    }, I = async () => {
+      l(), await t();
+    }, i = (v) => {
+      a.value && !a.value.contains(v.target) && l();
+    };
+    return Ie(() => {
+      document.addEventListener("click", i), document.addEventListener("fullscreenchange", p);
+    }), Le(() => {
+      document.removeEventListener("click", i), document.removeEventListener("fullscreenchange", p);
+    }), (v, m) => (k(), L("div", ht, [
+      c("div", { class: "header__left" }, [
+        c("div", {
+          class: "header__collapse",
+          onClick: y
+        }, [...m[0] || (m[0] = [
+          c("span", null, "☰", -1)
+        ])])
+      ]),
+      c("div", pt, [
+        c("div", {
+          class: "header__action",
+          onClick: u,
+          title: r.value ? "退出全屏" : "全屏"
+        }, [
+          r.value ? (k(), L("svg", mt, [...m[1] || (m[1] = [
+            c("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }, null, -1)
+          ])])) : (k(), L("svg", ft, [...m[2] || (m[2] = [
+            c("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }, null, -1)
+          ])]))
+        ], 8, _t),
+        c("div", {
+          class: "header__action",
+          onClick: f,
+          title: "切换主题"
+        }, [
+          _(s).isDark ? (k(), L("span", vt, "🌙")) : (k(), L("span", gt, "☀️"))
+        ]),
+        c("div", {
+          class: "header__user",
+          ref_key: "dropdownRef",
+          ref: a
+        }, [
+          c("div", {
+            class: "header__user-trigger",
+            onClick: Se(C, ["stop"])
+          }, [
+            c("div", yt, [
+              c("span", null, x(h.value.charAt(0)), 1)
+            ]),
+            c("span", wt, x(h.value), 1),
+            c("span", {
+              class: $e(["header__user-arrow", { "is-active": d.value }])
+            }, "▼", 2)
+          ]),
+          T(xe, { name: "dropdown" }, {
+            default: E(() => {
+              var S;
+              return [
+                d.value ? (k(), L("div", bt, [
+                  c("div", Ct, [
+                    c("div", kt, [
+                      c("span", null, x(h.value.charAt(0)), 1)
+                    ]),
+                    c("div", It, [
+                      c("div", Lt, x(h.value), 1),
+                      c("div", St, x(((S = _(o)) == null ? void 0 : S.departmentName) || ""), 1)
+                    ])
+                  ]),
+                  m[4] || (m[4] = c("div", { class: "header__dropdown-divider" }, null, -1)),
+                  c("div", { class: "header__dropdown-menu" }, [
+                    c("div", {
+                      class: "header__dropdown-item header__dropdown-item--danger",
+                      onClick: I
+                    }, [...m[3] || (m[3] = [
+                      c("span", { class: "header__dropdown-icon" }, "🚪", -1),
+                      c("span", null, "退出登录", -1)
+                    ])])
+                  ])
+                ])) : V("", !0)
+              ];
+            }),
+            _: 1
+          })
+        ], 512)
+      ])
+    ]));
+  }
+}), xt = /* @__PURE__ */ M($t, [["__scopeId", "data-v-2bf8f3d2"]]), Tt = { class: "layout" }, Et = { class: "layout__main" }, Ut = { class: "layout__content" }, Nt = /* @__PURE__ */ D({
+  __name: "index",
+  setup(e) {
+    const s = ee(), t = b(
+      () => s.isCollapsed ? "64px" : "210px"
+    );
+    return (n, o) => {
+      const d = Te("router-view");
+      return k(), L("div", Tt, [
+        c("aside", {
+          class: "layout__aside",
+          style: Ee({ width: t.value })
+        }, [
+          T(dt)
+        ], 4),
+        c("div", Et, [
+          T(xt, { class: "layout__header" }),
+          c("main", Ut, [
+            T(d)
+          ])
+        ])
+      ]);
+    };
+  }
+}), Pt = /* @__PURE__ */ M(Nt, [["__scopeId", "data-v-1a24e6d0"]]), Rt = {}, Mt = { class: "tabs-wrapper" };
+function At(e, s) {
+  return k(), L("div", Mt);
+}
+const bs = /* @__PURE__ */ M(Rt, [["render", At], ["__scopeId", "data-v-3b1e382a"]]), Bt = {}, Ft = { class: "footer" };
+function Dt(e, s) {
+  return k(), L("div", Ft, [...s[0] || (s[0] = [
+    c("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const Cs = /* @__PURE__ */ M(Bt, [["render", Dt], ["__scopeId", "data-v-317ae311"]]), Vt = { class: "login" }, Ot = { class: "login__container" }, zt = { class: "login__header" }, Kt = ["src"], qt = { class: "login__title" }, Ht = { class: "login__subtitle" }, Wt = /* @__PURE__ */ D({
+  __name: "index",
+  props: {
+    logo: {},
+    title: {},
+    subtitle: {}
+  },
+  emits: ["success", "error"],
+  setup(e, { emit: s }) {
+    const t = s, { login: n, loading: o } = te(), d = P(), a = ae({
+      uid: "",
+      password: ""
+    }), r = {
+      uid: [
+        { required: !0, message: "请输入账号", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" }
+      ]
+    }, h = w(), y = async () => {
+      var f;
+      try {
+        await ((f = h.value) == null ? void 0 : f.validate());
+        const u = await n(a.uid, a.password);
+        u.success ? t("success", u.data) : t("error", u.error);
+      } catch (u) {
+        console.error("登录失败", u), t("error", u);
+      }
+    };
+    return (f, u) => (k(), L("div", Vt, [
+      c("div", Ot, [
+        c("div", zt, [
+          c("img", {
+            src: e.logo || "/vite.svg",
+            alt: "Logo",
+            class: "login__logo"
+          }, null, 8, Kt),
+          c("h1", qt, x(e.title || _(d).appName), 1),
+          c("p", Ht, x(e.subtitle || "后台管理系统"), 1)
+        ]),
+        T(_(Re), {
+          ref_key: "formRef",
+          ref: h,
+          model: a,
+          rules: r,
+          class: "login__form",
+          "label-width": "0"
+        }, {
+          default: E(() => [
+            T(_(oe), { prop: "uid" }, {
+              default: E(() => [
+                T(_(re), {
+                  modelValue: a.uid,
+                  "onUpdate:modelValue": u[0] || (u[0] = (p) => a.uid = p),
+                  placeholder: "请输入账号",
+                  size: "large"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            T(_(oe), { prop: "password" }, {
+              default: E(() => [
+                T(_(re), {
+                  modelValue: a.password,
+                  "onUpdate:modelValue": u[1] || (u[1] = (p) => a.password = p),
+                  type: "password",
+                  placeholder: "请输入密码",
+                  size: "large",
+                  "show-password": "",
+                  onKeyup: Ue(y, ["enter"])
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            T(_(oe), null, {
+              default: E(() => [
+                T(_(Z), {
+                  type: "primary",
+                  size: "large",
+                  loading: _(o),
+                  class: "login__submit",
+                  onClick: y
+                }, {
+                  default: E(() => [...u[2] || (u[2] = [
+                    X(" 登录 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ])
+    ]));
+  }
+}), ks = /* @__PURE__ */ M(Wt, [["__scopeId", "data-v-fdb37509"]]), jt = { class: "error-page" }, Yt = { class: "error-page__content" }, Xt = /* @__PURE__ */ D({
+  __name: "404",
+  setup(e) {
+    const s = Q(), t = () => {
+      s.push("/");
+    };
+    return (n, o) => (k(), L("div", jt, [
+      c("div", Yt, [
+        o[1] || (o[1] = c("div", { class: "error-page__code" }, "404", -1)),
+        o[2] || (o[2] = c("div", { class: "error-page__title" }, "页面不存在", -1)),
+        o[3] || (o[3] = c("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
+        T(_(Z), {
+          type: "primary",
+          onClick: t
+        }, {
+          default: E(() => [...o[0] || (o[0] = [
+            X("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), Is = /* @__PURE__ */ M(Xt, [["__scopeId", "data-v-6fc8a81b"]]), Jt = { class: "error-page" }, Qt = { class: "error-page__content" }, Zt = /* @__PURE__ */ D({
+  __name: "403",
+  setup(e) {
+    const s = Q(), t = () => {
+      s.push("/");
+    };
+    return (n, o) => (k(), L("div", Jt, [
+      c("div", Qt, [
+        o[1] || (o[1] = c("div", { class: "error-page__code" }, "403", -1)),
+        o[2] || (o[2] = c("div", { class: "error-page__title" }, "无访问权限", -1)),
+        o[3] || (o[3] = c("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
+        T(_(Z), {
+          type: "primary",
+          onClick: t
+        }, {
+          default: E(() => [...o[0] || (o[0] = [
+            X("返回首页", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), Ls = /* @__PURE__ */ M(Zt, [["__scopeId", "data-v-f9466667"]]);
+function Ss(e) {
+  const s = K(), t = window.location.pathname, o = (s.menuBtnListMap[t] || []).map((d) => d.code);
+  return Array.isArray(e) ? e.some((d) => o.includes(d)) : o.includes(e);
+}
+function $s() {
+  return !0;
+}
+const Gt = ["/login", "/404", "/403"];
+function xs(e, s) {
+  const t = P(), n = de({
+    history: he((s == null ? void 0 : s.base) || ""),
+    routes: e,
+    scrollBehavior: (s == null ? void 0 : s.scrollBehavior) || (() => ({ left: 0, top: 0 }))
+  });
+  return n.beforeEach(async (o, d, a) => {
+    const r = ee();
+    if (r.initTheme(), fe())
+      if (o.path === t.loginPath)
+        a({ path: t.indexPath || "/" });
+      else {
+        const { initApp: h, isLoggedIn: y } = te();
+        if (!y.value && !await h()) {
+          a(t.loginPath || "/login");
+          return;
+        }
+        o.name && o.meta.keepAlive && r.addCachedView(o.name), a();
+      }
+    else
+      Gt.includes(o.path) ? a() : a({
+        path: t.loginPath || "/login",
+        query: { redirectUrl: encodeURIComponent(o.fullPath) }
+      });
+  }), n;
+}
+function Ts(e, s) {
+  const t = de({
+    history: he(),
+    routes: s
+  });
+  e.matcher = t.matcher;
+}
+function Es(e) {
+  const s = P();
+  return [
+    {
+      path: (e == null ? void 0 : e.loginPath) || s.loginPath || "/login",
+      name: "Login",
+      component: e == null ? void 0 : e.loginComponent,
+      meta: {
+        title: "登录",
+        hidden: !0
+      }
+    },
+    {
+      path: "/404",
+      name: "NotFound",
+      component: e == null ? void 0 : e.notFoundComponent,
+      meta: {
+        title: "404",
+        hidden: !0
+      }
+    },
+    {
+      path: "/403",
+      name: "Forbidden",
+      component: e == null ? void 0 : e.forbiddenComponent,
+      meta: {
+        title: "403",
+        hidden: !0
+      }
+    },
+    {
+      path: "/:pathMatch(.*)*",
+      redirect: "/404",
+      meta: {
+        hidden: !0
+      }
+    }
+  ];
+}
+function Us(e, s = {}) {
+  const t = s.indexPath || "/dashboard";
+  return {
+    path: "/",
+    name: "Layout",
+    component: s.layoutComponent || Pt,
+    redirect: t,
+    children: e
+  };
+}
+function Ns(e = {}) {
+  return [
+    {
+      path: "/404",
+      name: "NotFound",
+      component: e.notFoundComponent,
+      meta: {
+        title: "404",
+        hidden: !0
+      }
+    },
+    {
+      path: "/403",
+      name: "Forbidden",
+      component: e.forbiddenComponent,
+      meta: {
+        title: "403",
+        hidden: !0
+      }
+    },
+    {
+      path: "/:pathMatch(.*)*",
+      redirect: "/404",
+      meta: {
+        hidden: !0
+      }
+    }
+  ];
+}
+var es = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(es || {}), ts = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(ts || {}), ss = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(ss || {});
+const Ps = {
+  1: "启用",
+  0: "禁用"
+}, Rs = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, Ms = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, As = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], Bs = [
+  {
+    label: "未知",
+    value: 0
+    /* UNKNOWN */
+  },
+  {
+    label: "男",
+    value: 1
+    /* MALE */
+  },
+  {
+    label: "女",
+    value: 2
+    /* FEMALE */
+  }
+], Fs = [
+  {
+    label: "目录",
+    value: 0
+    /* DIRECTORY */
+  },
+  {
+    label: "菜单",
+    value: 1
+    /* MENU */
+  },
+  {
+    label: "按钮",
+    value: 2
+    /* BUTTON */
+  }
+], Ds = {
+  mounted(e, s) {
+    var h;
+    const t = K(), { value: n } = s;
+    if (!n) return;
+    const o = window.location.pathname, a = (t.menuBtnListMap[o] || []).map((y) => y.code);
+    let r = !1;
+    Array.isArray(n) ? r = n.some((y) => a.includes(y)) : r = a.includes(n), r || (h = e.parentNode) == null || h.removeChild(e);
+  }
+};
+function Vs(e) {
+  return Ae(e), Ve(), {
+    config: P()
+  };
+}
 export {
-  a as Footer,
-  t as Gender,
-  o as GenderOptions,
-  r as GenderText,
-  n as Header,
-  u as Layout,
-  i as MenuType,
-  p as MenuTypeOptions,
-  g as MenuTypeText,
-  l as Sidebar,
-  T as Status,
-  S as StatusOptions,
-  d as StatusText,
-  c as Tabs,
-  f as appConfig,
-  y as clearToken,
-  U as clearUserInfo,
-  m as defaultDynamicRoutes,
-  M as errorRoute,
-  h as getCode,
-  k as getCurrentUser,
-  A as getLoginInfo,
-  I as getToken,
-  R as getTokenType,
-  x as getUserInfo,
-  C as getUserMenu,
-  b as hasPermission,
-  D as hasToken,
-  G as http,
-  L as isAdmin,
-  O as layoutRoute,
-  F as local,
-  v as localStorageUtil,
-  B as login,
-  H as loginByCode,
-  P as logout,
-  j as mockMenuData,
-  q as permissionDirective,
-  w as resetRouter,
-  z as router,
-  E as session,
-  J as sessionStorageUtil,
-  K as setLoginInfo,
-  N as setUserInfo,
-  Q as staticRoutes,
-  V as useApp,
-  W as useAppStore,
-  X as useAuth,
-  Y as useAuthStore,
-  Z as useForm,
-  $ as useMenu,
-  _ as useMenuStore,
-  ss as useTable,
-  es as useUserStore
+  Cs as Footer,
+  Ls as Forbidden,
+  ts as Gender,
+  Bs as GenderOptions,
+  Rs as GenderText,
+  xt as Header,
+  Pt as Layout,
+  ks as Login,
+  ss as MenuType,
+  Fs as MenuTypeOptions,
+  Ms as MenuTypeText,
+  Is as NotFound,
+  dt as Sidebar,
+  es as Status,
+  As as StatusOptions,
+  Ps as StatusText,
+  bs as Tabs,
+  me as clearToken,
+  fs as clearUserInfo,
+  Ns as createErrorRoutes,
+  Us as createLayoutRoute,
+  xs as createRouter,
+  Es as createStaticRoutes,
+  Vs as createXtoApp,
+  ps as getCode,
+  P as getConfig,
+  ds as getConfigValue,
+  qe as getCurrentUser,
+  O as getLoginInfo,
+  B as getRequest,
+  _e as getToken,
+  Fe as getTokenType,
+  ms as getUserInfo,
+  He as getUserMenu,
+  Ss as hasPermission,
+  fe as hasToken,
+  z as http,
+  $s as isAdmin,
+  g as local,
+  W as localStorageUtil,
+  ze as login,
+  vs as loginByCode,
+  Ke as logout,
+  Ds as permissionDirective,
+  Ve as resetRequest,
+  Ts as resetRouter,
+  hs as session,
+  j as sessionStorageUtil,
+  Ae as setConfig,
+  Be as setLoginInfo,
+  _s as setUserInfo,
+  te as useApp,
+  ee as useAppStore,
+  gs as useAuth,
+  ve as useAuthStore,
+  ys as useForm,
+  je as useMenu,
+  K as useMenuStore,
+  ws as useTable,
+  ge as useUserStore
 };