jmash-core 0.0.11 → 0.0.13

package/dist/index-hZzxBNan.mjs

@@ -0,0 +1,3447 @@
+import { b as ke, i as Ee, u as ne, _ as ue, d as Ve, E as we, w as at, a as lt, c as cn, e as vt, f as dn, U as _t, g as ve, h as Fe, C as fn, j as xt, k as Dt, l as mn, m as pn, n as hn, o as vn, p as _n, q as gn, r as je, s as bn, t as Et, v as zt, x as Ht, y as Wt, z as Tt, A as re, B as yn, D as kn, F as Cn, G as $n, H as Mn, I as wn, J as Qe, K as Je, L as ut, M as Sn, T as xn, N as nt, O as En, P as It, Q as Tn, R as In, S as An, V as Pn, W as Vn, X as _e, Y as Ln, Z as Ne, $ as gt, a0 as Nn, a1 as Se, a2 as et, a3 as On, a4 as ze, a5 as Bn, a6 as ie, a7 as At, a8 as Pt, a9 as Xe, aa as ct, ab as Rn, ac as Fn, ad as Dn, ae as zn, af as bt, ag as He, ah as Hn } from "./index-CPqNZOs9.mjs";
+import { E as qt, a as Kt, b as Ut } from "./el-dropdown-item-CSpUSfWV.mjs";
+import { _ as Wn } from "./index.vue_vue_type_script_setup_true_lang-DWjQT4jn.mjs";
+import { defineComponent as D, ref as T, provide as We, onMounted as pe, openBlock as m, createElementBlock as $, normalizeClass as w, unref as r, renderSlot as ae, getCurrentInstance as ge, inject as Le, createElementVNode as C, createBlock as L, withCtx as M, resolveDynamicComponent as st, toDisplayString as U, shallowRef as Vt, watch as ee, computed as E, normalizeStyle as ye, watchEffect as yt, Fragment as oe, renderList as xe, reactive as rt, nextTick as $e, withDirectives as Me, withKeys as Lt, createVNode as _, createCommentVNode as H, createTextVNode as Q, vShow as qe, useSlots as qn, Teleport as Kn, Transition as it, mergeProps as jt, withModifiers as Te, onBeforeUnmount as Xt, h as te, toRef as Un, resolveComponent as Oe, isRef as ot, onBeforeMount as jn, TransitionGroup as Xn, pushScopeId as Gn, popScopeId as Yn, KeepAlive as Zn, normalizeProps as Jn, guardReactiveProps as Qn } from "vue";
+import { useRoute as Ge, useRouter as kt } from "vue-router";
+import { _ as eo } from "./updatePwd.vue_vue_type_script_setup_true_lang-3mhiAxD4.mjs";
+import { _ as to } from "./runAs.vue_vue_type_script_setup_true_lang-i0DdmfK1.mjs";
+import { g as Ct } from "./position-Ba7wRAlR.mjs";
+import { E as no } from "./el-divider-8Ov9f55F.mjs";
+import { storeToRefs as oo } from "pinia";
+import { _ as ao } from "./index-W4pvCYhJ.mjs";
+const Gt = Symbol("breadcrumbKey"), lo = ke({
+  separator: {
+    type: String,
+    default: "/"
+  },
+  separatorIcon: {
+    type: Ee
+  }
+}), so = D({
+  name: "ElBreadcrumb"
+}), ro = /* @__PURE__ */ D({
+  ...so,
+  props: lo,
+  setup(e) {
+    const n = e, t = ne("breadcrumb"), o = T();
+    return We(Gt, n), pe(() => {
+      const s = o.value.querySelectorAll(`.${t.e("item")}`);
+      s.length && s[s.length - 1].setAttribute("aria-current", "page");
+    }), (s, a) => (m(), $("div", {
+      ref_key: "breadcrumb",
+      ref: o,
+      class: w(r(t).b()),
+      "aria-label": "Breadcrumb",
+      role: "navigation"
+    }, [
+      ae(s.$slots, "default")
+    ], 2));
+  }
+});
+var io = /* @__PURE__ */ ue(ro, [["__file", "breadcrumb.vue"]]);
+const uo = ke({
+  to: {
+    type: Ve([String, Object]),
+    default: ""
+  },
+  replace: {
+    type: Boolean,
+    default: !1
+  }
+}), co = D({
+  name: "ElBreadcrumbItem"
+}), fo = /* @__PURE__ */ D({
+  ...co,
+  props: uo,
+  setup(e) {
+    const n = e, t = ge(), o = Le(Gt, void 0), s = ne("breadcrumb"), a = t.appContext.config.globalProperties.$router, l = T(), u = () => {
+      !n.to || !a || (n.replace ? a.replace(n.to) : a.push(n.to));
+    };
+    return (i, c) => {
+      var f, d;
+      return m(), $("span", {
+        class: w(r(s).e("item"))
+      }, [
+        C("span", {
+          ref_key: "link",
+          ref: l,
+          class: w([r(s).e("inner"), r(s).is("link", !!i.to)]),
+          role: "link",
+          onClick: u
+        }, [
+          ae(i.$slots, "default")
+        ], 2),
+        (f = r(o)) != null && f.separatorIcon ? (m(), L(r(we), {
+          key: 0,
+          class: w(r(s).e("separator"))
+        }, {
+          default: M(() => [
+            (m(), L(st(r(o).separatorIcon)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : (m(), $("span", {
+          key: 1,
+          class: w(r(s).e("separator")),
+          role: "presentation"
+        }, U((d = r(o)) == null ? void 0 : d.separator), 3))
+      ], 2);
+    };
+  }
+});
+var Yt = /* @__PURE__ */ ue(fo, [["__file", "breadcrumb-item.vue"]]);
+const mo = at(io, {
+  BreadcrumbItem: Yt
+}), po = lt(Yt), ho = ke({
+  color: {
+    type: Ve(Object),
+    required: !0
+  },
+  vertical: {
+    type: Boolean,
+    default: !1
+  }
+});
+let dt = !1;
+function Ke(e, n) {
+  if (!cn)
+    return;
+  const t = function(a) {
+    var l;
+    (l = n.drag) == null || l.call(n, a);
+  }, o = function(a) {
+    var l;
+    document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", o), document.removeEventListener("touchmove", t), document.removeEventListener("touchend", o), document.onselectstart = null, document.ondragstart = null, dt = !1, (l = n.end) == null || l.call(n, a);
+  }, s = function(a) {
+    var l;
+    dt || (a.preventDefault(), document.onselectstart = () => !1, document.ondragstart = () => !1, document.addEventListener("mousemove", t), document.addEventListener("mouseup", o), document.addEventListener("touchmove", t), document.addEventListener("touchend", o), dt = !0, (l = n.start) == null || l.call(n, a));
+  };
+  e.addEventListener("mousedown", s), e.addEventListener("touchstart", s);
+}
+const vo = (e) => {
+  const n = ge(), t = Vt(), o = Vt();
+  function s(l) {
+    l.target !== t.value && a(l);
+  }
+  function a(l) {
+    if (!o.value || !t.value)
+      return;
+    const i = n.vnode.el.getBoundingClientRect(), { clientX: c, clientY: f } = Ct(l);
+    if (e.vertical) {
+      let d = f - i.top;
+      d = Math.max(t.value.offsetHeight / 2, d), d = Math.min(d, i.height - t.value.offsetHeight / 2), e.color.set("alpha", Math.round((d - t.value.offsetHeight / 2) / (i.height - t.value.offsetHeight) * 100));
+    } else {
+      let d = c - i.left;
+      d = Math.max(t.value.offsetWidth / 2, d), d = Math.min(d, i.width - t.value.offsetWidth / 2), e.color.set("alpha", Math.round((d - t.value.offsetWidth / 2) / (i.width - t.value.offsetWidth) * 100));
+    }
+  }
+  return {
+    thumb: t,
+    bar: o,
+    handleDrag: a,
+    handleClick: s
+  };
+}, _o = (e, {
+  bar: n,
+  thumb: t,
+  handleDrag: o
+}) => {
+  const s = ge(), a = ne("color-alpha-slider"), l = T(0), u = T(0), i = T();
+  function c() {
+    if (!t.value || e.vertical)
+      return 0;
+    const N = s.vnode.el, b = e.color.get("alpha");
+    return N ? Math.round(b * (N.offsetWidth - t.value.offsetWidth / 2) / 100) : 0;
+  }
+  function f() {
+    if (!t.value)
+      return 0;
+    const N = s.vnode.el;
+    if (!e.vertical)
+      return 0;
+    const b = e.color.get("alpha");
+    return N ? Math.round(b * (N.offsetHeight - t.value.offsetHeight / 2) / 100) : 0;
+  }
+  function d() {
+    if (e.color && e.color.value) {
+      const { r: N, g: b, b: Z } = e.color.toRgb();
+      return `linear-gradient(to right, rgba(${N}, ${b}, ${Z}, 0) 0%, rgba(${N}, ${b}, ${Z}, 1) 100%)`;
+    }
+    return "";
+  }
+  function p() {
+    l.value = c(), u.value = f(), i.value = d();
+  }
+  pe(() => {
+    if (!n.value || !t.value)
+      return;
+    const N = {
+      drag: (b) => {
+        o(b);
+      },
+      end: (b) => {
+        o(b);
+      }
+    };
+    Ke(n.value, N), Ke(t.value, N), p();
+  }), ee(() => e.color.get("alpha"), () => p()), ee(() => e.color.value, () => p());
+  const v = E(() => [a.b(), a.is("vertical", e.vertical)]), g = E(() => a.e("bar")), k = E(() => a.e("thumb")), S = E(() => ({ background: i.value })), R = E(() => ({
+    left: vt(l.value),
+    top: vt(u.value)
+  }));
+  return { rootKls: v, barKls: g, barStyle: S, thumbKls: k, thumbStyle: R, update: p };
+}, go = "ElColorAlphaSlider", bo = D({
+  name: go
+}), yo = /* @__PURE__ */ D({
+  ...bo,
+  props: ho,
+  setup(e, { expose: n }) {
+    const t = e, { bar: o, thumb: s, handleDrag: a, handleClick: l } = vo(t), { rootKls: u, barKls: i, barStyle: c, thumbKls: f, thumbStyle: d, update: p } = _o(t, {
+      bar: o,
+      thumb: s,
+      handleDrag: a
+    });
+    return n({
+      update: p,
+      bar: o,
+      thumb: s
+    }), (v, g) => (m(), $("div", {
+      class: w(r(u))
+    }, [
+      C("div", {
+        ref_key: "bar",
+        ref: o,
+        class: w(r(i)),
+        style: ye(r(c)),
+        onClick: g[0] || (g[0] = (...k) => r(l) && r(l)(...k))
+      }, null, 6),
+      C("div", {
+        ref_key: "thumb",
+        ref: s,
+        class: w(r(f)),
+        style: ye(r(d))
+      }, null, 6)
+    ], 2));
+  }
+});
+var ko = /* @__PURE__ */ ue(yo, [["__file", "alpha-slider.vue"]]);
+const Co = D({
+  name: "ElColorHueSlider",
+  props: {
+    color: {
+      type: Object,
+      required: !0
+    },
+    vertical: Boolean
+  },
+  setup(e) {
+    const n = ne("color-hue-slider"), t = ge(), o = T(), s = T(), a = T(0), l = T(0), u = E(() => e.color.get("hue"));
+    ee(() => u.value, () => {
+      p();
+    });
+    function i(v) {
+      v.target !== o.value && c(v);
+    }
+    function c(v) {
+      if (!s.value || !o.value)
+        return;
+      const k = t.vnode.el.getBoundingClientRect(), { clientX: S, clientY: R } = Ct(v);
+      let N;
+      if (e.vertical) {
+        let b = R - k.top;
+        b = Math.min(b, k.height - o.value.offsetHeight / 2), b = Math.max(o.value.offsetHeight / 2, b), N = Math.round((b - o.value.offsetHeight / 2) / (k.height - o.value.offsetHeight) * 360);
+      } else {
+        let b = S - k.left;
+        b = Math.min(b, k.width - o.value.offsetWidth / 2), b = Math.max(o.value.offsetWidth / 2, b), N = Math.round((b - o.value.offsetWidth / 2) / (k.width - o.value.offsetWidth) * 360);
+      }
+      e.color.set("hue", N);
+    }
+    function f() {
+      if (!o.value)
+        return 0;
+      const v = t.vnode.el;
+      if (e.vertical)
+        return 0;
+      const g = e.color.get("hue");
+      return v ? Math.round(g * (v.offsetWidth - o.value.offsetWidth / 2) / 360) : 0;
+    }
+    function d() {
+      if (!o.value)
+        return 0;
+      const v = t.vnode.el;
+      if (!e.vertical)
+        return 0;
+      const g = e.color.get("hue");
+      return v ? Math.round(g * (v.offsetHeight - o.value.offsetHeight / 2) / 360) : 0;
+    }
+    function p() {
+      a.value = f(), l.value = d();
+    }
+    return pe(() => {
+      if (!s.value || !o.value)
+        return;
+      const v = {
+        drag: (g) => {
+          c(g);
+        },
+        end: (g) => {
+          c(g);
+        }
+      };
+      Ke(s.value, v), Ke(o.value, v), p();
+    }), {
+      bar: s,
+      thumb: o,
+      thumbLeft: a,
+      thumbTop: l,
+      hueValue: u,
+      handleClick: i,
+      update: p,
+      ns: n
+    };
+  }
+});
+function $o(e, n, t, o, s, a) {
+  return m(), $("div", {
+    class: w([e.ns.b(), e.ns.is("vertical", e.vertical)])
+  }, [
+    C("div", {
+      ref: "bar",
+      class: w(e.ns.e("bar")),
+      onClick: n[0] || (n[0] = (...l) => e.handleClick && e.handleClick(...l))
+    }, null, 2),
+    C("div", {
+      ref: "thumb",
+      class: w(e.ns.e("thumb")),
+      style: ye({
+        left: e.thumbLeft + "px",
+        top: e.thumbTop + "px"
+      })
+    }, null, 6)
+  ], 2);
+}
+var Mo = /* @__PURE__ */ ue(Co, [["render", $o], ["__file", "hue-slider.vue"]]);
+const wo = ke({
+  modelValue: String,
+  id: String,
+  showAlpha: Boolean,
+  colorFormat: String,
+  disabled: Boolean,
+  size: dn,
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  label: {
+    type: String,
+    default: void 0
+  },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  predefine: {
+    type: Ve(Array)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  }
+}), So = {
+  [_t]: (e) => ve(e) || Fe(e),
+  [fn]: (e) => ve(e) || Fe(e),
+  activeChange: (e) => ve(e) || Fe(e),
+  focus: (e) => e instanceof FocusEvent,
+  blur: (e) => e instanceof FocusEvent
+}, Zt = Symbol("colorPickerContextKey"), Nt = function(e, n, t) {
+  return [
+    e,
+    n * t / ((e = (2 - n) * t) < 1 ? e : 2 - e) || 0,
+    e / 2
+  ];
+}, xo = function(e) {
+  return typeof e == "string" && e.includes(".") && Number.parseFloat(e) === 1;
+}, Eo = function(e) {
+  return typeof e == "string" && e.includes("%");
+}, Ie = function(e, n) {
+  xo(e) && (e = "100%");
+  const t = Eo(e);
+  return e = Math.min(n, Math.max(0, Number.parseFloat(`${e}`))), t && (e = Number.parseInt(`${e * n}`, 10) / 100), Math.abs(e - n) < 1e-6 ? 1 : e % n / Number.parseFloat(n);
+}, Ot = {
+  10: "A",
+  11: "B",
+  12: "C",
+  13: "D",
+  14: "E",
+  15: "F"
+}, tt = (e) => {
+  e = Math.min(Math.round(e), 255);
+  const n = Math.floor(e / 16), t = e % 16;
+  return `${Ot[n] || n}${Ot[t] || t}`;
+}, Bt = function({ r: e, g: n, b: t }) {
+  return Number.isNaN(+e) || Number.isNaN(+n) || Number.isNaN(+t) ? "" : `#${tt(e)}${tt(n)}${tt(t)}`;
+}, ft = {
+  A: 10,
+  B: 11,
+  C: 12,
+  D: 13,
+  E: 14,
+  F: 15
+}, Ce = function(e) {
+  return e.length === 2 ? (ft[e[0].toUpperCase()] || +e[0]) * 16 + (ft[e[1].toUpperCase()] || +e[1]) : ft[e[1].toUpperCase()] || +e[1];
+}, To = function(e, n, t) {
+  n = n / 100, t = t / 100;
+  let o = n;
+  const s = Math.max(t, 0.01);
+  t *= 2, n *= t <= 1 ? t : 2 - t, o *= s <= 1 ? s : 2 - s;
+  const a = (t + n) / 2, l = t === 0 ? 2 * o / (s + o) : 2 * n / (t + n);
+  return {
+    h: e,
+    s: l * 100,
+    v: a * 100
+  };
+}, Rt = (e, n, t) => {
+  e = Ie(e, 255), n = Ie(n, 255), t = Ie(t, 255);
+  const o = Math.max(e, n, t), s = Math.min(e, n, t);
+  let a;
+  const l = o, u = o - s, i = o === 0 ? 0 : u / o;
+  if (o === s)
+    a = 0;
+  else {
+    switch (o) {
+      case e: {
+        a = (n - t) / u + (n < t ? 6 : 0);
+        break;
+      }
+      case n: {
+        a = (t - e) / u + 2;
+        break;
+      }
+      case t: {
+        a = (e - n) / u + 4;
+        break;
+      }
+    }
+    a /= 6;
+  }
+  return { h: a * 360, s: i * 100, v: l * 100 };
+}, Re = function(e, n, t) {
+  e = Ie(e, 360) * 6, n = Ie(n, 100), t = Ie(t, 100);
+  const o = Math.floor(e), s = e - o, a = t * (1 - n), l = t * (1 - s * n), u = t * (1 - (1 - s) * n), i = o % 6, c = [t, l, a, a, u, t][i], f = [u, t, t, l, a, a][i], d = [a, a, u, t, t, l][i];
+  return {
+    r: Math.round(c * 255),
+    g: Math.round(f * 255),
+    b: Math.round(d * 255)
+  };
+};
+class De {
+  constructor(n = {}) {
+    this._hue = 0, this._saturation = 100, this._value = 100, this._alpha = 100, this.enableAlpha = !1, this.format = "hex", this.value = "";
+    for (const t in n)
+      xt(n, t) && (this[t] = n[t]);
+    n.value ? this.fromString(n.value) : this.doOnChange();
+  }
+  set(n, t) {
+    if (arguments.length === 1 && typeof n == "object") {
+      for (const o in n)
+        xt(n, o) && this.set(o, n[o]);
+      return;
+    }
+    this[`_${n}`] = t, this.doOnChange();
+  }
+  get(n) {
+    return n === "alpha" ? Math.floor(this[`_${n}`]) : this[`_${n}`];
+  }
+  toRgb() {
+    return Re(this._hue, this._saturation, this._value);
+  }
+  fromString(n) {
+    if (!n) {
+      this._hue = 0, this._saturation = 100, this._value = 100, this.doOnChange();
+      return;
+    }
+    const t = (o, s, a) => {
+      this._hue = Math.max(0, Math.min(360, o)), this._saturation = Math.max(0, Math.min(100, s)), this._value = Math.max(0, Math.min(100, a)), this.doOnChange();
+    };
+    if (n.includes("hsl")) {
+      const o = n.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((s) => s !== "").map((s, a) => a > 2 ? Number.parseFloat(s) : Number.parseInt(s, 10));
+      if (o.length === 4 ? this._alpha = Number.parseFloat(o[3]) * 100 : o.length === 3 && (this._alpha = 100), o.length >= 3) {
+        const { h: s, s: a, v: l } = To(o[0], o[1], o[2]);
+        t(s, a, l);
+      }
+    } else if (n.includes("hsv")) {
+      const o = n.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((s) => s !== "").map((s, a) => a > 2 ? Number.parseFloat(s) : Number.parseInt(s, 10));
+      o.length === 4 ? this._alpha = Number.parseFloat(o[3]) * 100 : o.length === 3 && (this._alpha = 100), o.length >= 3 && t(o[0], o[1], o[2]);
+    } else if (n.includes("rgb")) {
+      const o = n.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((s) => s !== "").map((s, a) => a > 2 ? Number.parseFloat(s) : Number.parseInt(s, 10));
+      if (o.length === 4 ? this._alpha = Number.parseFloat(o[3]) * 100 : o.length === 3 && (this._alpha = 100), o.length >= 3) {
+        const { h: s, s: a, v: l } = Rt(o[0], o[1], o[2]);
+        t(s, a, l);
+      }
+    } else if (n.includes("#")) {
+      const o = n.replace("#", "").trim();
+      if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(o))
+        return;
+      let s, a, l;
+      o.length === 3 ? (s = Ce(o[0] + o[0]), a = Ce(o[1] + o[1]), l = Ce(o[2] + o[2])) : (o.length === 6 || o.length === 8) && (s = Ce(o.slice(0, 2)), a = Ce(o.slice(2, 4)), l = Ce(o.slice(4, 6))), o.length === 8 ? this._alpha = Ce(o.slice(6)) / 255 * 100 : (o.length === 3 || o.length === 6) && (this._alpha = 100);
+      const { h: u, s: i, v: c } = Rt(s, a, l);
+      t(u, i, c);
+    }
+  }
+  compare(n) {
+    return Math.abs(n._hue - this._hue) < 2 && Math.abs(n._saturation - this._saturation) < 1 && Math.abs(n._value - this._value) < 1 && Math.abs(n._alpha - this._alpha) < 1;
+  }
+  doOnChange() {
+    const { _hue: n, _saturation: t, _value: o, _alpha: s, format: a } = this;
+    if (this.enableAlpha)
+      switch (a) {
+        case "hsl": {
+          const l = Nt(n, t / 100, o / 100);
+          this.value = `hsla(${n}, ${Math.round(l[1] * 100)}%, ${Math.round(l[2] * 100)}%, ${this.get("alpha") / 100})`;
+          break;
+        }
+        case "hsv": {
+          this.value = `hsva(${n}, ${Math.round(t)}%, ${Math.round(o)}%, ${this.get("alpha") / 100})`;
+          break;
+        }
+        case "hex": {
+          this.value = `${Bt(Re(n, t, o))}${tt(s * 255 / 100)}`;
+          break;
+        }
+        default: {
+          const { r: l, g: u, b: i } = Re(n, t, o);
+          this.value = `rgba(${l}, ${u}, ${i}, ${this.get("alpha") / 100})`;
+        }
+      }
+    else
+      switch (a) {
+        case "hsl": {
+          const l = Nt(n, t / 100, o / 100);
+          this.value = `hsl(${n}, ${Math.round(l[1] * 100)}%, ${Math.round(l[2] * 100)}%)`;
+          break;
+        }
+        case "hsv": {
+          this.value = `hsv(${n}, ${Math.round(t)}%, ${Math.round(o)}%)`;
+          break;
+        }
+        case "rgb": {
+          const { r: l, g: u, b: i } = Re(n, t, o);
+          this.value = `rgb(${l}, ${u}, ${i})`;
+          break;
+        }
+        default:
+          this.value = Bt(Re(n, t, o));
+      }
+  }
+}
+const Io = D({
+  props: {
+    colors: {
+      type: Array,
+      required: !0
+    },
+    color: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const n = ne("color-predefine"), { currentColor: t } = Le(Zt), o = T(a(e.colors, e.color));
+    ee(() => t.value, (l) => {
+      const u = new De();
+      u.fromString(l), o.value.forEach((i) => {
+        i.selected = u.compare(i);
+      });
+    }), yt(() => {
+      o.value = a(e.colors, e.color);
+    });
+    function s(l) {
+      e.color.fromString(e.colors[l]);
+    }
+    function a(l, u) {
+      return l.map((i) => {
+        const c = new De();
+        return c.enableAlpha = !0, c.format = "rgba", c.fromString(i), c.selected = c.value === u.value, c;
+      });
+    }
+    return {
+      rgbaColors: o,
+      handleSelect: s,
+      ns: n
+    };
+  }
+}), Ao = ["onClick"];
+function Po(e, n, t, o, s, a) {
+  return m(), $("div", {
+    class: w(e.ns.b())
+  }, [
+    C("div", {
+      class: w(e.ns.e("colors"))
+    }, [
+      (m(!0), $(oe, null, xe(e.rgbaColors, (l, u) => (m(), $("div", {
+        key: e.colors[u],
+        class: w([
+          e.ns.e("color-selector"),
+          e.ns.is("alpha", l._alpha < 100),
+          { selected: l.selected }
+        ]),
+        onClick: (i) => e.handleSelect(u)
+      }, [
+        C("div", {
+          style: ye({ backgroundColor: l.value })
+        }, null, 4)
+      ], 10, Ao))), 128))
+    ], 2)
+  ], 2);
+}
+var Vo = /* @__PURE__ */ ue(Io, [["render", Po], ["__file", "predefine.vue"]]);
+const Lo = D({
+  name: "ElSlPanel",
+  props: {
+    color: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const n = ne("color-svpanel"), t = ge(), o = T(0), s = T(0), a = T("hsl(0, 100%, 50%)"), l = E(() => {
+      const c = e.color.get("hue"), f = e.color.get("value");
+      return { hue: c, value: f };
+    });
+    function u() {
+      const c = e.color.get("saturation"), f = e.color.get("value"), d = t.vnode.el, { clientWidth: p, clientHeight: v } = d;
+      s.value = c * p / 100, o.value = (100 - f) * v / 100, a.value = `hsl(${e.color.get("hue")}, 100%, 50%)`;
+    }
+    function i(c) {
+      const d = t.vnode.el.getBoundingClientRect(), { clientX: p, clientY: v } = Ct(c);
+      let g = p - d.left, k = v - d.top;
+      g = Math.max(0, g), g = Math.min(g, d.width), k = Math.max(0, k), k = Math.min(k, d.height), s.value = g, o.value = k, e.color.set({
+        saturation: g / d.width * 100,
+        value: 100 - k / d.height * 100
+      });
+    }
+    return ee(() => l.value, () => {
+      u();
+    }), pe(() => {
+      Ke(t.vnode.el, {
+        drag: (c) => {
+          i(c);
+        },
+        end: (c) => {
+          i(c);
+        }
+      }), u();
+    }), {
+      cursorTop: o,
+      cursorLeft: s,
+      background: a,
+      colorValue: l,
+      handleDrag: i,
+      update: u,
+      ns: n
+    };
+  }
+}), No = /* @__PURE__ */ C("div", null, null, -1), Oo = [
+  No
+];
+function Bo(e, n, t, o, s, a) {
+  return m(), $("div", {
+    class: w(e.ns.b()),
+    style: ye({
+      backgroundColor: e.background
+    })
+  }, [
+    C("div", {
+      class: w(e.ns.e("white"))
+    }, null, 2),
+    C("div", {
+      class: w(e.ns.e("black"))
+    }, null, 2),
+    C("div", {
+      class: w(e.ns.e("cursor")),
+      style: ye({
+        top: e.cursorTop + "px",
+        left: e.cursorLeft + "px"
+      })
+    }, Oo, 6)
+  ], 6);
+}
+var Ro = /* @__PURE__ */ ue(Lo, [["render", Bo], ["__file", "sv-panel.vue"]]);
+const Fo = ["onKeydown"], Do = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"], zo = D({
+  name: "ElColorPicker"
+}), Ho = /* @__PURE__ */ D({
+  ...zo,
+  props: wo,
+  emits: So,
+  setup(e, { expose: n, emit: t }) {
+    const o = e, { t: s } = Dt(), a = ne("color"), { formItem: l } = mn(), u = pn(), i = hn(), { inputId: c, isLabeledByFormItem: f } = vn(o, {
+      formItemContext: l
+    }), d = T(), p = T(), v = T(), g = T(), k = T(), S = T(), {
+      isFocused: R,
+      handleFocus: N,
+      handleBlur: b
+    } = _n(k, {
+      beforeBlur(V) {
+        var J;
+        return (J = g.value) == null ? void 0 : J.isFocusInsideContent(V);
+      },
+      afterBlur() {
+        B(!1), h();
+      }
+    }), Z = (V) => {
+      if (i.value)
+        return Mt();
+      N(V);
+    };
+    let Y = !0;
+    const O = rt(new De({
+      enableAlpha: o.showAlpha,
+      format: o.colorFormat || "",
+      value: o.modelValue
+    })), j = T(!1), P = T(!1), W = T(""), le = E(() => !o.modelValue && !P.value ? "transparent" : I(O, o.showAlpha)), ce = E(() => !o.modelValue && !P.value ? "" : O.value), de = E(() => f.value ? void 0 : o.label || s("el.colorpicker.defaultLabel")), be = E(() => f.value ? l == null ? void 0 : l.labelId : void 0), x = E(() => [
+      a.b("picker"),
+      a.is("disabled", i.value),
+      a.bm("picker", u.value),
+      a.is("focused", R.value)
+    ]);
+    function I(V, J) {
+      if (!(V instanceof De))
+        throw new TypeError("color should be instance of _color Class");
+      const { r: fe, g: wt, b: St } = V.toRgb();
+      return J ? `rgba(${fe}, ${wt}, ${St}, ${V.get("alpha") / 100})` : `rgb(${fe}, ${wt}, ${St})`;
+    }
+    function B(V) {
+      j.value = V;
+    }
+    const X = gn(B, 100, { leading: !0 });
+    function K() {
+      i.value || B(!0);
+    }
+    function y() {
+      X(!1), h();
+    }
+    function h() {
+      $e(() => {
+        o.modelValue ? O.fromString(o.modelValue) : (O.value = "", $e(() => {
+          P.value = !1;
+        }));
+      });
+    }
+    function A() {
+      i.value || X(!j.value);
+    }
+    function F() {
+      O.fromString(W.value);
+    }
+    function q() {
+      const V = O.value;
+      t(_t, V), t("change", V), o.validateEvent && (l == null || l.validate("change").catch((J) => Tt(J))), X(!1), $e(() => {
+        const J = new De({
+          enableAlpha: o.showAlpha,
+          format: o.colorFormat || "",
+          value: o.modelValue
+        });
+        O.compare(J) || h();
+      });
+    }
+    function z() {
+      X(!1), t(_t, null), t("change", null), o.modelValue !== null && o.validateEvent && (l == null || l.validate("change").catch((V) => Tt(V))), h();
+    }
+    function G(V) {
+      if (j.value && (y(), R.value)) {
+        const J = new FocusEvent("focus", V);
+        b(J);
+      }
+    }
+    function se(V) {
+      V.preventDefault(), V.stopPropagation(), B(!1), h();
+    }
+    function Ye(V) {
+      switch (V.code) {
+        case re.enter:
+        case re.space:
+          V.preventDefault(), V.stopPropagation(), K(), S.value.focus();
+          break;
+        case re.esc:
+          se(V);
+          break;
+      }
+    }
+    function Ze() {
+      k.value.focus();
+    }
+    function Mt() {
+      k.value.blur();
+    }
+    return pe(() => {
+      o.modelValue && (W.value = ce.value);
+    }), ee(() => o.modelValue, (V) => {
+      V ? V && V !== O.value && (Y = !1, O.fromString(V)) : P.value = !1;
+    }), ee(() => ce.value, (V) => {
+      W.value = V, Y && t("activeChange", V), Y = !0;
+    }), ee(() => O.value, () => {
+      !o.modelValue && !P.value && (P.value = !0);
+    }), ee(() => j.value, () => {
+      $e(() => {
+        var V, J, fe;
+        (V = d.value) == null || V.update(), (J = p.value) == null || J.update(), (fe = v.value) == null || fe.update();
+      });
+    }), We(Zt, {
+      currentColor: ce
+    }), n({
+      color: O,
+      show: K,
+      hide: y,
+      focus: Ze,
+      blur: Mt
+    }), (V, J) => (m(), L(r(je), {
+      ref_key: "popper",
+      ref: g,
+      visible: j.value,
+      "show-arrow": !1,
+      "fallback-placements": ["bottom", "top", "right", "left"],
+      offset: 0,
+      "gpu-acceleration": !1,
+      "popper-class": [r(a).be("picker", "panel"), r(a).b("dropdown"), V.popperClass],
+      "stop-popper-mouse-event": !1,
+      effect: "light",
+      trigger: "click",
+      transition: `${r(a).namespace.value}-zoom-in-top`,
+      persistent: "",
+      onHide: J[2] || (J[2] = (fe) => B(!1))
+    }, {
+      content: M(() => [
+        Me((m(), $("div", {
+          onKeydown: Lt(se, ["esc"])
+        }, [
+          C("div", {
+            class: w(r(a).be("dropdown", "main-wrapper"))
+          }, [
+            _(Mo, {
+              ref_key: "hue",
+              ref: d,
+              class: "hue-slider",
+              color: r(O),
+              vertical: ""
+            }, null, 8, ["color"]),
+            _(Ro, {
+              ref_key: "sv",
+              ref: p,
+              color: r(O)
+            }, null, 8, ["color"])
+          ], 2),
+          V.showAlpha ? (m(), L(ko, {
+            key: 0,
+            ref_key: "alpha",
+            ref: v,
+            color: r(O)
+          }, null, 8, ["color"])) : H("v-if", !0),
+          V.predefine ? (m(), L(Vo, {
+            key: 1,
+            ref: "predefine",
+            color: r(O),
+            colors: V.predefine
+          }, null, 8, ["color", "colors"])) : H("v-if", !0),
+          C("div", {
+            class: w(r(a).be("dropdown", "btns"))
+          }, [
+            C("span", {
+              class: w(r(a).be("dropdown", "value"))
+            }, [
+              _(r(bn), {
+                ref_key: "inputRef",
+                ref: S,
+                modelValue: W.value,
+                "onUpdate:modelValue": J[0] || (J[0] = (fe) => W.value = fe),
+                "validate-event": !1,
+                size: "small",
+                onKeyup: Lt(F, ["enter"]),
+                onBlur: F
+              }, null, 8, ["modelValue", "onKeyup"])
+            ], 2),
+            _(r(Et), {
+              class: w(r(a).be("dropdown", "link-btn")),
+              text: "",
+              size: "small",
+              onClick: z
+            }, {
+              default: M(() => [
+                Q(U(r(s)("el.colorpicker.clear")), 1)
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            _(r(Et), {
+              plain: "",
+              size: "small",
+              class: w(r(a).be("dropdown", "btn")),
+              onClick: q
+            }, {
+              default: M(() => [
+                Q(U(r(s)("el.colorpicker.confirm")), 1)
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2)
+        ], 40, Fo)), [
+          [r(zt), G]
+        ])
+      ]),
+      default: M(() => [
+        C("div", {
+          id: r(c),
+          ref_key: "triggerRef",
+          ref: k,
+          class: w(r(x)),
+          role: "button",
+          "aria-label": r(de),
+          "aria-labelledby": r(be),
+          "aria-description": r(s)("el.colorpicker.description", { color: V.modelValue || "" }),
+          "aria-disabled": r(i),
+          tabindex: r(i) ? -1 : V.tabindex,
+          onKeydown: Ye,
+          onFocus: Z,
+          onBlur: J[1] || (J[1] = (...fe) => r(b) && r(b)(...fe))
+        }, [
+          r(i) ? (m(), $("div", {
+            key: 0,
+            class: w(r(a).be("picker", "mask"))
+          }, null, 2)) : H("v-if", !0),
+          C("div", {
+            class: w(r(a).be("picker", "trigger")),
+            onClick: A
+          }, [
+            C("span", {
+              class: w([r(a).be("picker", "color"), r(a).is("alpha", V.showAlpha)])
+            }, [
+              C("span", {
+                class: w(r(a).be("picker", "color-inner")),
+                style: ye({
+                  backgroundColor: r(le)
+                })
+              }, [
+                Me(_(r(we), {
+                  class: w([r(a).be("picker", "icon"), r(a).is("icon-arrow-down")])
+                }, {
+                  default: M(() => [
+                    _(r(Ht))
+                  ]),
+                  _: 1
+                }, 8, ["class"]), [
+                  [qe, V.modelValue || P.value]
+                ]),
+                Me(_(r(we), {
+                  class: w([r(a).be("picker", "empty"), r(a).is("icon-close")])
+                }, {
+                  default: M(() => [
+                    _(r(Wt))
+                  ]),
+                  _: 1
+                }, 8, ["class"]), [
+                  [qe, !V.modelValue && !P.value]
+                ])
+              ], 6)
+            ], 2)
+          ], 2)
+        ], 42, Do)
+      ]),
+      _: 1
+    }, 8, ["visible", "popper-class", "transition"]));
+  }
+});
+var Wo = /* @__PURE__ */ ue(Ho, [["__file", "color-picker.vue"]]);
+const qo = at(Wo), Ko = ke({
+  ...yn,
+  direction: {
+    type: String,
+    default: "rtl",
+    values: ["ltr", "rtl", "ttb", "btt"]
+  },
+  size: {
+    type: [String, Number],
+    default: "30%"
+  },
+  withHeader: {
+    type: Boolean,
+    default: !0
+  },
+  modalFade: {
+    type: Boolean,
+    default: !0
+  },
+  headerAriaLevel: {
+    type: String,
+    default: "2"
+  }
+}), Uo = kn, jo = ["aria-label", "aria-labelledby", "aria-describedby"], Xo = ["id", "aria-level"], Go = ["aria-label"], Yo = ["id"], Zo = D({
+  name: "ElDrawer",
+  inheritAttrs: !1
+}), Jo = /* @__PURE__ */ D({
+  ...Zo,
+  props: Ko,
+  emits: Uo,
+  setup(e, { expose: n }) {
+    const t = e, o = qn();
+    Cn({
+      scope: "el-drawer",
+      from: "the title slot",
+      replacement: "the header slot",
+      version: "3.0.0",
+      ref: "https://element-plus.org/en-US/component/drawer.html#slots"
+    }, E(() => !!o.title));
+    const s = T(), a = T(), l = ne("drawer"), { t: u } = Dt(), {
+      afterEnter: i,
+      afterLeave: c,
+      beforeLeave: f,
+      visible: d,
+      rendered: p,
+      titleId: v,
+      bodyId: g,
+      zIndex: k,
+      onModalClick: S,
+      onOpenAutoFocus: R,
+      onCloseAutoFocus: N,
+      onFocusoutPrevented: b,
+      onCloseRequested: Z,
+      handleClose: Y
+    } = $n(t, s), O = E(() => t.direction === "rtl" || t.direction === "ltr"), j = E(() => vt(t.size));
+    return n({
+      handleClose: Y,
+      afterEnter: i,
+      afterLeave: c
+    }), (P, W) => (m(), L(Kn, {
+      to: "body",
+      disabled: !P.appendToBody
+    }, [
+      _(it, {
+        name: r(l).b("fade"),
+        onAfterEnter: r(i),
+        onAfterLeave: r(c),
+        onBeforeLeave: r(f),
+        persisted: ""
+      }, {
+        default: M(() => [
+          Me(_(r(Mn), {
+            mask: P.modal,
+            "overlay-class": P.modalClass,
+            "z-index": r(k),
+            onClick: r(S)
+          }, {
+            default: M(() => [
+              _(r(wn), {
+                loop: "",
+                trapped: r(d),
+                "focus-trap-el": s.value,
+                "focus-start-el": a.value,
+                onFocusAfterTrapped: r(R),
+                onFocusAfterReleased: r(N),
+                onFocusoutPrevented: r(b),
+                onReleaseRequested: r(Z)
+              }, {
+                default: M(() => [
+                  C("div", jt({
+                    ref_key: "drawerRef",
+                    ref: s,
+                    "aria-modal": "true",
+                    "aria-label": P.title || void 0,
+                    "aria-labelledby": P.title ? void 0 : r(v),
+                    "aria-describedby": r(g)
+                  }, P.$attrs, {
+                    class: [r(l).b(), P.direction, r(d) && "open"],
+                    style: r(O) ? "width: " + r(j) : "height: " + r(j),
+                    role: "dialog",
+                    onClick: W[1] || (W[1] = Te(() => {
+                    }, ["stop"]))
+                  }), [
+                    C("span", {
+                      ref_key: "focusStartRef",
+                      ref: a,
+                      class: w(r(l).e("sr-focus")),
+                      tabindex: "-1"
+                    }, null, 2),
+                    P.withHeader ? (m(), $("header", {
+                      key: 0,
+                      class: w(r(l).e("header"))
+                    }, [
+                      P.$slots.title ? ae(P.$slots, "title", { key: 1 }, () => [
+                        H(" DEPRECATED SLOT ")
+                      ]) : ae(P.$slots, "header", {
+                        key: 0,
+                        close: r(Y),
+                        titleId: r(v),
+                        titleClass: r(l).e("title")
+                      }, () => [
+                        P.$slots.title ? H("v-if", !0) : (m(), $("span", {
+                          key: 0,
+                          id: r(v),
+                          role: "heading",
+                          "aria-level": P.headerAriaLevel,
+                          class: w(r(l).e("title"))
+                        }, U(P.title), 11, Xo))
+                      ]),
+                      P.showClose ? (m(), $("button", {
+                        key: 2,
+                        "aria-label": r(u)("el.drawer.close"),
+                        class: w(r(l).e("close-btn")),
+                        type: "button",
+                        onClick: W[0] || (W[0] = (...le) => r(Y) && r(Y)(...le))
+                      }, [
+                        _(r(we), {
+                          class: w(r(l).e("close"))
+                        }, {
+                          default: M(() => [
+                            _(r(Wt))
+                          ]),
+                          _: 1
+                        }, 8, ["class"])
+                      ], 10, Go)) : H("v-if", !0)
+                    ], 2)) : H("v-if", !0),
+                    r(p) ? (m(), $("div", {
+                      key: 1,
+                      id: r(g),
+                      class: w(r(l).e("body"))
+                    }, [
+                      ae(P.$slots, "default")
+                    ], 10, Yo)) : H("v-if", !0),
+                    P.$slots.footer ? (m(), $("div", {
+                      key: 2,
+                      class: w(r(l).e("footer"))
+                    }, [
+                      ae(P.$slots, "footer")
+                    ], 2)) : H("v-if", !0)
+                  ], 16, jo)
+                ]),
+                _: 3
+              }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+            ]),
+            _: 3
+          }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
+            [qe, r(d)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+    ], 8, ["disabled"]));
+  }
+});
+var Qo = /* @__PURE__ */ ue(Jo, [["__file", "drawer.vue"]]);
+const ea = at(Qo);
+let ta = class {
+  constructor(n, t) {
+    this.parent = n, this.domNode = t, this.subIndex = 0, this.subIndex = 0, this.init();
+  }
+  init() {
+    this.subMenuItems = this.domNode.querySelectorAll("li"), this.addListeners();
+  }
+  gotoSubIndex(n) {
+    n === this.subMenuItems.length ? n = 0 : n < 0 && (n = this.subMenuItems.length - 1), this.subMenuItems[n].focus(), this.subIndex = n;
+  }
+  addListeners() {
+    const n = this.parent.domNode;
+    Array.prototype.forEach.call(this.subMenuItems, (t) => {
+      t.addEventListener("keydown", (o) => {
+        let s = !1;
+        switch (o.code) {
+          case re.down: {
+            this.gotoSubIndex(this.subIndex + 1), s = !0;
+            break;
+          }
+          case re.up: {
+            this.gotoSubIndex(this.subIndex - 1), s = !0;
+            break;
+          }
+          case re.tab: {
+            Qe(n, "mouseleave");
+            break;
+          }
+          case re.enter:
+          case re.space: {
+            s = !0, o.currentTarget.click();
+            break;
+          }
+        }
+        return s && (o.preventDefault(), o.stopPropagation()), !1;
+      });
+    });
+  }
+}, na = class {
+  constructor(n, t) {
+    this.domNode = n, this.submenu = null, this.submenu = null, this.init(t);
+  }
+  init(n) {
+    this.domNode.setAttribute("tabindex", "0");
+    const t = this.domNode.querySelector(`.${n}-menu`);
+    t && (this.submenu = new ta(this, t)), this.addListeners();
+  }
+  addListeners() {
+    this.domNode.addEventListener("keydown", (n) => {
+      let t = !1;
+      switch (n.code) {
+        case re.down: {
+          Qe(n.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
+          break;
+        }
+        case re.up: {
+          Qe(n.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
+          break;
+        }
+        case re.tab: {
+          Qe(n.currentTarget, "mouseleave");
+          break;
+        }
+        case re.enter:
+        case re.space: {
+          t = !0, n.currentTarget.click();
+          break;
+        }
+      }
+      t && n.preventDefault();
+    });
+  }
+}, oa = class {
+  constructor(n, t) {
+    this.domNode = n, this.init(t);
+  }
+  init(n) {
+    const t = this.domNode.childNodes;
+    Array.from(t).forEach((o) => {
+      o.nodeType === 1 && new na(o, n);
+    });
+  }
+};
+const aa = D({
+  name: "ElMenuCollapseTransition",
+  setup() {
+    const e = ne("menu");
+    return {
+      listeners: {
+        onBeforeEnter: (t) => t.style.opacity = "0.2",
+        onEnter(t, o) {
+          Je(t, `${e.namespace.value}-opacity-transition`), t.style.opacity = "1", o();
+        },
+        onAfterEnter(t) {
+          ut(t, `${e.namespace.value}-opacity-transition`), t.style.opacity = "";
+        },
+        onBeforeLeave(t) {
+          t.dataset || (t.dataset = {}), Sn(t, e.m("collapse")) ? (ut(t, e.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), Je(t, e.m("collapse"))) : (Je(t, e.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), ut(t, e.m("collapse"))), t.style.width = `${t.scrollWidth}px`, t.style.overflow = "hidden";
+        },
+        onLeave(t) {
+          Je(t, "horizontal-collapse-transition"), t.style.width = `${t.dataset.scrollWidth}px`;
+        }
+      }
+    };
+  }
+});
+function la(e, n, t, o, s, a) {
+  return m(), L(it, jt({ mode: "out-in" }, e.listeners), {
+    default: M(() => [
+      ae(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+var sa = /* @__PURE__ */ ue(aa, [["render", la], ["__file", "menu-collapse-transition.vue"]]);
+function Jt(e, n) {
+  const t = E(() => {
+    let s = e.parent;
+    const a = [n.value];
+    for (; s.type.name !== "ElMenu"; )
+      s.props.index && a.unshift(s.props.index), s = s.parent;
+    return a;
+  });
+  return {
+    parentMenu: E(() => {
+      let s = e.parent;
+      for (; s && !["ElMenu", "ElSubMenu"].includes(s.type.name); )
+        s = s.parent;
+      return s;
+    }),
+    indexPath: t
+  };
+}
+function ra(e) {
+  return E(() => {
+    const t = e.backgroundColor;
+    return t ? new xn(t).shade(20).toString() : "";
+  });
+}
+const Qt = (e, n) => {
+  const t = ne("menu");
+  return E(() => t.cssVarBlock({
+    "text-color": e.textColor || "",
+    "hover-text-color": e.textColor || "",
+    "bg-color": e.backgroundColor || "",
+    "hover-bg-color": ra(e).value || "",
+    "active-color": e.activeTextColor || "",
+    level: `${n}`
+  }));
+}, ia = ke({
+  index: {
+    type: String,
+    required: !0
+  },
+  showTimeout: Number,
+  hideTimeout: Number,
+  popperClass: String,
+  disabled: Boolean,
+  teleported: {
+    type: Boolean,
+    default: void 0
+  },
+  popperOffset: Number,
+  expandCloseIcon: {
+    type: Ee
+  },
+  expandOpenIcon: {
+    type: Ee
+  },
+  collapseCloseIcon: {
+    type: Ee
+  },
+  collapseOpenIcon: {
+    type: Ee
+  }
+}), mt = "ElSubMenu";
+var $t = D({
+  name: mt,
+  props: ia,
+  setup(e, { slots: n, expose: t }) {
+    const o = ge(), { indexPath: s, parentMenu: a } = Jt(o, E(() => e.index)), l = ne("menu"), u = ne("sub-menu"), i = Le("rootMenu");
+    i || nt(mt, "can not inject root menu");
+    const c = Le(`subMenu:${a.value.uid}`);
+    c || nt(mt, "can not inject sub menu");
+    const f = T({}), d = T({});
+    let p;
+    const v = T(!1), g = T(), k = T(null), S = E(() => P.value === "horizontal" && N.value ? "bottom-start" : "right-start"), R = E(() => P.value === "horizontal" && N.value || P.value === "vertical" && !i.props.collapse ? e.expandCloseIcon && e.expandOpenIcon ? O.value ? e.expandOpenIcon : e.expandCloseIcon : Ht : e.collapseCloseIcon && e.collapseOpenIcon ? O.value ? e.collapseOpenIcon : e.collapseCloseIcon : En), N = E(() => c.level === 0), b = E(() => {
+      const h = e.teleported;
+      return h === void 0 ? N.value : h;
+    }), Z = E(() => i.props.collapse ? `${l.namespace.value}-zoom-in-left` : `${l.namespace.value}-zoom-in-top`), Y = E(() => P.value === "horizontal" && N.value ? [
+      "bottom-start",
+      "bottom-end",
+      "top-start",
+      "top-end",
+      "right-start",
+      "left-start"
+    ] : [
+      "right-start",
+      "right",
+      "right-end",
+      "left-start",
+      "bottom-start",
+      "bottom-end",
+      "top-start",
+      "top-end"
+    ]), O = E(() => i.openedMenus.includes(e.index)), j = E(() => {
+      let h = !1;
+      return Object.values(f.value).forEach((A) => {
+        A.active && (h = !0);
+      }), Object.values(d.value).forEach((A) => {
+        A.active && (h = !0);
+      }), h;
+    }), P = E(() => i.props.mode), W = rt({
+      index: e.index,
+      indexPath: s,
+      active: j
+    }), le = Qt(i.props, c.level + 1), ce = E(() => {
+      var h;
+      return (h = e.popperOffset) != null ? h : i.props.popperOffset;
+    }), de = E(() => {
+      var h;
+      return (h = e.popperClass) != null ? h : i.props.popperClass;
+    }), be = E(() => {
+      var h;
+      return (h = e.showTimeout) != null ? h : i.props.showTimeout;
+    }), x = E(() => {
+      var h;
+      return (h = e.hideTimeout) != null ? h : i.props.hideTimeout;
+    }), I = () => {
+      var h, A, F;
+      return (F = (A = (h = k.value) == null ? void 0 : h.popperRef) == null ? void 0 : A.popperInstanceRef) == null ? void 0 : F.destroy();
+    }, B = (h) => {
+      h || I();
+    }, X = () => {
+      i.props.menuTrigger === "hover" && i.props.mode === "horizontal" || i.props.collapse && i.props.mode === "vertical" || e.disabled || i.handleSubMenuClick({
+        index: e.index,
+        indexPath: s.value,
+        active: j.value
+      });
+    }, K = (h, A = be.value) => {
+      var F;
+      if (h.type !== "focus") {
+        if (i.props.menuTrigger === "click" && i.props.mode === "horizontal" || !i.props.collapse && i.props.mode === "vertical" || e.disabled) {
+          c.mouseInChild.value = !0;
+          return;
+        }
+        c.mouseInChild.value = !0, p == null || p(), { stop: p } = It(() => {
+          i.openMenu(e.index, s.value);
+        }, A), b.value && ((F = a.value.vnode.el) == null || F.dispatchEvent(new MouseEvent("mouseenter")));
+      }
+    }, y = (h = !1) => {
+      var A;
+      if (i.props.menuTrigger === "click" && i.props.mode === "horizontal" || !i.props.collapse && i.props.mode === "vertical") {
+        c.mouseInChild.value = !1;
+        return;
+      }
+      p == null || p(), c.mouseInChild.value = !1, { stop: p } = It(() => !v.value && i.closeMenu(e.index, s.value), x.value), b.value && h && ((A = c.handleMouseleave) == null || A.call(c, !0));
+    };
+    ee(() => i.props.collapse, (h) => B(!!h));
+    {
+      const h = (F) => {
+        d.value[F.index] = F;
+      }, A = (F) => {
+        delete d.value[F.index];
+      };
+      We(`subMenu:${o.uid}`, {
+        addSubMenu: h,
+        removeSubMenu: A,
+        handleMouseleave: y,
+        mouseInChild: v,
+        level: c.level + 1
+      });
+    }
+    return t({
+      opened: O
+    }), pe(() => {
+      i.addSubMenu(W), c.addSubMenu(W);
+    }), Xt(() => {
+      c.removeSubMenu(W), i.removeSubMenu(W);
+    }), () => {
+      var h;
+      const A = [
+        (h = n.title) == null ? void 0 : h.call(n),
+        te(we, {
+          class: u.e("icon-arrow"),
+          style: {
+            transform: O.value ? e.expandCloseIcon && e.expandOpenIcon || e.collapseCloseIcon && e.collapseOpenIcon && i.props.collapse ? "none" : "rotateZ(180deg)" : "none"
+          }
+        }, {
+          default: () => ve(R.value) ? te(o.appContext.components[R.value]) : te(R.value)
+        })
+      ], F = i.isMenuPopup ? te(je, {
+        ref: k,
+        visible: O.value,
+        effect: "light",
+        pure: !0,
+        offset: ce.value,
+        showArrow: !1,
+        persistent: !0,
+        popperClass: de.value,
+        placement: S.value,
+        teleported: b.value,
+        fallbackPlacements: Y.value,
+        transition: Z.value,
+        gpuAcceleration: !1
+      }, {
+        content: () => {
+          var q;
+          return te("div", {
+            class: [
+              l.m(P.value),
+              l.m("popup-container"),
+              de.value
+            ],
+            onMouseenter: (z) => K(z, 100),
+            onMouseleave: () => y(!0),
+            onFocus: (z) => K(z, 100)
+          }, [
+            te("ul", {
+              class: [
+                l.b(),
+                l.m("popup"),
+                l.m(`popup-${S.value}`)
+              ],
+              style: le.value
+            }, [(q = n.default) == null ? void 0 : q.call(n)])
+          ]);
+        },
+        default: () => te("div", {
+          class: u.e("title"),
+          onClick: X
+        }, A)
+      }) : te(oe, {}, [
+        te("div", {
+          class: u.e("title"),
+          ref: g,
+          onClick: X
+        }, A),
+        te(ao, {}, {
+          default: () => {
+            var q;
+            return Me(te("ul", {
+              role: "menu",
+              class: [l.b(), l.m("inline")],
+              style: le.value
+            }, [(q = n.default) == null ? void 0 : q.call(n)]), [[qe, O.value]]);
+          }
+        })
+      ]);
+      return te("li", {
+        class: [
+          u.b(),
+          u.is("active", j.value),
+          u.is("opened", O.value),
+          u.is("disabled", e.disabled)
+        ],
+        role: "menuitem",
+        ariaHaspopup: !0,
+        ariaExpanded: O.value,
+        onMouseenter: K,
+        onMouseleave: () => y(),
+        onFocus: K
+      }, [F]);
+    };
+  }
+});
+const ua = ke({
+  mode: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "vertical"
+  },
+  defaultActive: {
+    type: String,
+    default: ""
+  },
+  defaultOpeneds: {
+    type: Ve(Array),
+    default: () => An([])
+  },
+  uniqueOpened: Boolean,
+  router: Boolean,
+  menuTrigger: {
+    type: String,
+    values: ["hover", "click"],
+    default: "hover"
+  },
+  collapse: Boolean,
+  backgroundColor: String,
+  textColor: String,
+  activeTextColor: String,
+  closeOnClickOutside: Boolean,
+  collapseTransition: {
+    type: Boolean,
+    default: !0
+  },
+  ellipsis: {
+    type: Boolean,
+    default: !0
+  },
+  popperOffset: {
+    type: Number,
+    default: 6
+  },
+  ellipsisIcon: {
+    type: Ee,
+    default: () => Pn
+  },
+  popperEffect: {
+    type: String,
+    values: ["dark", "light"],
+    default: "dark"
+  },
+  popperClass: String,
+  showTimeout: {
+    type: Number,
+    default: 300
+  },
+  hideTimeout: {
+    type: Number,
+    default: 300
+  }
+}), pt = (e) => Array.isArray(e) && e.every((n) => ve(n)), ca = {
+  close: (e, n) => ve(e) && pt(n),
+  open: (e, n) => ve(e) && pt(n),
+  select: (e, n, t, o) => ve(e) && pt(n) && Vn(t) && (o === void 0 || o instanceof Promise)
+};
+var da = D({
+  name: "ElMenu",
+  props: ua,
+  emits: ca,
+  setup(e, { emit: n, slots: t, expose: o }) {
+    const s = ge(), a = s.appContext.config.globalProperties.$router, l = T(), u = ne("menu"), i = ne("sub-menu"), c = T(-1), f = T(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), d = T(e.defaultActive), p = T({}), v = T({}), g = E(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), k = () => {
+      const x = d.value && p.value[d.value];
+      if (!x || e.mode === "horizontal" || e.collapse)
+        return;
+      x.indexPath.forEach((B) => {
+        const X = v.value[B];
+        X && S(B, X.indexPath);
+      });
+    }, S = (x, I) => {
+      f.value.includes(x) || (e.uniqueOpened && (f.value = f.value.filter((B) => I.includes(B))), f.value.push(x), n("open", x, I));
+    }, R = (x) => {
+      const I = f.value.indexOf(x);
+      I !== -1 && f.value.splice(I, 1);
+    }, N = (x, I) => {
+      R(x), n("close", x, I);
+    }, b = ({
+      index: x,
+      indexPath: I
+    }) => {
+      f.value.includes(x) ? N(x, I) : S(x, I);
+    }, Z = (x) => {
+      (e.mode === "horizontal" || e.collapse) && (f.value = []);
+      const { index: I, indexPath: B } = x;
+      if (!(Fe(I) || Fe(B)))
+        if (e.router && a) {
+          const X = x.route || I, K = a.push(X).then((y) => (y || (d.value = I), y));
+          n("select", I, B, { index: I, indexPath: B, route: X }, K);
+        } else
+          d.value = I, n("select", I, B, { index: I, indexPath: B });
+    }, Y = (x) => {
+      const I = p.value, B = I[x] || d.value && I[d.value] || I[e.defaultActive];
+      B ? d.value = B.index : d.value = x;
+    }, O = (x) => {
+      const I = getComputedStyle(x), B = Number.parseInt(I.marginLeft, 10), X = Number.parseInt(I.marginRight, 10);
+      return x.offsetWidth + B + X || 0;
+    }, j = () => {
+      var x, I;
+      if (!l.value)
+        return -1;
+      const B = Array.from((I = (x = l.value) == null ? void 0 : x.childNodes) != null ? I : []).filter((z) => z.nodeName !== "#comment" && (z.nodeName !== "#text" || z.nodeValue)), X = 64, K = getComputedStyle(l.value), y = Number.parseInt(K.paddingLeft, 10), h = Number.parseInt(K.paddingRight, 10), A = l.value.clientWidth - y - h;
+      let F = 0, q = 0;
+      return B.forEach((z, G) => {
+        F += O(z), F <= A - X && (q = G + 1);
+      }), q === B.length ? -1 : q;
+    }, P = (x) => v.value[x].indexPath, W = (x, I = 33.34) => {
+      let B;
+      return () => {
+        B && clearTimeout(B), B = setTimeout(() => {
+          x();
+        }, I);
+      };
+    };
+    let le = !0;
+    const ce = () => {
+      if (c.value === j())
+        return;
+      const x = () => {
+        c.value = -1, $e(() => {
+          c.value = j();
+        });
+      };
+      le ? x() : W(x)(), le = !1;
+    };
+    ee(() => e.defaultActive, (x) => {
+      p.value[x] || (d.value = ""), Y(x);
+    }), ee(() => e.collapse, (x) => {
+      x && (f.value = []);
+    }), ee(p.value, k);
+    let de;
+    yt(() => {
+      e.mode === "horizontal" && e.ellipsis ? de = Tn(l, ce).stop : de == null || de();
+    });
+    const be = T(!1);
+    {
+      const x = (K) => {
+        v.value[K.index] = K;
+      }, I = (K) => {
+        delete v.value[K.index];
+      };
+      We("rootMenu", rt({
+        props: e,
+        openedMenus: f,
+        items: p,
+        subMenus: v,
+        activeIndex: d,
+        isMenuPopup: g,
+        addMenuItem: (K) => {
+          p.value[K.index] = K;
+        },
+        removeMenuItem: (K) => {
+          delete p.value[K.index];
+        },
+        addSubMenu: x,
+        removeSubMenu: I,
+        openMenu: S,
+        closeMenu: N,
+        handleMenuItemClick: Z,
+        handleSubMenuClick: b
+      })), We(`subMenu:${s.uid}`, {
+        addSubMenu: x,
+        removeSubMenu: I,
+        mouseInChild: be,
+        level: 0
+      });
+    }
+    return pe(() => {
+      e.mode === "horizontal" && new oa(s.vnode.el, u.namespace.value);
+    }), o({
+      open: (I) => {
+        const { indexPath: B } = v.value[I];
+        B.forEach((X) => S(X, B));
+      },
+      close: R,
+      handleResize: ce
+    }), () => {
+      var x, I;
+      let B = (I = (x = t.default) == null ? void 0 : x.call(t)) != null ? I : [];
+      const X = [];
+      if (e.mode === "horizontal" && l.value) {
+        const A = In(B), F = c.value === -1 ? A : A.slice(0, c.value), q = c.value === -1 ? [] : A.slice(c.value);
+        q != null && q.length && e.ellipsis && (B = F, X.push(te($t, {
+          index: "sub-menu-more",
+          class: i.e("hide-arrow"),
+          popperOffset: e.popperOffset
+        }, {
+          title: () => te(we, {
+            class: i.e("icon-more")
+          }, {
+            default: () => te(e.ellipsisIcon)
+          }),
+          default: () => q
+        })));
+      }
+      const K = Qt(e, 0), y = e.closeOnClickOutside ? [
+        [
+          zt,
+          () => {
+            f.value.length && (be.value || (f.value.forEach((A) => n("close", A, P(A))), f.value = []));
+          }
+        ]
+      ] : [], h = Me(te("ul", {
+        key: String(e.collapse),
+        role: "menubar",
+        ref: l,
+        style: K.value,
+        class: {
+          [u.b()]: !0,
+          [u.m(e.mode)]: !0,
+          [u.m("collapse")]: e.collapse
+        }
+      }, [...B, ...X]), y);
+      return e.collapseTransition && e.mode === "vertical" ? te(sa, () => h) : h;
+    };
+  }
+});
+const fa = ke({
+  index: {
+    type: Ve([String, null]),
+    default: null
+  },
+  route: {
+    type: Ve([String, Object])
+  },
+  disabled: Boolean
+}), ma = {
+  click: (e) => ve(e.index) && Array.isArray(e.indexPath)
+}, ht = "ElMenuItem", pa = D({
+  name: ht,
+  components: {
+    ElTooltip: je
+  },
+  props: fa,
+  emits: ma,
+  setup(e, { emit: n }) {
+    const t = ge(), o = Le("rootMenu"), s = ne("menu"), a = ne("menu-item");
+    o || nt(ht, "can not inject root menu");
+    const { parentMenu: l, indexPath: u } = Jt(t, Un(e, "index")), i = Le(`subMenu:${l.value.uid}`);
+    i || nt(ht, "can not inject sub menu");
+    const c = E(() => e.index === o.activeIndex), f = rt({
+      index: e.index,
+      indexPath: u,
+      active: c
+    }), d = () => {
+      e.disabled || (o.handleMenuItemClick({
+        index: e.index,
+        indexPath: u.value,
+        route: e.route
+      }), n("click", f));
+    };
+    return pe(() => {
+      i.addSubMenu(f), o.addMenuItem(f);
+    }), Xt(() => {
+      i.removeSubMenu(f), o.removeMenuItem(f);
+    }), {
+      parentMenu: l,
+      rootMenu: o,
+      active: c,
+      nsMenu: s,
+      nsMenuItem: a,
+      handleClick: d
+    };
+  }
+});
+function ha(e, n, t, o, s, a) {
+  const l = Oe("el-tooltip");
+  return m(), $("li", {
+    class: w([
+      e.nsMenuItem.b(),
+      e.nsMenuItem.is("active", e.active),
+      e.nsMenuItem.is("disabled", e.disabled)
+    ]),
+    role: "menuitem",
+    tabindex: "-1",
+    onClick: n[0] || (n[0] = (...u) => e.handleClick && e.handleClick(...u))
+  }, [
+    e.parentMenu.type.name === "ElMenu" && e.rootMenu.props.collapse && e.$slots.title ? (m(), L(l, {
+      key: 0,
+      effect: e.rootMenu.props.popperEffect,
+      placement: "right",
+      "fallback-placements": ["left"],
+      persistent: ""
+    }, {
+      content: M(() => [
+        ae(e.$slots, "title")
+      ]),
+      default: M(() => [
+        C("div", {
+          class: w(e.nsMenu.be("tooltip", "trigger"))
+        }, [
+          ae(e.$slots, "default")
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["effect"])) : (m(), $(oe, { key: 1 }, [
+      ae(e.$slots, "default"),
+      ae(e.$slots, "title")
+    ], 64))
+  ], 2);
+}
+var en = /* @__PURE__ */ ue(pa, [["render", ha], ["__file", "menu-item.vue"]]);
+const va = {
+  title: String
+}, _a = "ElMenuItemGroup", ga = D({
+  name: _a,
+  props: va,
+  setup() {
+    return {
+      ns: ne("menu-item-group")
+    };
+  }
+});
+function ba(e, n, t, o, s, a) {
+  return m(), $("li", {
+    class: w(e.ns.b())
+  }, [
+    C("div", {
+      class: w(e.ns.e("title"))
+    }, [
+      e.$slots.title ? ae(e.$slots, "title", { key: 1 }) : (m(), $(oe, { key: 0 }, [
+        Q(U(e.title), 1)
+      ], 64))
+    ], 2),
+    C("ul", null, [
+      ae(e.$slots, "default")
+    ])
+  ], 2);
+}
+var tn = /* @__PURE__ */ ue(ga, [["render", ba], ["__file", "menu-item-group.vue"]]);
+const nn = at(da, {
+  MenuItem: en,
+  MenuItemGroup: tn,
+  SubMenu: $t
+}), on = lt(en);
+lt(tn);
+const ya = lt($t), ka = /* @__PURE__ */ D({
+  __name: "index",
+  setup(e) {
+    const n = _e(), t = T([
+      { label: "默认", value: "default" },
+      { label: "大型", value: "large" },
+      { label: "小型", value: "small" }
+    ]);
+    function o(s) {
+      n.changeSize(s), Ln.success("切换布局大小成功");
+    }
+    return (s, a) => {
+      const l = Ne, u = qt, i = Kt, c = Ut;
+      return m(), L(c, {
+        trigger: "click",
+        onCommand: o
+      }, {
+        dropdown: M(() => [
+          _(i, null, {
+            default: M(() => [
+              (m(!0), $(oe, null, xe(r(t), (f) => (m(), L(u, {
+                key: f.value,
+                disabled: r(n).size == f.value,
+                command: f.value
+              }, {
+                default: M(() => [
+                  Q(U(f.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["disabled", "command"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: M(() => [
+          C("div", null, [
+            _(l, { "icon-class": "size" })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ca = { class: "flex" }, $a = { class: "flex-center h100% p10px" }, Ma = ["src"], wa = /* @__PURE__ */ D({
+  __name: "NavbarRight",
+  setup(e) {
+    const n = _e(), t = gt(), o = Nn(), s = Se(), a = Ge(), l = kt(), u = E(() => n.device === et.MOBILE), i = T(!1), c = T(!1), { isFullscreen: f, toggle: d } = On();
+    function p() {
+      c.value = !0;
+    }
+    function v() {
+      Bn.confirm("确定注销并退出系统吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+        lockScroll: !1
+      }).then(() => {
+        o.logout().then(() => {
+          t.delAllViews();
+        }).then(() => {
+          l.push(`/login?redirect=${a.fullPath}`);
+        });
+      });
+    }
+    function g(k) {
+      i.value = k;
+    }
+    return (k, S) => {
+      const R = Ne, N = ka, b = je, Z = Wn, Y = qt, O = Oe("router-link"), j = Kt, P = Ut;
+      return m(), $("div", Ca, [
+        r(u) ? H("", !0) : (m(), $(oe, { key: 0 }, [
+          C("div", {
+            class: "setting-item",
+            onClick: S[0] || (S[0] = //@ts-ignore
+            (...W) => r(d) && r(d)(...W))
+          }, [
+            _(R, {
+              "icon-class": r(f) ? "fullscreen-exit" : "fullscreen"
+            }, null, 8, ["icon-class"])
+          ]),
+          _(b, {
+            content: k.$t("sizeSelect.tooltip"),
+            effect: "dark",
+            placement: "bottom"
+          }, {
+            default: M(() => [
+              _(N, { class: "setting-item" })
+            ]),
+            _: 1
+          }, 8, ["content"]),
+          _(Z, { class: "setting-item" })
+        ], 64)),
+        _(P, {
+          class: "setting-item",
+          trigger: "click"
+        }, {
+          dropdown: M(() => [
+            _(j, null, {
+              default: M(() => [
+                _(O, { to: "/" }, {
+                  default: M(() => [
+                    _(Y, null, {
+                      default: M(() => [
+                        Q(U(k.$t("navbar.dashboard")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                _(Y, null, {
+                  default: M(() => [
+                    _(O, { to: "/my/profile" }, {
+                      default: M(() => [
+                        Q(U(k.$t("navbar.profile")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                _(Y, {
+                  onClick: S[1] || (S[1] = (W) => i.value = !0)
+                }, {
+                  default: M(() => [
+                    Q(U(k.$t("navbar.changePwd")), 1)
+                  ]),
+                  _: 1
+                }),
+                _(Y, { onClick: p }, {
+                  default: M(() => [
+                    Q(U(k.$t("navbar.runAs")), 1)
+                  ]),
+                  _: 1
+                }),
+                _(Y, {
+                  divided: "",
+                  onClick: v
+                }, {
+                  default: M(() => [
+                    Q(U(k.$t("navbar.logout")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          default: M(() => [
+            C("div", $a, [
+              C("img", {
+                src: r(o).user.avatar,
+                class: "rounded-full mr-10px w24px w24px"
+              }, null, 8, Ma),
+              C("span", null, U(r(o).user.nickName), 1)
+            ])
+          ]),
+          _: 1
+        }),
+        r(ze).showSettings ? (m(), $("div", {
+          key: 1,
+          class: "setting-item",
+          onClick: S[2] || (S[2] = (W) => r(s).settingsVisible = !0)
+        }, [
+          _(R, { "icon-class": "setting" })
+        ])) : H("", !0),
+        r(i) ? (m(), L(eo, {
+          key: 2,
+          "pwd-visible": r(i),
+          onDialogActionChange: g
+        }, null, 8, ["pwd-visible"])) : H("", !0),
+        r(c) ? (m(), L(to, {
+          key: 3,
+          modelValue: r(c),
+          "onUpdate:modelValue": S[3] || (S[3] = (W) => ot(c) ? c.value = W : null)
+        }, null, 8, ["modelValue"])) : H("", !0)
+      ]);
+    };
+  }
+}), an = /* @__PURE__ */ ie(wa, [["__scopeId", "data-v-33a2d98b"]]);
+function Sa(e) {
+  for (var n = [], t = 0; t < e.length; ) {
+    var o = e[t];
+    if (o === "*" || o === "+" || o === "?") {
+      n.push({ type: "MODIFIER", index: t, value: e[t++] });
+      continue;
+    }
+    if (o === "\\") {
+      n.push({ type: "ESCAPED_CHAR", index: t++, value: e[t++] });
+      continue;
+    }
+    if (o === "{") {
+      n.push({ type: "OPEN", index: t, value: e[t++] });
+      continue;
+    }
+    if (o === "}") {
+      n.push({ type: "CLOSE", index: t, value: e[t++] });
+      continue;
+    }
+    if (o === ":") {
+      for (var s = "", a = t + 1; a < e.length; ) {
+        var l = e.charCodeAt(a);
+        if (
+          // `0-9`
+          l >= 48 && l <= 57 || // `A-Z`
+          l >= 65 && l <= 90 || // `a-z`
+          l >= 97 && l <= 122 || // `_`
+          l === 95
+        ) {
+          s += e[a++];
+          continue;
+        }
+        break;
+      }
+      if (!s)
+        throw new TypeError("Missing parameter name at ".concat(t));
+      n.push({ type: "NAME", index: t, value: s }), t = a;
+      continue;
+    }
+    if (o === "(") {
+      var u = 1, i = "", a = t + 1;
+      if (e[a] === "?")
+        throw new TypeError('Pattern cannot start with "?" at '.concat(a));
+      for (; a < e.length; ) {
+        if (e[a] === "\\") {
+          i += e[a++] + e[a++];
+          continue;
+        }
+        if (e[a] === ")") {
+          if (u--, u === 0) {
+            a++;
+            break;
+          }
+        } else if (e[a] === "(" && (u++, e[a + 1] !== "?"))
+          throw new TypeError("Capturing groups are not allowed at ".concat(a));
+        i += e[a++];
+      }
+      if (u)
+        throw new TypeError("Unbalanced pattern at ".concat(t));
+      if (!i)
+        throw new TypeError("Missing pattern at ".concat(t));
+      n.push({ type: "PATTERN", index: t, value: i }), t = a;
+      continue;
+    }
+    n.push({ type: "CHAR", index: t, value: e[t++] });
+  }
+  return n.push({ type: "END", index: t, value: "" }), n;
+}
+function xa(e, n) {
+  n === void 0 && (n = {});
+  for (var t = Sa(e), o = n.prefixes, s = o === void 0 ? "./" : o, a = "[^".concat(Ia(n.delimiter || "/#?"), "]+?"), l = [], u = 0, i = 0, c = "", f = function(O) {
+    if (i < t.length && t[i].type === O)
+      return t[i++].value;
+  }, d = function(O) {
+    var j = f(O);
+    if (j !== void 0)
+      return j;
+    var P = t[i], W = P.type, le = P.index;
+    throw new TypeError("Unexpected ".concat(W, " at ").concat(le, ", expected ").concat(O));
+  }, p = function() {
+    for (var O = "", j; j = f("CHAR") || f("ESCAPED_CHAR"); )
+      O += j;
+    return O;
+  }; i < t.length; ) {
+    var v = f("CHAR"), g = f("NAME"), k = f("PATTERN");
+    if (g || k) {
+      var S = v || "";
+      s.indexOf(S) === -1 && (c += S, S = ""), c && (l.push(c), c = ""), l.push({
+        name: g || u++,
+        prefix: S,
+        suffix: "",
+        pattern: k || a,
+        modifier: f("MODIFIER") || ""
+      });
+      continue;
+    }
+    var R = v || f("ESCAPED_CHAR");
+    if (R) {
+      c += R;
+      continue;
+    }
+    c && (l.push(c), c = "");
+    var N = f("OPEN");
+    if (N) {
+      var S = p(), b = f("NAME") || "", Z = f("PATTERN") || "", Y = p();
+      d("CLOSE"), l.push({
+        name: b || (Z ? u++ : ""),
+        pattern: b && !Z ? a : Z,
+        prefix: S,
+        suffix: Y,
+        modifier: f("MODIFIER") || ""
+      });
+      continue;
+    }
+    d("END");
+  }
+  return l;
+}
+function Ea(e, n) {
+  return Ta(xa(e, n), n);
+}
+function Ta(e, n) {
+  n === void 0 && (n = {});
+  var t = Aa(n), o = n.encode, s = o === void 0 ? function(i) {
+    return i;
+  } : o, a = n.validate, l = a === void 0 ? !0 : a, u = e.map(function(i) {
+    if (typeof i == "object")
+      return new RegExp("^(?:".concat(i.pattern, ")$"), t);
+  });
+  return function(i) {
+    for (var c = "", f = 0; f < e.length; f++) {
+      var d = e[f];
+      if (typeof d == "string") {
+        c += d;
+        continue;
+      }
+      var p = i ? i[d.name] : void 0, v = d.modifier === "?" || d.modifier === "*", g = d.modifier === "*" || d.modifier === "+";
+      if (Array.isArray(p)) {
+        if (!g)
+          throw new TypeError('Expected "'.concat(d.name, '" to not repeat, but got an array'));
+        if (p.length === 0) {
+          if (v)
+            continue;
+          throw new TypeError('Expected "'.concat(d.name, '" to not be empty'));
+        }
+        for (var k = 0; k < p.length; k++) {
+          var S = s(p[k], d);
+          if (l && !u[f].test(S))
+            throw new TypeError('Expected all "'.concat(d.name, '" to match "').concat(d.pattern, '", but got "').concat(S, '"'));
+          c += d.prefix + S + d.suffix;
+        }
+        continue;
+      }
+      if (typeof p == "string" || typeof p == "number") {
+        var S = s(String(p), d);
+        if (l && !u[f].test(S))
+          throw new TypeError('Expected "'.concat(d.name, '" to match "').concat(d.pattern, '", but got "').concat(S, '"'));
+        c += d.prefix + S + d.suffix;
+        continue;
+      }
+      if (!v) {
+        var R = g ? "an array" : "a string";
+        throw new TypeError('Expected "'.concat(d.name, '" to be ').concat(R));
+      }
+    }
+    return c;
+  };
+}
+function Ia(e) {
+  return e.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
+}
+function Aa(e) {
+  return e && e.sensitive ? "" : "i";
+}
+function Ue(e) {
+  return At.global.te("route." + e) ? At.global.t("route." + e) : e;
+}
+const Pa = {
+  key: 0,
+  class: "color-gray-400"
+}, Va = ["onClick"], La = /* @__PURE__ */ D({
+  __name: "index",
+  setup(e) {
+    const n = Ge(), t = (u) => {
+      const { params: i } = n;
+      return Ea(u)(i);
+    }, o = T([]);
+    function s() {
+      let u = n.matched.filter(
+        (c) => c.meta && c.meta.title
+      );
+      const i = u[0];
+      a(i) || (u = [
+        { path: "/dashboard", meta: { title: "dashboard" } }
+      ].concat(u)), o.value = u.filter((c) => c.meta && c.meta.title && c.meta.breadcrumb !== !1);
+    }
+    function a(u) {
+      const i = u && u.name;
+      return i ? i.toString().trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase() : !1;
+    }
+    function l(u) {
+      const { redirect: i, path: c } = u;
+      if (i) {
+        Pt.push(i).catch((f) => {
+          console.warn(f);
+        });
+        return;
+      }
+      Pt.push(t(c)).catch((f) => {
+        console.warn(f);
+      });
+    }
+    return ee(
+      () => n.path,
+      (u) => {
+        u.startsWith("/redirect/") || s();
+      }
+    ), jn(() => {
+      s();
+    }), (u, i) => {
+      const c = po, f = mo;
+      return m(), L(f, { class: "flex-y-center" }, {
+        default: M(() => [
+          _(Xn, { "enter-active-class": "animate__animated animate__fadeInRight" }, {
+            default: M(() => [
+              (m(!0), $(oe, null, xe(r(o), (d, p) => (m(), L(c, {
+                key: d.path
+              }, {
+                default: M(() => [
+                  d.redirect === "noredirect" || p === r(o).length - 1 ? (m(), $("span", Pa, U(r(Ue)(d.meta.title)), 1)) : (m(), $("a", {
+                    key: 1,
+                    onClick: Te((v) => l(d), ["prevent"])
+                  }, U(r(Ue)(d.meta.title)), 9, Va))
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Na = /* @__PURE__ */ ie(La, [["__scopeId", "data-v-07060d8f"]]), Oa = /* @__PURE__ */ D({
+  __name: "index",
+  props: {
+    isActive: {
+      required: !0,
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["toggleClick"],
+  setup(e, { emit: n }) {
+    const t = n;
+    function o() {
+      t("toggleClick");
+    }
+    return (s, a) => {
+      const l = Ne;
+      return m(), $("div", {
+        class: "px-[15px] flex items-center justify-center color-[var(--el-text-color-regular)]",
+        onClick: o
+      }, [
+        _(l, {
+          class: w(["hamburger", { "is-active": e.isActive }]),
+          "icon-class": "indent-decrease"
+        }, null, 8, ["class"])
+      ]);
+    };
+  }
+}), ln = /* @__PURE__ */ ie(Oa, [["__scopeId", "data-v-42e37629"]]), Ba = { class: "flex" }, Ra = /* @__PURE__ */ D({
+  __name: "NavbarLeft",
+  setup(e) {
+    const n = _e();
+    function t() {
+      n.toggleSidebar();
+    }
+    return (o, s) => {
+      const a = ln, l = Na;
+      return m(), $("div", Ba, [
+        _(a, {
+          "is-active": r(n).sidebar.opened,
+          onToggleClick: t
+        }, null, 8, ["is-active"]),
+        _(l)
+      ]);
+    };
+  }
+}), Fa = {}, Da = { class: "navbar-container" };
+function za(e, n) {
+  const t = Ra, o = an;
+  return m(), $("div", Da, [
+    _(t),
+    _(o)
+  ]);
+}
+const Ha = /* @__PURE__ */ ie(Fa, [["render", za], ["__scopeId", "data-v-b1624593"]]);
+var he = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.TOP = "top", e.MIX = "mix", e))(he || {});
+const Be = (e) => (Gn("data-v-2bdf1403"), e = e(), Yn(), e), Wa = { class: "flex flex-wrap justify-around w-full h-12" }, qa = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Ka = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Ua = [
+  qa,
+  Ka
+], ja = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Xa = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Ga = [
+  ja,
+  Xa
+], Ya = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Za = /* @__PURE__ */ Be(() => /* @__PURE__ */ C("div", null, null, -1)), Ja = [
+  Ya,
+  Za
+], Qa = /* @__PURE__ */ D({
+  __name: "LayoutSelect",
+  props: {
+    modelValue: String
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = n;
+    function o(s) {
+      t("update:modelValue", s);
+    }
+    return (s, a) => {
+      const l = je;
+      return m(), $("div", Wa, [
+        _(l, {
+          content: "左侧模式",
+          placement: "bottom"
+        }, {
+          default: M(() => [
+            C("div", {
+              class: w(["layout-item left", { "is-active": e.modelValue === r(he).LEFT }]),
+              onClick: a[0] || (a[0] = (u) => o(r(he).LEFT))
+            }, Ua, 2)
+          ]),
+          _: 1
+        }),
+        _(l, {
+          content: "顶部模式",
+          placement: "bottom"
+        }, {
+          default: M(() => [
+            C("div", {
+              class: w(["layout-item top", { "is-active": e.modelValue === r(he).TOP }]),
+              onClick: a[1] || (a[1] = (u) => o(r(he).TOP))
+            }, Ga, 2)
+          ]),
+          _: 1
+        }),
+        _(l, {
+          content: "混合模式",
+          placement: "bottom"
+        }, {
+          default: M(() => [
+            C("div", {
+              class: w(["layout-item mix", { "is-active": e.modelValue === r(he).MIX }]),
+              onClick: a[2] || (a[2] = (u) => o(r(he).MIX))
+            }, Ja, 2)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), el = /* @__PURE__ */ ie(Qa, [["__scopeId", "data-v-2bdf1403"]]), tl = /* @__PURE__ */ D({
+  __name: "ThemeColorPicker",
+  props: {
+    modelValue: String
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, s = [
+      "#409EFF",
+      "#ff4500",
+      "#ff8c00",
+      "#90ee90",
+      "#00ced1",
+      "#1e90ff",
+      "#c71585",
+      "rgba(255, 69, 0, 0.68)",
+      "rgb(255, 120, 0)",
+      "hsva(120, 40, 94)"
+    ], a = T(t.modelValue);
+    return ee(a, (l) => {
+      o("update:modelValue", l);
+    }), (l, u) => {
+      const i = qo;
+      return m(), L(i, {
+        modelValue: r(a),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => ot(a) ? a.value = c : null),
+        predefine: s,
+        "popper-class": "theme-picker-dropdown"
+      }, null, 8, ["modelValue"]);
+    };
+  }
+}), nl = /* @__PURE__ */ ie(tl, [["__scopeId", "data-v-92c1fd79"]]), ol = { class: "flex-center" }, al = { class: "settings-option" }, ll = { class: "text-xs" }, sl = { class: "settings-option" }, rl = { class: "text-xs" }, il = { class: "settings-option" }, ul = { class: "text-xs" }, cl = { class: "settings-option" }, dl = { class: "text-xs" }, fl = { class: "settings-option" }, ml = { class: "text-xs" }, pl = /* @__PURE__ */ D({
+  __name: "index",
+  setup(e) {
+    const n = Ge(), t = _e(), o = Se(), s = Xe(), a = E({
+      get() {
+        return o.settingsVisible;
+      },
+      set() {
+        o.settingsVisible = !1;
+      }
+    });
+    function l(p) {
+      o.changeThemeColor(p);
+    }
+    const u = T(o.theme === ct.DARK), i = (p) => {
+      u.value = p, o.changeTheme(u.value ? ct.DARK : ct.LIGHT);
+    };
+    function c(p) {
+      o.changeLayout(p), p === he.MIX ? n.name && f(n.name) : p === he.TOP && t.openSideBar();
+    }
+    function f(p) {
+      const v = d(s.routes, p);
+      t.activeTopMenu !== v.path && t.activeTopMenu(v.path);
+    }
+    function d(p, v) {
+      let g = {};
+      function k(R, N) {
+        if (g[R.name] = N, R.children)
+          for (let b = 0; b < R.children.length; b++)
+            k(R.children[b], R);
+      }
+      for (let R = 0; R < p.length; R++)
+        k(p[R], null);
+      let S = g[v];
+      for (; S; ) {
+        if (!g[S.name])
+          return S;
+        S = g[S.name];
+      }
+      return null;
+    }
+    return (p, v) => {
+      const g = no, k = Dn, S = nl, R = el, N = ea;
+      return m(), L(N, {
+        modelValue: r(a),
+        "onUpdate:modelValue": v[7] || (v[7] = (b) => ot(a) ? a.value = b : null),
+        size: "300",
+        title: p.$t("settings.project")
+      }, {
+        default: M(() => [
+          _(g, null, {
+            default: M(() => [
+              Q(U(p.$t("settings.theme")), 1)
+            ]),
+            _: 1
+          }),
+          C("div", ol, [
+            _(k, {
+              modelValue: r(u),
+              "onUpdate:modelValue": v[0] || (v[0] = (b) => ot(u) ? u.value = b : null),
+              "active-icon": r(Rn),
+              "inactive-icon": r(Fn),
+              onChange: i
+            }, null, 8, ["modelValue", "active-icon", "inactive-icon"])
+          ]),
+          _(g, null, {
+            default: M(() => [
+              Q(U(p.$t("settings.interface")), 1)
+            ]),
+            _: 1
+          }),
+          C("div", al, [
+            C("span", ll, U(p.$t("settings.themeColor")), 1),
+            _(S, {
+              modelValue: r(o).themeColor,
+              "onUpdate:modelValue": [
+                v[1] || (v[1] = (b) => r(o).themeColor = b),
+                l
+              ]
+            }, null, 8, ["modelValue"])
+          ]),
+          C("div", sl, [
+            C("span", rl, U(p.$t("settings.tagsView")), 1),
+            _(k, {
+              modelValue: r(o).tagsView,
+              "onUpdate:modelValue": v[2] || (v[2] = (b) => r(o).tagsView = b)
+            }, null, 8, ["modelValue"])
+          ]),
+          C("div", il, [
+            C("span", ul, U(p.$t("settings.fixedHeader")), 1),
+            _(k, {
+              modelValue: r(o).fixedHeader,
+              "onUpdate:modelValue": v[3] || (v[3] = (b) => r(o).fixedHeader = b)
+            }, null, 8, ["modelValue"])
+          ]),
+          C("div", cl, [
+            C("span", dl, U(p.$t("settings.sidebarLogo")), 1),
+            _(k, {
+              modelValue: r(o).sidebarLogo,
+              "onUpdate:modelValue": v[4] || (v[4] = (b) => r(o).sidebarLogo = b)
+            }, null, 8, ["modelValue"])
+          ]),
+          C("div", fl, [
+            C("span", ml, U(p.$t("settings.watermark")), 1),
+            _(k, {
+              modelValue: r(o).watermarkEnabled,
+              "onUpdate:modelValue": v[5] || (v[5] = (b) => r(o).watermarkEnabled = b)
+            }, null, 8, ["modelValue"])
+          ]),
+          _(g, null, {
+            default: M(() => [
+              Q(U(p.$t("settings.navigation")), 1)
+            ]),
+            _: 1
+          }),
+          _(R, {
+            modelValue: r(o).layout,
+            "onUpdate:modelValue": [
+              v[6] || (v[6] = (b) => r(o).layout = b),
+              c
+            ]
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"]);
+    };
+  }
+}), hl = /* @__PURE__ */ ie(pl, [["__scopeId", "data-v-70f5bf10"]]), vl = { class: "app-main" }, _l = /* @__PURE__ */ D({
+  __name: "index",
+  setup(e) {
+    const n = E(() => gt().cachedViews);
+    return (t, o) => {
+      const s = Oe("router-view");
+      return m(), $("section", vl, [
+        _(s, null, {
+          default: M(({ Component: a, route: l }) => [
+            _(it, {
+              "enter-active-class": "animate__animated animate__fadeIn",
+              mode: "out-in"
+            }, {
+              default: M(() => [
+                (m(), L(Zn, { include: r(n) }, [
+                  (m(), L(st(a), {
+                    key: l.path
+                  }))
+                ], 1032, ["include"]))
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), gl = /* @__PURE__ */ ie(_l, [["__scopeId", "data-v-37d096bd"]]), bl = {
+  viewBox: "0 0 1024 1024",
+  width: "1.2em",
+  height: "1.2em"
+}, yl = /* @__PURE__ */ C("path", {
+  fill: "currentColor",
+  d: "M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+}, null, -1), kl = [
+  yl
+];
+function Cl(e, n) {
+  return m(), $("svg", bl, [...kl]);
+}
+const $l = { name: "ep-close", render: Cl };
+function me(e) {
+  if (typeof e != "string")
+    throw new TypeError("Path must be a string. Received " + JSON.stringify(e));
+}
+function Ft(e, n) {
+  for (var t = "", o = 0, s = -1, a = 0, l, u = 0; u <= e.length; ++u) {
+    if (u < e.length)
+      l = e.charCodeAt(u);
+    else {
+      if (l === 47)
+        break;
+      l = 47;
+    }
+    if (l === 47) {
+      if (!(s === u - 1 || a === 1))
+        if (s !== u - 1 && a === 2) {
+          if (t.length < 2 || o !== 2 || t.charCodeAt(t.length - 1) !== 46 || t.charCodeAt(t.length - 2) !== 46) {
+            if (t.length > 2) {
+              var i = t.lastIndexOf("/");
+              if (i !== t.length - 1) {
+                i === -1 ? (t = "", o = 0) : (t = t.slice(0, i), o = t.length - 1 - t.lastIndexOf("/")), s = u, a = 0;
+                continue;
+              }
+            } else if (t.length === 2 || t.length === 1) {
+              t = "", o = 0, s = u, a = 0;
+              continue;
+            }
+          }
+          n && (t.length > 0 ? t += "/.." : t = "..", o = 2);
+        } else
+          t.length > 0 ? t += "/" + e.slice(s + 1, u) : t = e.slice(s + 1, u), o = u - s - 1;
+      s = u, a = 0;
+    } else
+      l === 46 && a !== -1 ? ++a : a = -1;
+  }
+  return t;
+}
+function Ml(e, n) {
+  var t = n.dir || n.root, o = n.base || (n.name || "") + (n.ext || "");
+  return t ? t === n.root ? t + o : t + e + o : o;
+}
+var Ae = {
+  // path.resolve([from ...], to)
+  resolve: function() {
+    for (var n = "", t = !1, o, s = arguments.length - 1; s >= -1 && !t; s--) {
+      var a;
+      s >= 0 ? a = arguments[s] : (o === void 0 && (o = process.cwd()), a = o), me(a), a.length !== 0 && (n = a + "/" + n, t = a.charCodeAt(0) === 47);
+    }
+    return n = Ft(n, !t), t ? n.length > 0 ? "/" + n : "/" : n.length > 0 ? n : ".";
+  },
+  normalize: function(n) {
+    if (me(n), n.length === 0)
+      return ".";
+    var t = n.charCodeAt(0) === 47, o = n.charCodeAt(n.length - 1) === 47;
+    return n = Ft(n, !t), n.length === 0 && !t && (n = "."), n.length > 0 && o && (n += "/"), t ? "/" + n : n;
+  },
+  isAbsolute: function(n) {
+    return me(n), n.length > 0 && n.charCodeAt(0) === 47;
+  },
+  join: function() {
+    if (arguments.length === 0)
+      return ".";
+    for (var n, t = 0; t < arguments.length; ++t) {
+      var o = arguments[t];
+      me(o), o.length > 0 && (n === void 0 ? n = o : n += "/" + o);
+    }
+    return n === void 0 ? "." : Ae.normalize(n);
+  },
+  relative: function(n, t) {
+    if (me(n), me(t), n === t || (n = Ae.resolve(n), t = Ae.resolve(t), n === t))
+      return "";
+    for (var o = 1; o < n.length && n.charCodeAt(o) === 47; ++o)
+      ;
+    for (var s = n.length, a = s - o, l = 1; l < t.length && t.charCodeAt(l) === 47; ++l)
+      ;
+    for (var u = t.length, i = u - l, c = a < i ? a : i, f = -1, d = 0; d <= c; ++d) {
+      if (d === c) {
+        if (i > c) {
+          if (t.charCodeAt(l + d) === 47)
+            return t.slice(l + d + 1);
+          if (d === 0)
+            return t.slice(l + d);
+        } else
+          a > c && (n.charCodeAt(o + d) === 47 ? f = d : d === 0 && (f = 0));
+        break;
+      }
+      var p = n.charCodeAt(o + d), v = t.charCodeAt(l + d);
+      if (p !== v)
+        break;
+      p === 47 && (f = d);
+    }
+    var g = "";
+    for (d = o + f + 1; d <= s; ++d)
+      (d === s || n.charCodeAt(d) === 47) && (g.length === 0 ? g += ".." : g += "/..");
+    return g.length > 0 ? g + t.slice(l + f) : (l += f, t.charCodeAt(l) === 47 && ++l, t.slice(l));
+  },
+  _makeLong: function(n) {
+    return n;
+  },
+  dirname: function(n) {
+    if (me(n), n.length === 0)
+      return ".";
+    for (var t = n.charCodeAt(0), o = t === 47, s = -1, a = !0, l = n.length - 1; l >= 1; --l)
+      if (t = n.charCodeAt(l), t === 47) {
+        if (!a) {
+          s = l;
+          break;
+        }
+      } else
+        a = !1;
+    return s === -1 ? o ? "/" : "." : o && s === 1 ? "//" : n.slice(0, s);
+  },
+  basename: function(n, t) {
+    if (t !== void 0 && typeof t != "string")
+      throw new TypeError('"ext" argument must be a string');
+    me(n);
+    var o = 0, s = -1, a = !0, l;
+    if (t !== void 0 && t.length > 0 && t.length <= n.length) {
+      if (t.length === n.length && t === n)
+        return "";
+      var u = t.length - 1, i = -1;
+      for (l = n.length - 1; l >= 0; --l) {
+        var c = n.charCodeAt(l);
+        if (c === 47) {
+          if (!a) {
+            o = l + 1;
+            break;
+          }
+        } else
+          i === -1 && (a = !1, i = l + 1), u >= 0 && (c === t.charCodeAt(u) ? --u === -1 && (s = l) : (u = -1, s = i));
+      }
+      return o === s ? s = i : s === -1 && (s = n.length), n.slice(o, s);
+    } else {
+      for (l = n.length - 1; l >= 0; --l)
+        if (n.charCodeAt(l) === 47) {
+          if (!a) {
+            o = l + 1;
+            break;
+          }
+        } else
+          s === -1 && (a = !1, s = l + 1);
+      return s === -1 ? "" : n.slice(o, s);
+    }
+  },
+  extname: function(n) {
+    me(n);
+    for (var t = -1, o = 0, s = -1, a = !0, l = 0, u = n.length - 1; u >= 0; --u) {
+      var i = n.charCodeAt(u);
+      if (i === 47) {
+        if (!a) {
+          o = u + 1;
+          break;
+        }
+        continue;
+      }
+      s === -1 && (a = !1, s = u + 1), i === 46 ? t === -1 ? t = u : l !== 1 && (l = 1) : t !== -1 && (l = -1);
+    }
+    return t === -1 || s === -1 || // We saw a non-dot character immediately before the dot
+    l === 0 || // The (right-most) trimmed path component is exactly '..'
+    l === 1 && t === s - 1 && t === o + 1 ? "" : n.slice(t, s);
+  },
+  format: function(n) {
+    if (n === null || typeof n != "object")
+      throw new TypeError('The "pathObject" argument must be of type Object. Received type ' + typeof n);
+    return Ml("/", n);
+  },
+  parse: function(n) {
+    me(n);
+    var t = { root: "", dir: "", base: "", ext: "", name: "" };
+    if (n.length === 0)
+      return t;
+    var o = n.charCodeAt(0), s = o === 47, a;
+    s ? (t.root = "/", a = 1) : a = 0;
+    for (var l = -1, u = 0, i = -1, c = !0, f = n.length - 1, d = 0; f >= a; --f) {
+      if (o = n.charCodeAt(f), o === 47) {
+        if (!c) {
+          u = f + 1;
+          break;
+        }
+        continue;
+      }
+      i === -1 && (c = !1, i = f + 1), o === 46 ? l === -1 ? l = f : d !== 1 && (d = 1) : l !== -1 && (d = -1);
+    }
+    return l === -1 || i === -1 || // We saw a non-dot character immediately before the dot
+    d === 0 || // The (right-most) trimmed path component is exactly '..'
+    d === 1 && l === i - 1 && l === u + 1 ? i !== -1 && (u === 0 && s ? t.base = t.name = n.slice(1, i) : t.base = t.name = n.slice(u, i)) : (u === 0 && s ? (t.name = n.slice(1, l), t.base = n.slice(1, i)) : (t.name = n.slice(u, l), t.base = n.slice(u, i)), t.ext = n.slice(l, i)), u > 0 ? t.dir = n.slice(0, u - 1) : s && (t.dir = "/"), t;
+  },
+  sep: "/",
+  delimiter: ":",
+  win32: null,
+  posix: null
+};
+Ae.posix = Ae;
+var sn = Ae;
+const rn = /* @__PURE__ */ zn(sn), wl = { class: "tags-container" }, Sl = /* @__PURE__ */ D({
+  __name: "index",
+  setup(e) {
+    const { proxy: n } = ge(), t = kt(), o = Ge(), s = Xe(), a = gt(), l = _e(), { visitedViews: u } = oo(a), i = Se(), c = E(() => i.layout), f = T({
+      path: "",
+      fullPath: "",
+      name: "",
+      title: "",
+      affix: !1,
+      keepAlive: !1
+    }), d = T([]), p = T(0), v = T(0);
+    ee(
+      o,
+      () => {
+        R(), N();
+      },
+      {
+        immediate: !0
+        //初始化立即执行
+      }
+    );
+    const g = T(!1);
+    ee(g, (y) => {
+      y ? document.body.addEventListener("click", I) : document.body.removeEventListener("click", I);
+    });
+    function k(y, h = "/") {
+      let A = [];
+      return y.forEach((F) => {
+        var z, G, se, Ye;
+        const q = sn.resolve(h, F.path);
+        if ((z = F.meta) != null && z.affix && A.push({
+          path: q,
+          fullPath: q,
+          name: String(F.name),
+          title: ((G = F.meta) == null ? void 0 : G.title) || "no-name",
+          affix: (se = F.meta) == null ? void 0 : se.affix,
+          keepAlive: (Ye = F.meta) == null ? void 0 : Ye.keepAlive
+        }), F.children) {
+          const Ze = k(F.children, h + F.path);
+          Ze.length >= 1 && (A = [...A, ...Ze]);
+        }
+      }), A;
+    }
+    function S() {
+      const y = k(s.routes);
+      d.value = y;
+      for (const h of y)
+        h.name && a.addVisitedView(h);
+    }
+    function R() {
+      var y, h;
+      o.meta.title && a.addView({
+        name: o.name,
+        title: o.meta.title,
+        path: o.path,
+        fullPath: o.fullPath,
+        affix: (y = o.meta) == null ? void 0 : y.affix,
+        keepAlive: (h = o.meta) == null ? void 0 : h.keepAlive
+      });
+    }
+    function N() {
+      $e(() => {
+        var y, h;
+        for (const A of u.value)
+          A.path === o.path && A.fullPath !== o.fullPath && a.updateVisitedView({
+            name: o.name,
+            title: o.meta.title || "",
+            path: o.path,
+            fullPath: o.fullPath,
+            affix: (y = o.meta) == null ? void 0 : y.affix,
+            keepAlive: (h = o.meta) == null ? void 0 : h.keepAlive
+          });
+      });
+    }
+    function b(y) {
+      return y.path === o.path;
+    }
+    function Z(y) {
+      return y == null ? void 0 : y.affix;
+    }
+    function Y() {
+      try {
+        return f.value.path === "/dashboard" || f.value.fullPath === a.visitedViews[1].fullPath;
+      } catch {
+        return !1;
+      }
+    }
+    function O() {
+      try {
+        return f.value.fullPath === a.visitedViews[a.visitedViews.length - 1].fullPath;
+      } catch {
+        return !1;
+      }
+    }
+    function j(y) {
+      a.delCachedView(y);
+      const { fullPath: h } = y;
+      $e(() => {
+        t.replace({ path: "/redirect" + h });
+      });
+    }
+    function P(y, h) {
+      const A = y.slice(-1)[0];
+      A && A.fullPath ? t.push(A.fullPath) : (h == null ? void 0 : h.name) === "Dashboard" ? t.replace({ path: "/redirect" + h.fullPath }) : t.push("/");
+    }
+    function W(y) {
+      a.delView(y).then((h) => {
+        b(y) && P(h.visitedViews, y);
+      });
+    }
+    function le() {
+      a.delLeftViews(f.value).then((y) => {
+        y.visitedViews.find((h) => h.path === o.path) || P(y.visitedViews);
+      });
+    }
+    function ce() {
+      a.delRightViews(f.value).then((y) => {
+        y.visitedViews.find((h) => h.path === o.path) || P(y.visitedViews);
+      });
+    }
+    function de() {
+      t.push(f.value), a.delOtherViews(f.value).then(() => {
+        N();
+      });
+    }
+    function be(y) {
+      a.delAllViews().then((h) => {
+        P(h.visitedViews, y);
+      });
+    }
+    function x(y, h) {
+      const F = n == null ? void 0 : n.$el.getBoundingClientRect().left, z = (n == null ? void 0 : n.$el.offsetWidth) - 105, G = h.clientX - F + 15;
+      G > z ? p.value = z : p.value = G, c.value === "mix" ? v.value = h.clientY - 50 : v.value = h.clientY, g.value = !0, f.value = y;
+    }
+    function I() {
+      g.value = !1;
+    }
+    function B() {
+      I();
+    }
+    function X(y, h) {
+      let A = {};
+      function F(z, G) {
+        if (A[z.name] = G, z.children)
+          for (let se = 0; se < z.children.length; se++)
+            F(z.children[se], z);
+      }
+      for (let z = 0; z < y.length; z++)
+        F(y[z], null);
+      let q = A[h];
+      for (; q; ) {
+        if (!A[q.name])
+          return q;
+        q = A[q.name];
+      }
+      return null;
+    }
+    const K = (y) => {
+      if (c.value !== "mix")
+        return;
+      const h = X(s.routes, y);
+      l.activeTopMenu !== h.path && l.activeTopMenu(h.path);
+    };
+    return ee(
+      () => o.name,
+      (y) => {
+        y && K(y);
+      },
+      {
+        deep: !0
+      }
+    ), pe(() => {
+      S();
+    }), (y, h) => {
+      const A = $l, F = Oe("router-link"), q = bt, z = Ne;
+      return m(), $("div", wl, [
+        _(q, {
+          class: "scroll-container",
+          vertical: !1,
+          onWheel: Te(B, ["prevent"])
+        }, {
+          default: M(() => [
+            (m(!0), $(oe, null, xe(r(u), (G) => (m(), L(F, {
+              ref_for: !0,
+              ref: "tagRef",
+              key: G.fullPath,
+              class: w("tags-item " + (b(G) ? "active" : "")),
+              to: { path: G.path, query: G.query },
+              onMouseup: Te((se) => Z(G) ? "" : W(G), ["middle"]),
+              onContextmenu: Te((se) => x(G, se), ["prevent"])
+            }, {
+              default: M(() => [
+                Q(U(r(Ue)(G.title)) + " ", 1),
+                Z(G) ? H("", !0) : (m(), L(A, {
+                  key: 0,
+                  class: "close-icon",
+                  size: "12px",
+                  onClick: Te((se) => W(G), ["prevent", "stop"])
+                }, null, 8, ["onClick"]))
+              ]),
+              _: 2
+            }, 1032, ["class", "to", "onMouseup", "onContextmenu"]))), 128))
+          ]),
+          _: 1
+        }),
+        Me(C("ul", {
+          class: "contextmenu",
+          style: ye({ left: r(p) + "px", top: r(v) + "px" })
+        }, [
+          C("li", {
+            onClick: h[0] || (h[0] = (G) => j(r(f)))
+          }, [
+            _(z, { "icon-class": "refresh" }),
+            Q(" 刷新 ")
+          ]),
+          Z(r(f)) ? H("", !0) : (m(), $("li", {
+            key: 0,
+            onClick: h[1] || (h[1] = (G) => W(r(f)))
+          }, [
+            _(z, { "icon-class": "close" }),
+            Q(" 关闭 ")
+          ])),
+          C("li", { onClick: de }, [
+            _(z, { "icon-class": "close_other" }),
+            Q(" 关闭其它 ")
+          ]),
+          Y() ? H("", !0) : (m(), $("li", {
+            key: 1,
+            onClick: le
+          }, [
+            _(z, { "icon-class": "close_left" }),
+            Q(" 关闭左侧 ")
+          ])),
+          O() ? H("", !0) : (m(), $("li", {
+            key: 2,
+            onClick: ce
+          }, [
+            _(z, { "icon-class": "close_right" }),
+            Q(" 关闭右侧 ")
+          ])),
+          C("li", {
+            onClick: h[2] || (h[2] = (G) => be(r(f)))
+          }, [
+            _(z, { "icon-class": "close_all" }),
+            Q(" 关闭所有 ")
+          ])
+        ], 4), [
+          [qe, r(g)]
+        ])
+      ]);
+    };
+  }
+}), xl = /* @__PURE__ */ ie(Sl, [["__scopeId", "data-v-c6247b96"]]), El = /* @__PURE__ */ D({
+  name: "AppLink",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    to: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const n = e, t = E(() => He(n.to)), o = E(() => t.value ? "a" : "router-link"), s = (a) => t.value ? { href: a, target: "_blank", rel: "noopener noreferrer" } : { to: a };
+    return (a, l) => (m(), L(st(r(o)), Jn(Qn(s(e.to))), {
+      default: M(() => [
+        ae(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Tl = {
+  key: 3,
+  class: "ml-1"
+}, Il = /* @__PURE__ */ D({
+  __name: "SidebarMenuItemTitle",
+  props: {
+    icon: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (n, t) => {
+      const o = we, s = Ne;
+      return m(), $(oe, null, [
+        e.icon && e.icon.startsWith("el-icon") ? (m(), L(o, {
+          key: 0,
+          class: "sub-el-icon"
+        }, {
+          default: M(() => [
+            (m(), L(st(e.icon.replace("el-icon-", ""))))
+          ]),
+          _: 1
+        })) : e.icon ? (m(), L(s, {
+          key: 1,
+          "icon-class": e.icon
+        }, null, 8, ["icon-class"])) : (m(), L(s, {
+          key: 2,
+          "icon-class": "menu"
+        })),
+        e.title ? (m(), $("span", Tl, U(r(Ue)(e.title)), 1)) : H("", !0)
+      ], 64);
+    };
+  }
+}), Al = /* @__PURE__ */ ie(Il, [["__scopeId", "data-v-891a12f6"]]), Pl = { key: 0 }, Vl = /* @__PURE__ */ D({
+  name: "SidebarMenuItem",
+  inheritAttrs: !1,
+  __name: "SidebarMenuItem",
+  props: {
+    /**
+     * 路由(eg:user)
+     */
+    item: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * 父层级完整路由路径(eg:/system)
+     */
+    basePath: {
+      type: String,
+      required: !0
+    },
+    isNest: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const n = e, t = T();
+    function o(a = [], l) {
+      const u = a.filter((i) => {
+        var c;
+        return (c = i.meta) != null && c.hidden ? !1 : (i.meta.hidden = !1, t.value = i, !0);
+      });
+      return u.length === 1 ? !0 : u.length === 0 ? (t.value = { ...l, path: "", noShowingChildren: !0 }, !0) : !1;
+    }
+    function s(a) {
+      return He(a) ? a : He(n.basePath) ? n.basePath : rn.resolve(n.basePath, a);
+    }
+    return (a, l) => {
+      var p;
+      const u = Al, i = on, c = El, f = Oe("SidebarMenuItem", !0), d = ya;
+      return !e.item.meta || !e.item.meta.hidden ? (m(), $("div", Pl, [
+        o(e.item.children, e.item) && (!r(t).children || r(t).noShowingChildren) && !((p = e.item.meta) != null && p.alwaysShow) ? (m(), $(oe, { key: 0 }, [
+          r(t).meta ? (m(), L(c, {
+            key: 0,
+            to: s(r(t).path)
+          }, {
+            default: M(() => [
+              _(i, {
+                index: s(r(t).path),
+                class: w({ "submenu-title-noDropdown": !e.isNest })
+              }, {
+                default: M(() => [
+                  _(u, {
+                    icon: r(t).meta.icon || e.item.meta && e.item.meta.icon,
+                    title: r(t).meta.title
+                  }, null, 8, ["icon", "title"])
+                ]),
+                _: 1
+              }, 8, ["index", "class"])
+            ]),
+            _: 1
+          }, 8, ["to"])) : H("", !0)
+        ], 64)) : (m(), L(d, {
+          key: 1,
+          index: s(e.item.path),
+          teleported: ""
+        }, {
+          title: M(() => [
+            e.item.meta ? (m(), L(u, {
+              key: 0,
+              icon: e.item.meta && e.item.meta.icon,
+              title: e.item.meta.title
+            }, null, 8, ["icon", "title"])) : H("", !0)
+          ]),
+          default: M(() => [
+            (m(!0), $(oe, null, xe(e.item.children, (v) => (m(), L(f, {
+              key: v.path,
+              "is-nest": !0,
+              item: v,
+              "base-path": s(v.path)
+            }, null, 8, ["item", "base-path"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["index"]))
+      ])) : H("", !0);
+    };
+  }
+}), Ll = "_dark_168i3_12", Pe = {
+  "sidebar-width": "210px",
+  "navbar-height": "50px",
+  "menu-background": "var(--menu-background)",
+  "menu-text": "var(--menu-text)",
+  "menu-active-text": "var(--menu-active-text)",
+  "menu-hover": "var(--menu-hover)",
+  dark: Ll
+}, un = /* @__PURE__ */ D({
+  __name: "SidebarMenu",
+  props: {
+    menuList: {
+      required: !0,
+      default: () => [],
+      type: Array
+    },
+    basePath: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const n = Se(), t = _e(), o = Ge(), s = E(() => n.layout), a = e;
+    function l(u) {
+      return He(u) ? u : He(a.basePath) ? a.basePath : rn.resolve(a.basePath, u);
+    }
+    return (u, i) => {
+      const c = Vl, f = nn;
+      return m(), L(f, {
+        "default-active": r(o).path,
+        collapse: !r(t).sidebar.opened,
+        "background-color": r(Pe)["menu-background"],
+        "text-color": r(Pe)["menu-text"],
+        "active-text-color": r(Pe)["menu-active-text"],
+        "unique-opened": !1,
+        "collapse-transition": !1,
+        mode: r(s) === "top" ? "horizontal" : "vertical"
+      }, {
+        default: M(() => [
+          (m(!0), $(oe, null, xe(e.menuList, (d) => (m(), L(c, {
+            key: d.path,
+            item: d,
+            "base-path": l(d.path),
+            "is-collapse": !r(t).sidebar.opened
+          }, null, 8, ["item", "base-path", "is-collapse"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color", "mode"]);
+    };
+  }
+}), Nl = { key: 1 }, Ol = {
+  key: 0,
+  class: "ml-1"
+}, Bl = /* @__PURE__ */ D({
+  __name: "SidebarMixTopMenu",
+  setup(e) {
+    const n = _e(), t = Xe(), o = kt(), s = E(() => n.activeTopMenuPath), a = T([]), l = (i) => {
+      n.activeTopMenu(i), t.setMixLeftMenus(i);
+      const c = t.mixLeftMenus;
+      u(c);
+    }, u = (i) => {
+      if (i.length === 0)
+        return;
+      const [c] = i;
+      c.children && c.children.length > 0 ? u(c.children) : c.name && o.push({
+        name: c.name
+      });
+    };
+    return pe(() => {
+      a.value = t.routes.filter(
+        (i) => !i.meta || !i.meta.hidden
+      );
+    }), (i, c) => {
+      const f = Ne, d = on, p = nn, v = bt;
+      return m(), L(v, null, {
+        default: M(() => [
+          _(p, {
+            mode: "horizontal",
+            "default-active": r(s),
+            "background-color": r(Pe)["menu-background"],
+            "text-color": r(Pe)["menu-text"],
+            "active-text-color": r(Pe)["menu-active-text"],
+            onSelect: l
+          }, {
+            default: M(() => [
+              (m(!0), $(oe, null, xe(r(a), (g) => (m(), L(d, {
+                key: g.path,
+                index: g.path
+              }, {
+                title: M(() => [
+                  g.meta && g.meta.icon ? (m(), L(f, {
+                    key: 0,
+                    "icon-class": g.meta.icon
+                  }, null, 8, ["icon-class"])) : H("", !0),
+                  g.path === "/" ? (m(), $("span", Nl, " 首页 ")) : (m(), $(oe, { key: 2 }, [
+                    g.meta && g.meta.title ? (m(), $("span", Ol, U(r(Ue)(g.meta.title)), 1)) : H("", !0)
+                  ], 64))
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["default-active", "background-color", "text-color", "active-text-color"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Rl = { class: "logo-container" }, Fl = ["src"], Dl = ["src"], zl = { class: "logo-title" }, Hl = /* @__PURE__ */ D({
+  __name: "SidebarLogo",
+  props: {
+    collapse: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  setup(e) {
+    const n = Se(), t = ze.logo;
+    return (o, s) => {
+      const a = Oe("router-link");
+      return m(), $("div", Rl, [
+        _(it, { "enter-active-class": "animate__animated animate__fadeInLeft" }, {
+          default: M(() => [
+            e.collapse ? (m(), L(a, {
+              key: 0,
+              class: "wh-full flex-center",
+              to: "/"
+            }, {
+              default: M(() => [
+                r(n).sidebarLogo ? (m(), $("img", {
+                  key: 0,
+                  src: r(t),
+                  class: "logo-image"
+                }, null, 8, Fl)) : H("", !0)
+              ]),
+              _: 1
+            })) : (m(), L(a, {
+              key: 1,
+              class: "wh-full flex-center",
+              to: "/"
+            }, {
+              default: M(() => [
+                r(n).sidebarLogo ? (m(), $("img", {
+                  key: 0,
+                  src: r(t),
+                  class: "logo-image"
+                }, null, 8, Dl)) : H("", !0),
+                C("span", zl, U(r(ze).title), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Wl = /* @__PURE__ */ ie(Hl, [["__scopeId", "data-v-210c85a9"]]), ql = {
+  key: 0,
+  class: "flex w-full"
+}, Kl = /* @__PURE__ */ D({
+  __name: "index",
+  setup(e) {
+    const n = _e(), t = Se(), o = Xe(), s = E(() => t.sidebarLogo), a = E(() => t.layout);
+    return (l, u) => {
+      const i = Wl, c = Bl, f = an, d = un, p = bt;
+      return m(), $("div", {
+        class: w({ "has-logo": r(s) })
+      }, [
+        r(a) == "mix" ? (m(), $("div", ql, [
+          r(s) ? (m(), L(i, {
+            key: 0,
+            collapse: !r(n).sidebar.opened
+          }, null, 8, ["collapse"])) : H("", !0),
+          _(c, { class: "flex-1" }),
+          _(f)
+        ])) : (m(), $(oe, { key: 1 }, [
+          r(s) ? (m(), L(i, {
+            key: 0,
+            collapse: !r(n).sidebar.opened
+          }, null, 8, ["collapse"])) : H("", !0),
+          _(p, null, {
+            default: M(() => [
+              _(d, {
+                "menu-list": r(o).routes,
+                "base-path": ""
+              }, null, 8, ["menu-list"])
+            ]),
+            _: 1
+          }),
+          r(a) === "top" ? (m(), L(f, { key: 1 })) : H("", !0)
+        ], 64))
+      ], 2);
+    };
+  }
+}), Ul = /* @__PURE__ */ ie(Kl, [["__scopeId", "data-v-a6d3f8e9"]]), jl = {
+  key: 1,
+  class: "mix-container"
+}, Xl = { class: "mix-container__left" }, Gl = { class: "sidebar-toggle" }, Yl = 992, Zl = /* @__PURE__ */ D({
+  __name: "index",
+  setup(e) {
+    const n = _e(), t = Se(), o = Xe(), s = E(() => t.fixedHeader), a = E(() => t.tagsView), l = E(() => t.layout), u = E(() => n.activeTopMenuPath), i = E(() => o.mixLeftMenus);
+    ee(
+      () => u.value,
+      (v) => {
+        o.setMixLeftMenus(v);
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    );
+    const c = E(() => ({
+      hideSidebar: !n.sidebar.opened,
+      openSidebar: n.sidebar.opened,
+      mobile: n.device === et.MOBILE,
+      "layout-left": l.value === "left",
+      "layout-top": l.value === "top",
+      "layout-mix": l.value === "mix"
+    })), f = Hn().width;
+    yt(() => {
+      f.value < Yl ? (n.toggleDevice(et.MOBILE), n.closeSideBar()) : (n.toggleDevice(et.DESKTOP), f.value >= 1200 ? n.openSideBar() : n.closeSideBar());
+    });
+    function d() {
+      n.closeSideBar();
+    }
+    function p() {
+      n.toggleSidebar();
+    }
+    return (v, g) => {
+      const k = Ul, S = un, R = ln, N = xl, b = gl, Z = hl, Y = Ha;
+      return m(), $("div", {
+        class: w(["wh-full", r(c)])
+      }, [
+        r(c).mobile && r(c).openSidebar ? (m(), $("div", {
+          key: 0,
+          class: "wh-full fixed-lt z-999 bg-black bg-opacity-30",
+          onClick: d
+        })) : H("", !0),
+        _(k, { class: "sidebar-container" }),
+        r(l) === "mix" ? (m(), $("div", jl, [
+          C("div", Xl, [
+            _(S, {
+              "menu-list": r(i),
+              "base-path": r(u)
+            }, null, 8, ["menu-list", "base-path"]),
+            C("div", Gl, [
+              _(R, {
+                "is-active": r(n).sidebar.opened,
+                onToggleClick: p
+              }, null, 8, ["is-active"])
+            ])
+          ]),
+          C("div", {
+            class: w([{ hasTagsView: r(a) }, "main-container"])
+          }, [
+            C("div", {
+              class: w({ "fixed-header": r(s) })
+            }, [
+              r(a) ? (m(), L(N, { key: 0 })) : H("", !0)
+            ], 2),
+            _(b),
+            r(ze).showSettings ? (m(), L(Z, { key: 0 })) : H("", !0)
+          ], 2)
+        ])) : (m(), $("div", {
+          key: 2,
+          class: w([{ hasTagsView: r(a) }, "main-container"])
+        }, [
+          C("div", {
+            class: w({ "fixed-header": r(s) })
+          }, [
+            r(l) === "left" ? (m(), L(Y, { key: 0 })) : H("", !0),
+            r(a) ? (m(), L(N, { key: 1 })) : H("", !0)
+          ], 2),
+          _(b),
+          r(ze).showSettings ? (m(), L(Z, { key: 0 })) : H("", !0)
+        ], 2))
+      ], 2);
+    };
+  }
+}), fs = /* @__PURE__ */ ie(Zl, [["__scopeId", "data-v-71891bc2"]]);
+export {
+  fs as default
+};