xto-fronted 0.1.0 → 0.1.2

package/dist/index-BqRv1bdN.js

@@ -0,0 +1,1185 @@
+import { ref as w, computed as g, watch as _e, reactive as se, defineComponent as Q, openBlock as C, createElementBlock as T, createElementVNode as c, withDirectives as ge, toDisplayString as U, unref as b, vShow as ye, createVNode as M, isRef as be, Fragment as V, renderList as J, createCommentVNode as D, withCtx as $, createBlock as X, createTextVNode as we, onMounted as ke, onUnmounted as Ie, withModifiers as Ce, normalizeClass as Se, Transition as Le, resolveComponent as Te, normalizeStyle as Ue } from "vue";
+import { defineStore as W } from "pinia";
+import { useRouter as ne, useRoute as oe, createRouter as ae, createWebHistory as re } from "vue-router";
+import { Message as x } from "@xto/feedback";
+import Ae from "axios";
+import { Menu as Ee, SubMenu as xe, MenuItem as te } from "@xto/navigation";
+import { Button as Ne } from "@xto/base";
+import { Input as $e } from "@xto/form";
+const R = {
+  webTitle: "analysis-web",
+  baseUrl: "https://cloud-api-test.tineco.com",
+  appId: "DBU-CONTENT-ANALYSIS",
+  clientId: "Tineco"
+}, j = () => `tooyu-cloud:${R.appId}:`, le = (e) => ({
+  get(s) {
+    const t = j(), n = e.getItem(t + s);
+    if (!n) return null;
+    try {
+      return JSON.parse(n);
+    } catch {
+      return n;
+    }
+  },
+  set(s, t) {
+    const n = j();
+    if (t == null) {
+      e.removeItem(n + s);
+      return;
+    }
+    const l = typeof t == "string" ? t : JSON.stringify(t);
+    e.setItem(n + s, l);
+  },
+  remove(s) {
+    const t = j();
+    e.removeItem(t + s);
+  },
+  clear() {
+    const s = j();
+    Object.keys(e).forEach((n) => {
+      n.startsWith(s) && e.removeItem(n);
+    });
+  }
+}), H = le(window.localStorage), K = le(window.sessionStorage), m = {
+  get: H.get,
+  set: H.set,
+  remove: H.remove,
+  clear: H.clear
+}, Jt = {
+  get: K.get,
+  set: K.set,
+  remove: K.remove,
+  clear: K.clear
+}, Y = W("app", () => {
+  const e = w(m.get("isDark") || !1), s = w(m.get("theme") || "light"), t = w(m.get("layout") || "sidebar"), n = w(m.get("isCollapsed") || !1), l = w(m.get("showTabs") ?? !0), i = w(m.get("showFooter") ?? !0), a = w(m.get("showBreadcrumb") ?? !0), o = w(m.get("primaryColor") || "#409eff"), v = w([]), f = g(() => e.value ? "dark" : "light"), y = () => {
+    e.value = !e.value, s.value = e.value ? "dark" : "light", k();
+  }, p = (S) => {
+    s.value = S, e.value = S === "dark", k();
+  }, k = () => {
+    const S = document.documentElement;
+    e.value ? S.classList.add("dark") : S.classList.remove("dark"), m.set("isDark", e.value), m.set("theme", s.value);
+  }, _ = () => {
+    n.value = !n.value, m.set("isCollapsed", n.value);
+  }, r = (S) => {
+    t.value = S, m.set("layout", S);
+  }, u = () => {
+    l.value = !l.value, m.set("showTabs", l.value);
+  }, d = () => {
+    i.value = !i.value, m.set("showFooter", i.value);
+  }, I = () => {
+    a.value = !a.value, m.set("showBreadcrumb", a.value);
+  }, h = (S) => {
+    o.value = S, document.documentElement.style.setProperty("--color-primary", S), m.set("primaryColor", S);
+  }, L = (S) => {
+    v.value.includes(S) || v.value.push(S);
+  }, A = (S) => {
+    const ee = v.value.indexOf(S);
+    ee > -1 && v.value.splice(ee, 1);
+  }, E = () => {
+    v.value = [];
+  }, N = () => {
+    k(), o.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", o.value);
+  };
+  return _e(e, k), {
+    isDark: e,
+    theme: s,
+    layout: t,
+    isCollapsed: n,
+    showTabs: l,
+    showFooter: i,
+    showBreadcrumb: a,
+    primaryColor: o,
+    cachedViews: v,
+    themeClass: f,
+    toggleTheme: y,
+    toggleCollapse: _,
+    setTheme: p,
+    setLayout: r,
+    toggleTabs: u,
+    toggleFooter: d,
+    toggleBreadcrumb: I,
+    setPrimaryColor: h,
+    addCachedView: L,
+    removeCachedView: A,
+    clearCachedViews: E,
+    initTheme: N
+  };
+}), Me = "/vite.svg", Z = "login_info", q = "user_info", B = () => m.get(Z), Re = (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
+  };
+  m.set(Z, s);
+}, ce = () => {
+  const e = B();
+  return (e == null ? void 0 : e.accessToken) || null;
+}, Pe = () => {
+  const e = B();
+  return (e == null ? void 0 : e.tokenType) || "Bearer";
+}, Xt = () => {
+  const e = B();
+  return (e == null ? void 0 : e.code) || null;
+}, ie = () => {
+  m.remove(Z), m.remove(q);
+}, ue = () => !!ce(), Qt = (e) => {
+  m.set(q, e);
+}, Zt = () => m.get(q), Gt = () => {
+  m.remove(q);
+}, de = W("auth", () => {
+  const e = w(B()), s = g(() => ue()), t = (o) => {
+    Re(o), e.value = B();
+  }, n = () => {
+    e.value = null, ie();
+  }, l = g(() => {
+    var o;
+    return ((o = e.value) == null ? void 0 : o.accessToken) || null;
+  }), i = g(() => {
+    var o;
+    return ((o = e.value) == null ? void 0 : o.tokenType) || "Bearer";
+  }), a = g(() => {
+    var o;
+    return ((o = e.value) == null ? void 0 : o.code) || null;
+  });
+  return {
+    loginInfo: e,
+    isLoggedIn: s,
+    accessToken: l,
+    tokenType: i,
+    code: a,
+    login: t,
+    logout: n
+  };
+}), he = W("user", () => {
+  const e = w(m.get("user_info")), s = g(() => !!e.value), t = g(() => {
+    var o;
+    return ((o = e.value) == null ? void 0 : o.userName) || "";
+  }), n = g(() => {
+    var o;
+    return ((o = e.value) == null ? void 0 : o.avatar) || "";
+  }), l = g(() => {
+    var o;
+    return (o = e.value) == null ? void 0 : o.userId;
+  });
+  return {
+    userInfo: e,
+    isLoggedIn: s,
+    userName: t,
+    avatar: n,
+    userId: l,
+    setUserInfo: (o) => {
+      e.value = o, m.set("user_info", o);
+    },
+    clearUserInfo: () => {
+      e.value = null, m.remove("user_info");
+    }
+  };
+}), O = W("menu", () => {
+  const e = "menu_list", s = "menu_btn_list", t = w(m.get(e) || []), n = w(m.get(s) || {}), l = {
+    code: "home",
+    name: "首页",
+    icon: "home",
+    closable: !1,
+    default: !1,
+    out: !1,
+    path: "/dashboard",
+    title: "首页"
+  }, i = g(() => t.value.length > 0), a = g(() => {
+    function p(_) {
+      if (_ && _.length > 0)
+        for (let r = 0; r < _.length; r++) {
+          const u = _[r];
+          if (u.default)
+            return u.path;
+          {
+            const d = p(u.children || []);
+            if (d)
+              return d;
+          }
+        }
+      return null;
+    }
+    return p(t.value) || l.path;
+  }), o = (p, k) => {
+    const _ = [];
+    return !p || p.length <= 0 || p.forEach((r) => {
+      if (r.type === 1) {
+        const u = {
+          code: r.menuCode,
+          name: r.menuName,
+          path: "",
+          title: r.menuName
+        }, d = k || "";
+        let I = n.value[d] || [];
+        I.push(u), n.value[d] = I;
+      } else {
+        const u = [];
+        let d = r.menuUrl, I = r.isOut || !1;
+        !I && r.menuUrl && (r.menuUrl.startsWith("http") ? d = "/iframe/" + encodeURIComponent(d) : r.menuUrl.startsWith("keep-alive:") && (d = "/iframe/keep-alive/" + encodeURIComponent(d.split("keep-alive:")[1])));
+        const h = {
+          code: r.menuCode,
+          name: r.menuName,
+          path: d,
+          icon: r.icon,
+          closable: r.closable,
+          default: r.isDefault,
+          out: I,
+          children: u,
+          title: r.menuName
+        };
+        if (_.push(h), r.children && r.children.length > 0) {
+          const L = o(r.children, r.menuUrl);
+          h.children = L;
+        }
+      }
+    }), _;
+  }, v = (p) => {
+    t.value = p, m.set(e, p);
+  }, f = (p) => {
+    y(), t.value.push(l);
+    const k = o(p);
+    t.value.push(...k), m.set(e, t.value), m.set(s, n.value);
+  }, y = () => {
+    t.value = [], n.value = {}, m.remove(e), m.remove(s);
+  };
+  return {
+    menuList: t,
+    menuBtnListMap: n,
+    hasMenu: i,
+    index: a,
+    indexMenu: l,
+    setMenuList: v,
+    setMenuFromRemote: f,
+    clearMenu: y
+  };
+}), De = () => {
+  const e = Ae.create({
+    baseURL: R.baseUrl,
+    timeout: 15e3,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  return e.interceptors.request.use(
+    (s) => {
+      const t = ce();
+      if (t) {
+        const n = Pe();
+        s.headers.Authorization = `${n} ${t}`;
+      }
+      return s;
+    },
+    (s) => Promise.reject(s)
+  ), e.interceptors.response.use(
+    (s) => {
+      const { data: t } = s;
+      return t.code === 200 || t.code === 0 ? s : (x.error(t.message || "请求失败"), Promise.reject(new Error(t.message || "请求失败")));
+    },
+    (s) => {
+      var n;
+      const { response: t } = s;
+      if (t)
+        switch (t.status) {
+          case 401:
+          case 403:
+            x.error("登录已过期，请重新登录"), ie(), window.location.href = "/login";
+            break;
+          case 404:
+            x.error("请求资源不存在");
+            break;
+          case 500:
+            x.error("服务器错误");
+            break;
+          default:
+            x.error(((n = t.data) == null ? void 0 : n.message) || "请求失败");
+        }
+      else
+        x.error("网络连接失败");
+      return Promise.reject(s);
+    }
+  ), e;
+}, P = De(), F = {
+  get(e, s) {
+    return P.get(e, s).then((t) => t.data);
+  },
+  post(e, s, t) {
+    return P.post(e, s, t).then((n) => n.data);
+  },
+  put(e, s, t) {
+    return P.put(e, s, t).then((n) => n.data);
+  },
+  patch(e, s, t) {
+    return P.patch(e, s, t).then((n) => n.data);
+  },
+  delete(e, s) {
+    return P.delete(e, s).then((t) => t.data);
+  }
+};
+function Be(e) {
+  return F.post("/user/v1.0/login/by-domain", {
+    appId: R.appId,
+    clientId: R.clientId,
+    uid: e.uid,
+    password: e.password,
+    code: !0
+  });
+}
+function Oe() {
+  return F.put("/user/v1.0/user/logout");
+}
+function es(e, s) {
+  return F.get(`/user/v1.0/login/by-code?appId=${e}&code=${s}`);
+}
+function Fe() {
+  return F.get("/user/v1.0/user/get-me");
+}
+function ze() {
+  return F.get(`/user/v1.0/menu/get-menu?appId=${R.appId}`);
+}
+function G() {
+  const e = ne(), s = oe(), t = de(), n = he(), l = O(), i = w(!1), a = g(() => t.isLoggedIn), o = g(() => n.userInfo), v = g(() => n.userName || ""), f = g(() => l.menuList), y = g(() => l.index), p = async (I, h) => {
+    i.value = !0;
+    try {
+      d();
+      const A = (await Be({ uid: I, password: h })).data;
+      t.login(A), await _(), await r();
+      const E = s.query.redirectUrl;
+      if (E) {
+        const N = decodeURIComponent(E);
+        if (N.startsWith("http")) {
+          const S = A.code;
+          location.href = N.includes("?") ? `${N}&code=${S}` : `${N}?code=${S}`;
+        } else
+          await e.replace(N);
+      } else
+        await e.replace(y.value || "/");
+      return x.success("登录成功"), { success: !0, data: A };
+    } catch (L) {
+      return x.error((L == null ? void 0 : L.message) || "登录失败"), { success: !1, error: L };
+    } finally {
+      i.value = !1;
+    }
+  }, k = async (I = !0) => {
+    try {
+      await Oe();
+    } catch (h) {
+      console.error("退出登录接口失败", h);
+    } finally {
+      d(), e.push("/login"), I && x.success("退出登录成功");
+    }
+  }, _ = async () => {
+    const I = await Fe();
+    return n.setUserInfo(I.data), I.data;
+  }, r = async () => {
+    const I = await ze();
+    return l.setMenuFromRemote(I.data), l.menuList;
+  }, u = async () => {
+    if (!t.isLoggedIn)
+      return !1;
+    try {
+      return n.userInfo || await _(), l.hasMenu || await r(), !0;
+    } catch (I) {
+      return console.error("初始化应用失败", I), d(), !1;
+    }
+  }, d = () => {
+    t.logout(), n.clearUserInfo(), l.clearMenu();
+  };
+  return {
+    // 状态
+    loading: i,
+    isLoggedIn: a,
+    userInfo: o,
+    userName: v,
+    menuList: f,
+    indexPath: y,
+    // 方法
+    login: p,
+    logout: k,
+    loadUserInfo: _,
+    loadMenu: r,
+    initApp: u,
+    clearAllState: d
+  };
+}
+function ts() {
+  const e = O(), s = de(), t = he(), n = g(() => s.isLoggedIn), l = g(() => t.userName), i = g(() => t.userInfo), a = (y) => {
+    const p = window.location.pathname, _ = (e.menuBtnListMap[p] || []).map((r) => r.code);
+    return Array.isArray(y) ? y.some((r) => _.includes(r)) : _.includes(y);
+  };
+  return {
+    // 状态
+    isLoggedIn: n,
+    userName: l,
+    userInfo: i,
+    // 方法
+    hasPermission: a,
+    hasAnyPermission: (y) => y.some((p) => a(p)),
+    hasAllPermissions: (y) => y.every((p) => a(p)),
+    getCurrentPagePermissions: () => {
+      const y = window.location.pathname;
+      return (e.menuBtnListMap[y] || []).map((k) => k.code);
+    }
+  };
+}
+const Ve = {
+  home: "🏠",
+  dashboard: "📊",
+  system: "⚙️",
+  user: "👤",
+  role: "👥",
+  menu: "📋",
+  setting: "🔧"
+};
+function je(e) {
+  const s = oe(), t = ne(), n = O(), l = Y(), i = { ...Ve, ...e }, a = w(""), o = g(() => s.path), v = g(() => l.isCollapsed), f = g(() => n.menuList), y = g(() => n.hasMenu), p = (h, L = "") => {
+    const A = [];
+    return h.forEach((E) => {
+      E.children && E.children.length > 0 ? A.push(...p(E.children, E.title)) : A.push({ ...E, parentTitle: L });
+    }), A;
+  }, k = g(() => a.value.trim() ? p(f.value).filter(
+    (L) => L.title.toLowerCase().includes(a.value.toLowerCase())
+  ) : []), _ = g(() => a.value.trim() ? f.value.map((h) => {
+    if (h.children && h.children.length > 0) {
+      const L = h.children.filter(
+        (A) => A.title.toLowerCase().includes(a.value.toLowerCase())
+      );
+      return L.length > 0 ? { ...h, children: L } : null;
+    }
+    return h.title.toLowerCase().includes(a.value.toLowerCase()) ? h : null;
+  }).filter(Boolean) : f.value);
+  return {
+    // 状态
+    searchKeyword: a,
+    activeMenu: o,
+    isCollapsed: v,
+    menuList: f,
+    hasMenu: y,
+    searchResults: k,
+    filteredMenuList: _,
+    // 方法
+    flattenMenus: p,
+    getMenuIcon: (h) => i[h || ""] || "📄",
+    handleMenuSelect: (h) => {
+      h && h !== s.path && (t.push(h), a.value = "");
+    },
+    handleSearchItemClick: (h) => {
+      t.push(h), a.value = "";
+    },
+    clearSearch: () => {
+      a.value = "";
+    }
+  };
+}
+function ss(e, s = {}) {
+  const { rules: t, onSubmit: n } = s, l = w(), i = se({ ...e }), a = w(!1), o = w(!1), v = w(!1), f = () => {
+    k(), v.value = !1, o.value = !0;
+  }, y = (r) => {
+    Object.assign(i, r), v.value = !0, o.value = !0;
+  }, p = () => {
+    o.value = !1, k();
+  }, k = () => {
+    var r;
+    Object.keys(e).forEach((u) => {
+      i[u] = e[u];
+    }), (r = l.value) == null || r.resetFields();
+  };
+  return {
+    formRef: l,
+    formData: i,
+    rules: t,
+    loading: a,
+    visible: o,
+    isEdit: v,
+    openAdd: f,
+    openEdit: y,
+    close: p,
+    resetForm: k,
+    handleSubmit: async () => {
+      var r;
+      try {
+        await ((r = l.value) == null ? void 0 : r.validate()), a.value = !0, await (n == null ? void 0 : n(i)), p();
+      } catch (u) {
+        console.error(u);
+      } finally {
+        a.value = !1;
+      }
+    }
+  };
+}
+function ns(e) {
+  const { fetchData: s, defaultPageSize: t = 10 } = e, n = w(!1), l = w([]), i = w(0), a = w(1), o = w(t), v = se({}), f = async () => {
+    n.value = !0;
+    try {
+      const d = {
+        ...v,
+        page: a.value,
+        pageSize: o.value
+      }, I = await s(d);
+      l.value = I.list, i.value = I.total;
+    } catch (d) {
+      console.error(d);
+    } finally {
+      n.value = !1;
+    }
+  }, y = () => {
+    a.value = 1, f();
+  }, p = () => {
+    Object.keys(v).forEach((d) => {
+      v[d] = void 0;
+    }), a.value = 1, f();
+  }, k = (d) => {
+    a.value = d, f();
+  }, _ = (d) => {
+    o.value = d, a.value = 1, f();
+  }, r = () => {
+    f();
+  }, u = g(() => ({
+    current: a.value,
+    pageSize: o.value,
+    total: i.value
+  }));
+  return {
+    loading: n,
+    data: l,
+    total: i,
+    currentPage: a,
+    pageSize: o,
+    searchParams: v,
+    pagination: u,
+    getData: f,
+    handleSearch: y,
+    handleReset: p,
+    handlePageChange: k,
+    handleSizeChange: _,
+    refresh: r
+  };
+}
+const He = { class: "sidebar" }, Ke = { class: "sidebar__logo" }, We = {
+  key: 0,
+  class: "sidebar__search"
+}, Ye = {
+  key: 0,
+  class: "sidebar__search-results"
+}, qe = ["onClick"], Je = { class: "menu-icon" }, Xe = { class: "sidebar__search-item-info" }, Qe = { class: "sidebar__search-item-title" }, Ze = {
+  key: 0,
+  class: "sidebar__search-item-parent"
+}, Ge = { class: "menu-icon" }, et = { class: "menu-icon" }, tt = { class: "menu-icon" }, st = {
+  key: 1,
+  class: "sidebar__user"
+}, nt = { class: "sidebar__user-info" }, ot = { class: "sidebar__user-name" }, at = { class: "sidebar__user-role" }, rt = /* @__PURE__ */ Q({
+  __name: "Sidebar",
+  setup(e) {
+    const { logout: s, userName: t, userInfo: n } = G(), {
+      searchKeyword: l,
+      activeMenu: i,
+      isCollapsed: a,
+      searchResults: o,
+      filteredMenuList: v,
+      getMenuIcon: f,
+      handleMenuSelect: y,
+      handleSearchItemClick: p
+    } = je();
+    return (k, _) => {
+      var r;
+      return C(), T("div", He, [
+        c("div", Ke, [
+          _[1] || (_[1] = c("img", {
+            src: Me,
+            alt: "Logo",
+            class: "sidebar__logo-img"
+          }, null, -1)),
+          ge(c("span", { class: "sidebar__logo-text" }, U(b(R).webTitle), 513), [
+            [ye, !b(a)]
+          ])
+        ]),
+        b(a) ? D("", !0) : (C(), T("div", We, [
+          M(b($e), {
+            modelValue: b(l),
+            "onUpdate:modelValue": _[0] || (_[0] = (u) => be(l) ? l.value = u : null),
+            placeholder: "搜索菜单...",
+            size: "small",
+            clearable: ""
+          }, null, 8, ["modelValue"]),
+          b(o).length > 0 ? (C(), T("div", Ye, [
+            (C(!0), T(V, null, J(b(o), (u) => (C(), T("div", {
+              key: u.path,
+              class: "sidebar__search-item",
+              onClick: (d) => b(p)(u.path)
+            }, [
+              c("span", Je, U(b(f)(u.icon)), 1),
+              c("div", Xe, [
+                c("span", Qe, U(u.title), 1),
+                u.parentTitle ? (C(), T("span", Ze, U(u.parentTitle), 1)) : D("", !0)
+              ])
+            ], 8, qe))), 128))
+          ])) : D("", !0)
+        ])),
+        M(b(Ee), {
+          "default-active": b(i),
+          collapse: b(a),
+          "collapse-transition": !1,
+          class: "sidebar__menu",
+          onSelect: b(y)
+        }, {
+          default: $(() => [
+            (C(!0), T(V, null, J(b(v), (u) => (C(), T(V, {
+              key: u.path
+            }, [
+              u.children && u.children.length > 0 ? (C(), X(b(xe), {
+                key: 0,
+                index: u.path
+              }, {
+                title: $(() => [
+                  c("span", Ge, U(b(f)(u.icon)), 1),
+                  c("span", null, U(u.title), 1)
+                ]),
+                default: $(() => [
+                  (C(!0), T(V, null, J(u.children, (d) => (C(), X(b(te), {
+                    key: d.path,
+                    index: d.path
+                  }, {
+                    default: $(() => [
+                      c("span", et, U(b(f)(d.icon)), 1),
+                      c("span", null, U(d.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["index"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["index"])) : (C(), X(b(te), {
+                key: 1,
+                index: u.path
+              }, {
+                default: $(() => [
+                  c("span", tt, U(b(f)(u.icon)), 1),
+                  c("span", null, U(u.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["index"]))
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["default-active", "collapse", "onSelect"]),
+        b(a) ? D("", !0) : (C(), T("div", st, [
+          c("div", nt, [
+            c("span", ot, U(b(t) || "用户"), 1),
+            c("span", at, U(((r = b(n)) == null ? void 0 : r.departmentName) || ""), 1)
+          ]),
+          M(b(Ne), {
+            type: "text",
+            size: "small",
+            onClick: b(s)
+          }, {
+            default: $(() => [..._[2] || (_[2] = [
+              we("退出", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]))
+      ]);
+    };
+  }
+}), z = (e, s) => {
+  const t = e.__vccOpts || e;
+  for (const [n, l] of s)
+    t[n] = l;
+  return t;
+}, lt = /* @__PURE__ */ z(rt, [["__scopeId", "data-v-bd43a7b8"]]), ct = { class: "header" }, it = { class: "header__right" }, ut = ["title"], dt = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, ht = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, pt = { key: 0 }, mt = { key: 1 }, vt = { class: "header__avatar" }, ft = { class: "header__user-name" }, _t = {
+  key: 0,
+  class: "header__dropdown"
+}, gt = { class: "header__dropdown-header" }, yt = { class: "header__dropdown-avatar" }, bt = { class: "header__dropdown-info" }, wt = { class: "header__dropdown-name" }, kt = { class: "header__dropdown-role" }, It = /* @__PURE__ */ Q({
+  __name: "Header",
+  setup(e) {
+    const s = Y(), { logout: t, userName: n, userInfo: l } = G(), i = w(!1), a = w(null), o = w(!1), v = g(() => n.value || "用户"), f = () => {
+      s.toggleCollapse();
+    }, y = () => {
+      s.toggleTheme();
+    }, p = () => {
+      document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
+    }, k = () => {
+      o.value = !!document.fullscreenElement;
+    }, _ = () => {
+      i.value = !i.value;
+    }, r = () => {
+      i.value = !1;
+    }, u = async () => {
+      r(), await t();
+    }, d = (I) => {
+      a.value && !a.value.contains(I.target) && r();
+    };
+    return ke(() => {
+      document.addEventListener("click", d), document.addEventListener("fullscreenchange", k);
+    }), Ie(() => {
+      document.removeEventListener("click", d), document.removeEventListener("fullscreenchange", k);
+    }), (I, h) => (C(), T("div", ct, [
+      c("div", { class: "header__left" }, [
+        c("div", {
+          class: "header__collapse",
+          onClick: f
+        }, [...h[0] || (h[0] = [
+          c("span", null, "☰", -1)
+        ])])
+      ]),
+      c("div", it, [
+        c("div", {
+          class: "header__action",
+          onClick: p,
+          title: o.value ? "退出全屏" : "全屏"
+        }, [
+          o.value ? (C(), T("svg", dt, [...h[1] || (h[1] = [
+            c("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }, null, -1)
+          ])])) : (C(), T("svg", ht, [...h[2] || (h[2] = [
+            c("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }, null, -1)
+          ])]))
+        ], 8, ut),
+        c("div", {
+          class: "header__action",
+          onClick: y,
+          title: "切换主题"
+        }, [
+          b(s).isDark ? (C(), T("span", pt, "🌙")) : (C(), T("span", mt, "☀️"))
+        ]),
+        c("div", {
+          class: "header__user",
+          ref_key: "dropdownRef",
+          ref: a
+        }, [
+          c("div", {
+            class: "header__user-trigger",
+            onClick: Ce(_, ["stop"])
+          }, [
+            c("div", vt, [
+              c("span", null, U(v.value.charAt(0)), 1)
+            ]),
+            c("span", ft, U(v.value), 1),
+            c("span", {
+              class: Se(["header__user-arrow", { "is-active": i.value }])
+            }, "▼", 2)
+          ]),
+          M(Le, { name: "dropdown" }, {
+            default: $(() => {
+              var L;
+              return [
+                i.value ? (C(), T("div", _t, [
+                  c("div", gt, [
+                    c("div", yt, [
+                      c("span", null, U(v.value.charAt(0)), 1)
+                    ]),
+                    c("div", bt, [
+                      c("div", wt, U(v.value), 1),
+                      c("div", kt, U(((L = b(l)) == null ? void 0 : L.departmentName) || ""), 1)
+                    ])
+                  ]),
+                  h[4] || (h[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: u
+                    }, [...h[3] || (h[3] = [
+                      c("span", { class: "header__dropdown-icon" }, "🚪", -1),
+                      c("span", null, "退出登录", -1)
+                    ])])
+                  ])
+                ])) : D("", !0)
+              ];
+            }),
+            _: 1
+          })
+        ], 512)
+      ])
+    ]));
+  }
+}), Ct = /* @__PURE__ */ z(It, [["__scopeId", "data-v-2bf8f3d2"]]), St = { class: "layout" }, Lt = { class: "layout__main" }, Tt = { class: "layout__content" }, Ut = /* @__PURE__ */ Q({
+  __name: "index",
+  setup(e) {
+    const s = Y(), t = g(
+      () => s.isCollapsed ? "64px" : "210px"
+    );
+    return (n, l) => {
+      const i = Te("router-view");
+      return C(), T("div", St, [
+        c("aside", {
+          class: "layout__aside",
+          style: Ue({ width: t.value })
+        }, [
+          M(lt)
+        ], 4),
+        c("div", Lt, [
+          M(Ct, { class: "layout__header" }),
+          c("main", Tt, [
+            M(i)
+          ])
+        ])
+      ]);
+    };
+  }
+}), At = /* @__PURE__ */ z(Ut, [["__scopeId", "data-v-1a24e6d0"]]), Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: At
+}, Symbol.toStringTag, { value: "Module" })), xt = {}, Nt = { class: "tabs-wrapper" };
+function $t(e, s) {
+  return C(), T("div", Nt);
+}
+const os = /* @__PURE__ */ z(xt, [["render", $t], ["__scopeId", "data-v-3b1e382a"]]), Mt = {}, Rt = { class: "footer" };
+function Pt(e, s) {
+  return C(), T("div", Rt, [...s[0] || (s[0] = [
+    c("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
+  ])]);
+}
+const as = /* @__PURE__ */ z(Mt, [["render", Pt], ["__scopeId", "data-v-317ae311"]]);
+function rs(e) {
+  const s = O(), t = window.location.pathname, l = (s.menuBtnListMap[t] || []).map((i) => i.code);
+  return Array.isArray(e) ? e.some((i) => l.includes(i)) : l.includes(e);
+}
+function ls() {
+  return !0;
+}
+const pe = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => import("./index-Be9RiEfo.js"),
+    meta: {
+      title: "登录",
+      hidden: !0
+    }
+  },
+  {
+    path: "/404",
+    name: "NotFound",
+    component: () => import("./404-BurAu5LC.js"),
+    meta: {
+      title: "404",
+      hidden: !0
+    }
+  },
+  {
+    path: "/403",
+    name: "Forbidden",
+    component: () => import("./403-DM5wfQkM.js"),
+    meta: {
+      title: "403",
+      hidden: !0
+    }
+  }
+], me = {
+  path: "/:pathMatch(.*)*",
+  redirect: "/404",
+  meta: {
+    hidden: !0
+  }
+}, ve = {
+  path: "/",
+  name: "Layout",
+  component: () => Promise.resolve().then(() => Et),
+  redirect: "/dashboard",
+  children: [
+    {
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("./index-CQLVXvNJ.js"),
+      meta: {
+        title: "仪表盘",
+        icon: "dashboard",
+        keepAlive: !0,
+        affix: !0
+      }
+    },
+    {
+      path: "/system/user",
+      name: "SystemUser",
+      component: () => import("./index-xauR1bOL.js"),
+      meta: {
+        title: "用户管理",
+        icon: "user",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/role",
+      name: "SystemRole",
+      component: () => import("./index-BNiEld34.js"),
+      meta: {
+        title: "角色管理",
+        icon: "role",
+        keepAlive: !0
+      }
+    },
+    {
+      path: "/system/menu",
+      name: "SystemMenu",
+      component: () => import("./index-CyiE8n2V.js"),
+      meta: {
+        title: "菜单管理",
+        icon: "menu",
+        keepAlive: !0
+      }
+    }
+  ]
+}, cs = [
+  {
+    path: "/dashboard",
+    name: "Dashboard",
+    component: () => import("./index-CQLVXvNJ.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-xauR1bOL.js"),
+        meta: {
+          title: "用户管理",
+          icon: "user",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "role",
+        name: "SystemRole",
+        component: () => import("./index-BNiEld34.js"),
+        meta: {
+          title: "角色管理",
+          icon: "role",
+          keepAlive: !0
+        }
+      },
+      {
+        path: "menu",
+        name: "SystemMenu",
+        component: () => import("./index-CyiE8n2V.js"),
+        meta: {
+          title: "菜单管理",
+          icon: "menu",
+          keepAlive: !0
+        }
+      }
+    ]
+  }
+], is = [
+  {
+    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
+      }
+    ]
+  }
+], fe = ae({
+  history: re(),
+  routes: [...pe, ve, me],
+  scrollBehavior: () => ({ left: 0, top: 0 })
+}), Dt = ["/login", "/404", "/403"];
+fe.beforeEach(async (e, s, t) => {
+  const n = Y();
+  if (n.initTheme(), ue())
+    if (e.path === "/login")
+      t({ path: "/" });
+    else {
+      const { initApp: l, isLoggedIn: i } = G();
+      if (!i.value && !await l()) {
+        t("/login");
+        return;
+      }
+      e.name && e.meta.keepAlive && n.addCachedView(e.name), t();
+    }
+  else
+    Dt.includes(e.path) ? t() : t({ path: "/login", query: { redirectUrl: encodeURIComponent(e.fullPath) } });
+});
+function us() {
+  const e = ae({
+    history: re(),
+    routes: [...pe, ve, me]
+  });
+  fe.matcher = e.matcher;
+}
+var Bt = /* @__PURE__ */ ((e) => (e[e.ENABLED = 1] = "ENABLED", e[e.DISABLED = 0] = "DISABLED", e))(Bt || {}), Ot = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.MALE = 1] = "MALE", e[e.FEMALE = 2] = "FEMALE", e))(Ot || {}), Ft = /* @__PURE__ */ ((e) => (e[e.DIRECTORY = 0] = "DIRECTORY", e[e.MENU = 1] = "MENU", e[e.BUTTON = 2] = "BUTTON", e))(Ft || {});
+const ds = {
+  1: "启用",
+  0: "禁用"
+}, hs = {
+  0: "未知",
+  1: "男",
+  2: "女"
+}, ps = {
+  0: "目录",
+  1: "菜单",
+  2: "按钮"
+}, ms = [
+  {
+    label: "启用",
+    value: 1
+    /* ENABLED */
+  },
+  {
+    label: "禁用",
+    value: 0
+    /* DISABLED */
+  }
+], vs = [
+  {
+    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 */
+  }
+], _s = {
+  mounted(e, s) {
+    var v;
+    const t = O(), { value: n } = s;
+    if (!n) return;
+    const l = window.location.pathname, a = (t.menuBtnListMap[l] || []).map((f) => f.code);
+    let o = !1;
+    Array.isArray(n) ? o = n.some((f) => a.includes(f)) : o = a.includes(n), o || (v = e.parentNode) == null || v.removeChild(e);
+  }
+};
+export {
+  O as $,
+  ve as A,
+  m as B,
+  H as C,
+  Be as D,
+  es as E,
+  as as F,
+  Ot as G,
+  Ct as H,
+  Oe as I,
+  is as J,
+  _s as K,
+  us as L,
+  Ft as M,
+  fe as N,
+  Jt as O,
+  K as P,
+  Re as Q,
+  Qt as R,
+  lt as S,
+  os as T,
+  pe as U,
+  Y as V,
+  ts as W,
+  de as X,
+  ss as Y,
+  je as Z,
+  Me as _,
+  z as a,
+  ns as a0,
+  he as a1,
+  vs as b,
+  hs as c,
+  fs as d,
+  ps as e,
+  Bt as f,
+  ms as g,
+  ds as h,
+  At as i,
+  R as j,
+  ie as k,
+  Gt as l,
+  cs as m,
+  me as n,
+  Xt as o,
+  Fe as p,
+  B as q,
+  ce as r,
+  Pe as s,
+  Zt as t,
+  G as u,
+  ze as v,
+  rs as w,
+  ue as x,
+  F as y,
+  ls as z
+};