jmash-core 0.1.16 → 0.1.18

package/dist/index-DgZeveji.mjs

@@ -0,0 +1,2164 @@
+import { u as ne, _ as de, E as Ge, a as ue, s as Re, v as Ye, b as Je, c as Ze, d as et, e as X, S as tt, f as Te, g as le, D as ge, h as nt, i as ot, j as at, k as pe, l as Ne, r as qe, m as _e, T as ye, n as lt, o as it, p as rt, q as ve, t as st } from "./index-BrR5K1DU.mjs";
+import { defineComponent as B, ref as I, resolveComponent as w, createBlock as V, openBlock as m, withCtx as p, createElementVNode as k, createVNode as d, createElementBlock as S, Fragment as J, renderList as me, unref as i, createTextVNode as R, toDisplayString as M, useModel as Ae, mergeModels as xe, reactive as ct, resolveDirective as ut, withDirectives as Be, computed as z, createCommentVNode as P, isRef as ae, watch as re, onBeforeMount as dt, TransitionGroup as mt, withModifiers as fe, normalizeClass as G, Transition as Oe, KeepAlive as ft, resolveDynamicComponent as Ee, getCurrentInstance as pt, nextTick as De, onMounted as ze, normalizeStyle as vt, vShow as _t, normalizeProps as ht, guardReactiveProps as gt, renderSlot as bt, watchEffect as Ct } from "vue";
+import { useRoute as he, useRouter as Me } from "vue-router";
+import { _ as wt } from "./updatePwd.vue_vue_type_script_setup_true_lang-B1eIL13s.mjs";
+import { useI18n as Pe } from "vue-i18n";
+import { ElMessage as Fe } from "element-plus";
+import { _ as ke, a as Se } from "./index.vue_vue_type_script_setup_true_lang-Dj7pKP1u.mjs";
+import { _ as yt, E as Vt } from "./runAs.vue_vue_type_script_setup_true_lang-C-1uRJoS.mjs";
+import { storeToRefs as xt } from "pinia";
+const kt = /* @__PURE__ */ B({
+  __name: "index",
+  setup(l) {
+    const e = ne(), t = I([
+      { label: "默认", value: "default" },
+      { label: "大型", value: "large" },
+      { label: "小型", value: "small" }
+    ]);
+    function o(s) {
+      e.changeSize(s), Ge.success("切换布局大小成功");
+    }
+    return (s, n) => {
+      const a = de, r = w("el-dropdown-item"), u = w("el-dropdown-menu"), v = w("el-dropdown");
+      return m(), V(v, {
+        trigger: "click",
+        onCommand: o
+      }, {
+        dropdown: p(() => [
+          d(u, null, {
+            default: p(() => [
+              (m(!0), S(J, null, me(i(t), (_) => (m(), V(r, {
+                key: _.value,
+                disabled: i(e).size == _.value,
+                command: _.value
+              }, {
+                default: p(() => [
+                  R(M(_.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["disabled", "command"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: p(() => [
+          k("div", null, [
+            d(a, { "icon-class": "size" })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+class St {
+  // 更换手机号邮箱
+  phoneEmail(e) {
+    return e.tenant = ue().user.tenant, Re({
+      url: "/v1/rbac/change/phone_email",
+      method: "post",
+      data: e
+    });
+  }
+  // 更换微信用户绑定
+  /**
+   * 绑定微信账号
+   * @param {WechatBindReq} data - 微信绑定请求参数
+   * @returns {AxiosPromise<boolean>} 返回绑定操作的结果Promise，成功时为true
+   */
+  wechatBind(e) {
+    return e.tenant = ue().user.tenant, e.authorizerAppid = Ye.APP_WECHAT_APPID, Re({
+      url: "/v1/rbac/change/wechat_bind",
+      method: "post",
+      data: e
+    });
+  }
+}
+const We = new St(), $t = { class: "dialog-footer" }, Tt = /* @__PURE__ */ B({
+  __name: "ChangePhoneEmail",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l) {
+    var _, c;
+    const e = ue(), { t } = Pe(), o = Ae(l, "modelValue");
+    function s() {
+      o.value && (o.value = !1);
+    }
+    const n = I(), a = I({
+      newName: "",
+      newValidCode: "",
+      oldName: ((_ = e.user) == null ? void 0 : _.mobilePhoneIns) ?? ((c = e.user) == null ? void 0 : c.emailIns),
+      oldValidCode: "",
+      requestId: Math.random() * 10 + ""
+    }), r = (f, h, g) => {
+      h ? !Je(h) && !Ze(h) ? g(new Error(t("change.nameError"))) : g() : g(new Error(t(`change.${f.field}Required`)));
+    }, u = I({
+      oldName: [
+        {
+          required: !0,
+          message: t("change.oldNameRequired"),
+          trigger: "blur"
+        }
+      ],
+      oldCaptchaCode: [
+        {
+          required: !0,
+          message: t("change.oldCaptchaCodeRequired"),
+          trigger: "blur"
+        }
+      ],
+      newCaptchaCode: [
+        {
+          required: !0,
+          message: t("change.oldCaptchaCodeRequired"),
+          trigger: "blur"
+        }
+      ],
+      oldValidCode: [
+        {
+          required: !0,
+          message: t("change.oldValidCodeRequired"),
+          trigger: "blur"
+        }
+      ],
+      newName: [
+        {
+          required: !0,
+          validator: r,
+          trigger: "blur"
+        }
+      ],
+      newValidCode: [
+        {
+          required: !0,
+          message: t("change.newValidCodeRequired"),
+          trigger: "blur"
+        }
+      ]
+    });
+    function v() {
+      var f;
+      (f = n.value) == null || f.validate((h) => {
+        if (!h) return;
+        const g = {
+          requestId: a.value.requestId,
+          oldValidCode: a.value.oldValidCode,
+          newName: a.value.newName,
+          newValidCode: a.value.newValidCode
+        };
+        We.phoneEmail(g).then(($) => {
+          $.status === 200 && (s(), Fe.success(t("change.nameSuccess")), e.getUserInfo());
+        });
+      });
+    }
+    return (f, h) => {
+      const g = w("el-input"), $ = w("el-form-item"), x = w("el-col"), T = w("el-row"), q = w("el-form"), C = w("el-button"), N = w("el-dialog");
+      return m(), V(N, {
+        modelValue: o.value,
+        "onUpdate:modelValue": h[8] || (h[8] = (A) => o.value = A),
+        onClose: s
+      }, {
+        footer: p(() => [
+          k("div", $t, [
+            d(C, { onClick: s }, {
+              default: p(() => [
+                R(M(f.$t("common.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            d(C, {
+              type: "primary",
+              onClick: v
+            }, {
+              default: p(() => [
+                R(M(f.$t("common.confirm")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: p(() => [
+          d(q, {
+            ref_key: "formRef",
+            ref: n,
+            model: a.value,
+            rules: u.value,
+            size: "large"
+          }, {
+            default: p(() => [
+              d(T, null, {
+                default: p(() => [
+                  d(x, { span: 24 }, {
+                    default: p(() => [
+                      d($, { prop: "oldName" }, {
+                        default: p(() => [
+                          d(g, {
+                            modelValue: a.value.oldName,
+                            "onUpdate:modelValue": h[0] || (h[0] = (A) => a.value.oldName = A),
+                            readonly: ""
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d(x, { span: 24 }, {
+                    default: p(() => [
+                      d($, { prop: "oldCaptchaCode" }, {
+                        default: p(() => [
+                          d(ke, {
+                            "captcha-id": a.value.oldCaptchaId,
+                            "onUpdate:captchaId": h[1] || (h[1] = (A) => a.value.oldCaptchaId = A),
+                            "captcha-code": a.value.oldCaptchaCode,
+                            "onUpdate:captchaCode": h[2] || (h[2] = (A) => a.value.oldCaptchaCode = A),
+                            placeholder: f.$t("change.oldCaptchaCode")
+                          }, null, 8, ["captcha-id", "captcha-code", "placeholder"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d(x, { span: 24 }, {
+                    default: p(() => [
+                      d($, { prop: "oldValidCode" }, {
+                        default: p(() => {
+                          var A, L;
+                          return [
+                            d(Se, {
+                              name: ((A = i(e).user) == null ? void 0 : A.mobilePhone) ?? ((L = i(e).user) == null ? void 0 : L.email),
+                              "validate-field": ["oldName", "oldCaptchaCode"],
+                              "captcha-id": a.value.oldCaptchaId,
+                              "captcha-code": a.value.oldCaptchaCode,
+                              "form-ref": n.value,
+                              placeholder: f.$t("change.oldValidCode"),
+                              modelValue: a.value.oldValidCode,
+                              "onUpdate:modelValue": h[3] || (h[3] = (E) => a.value.oldValidCode = E)
+                            }, null, 8, ["name", "captcha-id", "captcha-code", "form-ref", "placeholder", "modelValue"])
+                          ];
+                        }),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d(x, { span: 24 }, {
+                    default: p(() => [
+                      d($, { prop: "newName" }, {
+                        default: p(() => [
+                          d(g, {
+                            modelValue: a.value.newName,
+                            "onUpdate:modelValue": h[4] || (h[4] = (A) => a.value.newName = A),
+                            placeholder: f.$t("change.newName"),
+                            "show-word-limit": "",
+                            clearable: ""
+                          }, null, 8, ["modelValue", "placeholder"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d(x, { span: 24 }, {
+                    default: p(() => [
+                      d($, { prop: "newCaptchaCode" }, {
+                        default: p(() => [
+                          d(ke, {
+                            "captcha-id": a.value.newCaptchaId,
+                            "onUpdate:captchaId": h[5] || (h[5] = (A) => a.value.newCaptchaId = A),
+                            "captcha-code": a.value.newCaptchaCode,
+                            "onUpdate:captchaCode": h[6] || (h[6] = (A) => a.value.newCaptchaCode = A),
+                            placeholder: f.$t("change.newCaptchaCode")
+                          }, null, 8, ["captcha-id", "captcha-code", "placeholder"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d(x, { span: 24 }, {
+                    default: p(() => [
+                      d($, { prop: "newValidCode" }, {
+                        default: p(() => [
+                          d(Se, {
+                            name: a.value.newName,
+                            "validate-field": ["newName", "newCaptchaCode"],
+                            "captcha-id": a.value.newCaptchaId,
+                            "captcha-code": a.value.newCaptchaCode,
+                            "form-ref": n.value,
+                            placeholder: f.$t("change.newValidCode"),
+                            modelValue: a.value.newValidCode,
+                            "onUpdate:modelValue": h[7] || (h[7] = (A) => a.value.newValidCode = A)
+                          }, null, 8, ["name", "captcha-id", "captcha-code", "form-ref", "placeholder", "modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model", "rules"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), At = { class: "dialog-footer" }, Et = /* @__PURE__ */ B({
+  __name: "ChangeWechatBind",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ xe(["next"], ["update:modelValue"]),
+  setup(l, { emit: e }) {
+    const { t } = Pe(), o = ue(), s = Ae(l, "modelValue");
+    function n() {
+      s.value && (s.value = !1);
+    }
+    const a = I(), r = I({
+      validCode: ""
+    }), u = ct({
+      captchaCode: [
+        {
+          required: !0,
+          message: t("change.oldCaptchaCodeRequired"),
+          trigger: "blur"
+        }
+      ],
+      validCode: [
+        {
+          required: !0,
+          message: t("change.validCodeRequired"),
+          trigger: "blur"
+        }
+      ]
+    }), v = e;
+    function _() {
+      var c;
+      (c = a.value) == null || c.validate((f) => {
+        f && v("next", r.value.validCode);
+      });
+    }
+    return (c, f) => {
+      const h = w("el-input"), g = w("el-form-item"), $ = w("el-col"), x = w("el-row"), T = w("el-form"), q = w("el-button"), C = w("el-dialog");
+      return m(), V(C, {
+        modelValue: s.value,
+        "onUpdate:modelValue": f[3] || (f[3] = (N) => s.value = N),
+        onClose: n
+      }, {
+        footer: p(() => [
+          k("div", At, [
+            d(q, { onClick: n }, {
+              default: p(() => [
+                R(M(c.$t("common.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            d(q, {
+              type: "primary",
+              onClick: _
+            }, {
+              default: p(() => [
+                R(M(c.$t("common.next")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: p(() => [
+          d(T, {
+            ref_key: "formRef",
+            ref: a,
+            model: r.value,
+            rules: i(u),
+            size: "large"
+          }, {
+            default: p(() => [
+              d(x, null, {
+                default: p(() => [
+                  d($, { span: 24 }, {
+                    default: p(() => [
+                      d(g, null, {
+                        default: p(() => {
+                          var N, A;
+                          return [
+                            d(h, {
+                              value: ((N = i(o).user) == null ? void 0 : N.mobilePhoneIns) ?? ((A = i(o).user) == null ? void 0 : A.emailIns),
+                              placeholder: c.$t("change.name"),
+                              readonly: ""
+                            }, null, 8, ["value", "placeholder"])
+                          ];
+                        }),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d($, { span: 24 }, {
+                    default: p(() => [
+                      d(g, { prop: "captchaCode" }, {
+                        default: p(() => [
+                          d(ke, {
+                            "captcha-id": r.value.captchaId,
+                            "onUpdate:captchaId": f[0] || (f[0] = (N) => r.value.captchaId = N),
+                            "captcha-code": r.value.captchaCode,
+                            "onUpdate:captchaCode": f[1] || (f[1] = (N) => r.value.captchaCode = N),
+                            placeholder: c.$t("change.oldCaptchaCode")
+                          }, null, 8, ["captcha-id", "captcha-code", "placeholder"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d($, { span: 24 }, {
+                    default: p(() => [
+                      d(g, { prop: "validCode" }, {
+                        default: p(() => {
+                          var N, A;
+                          return [
+                            d(Se, {
+                              name: ((N = i(o).user) == null ? void 0 : N.mobilePhone) ?? ((A = i(o).user) == null ? void 0 : A.email),
+                              "validate-field": ["name", "captchaCode"],
+                              "captcha-id": r.value.captchaId,
+                              "captcha-code": r.value.captchaCode,
+                              "form-ref": a.value,
+                              placeholder: c.$t("change.validCode"),
+                              modelValue: r.value.validCode,
+                              "onUpdate:modelValue": f[2] || (f[2] = (L) => r.value.validCode = L)
+                            }, null, 8, ["name", "captcha-id", "captcha-code", "form-ref", "placeholder", "modelValue"])
+                          ];
+                        }),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model", "rules"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Mt = { class: "flex justify-center items-center" }, Pt = ["src"], Lt = { class: "dialog-footer" }, It = /* @__PURE__ */ B({
+  __name: "QrCode",
+  props: /* @__PURE__ */ xe({
+    validCode: {
+      type: String,
+      required: !0
+    }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ xe(["last"], ["update:modelValue"]),
+  setup(l, { emit: e }) {
+    const t = ue(), { t: o } = Pe(), s = Ae(l, "modelValue");
+    function n() {
+      s.value && (s.value = !1);
+    }
+    const r = I({
+      validCode: l.validCode
+    }), u = I(!0), v = I({});
+    function _() {
+      et().then(({ data: g }) => {
+        v.value = g, u.value = !1, r.value.ticket = g.ticket, r.value.requestId = Math.random() * 10 + "";
+      });
+    }
+    _();
+    const c = e;
+    function f() {
+      n(), c("last");
+    }
+    function h() {
+      We.wechatBind(r.value).then((g) => {
+        g.status === 200 ? (n(), Fe.success(o("change.wechatBindSuccess")), t.getUserInfo()) : f();
+      });
+    }
+    return (g, $) => {
+      const x = w("el-button"), T = w("el-dialog"), q = ut("loading");
+      return m(), V(T, {
+        modelValue: s.value,
+        "onUpdate:modelValue": $[0] || ($[0] = (C) => s.value = C),
+        onClose: n
+      }, {
+        footer: p(() => [
+          k("div", Lt, [
+            d(x, {
+              type: "primary",
+              onClick: f
+            }, {
+              default: p(() => [
+                R(M(g.$t("common.last")), 1)
+              ]),
+              _: 1
+            }),
+            d(x, {
+              type: "primary",
+              onClick: h
+            }, {
+              default: p(() => [
+                R(M(g.$t("common.confirm")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: p(() => [
+          Be((m(), S("div", Mt, [
+            k("img", {
+              style: { width: "320px", height: "320px" },
+              src: v.value.qrcodeUrl,
+              alt: "二维码"
+            }, null, 8, Pt)
+          ])), [
+            [q, u.value]
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Rt = /* @__PURE__ */ X(It, [["__scopeId", "data-v-4f1f1fd3"]]), Nt = { class: "flex" }, qt = { class: "flex-center h100% p10px" }, Dt = ["src"], Ut = { key: 0 }, Bt = /* @__PURE__ */ B({
+  __name: "NavbarRight",
+  setup(l) {
+    const e = new tt(), t = ne(), o = Te(), s = ue(), n = le();
+    he();
+    const a = Me(), r = z(() => t.device === ge.MOBILE), u = I(!1), v = I(!1), { isFullscreen: _, toggle: c } = nt(), f = z(
+      () => ot.imageUrl(s.user.avatar, 48, 48)
+    ), h = (L) => {
+      L.target.src = "https://gh.sooyie.cn/v1/file/path/wxapp/images/user/avatar.png";
+    };
+    function g() {
+      v.value = !0;
+    }
+    function $() {
+      Vt.confirm("确定注销并退出系统吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+        lockScroll: !1
+      }).then(() => {
+        s.logout().then(() => {
+          o.delAllViews();
+        }).then(() => {
+          a.push("/login");
+        });
+      });
+    }
+    const x = I(!1), T = I(!1), q = I(""), C = I(!1);
+    function N(L) {
+      q.value = L, T.value = !1, C.value = !0;
+    }
+    function A(L) {
+      u.value = L;
+    }
+    return (L, E) => {
+      const ie = de, H = kt, O = w("el-tooltip"), Q = at, oe = w("router-link"), j = w("el-dropdown-item"), Ce = w("el-dropdown-menu"), we = w("el-dropdown");
+      return m(), S("div", Nt, [
+        i(r) ? P("", !0) : (m(), S(J, { key: 0 }, [
+          k("div", {
+            class: "setting-item",
+            onClick: E[0] || (E[0] = //@ts-ignore
+            (...F) => i(c) && i(c)(...F))
+          }, [
+            d(ie, {
+              "icon-class": i(_) ? "fullscreen-exit" : "fullscreen"
+            }, null, 8, ["icon-class"])
+          ]),
+          d(O, {
+            content: L.$t("sizeSelect.tooltip"),
+            effect: "dark",
+            placement: "bottom"
+          }, {
+            default: p(() => [
+              d(H, { class: "setting-item" })
+            ]),
+            _: 1
+          }, 8, ["content"]),
+          d(Q, { class: "setting-item" })
+        ], 64)),
+        d(we, {
+          class: "setting-item",
+          trigger: "click"
+        }, {
+          dropdown: p(() => [
+            d(Ce, null, {
+              default: p(() => [
+                d(j, null, {
+                  default: p(() => [
+                    d(oe, { to: "/" }, {
+                      default: p(() => [
+                        R(M(L.$t("navbar.Dashboard")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                d(j, null, {
+                  default: p(() => [
+                    d(oe, { to: "/my/profile" }, {
+                      default: p(() => [
+                        R(M(L.$t("navbar.profile")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                d(j, {
+                  onClick: E[1] || (E[1] = (F) => u.value = !0)
+                }, {
+                  default: p(() => [
+                    R(M(L.$t("navbar.changePwd")), 1)
+                  ]),
+                  _: 1
+                }),
+                d(j, {
+                  onClick: E[2] || (E[2] = (F) => x.value = !0)
+                }, {
+                  default: p(() => [
+                    R(M(L.$t("navbar.changePhoneEmail")), 1)
+                  ]),
+                  _: 1
+                }),
+                d(j, {
+                  onClick: E[3] || (E[3] = (F) => T.value = !0)
+                }, {
+                  default: p(() => [
+                    R(M(L.$t("navbar.changeWechatBind")), 1)
+                  ]),
+                  _: 1
+                }),
+                i(e).hasRole("tester") || i(e).userInfo().runAs ? (m(), S("div", Ut, [
+                  d(j, { onClick: g }, {
+                    default: p(() => [
+                      R(M(L.$t("navbar.runAs")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])) : P("", !0),
+                d(j, {
+                  divided: "",
+                  onClick: $
+                }, {
+                  default: p(() => [
+                    R(M(L.$t("navbar.logout")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          default: p(() => [
+            k("div", qt, [
+              k("img", {
+                src: i(f),
+                class: "rounded-full mr-10px w24px w24px",
+                onError: h
+              }, null, 40, Dt),
+              k("span", null, M(i(s).user.nickName), 1)
+            ])
+          ]),
+          _: 1
+        }),
+        i(pe).showSettings ? (m(), S("div", {
+          key: 1,
+          class: "setting-item",
+          onClick: E[4] || (E[4] = (F) => i(n).settingsVisible = !0)
+        }, [
+          d(ie, { "icon-class": "setting" })
+        ])) : P("", !0),
+        i(u) ? (m(), V(wt, {
+          key: 2,
+          "pwd-visible": i(u),
+          onDialogActionChange: A
+        }, null, 8, ["pwd-visible"])) : P("", !0),
+        i(v) ? (m(), V(yt, {
+          key: 3,
+          modelValue: i(v),
+          "onUpdate:modelValue": E[5] || (E[5] = (F) => ae(v) ? v.value = F : null)
+        }, null, 8, ["modelValue"])) : P("", !0),
+        i(x) ? (m(), V(Tt, {
+          key: 4,
+          width: "400",
+          modelValue: i(x),
+          "onUpdate:modelValue": E[6] || (E[6] = (F) => ae(x) ? x.value = F : null),
+          title: L.$t("navbar.changePhoneEmail")
+        }, null, 8, ["modelValue", "title"])) : P("", !0),
+        i(T) ? (m(), V(Et, {
+          key: 5,
+          width: "400",
+          modelValue: i(T),
+          "onUpdate:modelValue": E[7] || (E[7] = (F) => ae(T) ? T.value = F : null),
+          title: L.$t("navbar.changeWechatBind"),
+          onNext: N
+        }, null, 8, ["modelValue", "title"])) : P("", !0),
+        i(C) ? (m(), V(Rt, {
+          key: 6,
+          width: "400",
+          modelValue: i(C),
+          "onUpdate:modelValue": E[8] || (E[8] = (F) => ae(C) ? C.value = F : null),
+          "valid-code": i(q),
+          title: L.$t("change.pleaseScanCode"),
+          onLast: E[9] || (E[9] = (F) => T.value = !0)
+        }, null, 8, ["modelValue", "valid-code", "title"])) : P("", !0)
+      ]);
+    };
+  }
+}), He = /* @__PURE__ */ X(Bt, [["__scopeId", "data-v-5a598d72"]]);
+function Ot(l) {
+  for (var e = [], t = 0; t < l.length; ) {
+    var o = l[t];
+    if (o === "*" || o === "+" || o === "?") {
+      e.push({ type: "MODIFIER", index: t, value: l[t++] });
+      continue;
+    }
+    if (o === "\\") {
+      e.push({ type: "ESCAPED_CHAR", index: t++, value: l[t++] });
+      continue;
+    }
+    if (o === "{") {
+      e.push({ type: "OPEN", index: t, value: l[t++] });
+      continue;
+    }
+    if (o === "}") {
+      e.push({ type: "CLOSE", index: t, value: l[t++] });
+      continue;
+    }
+    if (o === ":") {
+      for (var s = "", n = t + 1; n < l.length; ) {
+        var a = l.charCodeAt(n);
+        if (
+          // `0-9`
+          a >= 48 && a <= 57 || // `A-Z`
+          a >= 65 && a <= 90 || // `a-z`
+          a >= 97 && a <= 122 || // `_`
+          a === 95
+        ) {
+          s += l[n++];
+          continue;
+        }
+        break;
+      }
+      if (!s)
+        throw new TypeError("Missing parameter name at ".concat(t));
+      e.push({ type: "NAME", index: t, value: s }), t = n;
+      continue;
+    }
+    if (o === "(") {
+      var r = 1, u = "", n = t + 1;
+      if (l[n] === "?")
+        throw new TypeError('Pattern cannot start with "?" at '.concat(n));
+      for (; n < l.length; ) {
+        if (l[n] === "\\") {
+          u += l[n++] + l[n++];
+          continue;
+        }
+        if (l[n] === ")") {
+          if (r--, r === 0) {
+            n++;
+            break;
+          }
+        } else if (l[n] === "(" && (r++, l[n + 1] !== "?"))
+          throw new TypeError("Capturing groups are not allowed at ".concat(n));
+        u += l[n++];
+      }
+      if (r)
+        throw new TypeError("Unbalanced pattern at ".concat(t));
+      if (!u)
+        throw new TypeError("Missing pattern at ".concat(t));
+      e.push({ type: "PATTERN", index: t, value: u }), t = n;
+      continue;
+    }
+    e.push({ type: "CHAR", index: t, value: l[t++] });
+  }
+  return e.push({ type: "END", index: t, value: "" }), e;
+}
+function zt(l, e) {
+  e === void 0 && (e = {});
+  for (var t = Ot(l), o = e.prefixes, s = o === void 0 ? "./" : o, n = e.delimiter, a = n === void 0 ? "/#?" : n, r = [], u = 0, v = 0, _ = "", c = function(H) {
+    if (v < t.length && t[v].type === H)
+      return t[v++].value;
+  }, f = function(H) {
+    var O = c(H);
+    if (O !== void 0)
+      return O;
+    var Q = t[v], oe = Q.type, j = Q.index;
+    throw new TypeError("Unexpected ".concat(oe, " at ").concat(j, ", expected ").concat(H));
+  }, h = function() {
+    for (var H = "", O; O = c("CHAR") || c("ESCAPED_CHAR"); )
+      H += O;
+    return H;
+  }, g = function(H) {
+    for (var O = 0, Q = a; O < Q.length; O++) {
+      var oe = Q[O];
+      if (H.indexOf(oe) > -1)
+        return !0;
+    }
+    return !1;
+  }, $ = function(H) {
+    var O = r[r.length - 1], Q = H || (O && typeof O == "string" ? O : "");
+    if (O && !Q)
+      throw new TypeError('Must have text between two parameters, missing text after "'.concat(O.name, '"'));
+    return !Q || g(Q) ? "[^".concat(Ve(a), "]+?") : "(?:(?!".concat(Ve(Q), ")[^").concat(Ve(a), "])+?");
+  }; v < t.length; ) {
+    var x = c("CHAR"), T = c("NAME"), q = c("PATTERN");
+    if (T || q) {
+      var C = x || "";
+      s.indexOf(C) === -1 && (_ += C, C = ""), _ && (r.push(_), _ = ""), r.push({
+        name: T || u++,
+        prefix: C,
+        suffix: "",
+        pattern: q || $(C),
+        modifier: c("MODIFIER") || ""
+      });
+      continue;
+    }
+    var N = x || c("ESCAPED_CHAR");
+    if (N) {
+      _ += N;
+      continue;
+    }
+    _ && (r.push(_), _ = "");
+    var A = c("OPEN");
+    if (A) {
+      var C = h(), L = c("NAME") || "", E = c("PATTERN") || "", ie = h();
+      f("CLOSE"), r.push({
+        name: L || (E ? u++ : ""),
+        pattern: L && !E ? $(C) : E,
+        prefix: C,
+        suffix: ie,
+        modifier: c("MODIFIER") || ""
+      });
+      continue;
+    }
+    f("END");
+  }
+  return r;
+}
+function Ft(l, e) {
+  return Wt(zt(l, e), e);
+}
+function Wt(l, e) {
+  e === void 0 && (e = {});
+  var t = Ht(e), o = e.encode, s = o === void 0 ? function(u) {
+    return u;
+  } : o, n = e.validate, a = n === void 0 ? !0 : n, r = l.map(function(u) {
+    if (typeof u == "object")
+      return new RegExp("^(?:".concat(u.pattern, ")$"), t);
+  });
+  return function(u) {
+    for (var v = "", _ = 0; _ < l.length; _++) {
+      var c = l[_];
+      if (typeof c == "string") {
+        v += c;
+        continue;
+      }
+      var f = u ? u[c.name] : void 0, h = c.modifier === "?" || c.modifier === "*", g = c.modifier === "*" || c.modifier === "+";
+      if (Array.isArray(f)) {
+        if (!g)
+          throw new TypeError('Expected "'.concat(c.name, '" to not repeat, but got an array'));
+        if (f.length === 0) {
+          if (h)
+            continue;
+          throw new TypeError('Expected "'.concat(c.name, '" to not be empty'));
+        }
+        for (var $ = 0; $ < f.length; $++) {
+          var x = s(f[$], c);
+          if (a && !r[_].test(x))
+            throw new TypeError('Expected all "'.concat(c.name, '" to match "').concat(c.pattern, '", but got "').concat(x, '"'));
+          v += c.prefix + x + c.suffix;
+        }
+        continue;
+      }
+      if (typeof f == "string" || typeof f == "number") {
+        var x = s(String(f), c);
+        if (a && !r[_].test(x))
+          throw new TypeError('Expected "'.concat(c.name, '" to match "').concat(c.pattern, '", but got "').concat(x, '"'));
+        v += c.prefix + x + c.suffix;
+        continue;
+      }
+      if (!h) {
+        var T = g ? "an array" : "a string";
+        throw new TypeError('Expected "'.concat(c.name, '" to be ').concat(T));
+      }
+    }
+    return v;
+  };
+}
+function Ve(l) {
+  return l.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
+}
+function Ht(l) {
+  return l && l.sensitive ? "" : "i";
+}
+function $e(l) {
+  var e, t;
+  return be((e = l.name) == null ? void 0 : e.toString(), (t = l.meta) == null ? void 0 : t.title);
+}
+function Kt(l) {
+  return be(l.name, l.title);
+}
+function be(l, e) {
+  let t = l && l != "" ? l : e;
+  return Ne.global.te("route." + t) ? Ne.global.t("route." + t) : e || l;
+}
+const Qt = {
+  key: 0,
+  class: "color-gray-400"
+}, Xt = ["onClick"], jt = /* @__PURE__ */ B({
+  __name: "index",
+  setup(l) {
+    const e = he(), t = (r) => {
+      const { params: u } = e;
+      return Ft(r)(u);
+    }, o = I([]);
+    function s() {
+      let r = e.matched.filter(
+        (v) => v.meta && v.meta.title
+      );
+      const u = r[0];
+      n(u) || (r = [
+        { path: "/dashboard", meta: { title: "Dashboard" } }
+      ].concat(r)), o.value = r.filter((v) => v.meta && v.meta.title && v.meta.breadcrumb !== !1);
+    }
+    function n(r) {
+      const u = r && r.name;
+      return u ? u.toString().trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase() : !1;
+    }
+    function a(r) {
+      const { redirect: u, path: v } = r;
+      if (u) {
+        qe.value.push(u).catch((_) => {
+          console.warn(_);
+        });
+        return;
+      }
+      qe.value.push(t(v)).catch((_) => {
+        console.warn(_);
+      });
+    }
+    return re(
+      () => e.path,
+      (r) => {
+        r.startsWith("/redirect/") || s();
+      }
+    ), dt(() => {
+      s();
+    }), (r, u) => {
+      const v = w("el-breadcrumb-item"), _ = w("el-breadcrumb");
+      return m(), V(_, { class: "flex-y-center" }, {
+        default: p(() => [
+          d(mt, { "enter-active-class": "animate__animated animate__fadeInRight" }, {
+            default: p(() => [
+              (m(!0), S(J, null, me(i(o), (c, f) => (m(), V(v, {
+                key: c.path
+              }, {
+                default: p(() => [
+                  c.redirect === "noredirect" || f === i(o).length - 1 ? (m(), S("span", Qt, M(i($e)(c)), 1)) : (m(), S("a", {
+                    key: 1,
+                    onClick: fe((h) => a(c), ["prevent"])
+                  }, M(i($e)(c)), 9, Xt))
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Gt = /* @__PURE__ */ X(jt, [["__scopeId", "data-v-6109c28e"]]), Yt = /* @__PURE__ */ B({
+  __name: "index",
+  props: {
+    isActive: {
+      required: !0,
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["toggleClick"],
+  setup(l, { emit: e }) {
+    const t = e;
+    function o() {
+      t("toggleClick");
+    }
+    return (s, n) => {
+      const a = de;
+      return m(), S("div", {
+        class: "px-[15px] flex items-center justify-center color-[var(--el-text-color-regular)]",
+        onClick: o
+      }, [
+        d(a, {
+          class: G(["hamburger", { "is-active": l.isActive }]),
+          "icon-class": "indent-decrease"
+        }, null, 8, ["class"])
+      ]);
+    };
+  }
+}), Ke = /* @__PURE__ */ X(Yt, [["__scopeId", "data-v-42e37629"]]), Jt = { class: "flex" }, Zt = /* @__PURE__ */ B({
+  __name: "NavbarLeft",
+  setup(l) {
+    const e = ne();
+    function t() {
+      e.toggleSidebar();
+    }
+    return (o, s) => {
+      const n = Ke, a = Gt;
+      return m(), S("div", Jt, [
+        d(n, {
+          "is-active": i(e).sidebar.opened,
+          onToggleClick: t
+        }, null, 8, ["is-active"]),
+        d(a)
+      ]);
+    };
+  }
+}), en = {}, tn = { class: "navbar-container" };
+function nn(l, e) {
+  const t = Zt, o = He;
+  return m(), S("div", tn, [
+    d(t),
+    d(o)
+  ]);
+}
+const on = /* @__PURE__ */ X(en, [["render", nn], ["__scopeId", "data-v-b1624593"]]);
+var te = /* @__PURE__ */ ((l) => (l.LEFT = "left", l.TOP = "top", l.MIX = "mix", l))(te || {});
+const an = { class: "flex flex-wrap justify-around w-full h-12" }, ln = /* @__PURE__ */ B({
+  __name: "LayoutSelect",
+  props: {
+    modelValue: String
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: e }) {
+    const t = e;
+    function o(s) {
+      t("update:modelValue", s);
+    }
+    return (s, n) => {
+      const a = w("el-tooltip");
+      return m(), S("div", an, [
+        d(a, {
+          content: "左侧模式",
+          placement: "bottom"
+        }, {
+          default: p(() => [
+            k("div", {
+              class: G(["layout-item left", { "is-active": l.modelValue === i(te).LEFT }]),
+              onClick: n[0] || (n[0] = (r) => o(i(te).LEFT))
+            }, n[3] || (n[3] = [
+              k("div", null, null, -1),
+              k("div", null, null, -1)
+            ]), 2)
+          ]),
+          _: 1
+        }),
+        d(a, {
+          content: "顶部模式",
+          placement: "bottom"
+        }, {
+          default: p(() => [
+            k("div", {
+              class: G(["layout-item top", { "is-active": l.modelValue === i(te).TOP }]),
+              onClick: n[1] || (n[1] = (r) => o(i(te).TOP))
+            }, n[4] || (n[4] = [
+              k("div", null, null, -1),
+              k("div", null, null, -1)
+            ]), 2)
+          ]),
+          _: 1
+        }),
+        d(a, {
+          content: "混合模式",
+          placement: "bottom"
+        }, {
+          default: p(() => [
+            k("div", {
+              class: G(["layout-item mix", { "is-active": l.modelValue === i(te).MIX }]),
+              onClick: n[2] || (n[2] = (r) => o(i(te).MIX))
+            }, n[5] || (n[5] = [
+              k("div", null, null, -1),
+              k("div", null, null, -1)
+            ]), 2)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), rn = /* @__PURE__ */ X(ln, [["__scopeId", "data-v-2bdf1403"]]), sn = /* @__PURE__ */ B({
+  __name: "ThemeColorPicker",
+  props: {
+    modelValue: String
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: e }) {
+    const t = l, o = e, s = [
+      "#409EFF",
+      "#ff4500",
+      "#ff8c00",
+      "#90ee90",
+      "#00ced1",
+      "#1e90ff",
+      "#c71585",
+      "rgba(255, 69, 0, 0.68)",
+      "rgb(255, 120, 0)",
+      "hsva(120, 40, 94)"
+    ], n = I(t.modelValue);
+    return re(n, (a) => {
+      o("update:modelValue", a);
+    }), (a, r) => {
+      const u = w("el-color-picker");
+      return m(), V(u, {
+        modelValue: i(n),
+        "onUpdate:modelValue": r[0] || (r[0] = (v) => ae(n) ? n.value = v : null),
+        predefine: s,
+        "popper-class": "theme-picker-dropdown"
+      }, null, 8, ["modelValue"]);
+    };
+  }
+}), cn = /* @__PURE__ */ X(sn, [["__scopeId", "data-v-92c1fd79"]]), un = { class: "flex-center" }, dn = { class: "settings-option" }, mn = { class: "text-xs" }, fn = { class: "settings-option" }, pn = { class: "text-xs" }, vn = { class: "settings-option" }, _n = { class: "text-xs" }, hn = { class: "settings-option" }, gn = { class: "text-xs" }, bn = { class: "settings-option" }, Cn = { class: "text-xs" }, wn = /* @__PURE__ */ B({
+  __name: "index",
+  setup(l) {
+    const e = he(), t = ne(), o = le(), s = _e(), n = z({
+      get() {
+        return o.settingsVisible;
+      },
+      set() {
+        o.settingsVisible = !1;
+      }
+    });
+    function a(f) {
+      o.changeThemeColor(f);
+    }
+    const r = I(o.theme === ye.DARK), u = (f) => {
+      r.value = f, o.changeTheme(r.value ? ye.DARK : ye.LIGHT);
+    };
+    function v(f) {
+      o.changeLayout(f), f === te.MIX ? e.name && _(e.name) : f === te.TOP && t.openSideBar();
+    }
+    function _(f) {
+      const h = c(s.routes, f);
+      t.activeTopMenu !== h.path && t.activeTopMenu(h.path);
+    }
+    function c(f, h) {
+      let g = {};
+      function $(T, q) {
+        if (g[T.name] = q, T.children)
+          for (let C = 0; C < T.children.length; C++)
+            $(T.children[C], T);
+      }
+      for (let T = 0; T < f.length; T++)
+        $(f[T], null);
+      let x = g[h];
+      for (; x; ) {
+        if (!g[x.name])
+          return x;
+        x = g[x.name];
+      }
+      return null;
+    }
+    return (f, h) => {
+      const g = w("el-divider"), $ = w("el-switch"), x = cn, T = rn, q = w("el-drawer");
+      return m(), V(q, {
+        modelValue: i(n),
+        "onUpdate:modelValue": h[7] || (h[7] = (C) => ae(n) ? n.value = C : null),
+        size: "300",
+        title: f.$t("settings.project")
+      }, {
+        default: p(() => [
+          d(g, null, {
+            default: p(() => [
+              R(M(f.$t("settings.theme")), 1)
+            ]),
+            _: 1
+          }),
+          k("div", un, [
+            d($, {
+              modelValue: i(r),
+              "onUpdate:modelValue": h[0] || (h[0] = (C) => ae(r) ? r.value = C : null),
+              "active-icon": i(it),
+              "inactive-icon": i(lt),
+              onChange: u
+            }, null, 8, ["modelValue", "active-icon", "inactive-icon"])
+          ]),
+          d(g, null, {
+            default: p(() => [
+              R(M(f.$t("settings.interface")), 1)
+            ]),
+            _: 1
+          }),
+          k("div", dn, [
+            k("span", mn, M(f.$t("settings.themeColor")), 1),
+            d(x, {
+              modelValue: i(o).themeColor,
+              "onUpdate:modelValue": [
+                h[1] || (h[1] = (C) => i(o).themeColor = C),
+                a
+              ]
+            }, null, 8, ["modelValue"])
+          ]),
+          k("div", fn, [
+            k("span", pn, M(f.$t("settings.tagsView")), 1),
+            d($, {
+              modelValue: i(o).tagsView,
+              "onUpdate:modelValue": h[2] || (h[2] = (C) => i(o).tagsView = C)
+            }, null, 8, ["modelValue"])
+          ]),
+          k("div", vn, [
+            k("span", _n, M(f.$t("settings.fixedHeader")), 1),
+            d($, {
+              modelValue: i(o).fixedHeader,
+              "onUpdate:modelValue": h[3] || (h[3] = (C) => i(o).fixedHeader = C)
+            }, null, 8, ["modelValue"])
+          ]),
+          k("div", hn, [
+            k("span", gn, M(f.$t("settings.sidebarLogo")), 1),
+            d($, {
+              modelValue: i(o).sidebarLogo,
+              "onUpdate:modelValue": h[4] || (h[4] = (C) => i(o).sidebarLogo = C)
+            }, null, 8, ["modelValue"])
+          ]),
+          k("div", bn, [
+            k("span", Cn, M(f.$t("settings.watermark")), 1),
+            d($, {
+              modelValue: i(o).watermarkEnabled,
+              "onUpdate:modelValue": h[5] || (h[5] = (C) => i(o).watermarkEnabled = C)
+            }, null, 8, ["modelValue"])
+          ]),
+          d(g, null, {
+            default: p(() => [
+              R(M(f.$t("settings.navigation")), 1)
+            ]),
+            _: 1
+          }),
+          d(T, {
+            modelValue: i(o).layout,
+            "onUpdate:modelValue": [
+              h[6] || (h[6] = (C) => i(o).layout = C),
+              v
+            ]
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"]);
+    };
+  }
+}), yn = /* @__PURE__ */ X(wn, [["__scopeId", "data-v-70f5bf10"]]), Vn = { class: "app-main" }, xn = /* @__PURE__ */ B({
+  __name: "index",
+  setup(l) {
+    const e = z(() => Te().cachedViews);
+    return (t, o) => {
+      const s = w("router-view");
+      return m(), S("section", Vn, [
+        d(s, null, {
+          default: p(({ Component: n, route: a }) => [
+            d(Oe, {
+              "enter-active-class": "animate__animated animate__fadeIn",
+              mode: "out-in"
+            }, {
+              default: p(() => [
+                (m(), V(ft, {
+                  include: i(e),
+                  max: 9
+                }, [
+                  (m(), V(Ee(n), {
+                    key: a.path
+                  }))
+                ], 1032, ["include"]))
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), kn = /* @__PURE__ */ X(xn, [["__scopeId", "data-v-f32946ce"]]), Sn = {
+  viewBox: "0 0 1024 1024",
+  width: "1.2em",
+  height: "1.2em"
+};
+function $n(l, e) {
+  return m(), S("svg", Sn, e[0] || (e[0] = [
+    k("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)
+  ]));
+}
+const Tn = { name: "ep-close", render: $n };
+function ee(l) {
+  if (typeof l != "string")
+    throw new TypeError("Path must be a string. Received " + JSON.stringify(l));
+}
+function Ue(l, e) {
+  for (var t = "", o = 0, s = -1, n = 0, a, r = 0; r <= l.length; ++r) {
+    if (r < l.length)
+      a = l.charCodeAt(r);
+    else {
+      if (a === 47)
+        break;
+      a = 47;
+    }
+    if (a === 47) {
+      if (!(s === r - 1 || n === 1)) if (s !== r - 1 && n === 2) {
+        if (t.length < 2 || o !== 2 || t.charCodeAt(t.length - 1) !== 46 || t.charCodeAt(t.length - 2) !== 46) {
+          if (t.length > 2) {
+            var u = t.lastIndexOf("/");
+            if (u !== t.length - 1) {
+              u === -1 ? (t = "", o = 0) : (t = t.slice(0, u), o = t.length - 1 - t.lastIndexOf("/")), s = r, n = 0;
+              continue;
+            }
+          } else if (t.length === 2 || t.length === 1) {
+            t = "", o = 0, s = r, n = 0;
+            continue;
+          }
+        }
+        e && (t.length > 0 ? t += "/.." : t = "..", o = 2);
+      } else
+        t.length > 0 ? t += "/" + l.slice(s + 1, r) : t = l.slice(s + 1, r), o = r - s - 1;
+      s = r, n = 0;
+    } else a === 46 && n !== -1 ? ++n : n = -1;
+  }
+  return t;
+}
+function An(l, e) {
+  var t = e.dir || e.root, o = e.base || (e.name || "") + (e.ext || "");
+  return t ? t === e.root ? t + o : t + l + o : o;
+}
+var se = {
+  // path.resolve([from ...], to)
+  resolve: function() {
+    for (var e = "", t = !1, o, s = arguments.length - 1; s >= -1 && !t; s--) {
+      var n;
+      s >= 0 ? n = arguments[s] : (o === void 0 && (o = process.cwd()), n = o), ee(n), n.length !== 0 && (e = n + "/" + e, t = n.charCodeAt(0) === 47);
+    }
+    return e = Ue(e, !t), t ? e.length > 0 ? "/" + e : "/" : e.length > 0 ? e : ".";
+  },
+  normalize: function(e) {
+    if (ee(e), e.length === 0) return ".";
+    var t = e.charCodeAt(0) === 47, o = e.charCodeAt(e.length - 1) === 47;
+    return e = Ue(e, !t), e.length === 0 && !t && (e = "."), e.length > 0 && o && (e += "/"), t ? "/" + e : e;
+  },
+  isAbsolute: function(e) {
+    return ee(e), e.length > 0 && e.charCodeAt(0) === 47;
+  },
+  join: function() {
+    if (arguments.length === 0)
+      return ".";
+    for (var e, t = 0; t < arguments.length; ++t) {
+      var o = arguments[t];
+      ee(o), o.length > 0 && (e === void 0 ? e = o : e += "/" + o);
+    }
+    return e === void 0 ? "." : se.normalize(e);
+  },
+  relative: function(e, t) {
+    if (ee(e), ee(t), e === t || (e = se.resolve(e), t = se.resolve(t), e === t)) return "";
+    for (var o = 1; o < e.length && e.charCodeAt(o) === 47; ++o)
+      ;
+    for (var s = e.length, n = s - o, a = 1; a < t.length && t.charCodeAt(a) === 47; ++a)
+      ;
+    for (var r = t.length, u = r - a, v = n < u ? n : u, _ = -1, c = 0; c <= v; ++c) {
+      if (c === v) {
+        if (u > v) {
+          if (t.charCodeAt(a + c) === 47)
+            return t.slice(a + c + 1);
+          if (c === 0)
+            return t.slice(a + c);
+        } else n > v && (e.charCodeAt(o + c) === 47 ? _ = c : c === 0 && (_ = 0));
+        break;
+      }
+      var f = e.charCodeAt(o + c), h = t.charCodeAt(a + c);
+      if (f !== h)
+        break;
+      f === 47 && (_ = c);
+    }
+    var g = "";
+    for (c = o + _ + 1; c <= s; ++c)
+      (c === s || e.charCodeAt(c) === 47) && (g.length === 0 ? g += ".." : g += "/..");
+    return g.length > 0 ? g + t.slice(a + _) : (a += _, t.charCodeAt(a) === 47 && ++a, t.slice(a));
+  },
+  _makeLong: function(e) {
+    return e;
+  },
+  dirname: function(e) {
+    if (ee(e), e.length === 0) return ".";
+    for (var t = e.charCodeAt(0), o = t === 47, s = -1, n = !0, a = e.length - 1; a >= 1; --a)
+      if (t = e.charCodeAt(a), t === 47) {
+        if (!n) {
+          s = a;
+          break;
+        }
+      } else
+        n = !1;
+    return s === -1 ? o ? "/" : "." : o && s === 1 ? "//" : e.slice(0, s);
+  },
+  basename: function(e, t) {
+    if (t !== void 0 && typeof t != "string") throw new TypeError('"ext" argument must be a string');
+    ee(e);
+    var o = 0, s = -1, n = !0, a;
+    if (t !== void 0 && t.length > 0 && t.length <= e.length) {
+      if (t.length === e.length && t === e) return "";
+      var r = t.length - 1, u = -1;
+      for (a = e.length - 1; a >= 0; --a) {
+        var v = e.charCodeAt(a);
+        if (v === 47) {
+          if (!n) {
+            o = a + 1;
+            break;
+          }
+        } else
+          u === -1 && (n = !1, u = a + 1), r >= 0 && (v === t.charCodeAt(r) ? --r === -1 && (s = a) : (r = -1, s = u));
+      }
+      return o === s ? s = u : s === -1 && (s = e.length), e.slice(o, s);
+    } else {
+      for (a = e.length - 1; a >= 0; --a)
+        if (e.charCodeAt(a) === 47) {
+          if (!n) {
+            o = a + 1;
+            break;
+          }
+        } else s === -1 && (n = !1, s = a + 1);
+      return s === -1 ? "" : e.slice(o, s);
+    }
+  },
+  extname: function(e) {
+    ee(e);
+    for (var t = -1, o = 0, s = -1, n = !0, a = 0, r = e.length - 1; r >= 0; --r) {
+      var u = e.charCodeAt(r);
+      if (u === 47) {
+        if (!n) {
+          o = r + 1;
+          break;
+        }
+        continue;
+      }
+      s === -1 && (n = !1, s = r + 1), u === 46 ? t === -1 ? t = r : a !== 1 && (a = 1) : t !== -1 && (a = -1);
+    }
+    return t === -1 || s === -1 || // We saw a non-dot character immediately before the dot
+    a === 0 || // The (right-most) trimmed path component is exactly '..'
+    a === 1 && t === s - 1 && t === o + 1 ? "" : e.slice(t, s);
+  },
+  format: function(e) {
+    if (e === null || typeof e != "object")
+      throw new TypeError('The "pathObject" argument must be of type Object. Received type ' + typeof e);
+    return An("/", e);
+  },
+  parse: function(e) {
+    ee(e);
+    var t = { root: "", dir: "", base: "", ext: "", name: "" };
+    if (e.length === 0) return t;
+    var o = e.charCodeAt(0), s = o === 47, n;
+    s ? (t.root = "/", n = 1) : n = 0;
+    for (var a = -1, r = 0, u = -1, v = !0, _ = e.length - 1, c = 0; _ >= n; --_) {
+      if (o = e.charCodeAt(_), o === 47) {
+        if (!v) {
+          r = _ + 1;
+          break;
+        }
+        continue;
+      }
+      u === -1 && (v = !1, u = _ + 1), o === 46 ? a === -1 ? a = _ : c !== 1 && (c = 1) : a !== -1 && (c = -1);
+    }
+    return a === -1 || u === -1 || // We saw a non-dot character immediately before the dot
+    c === 0 || // The (right-most) trimmed path component is exactly '..'
+    c === 1 && a === u - 1 && a === r + 1 ? u !== -1 && (r === 0 && s ? t.base = t.name = e.slice(1, u) : t.base = t.name = e.slice(r, u)) : (r === 0 && s ? (t.name = e.slice(1, a), t.base = e.slice(1, u)) : (t.name = e.slice(r, a), t.base = e.slice(r, u)), t.ext = e.slice(a, u)), r > 0 ? t.dir = e.slice(0, r - 1) : s && (t.dir = "/"), t;
+  },
+  sep: "/",
+  delimiter: ":",
+  win32: null,
+  posix: null
+};
+se.posix = se;
+var Qe = se;
+const Xe = /* @__PURE__ */ rt(Qe), En = { class: "tags-container" }, Mn = /* @__PURE__ */ B({
+  __name: "index",
+  setup(l) {
+    const { proxy: e } = pt(), t = Me(), o = he(), s = _e(), n = Te(), a = ne(), { visitedViews: r } = xt(n), u = le(), v = z(() => u.layout), _ = I({
+      path: "",
+      query: "",
+      fullPath: "",
+      name: "",
+      title: "",
+      affix: !1,
+      keepAlive: !1
+    }), c = I([]), f = I(0), h = I(0);
+    re(
+      o,
+      () => {
+        T(), q();
+      },
+      {
+        immediate: !0
+        //初始化立即执行
+      }
+    );
+    const g = I(!1);
+    re(g, (y) => {
+      y ? document.body.addEventListener("click", j) : document.body.removeEventListener("click", j);
+    });
+    function $(y, b = "/") {
+      let K = [];
+      return y.forEach((W) => {
+        var D, U, Z, Le;
+        const Y = Qe.resolve(b, W.path);
+        if ((D = W.meta) != null && D.affix && K.push({
+          path: Y,
+          fullPath: Y,
+          name: String(W.name),
+          title: ((U = W.meta) == null ? void 0 : U.title) || "no-name",
+          affix: (Z = W.meta) == null ? void 0 : Z.affix,
+          keepAlive: (Le = W.meta) == null ? void 0 : Le.keepAlive
+        }), W.children) {
+          const Ie = $(W.children, b + W.path);
+          Ie.length >= 1 && (K = [...K, ...Ie]);
+        }
+      }), K;
+    }
+    function x() {
+      const y = $(s.routes);
+      c.value = y;
+      for (const b of y)
+        b.name && n.addVisitedView(b);
+    }
+    function T() {
+      var y, b;
+      o.meta.title && n.addView({
+        name: o.name,
+        title: o.meta.title,
+        path: o.path,
+        fullPath: o.fullPath,
+        affix: (y = o.meta) == null ? void 0 : y.affix,
+        keepAlive: (b = o.meta) == null ? void 0 : b.keepAlive,
+        query: o.query
+      });
+    }
+    function q() {
+      De(() => {
+        var y, b;
+        for (const K of r.value)
+          K.path === o.path && K.fullPath !== o.fullPath && n.updateVisitedView({
+            name: o.name,
+            title: o.meta.title || "",
+            path: o.path,
+            fullPath: o.fullPath,
+            affix: (y = o.meta) == null ? void 0 : y.affix,
+            keepAlive: (b = o.meta) == null ? void 0 : b.keepAlive,
+            query: o.query
+          });
+      });
+    }
+    function C(y) {
+      return y == null ? void 0 : y.affix;
+    }
+    function N() {
+      return n.visitedViews.length <= 1 ? !1 : _.value.path === "/dashboard" || _.value.fullPath === n.visitedViews[1].fullPath;
+    }
+    function A() {
+      return n.visitedViews.length <= 1 ? !1 : _.value.fullPath === n.visitedViews[n.visitedViews.length - 1].fullPath;
+    }
+    function L(y) {
+      n.delCachedView(y);
+      const { fullPath: b } = y;
+      De(() => {
+        t.replace({ path: "/redirect" + b });
+      });
+    }
+    function E(y) {
+      n.delView(y).then((b) => {
+        n.isActive(y) && n.toLastView(b.visitedViews, y);
+      });
+    }
+    function ie() {
+      n.delLeftViews(_.value).then((y) => {
+        y.visitedViews.find((b) => b.path === o.path) || n.toLastView(y.visitedViews);
+      });
+    }
+    function H() {
+      n.delRightViews(_.value).then((y) => {
+        y.visitedViews.find((b) => b.path === o.path) || n.toLastView(y.visitedViews);
+      });
+    }
+    function O() {
+      t.push(_.value), n.delOtherViews(_.value).then(() => {
+        q();
+      });
+    }
+    function Q(y) {
+      n.delAllViews().then((b) => {
+        n.toLastView(b.visitedViews, y);
+      });
+    }
+    function oe(y, b) {
+      const W = e == null ? void 0 : e.$el.getBoundingClientRect().left, D = (e == null ? void 0 : e.$el.offsetWidth) - 105, U = b.clientX - W + 15;
+      U > D ? f.value = D : f.value = U, v.value === "mix" ? h.value = b.clientY - 50 : h.value = b.clientY, g.value = !0, _.value = y;
+    }
+    function j() {
+      g.value = !1;
+    }
+    function Ce() {
+      j();
+    }
+    function we(y, b) {
+      let K = {};
+      function W(D, U) {
+        if (K[D.name] = U, D.children)
+          for (let Z = 0; Z < D.children.length; Z++)
+            W(D.children[Z], D);
+      }
+      for (let D = 0; D < y.length; D++)
+        W(y[D], null);
+      let Y = K[b];
+      for (; Y; ) {
+        if (!K[Y.name])
+          return Y;
+        Y = K[Y.name];
+      }
+      return null;
+    }
+    const F = (y) => {
+      if (v.value !== "mix") return;
+      const b = we(s.routes, y);
+      a.activeTopMenu !== b.path && a.activeTopMenu(b.path);
+    };
+    return re(
+      () => o.name,
+      (y) => {
+        y && F(y);
+      },
+      {
+        deep: !0
+      }
+    ), ze(() => {
+      x();
+    }), (y, b) => {
+      const K = Tn, W = w("router-link"), Y = w("el-scrollbar"), D = de;
+      return m(), S("div", En, [
+        d(Y, {
+          class: "scroll-container",
+          vertical: !1,
+          onWheel: fe(Ce, ["prevent"])
+        }, {
+          default: p(() => [
+            (m(!0), S(J, null, me(i(r), (U) => (m(), V(W, {
+              ref_for: !0,
+              ref: "tagRef",
+              key: U.fullPath,
+              class: G("tags-item " + (i(n).isActive(U) ? "active" : "")),
+              to: { path: U.path, query: U.query },
+              onMouseup: fe((Z) => C(U) ? "" : E(U), ["middle"]),
+              onContextmenu: fe((Z) => oe(U, Z), ["prevent"])
+            }, {
+              default: p(() => [
+                R(M(i(Kt)(U)) + " ", 1),
+                C(U) ? P("", !0) : (m(), V(K, {
+                  key: 0,
+                  class: "close-icon",
+                  size: "12px",
+                  onClick: fe((Z) => E(U), ["prevent", "stop"])
+                }, null, 8, ["onClick"]))
+              ]),
+              _: 2
+            }, 1032, ["class", "to", "onMouseup", "onContextmenu"]))), 128))
+          ]),
+          _: 1
+        }),
+        Be(k("ul", {
+          class: "contextmenu",
+          style: vt({ left: i(f) + "px", top: i(h) + "px" })
+        }, [
+          k("li", {
+            onClick: b[0] || (b[0] = (U) => L(i(_)))
+          }, [
+            d(D, { "icon-class": "refresh" }),
+            b[3] || (b[3] = R(" 刷新 "))
+          ]),
+          C(i(_)) ? P("", !0) : (m(), S("li", {
+            key: 0,
+            onClick: b[1] || (b[1] = (U) => E(i(_)))
+          }, [
+            d(D, { "icon-class": "close" }),
+            b[4] || (b[4] = R(" 关闭 "))
+          ])),
+          k("li", { onClick: O }, [
+            d(D, { "icon-class": "close_other" }),
+            b[5] || (b[5] = R(" 关闭其它 "))
+          ]),
+          N() ? P("", !0) : (m(), S("li", {
+            key: 1,
+            onClick: ie
+          }, [
+            d(D, { "icon-class": "close_left" }),
+            b[6] || (b[6] = R(" 关闭左侧 "))
+          ])),
+          A() ? P("", !0) : (m(), S("li", {
+            key: 2,
+            onClick: H
+          }, [
+            d(D, { "icon-class": "close_right" }),
+            b[7] || (b[7] = R(" 关闭右侧 "))
+          ])),
+          k("li", {
+            onClick: b[2] || (b[2] = (U) => Q(i(_)))
+          }, [
+            d(D, { "icon-class": "close_all" }),
+            b[8] || (b[8] = R(" 关闭所有 "))
+          ])
+        ], 4), [
+          [_t, i(g)]
+        ])
+      ]);
+    };
+  }
+}), Pn = /* @__PURE__ */ X(Mn, [["__scopeId", "data-v-77bfe9a5"]]), Ln = /* @__PURE__ */ B({
+  name: "AppLink",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    to: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(l) {
+    const e = l, t = z(() => ve(e.to)), o = z(() => t.value ? "a" : "router-link"), s = (n) => t.value ? { href: n, target: "_blank", rel: "noopener noreferrer" } : { to: n };
+    return (n, a) => (m(), V(Ee(i(o)), ht(gt(s(l.to))), {
+      default: p(() => [
+        bt(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), In = {
+  key: 3,
+  class: "ml-1"
+}, Rn = /* @__PURE__ */ B({
+  __name: "SidebarMenuItemTitle",
+  props: {
+    icon: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(l) {
+    return (e, t) => {
+      const o = w("el-icon"), s = de;
+      return m(), S(J, null, [
+        l.icon && l.icon.startsWith("el-icon") ? (m(), V(o, {
+          key: 0,
+          class: "sub-el-icon"
+        }, {
+          default: p(() => [
+            (m(), V(Ee(l.icon.replace("el-icon-", ""))))
+          ]),
+          _: 1
+        })) : l.icon ? (m(), V(s, {
+          key: 1,
+          "icon-class": l.icon
+        }, null, 8, ["icon-class"])) : (m(), V(s, {
+          key: 2,
+          "icon-class": "menu"
+        })),
+        l.title ? (m(), S("span", In, M(i(be)(l.name, l.title)), 1)) : P("", !0)
+      ], 64);
+    };
+  }
+}), Nn = /* @__PURE__ */ X(Rn, [["__scopeId", "data-v-992a058f"]]), qn = { key: 0 }, Dn = /* @__PURE__ */ B({
+  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(l) {
+    const e = l, t = I();
+    function o(n = [], a) {
+      const r = n.filter((u) => {
+        var v;
+        return (v = u.meta) != null && v.hidden ? !1 : (u.meta.hidden = !1, t.value = u, !0);
+      });
+      return r.length === 1 ? !0 : r.length === 0 ? (t.value = { ...a, path: "", noShowingChildren: !0 }, !0) : !1;
+    }
+    function s(n) {
+      return ve(n) ? n : ve(e.basePath) ? e.basePath : Xe.resolve(e.basePath, n);
+    }
+    return (n, a) => {
+      var f;
+      const r = Nn, u = w("el-menu-item"), v = Ln, _ = w("SidebarMenuItem", !0), c = w("el-sub-menu");
+      return !l.item.meta || !l.item.meta.hidden ? (m(), S("div", qn, [
+        o(l.item.children, l.item) && (!i(t).children || i(t).noShowingChildren) && !((f = l.item.meta) != null && f.alwaysShow) ? (m(), S(J, { key: 0 }, [
+          i(t).meta ? (m(), V(v, {
+            key: 0,
+            to: s(i(t).path)
+          }, {
+            default: p(() => [
+              d(u, {
+                index: s(i(t).path),
+                class: G({ "submenu-title-noDropdown": !l.isNest })
+              }, {
+                default: p(() => [
+                  d(r, {
+                    icon: i(t).meta.icon || l.item.meta && l.item.meta.icon,
+                    title: i(t).meta.title,
+                    name: i(t).name
+                  }, null, 8, ["icon", "title", "name"])
+                ]),
+                _: 1
+              }, 8, ["index", "class"])
+            ]),
+            _: 1
+          }, 8, ["to"])) : P("", !0)
+        ], 64)) : (m(), V(c, {
+          key: 1,
+          index: s(l.item.path),
+          teleported: ""
+        }, {
+          title: p(() => [
+            l.item.meta ? (m(), V(r, {
+              key: 0,
+              icon: l.item.meta && l.item.meta.icon,
+              title: l.item.meta.title,
+              name: l.item.name
+            }, null, 8, ["icon", "title", "name"])) : P("", !0)
+          ]),
+          default: p(() => [
+            (m(!0), S(J, null, me(l.item.children, (h) => (m(), V(_, {
+              key: h.path,
+              "is-nest": !0,
+              item: h,
+              "base-path": s(h.path)
+            }, null, 8, ["item", "base-path"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["index"]))
+      ])) : P("", !0);
+    };
+  }
+}), Un = "_dark_1sua6_13", ce = {
+  "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: Un
+}, je = /* @__PURE__ */ B({
+  __name: "SidebarMenu",
+  props: {
+    menuList: {
+      required: !0,
+      default: () => [],
+      type: Array
+    },
+    basePath: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(l) {
+    const e = le(), t = ne(), o = he(), s = z(() => e.layout), n = l;
+    function a(r) {
+      return ve(r) ? r : ve(n.basePath) ? n.basePath : Xe.resolve(n.basePath, r);
+    }
+    return (r, u) => {
+      const v = Dn, _ = w("el-menu");
+      return m(), V(_, {
+        "default-active": i(o).path,
+        collapse: !i(t).sidebar.opened,
+        "background-color": i(ce)["menu-background"],
+        "text-color": i(ce)["menu-text"],
+        "active-text-color": i(ce)["menu-active-text"],
+        "unique-opened": !1,
+        "collapse-transition": !1,
+        mode: i(s) === "top" ? "horizontal" : "vertical"
+      }, {
+        default: p(() => [
+          (m(!0), S(J, null, me(l.menuList, (c) => (m(), V(v, {
+            key: c.path,
+            item: c,
+            "base-path": a(c.path),
+            "is-collapse": !i(t).sidebar.opened
+          }, null, 8, ["item", "base-path", "is-collapse"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "collapse", "background-color", "text-color", "active-text-color", "mode"]);
+    };
+  }
+}), Bn = { key: 1 }, On = {
+  key: 0,
+  class: "ml-1"
+}, zn = /* @__PURE__ */ B({
+  __name: "SidebarMixTopMenu",
+  setup(l) {
+    const e = ne(), t = _e(), o = Me(), s = z(() => e.activeTopMenuPath), n = I([]), a = (u) => {
+      e.activeTopMenu(u), t.setMixLeftMenus(u);
+      const v = t.mixLeftMenus;
+      r(v);
+    }, r = (u) => {
+      if (u.length === 0) return;
+      const [v] = u;
+      v.children && v.children.length > 0 ? r(v.children) : v.name && o.push({
+        name: v.name
+      });
+    };
+    return ze(() => {
+      n.value = t.routes.filter(
+        (u) => !u.meta || !u.meta.hidden
+      );
+    }), (u, v) => {
+      const _ = de, c = w("el-menu-item"), f = w("el-menu"), h = w("el-scrollbar");
+      return m(), V(h, null, {
+        default: p(() => [
+          d(f, {
+            mode: "horizontal",
+            "default-active": i(s),
+            "background-color": i(ce)["menu-background"],
+            "text-color": i(ce)["menu-text"],
+            "active-text-color": i(ce)["menu-active-text"],
+            onSelect: a
+          }, {
+            default: p(() => [
+              (m(!0), S(J, null, me(i(n), (g) => (m(), V(c, {
+                key: g.path,
+                index: g.path
+              }, {
+                title: p(() => [
+                  g.meta && g.meta.icon ? (m(), V(_, {
+                    key: 0,
+                    "icon-class": g.meta.icon
+                  }, null, 8, ["icon-class"])) : P("", !0),
+                  g.path === "/" ? (m(), S("span", Bn, M(i(be)("Dashboard", "首页")), 1)) : (m(), S(J, { key: 2 }, [
+                    g.meta && g.meta.title ? (m(), S("span", On, M(i($e)(g)), 1)) : P("", !0)
+                  ], 64))
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["default-active", "background-color", "text-color", "active-text-color"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Fn = { class: "logo-container" }, Wn = ["src"], Hn = ["src"], Kn = { class: "logo-title" }, Qn = /* @__PURE__ */ B({
+  __name: "SidebarLogo",
+  props: {
+    collapse: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  setup(l) {
+    const e = le(), t = pe.logo;
+    return (o, s) => {
+      const n = w("router-link");
+      return m(), S("div", Fn, [
+        d(Oe, { "enter-active-class": "animate__animated animate__fadeInLeft" }, {
+          default: p(() => [
+            l.collapse ? (m(), V(n, {
+              key: 0,
+              class: "wh-full flex-center",
+              to: "/"
+            }, {
+              default: p(() => [
+                i(e).sidebarLogo ? (m(), S("img", {
+                  key: 0,
+                  src: i(t),
+                  class: "logo-image"
+                }, null, 8, Wn)) : P("", !0)
+              ]),
+              _: 1
+            })) : (m(), V(n, {
+              key: 1,
+              class: "wh-full flex-center",
+              to: "/"
+            }, {
+              default: p(() => [
+                i(e).sidebarLogo ? (m(), S("img", {
+                  key: 0,
+                  src: i(t),
+                  class: "logo-image"
+                }, null, 8, Hn)) : P("", !0),
+                k("span", Kn, M(i(pe).title), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Xn = /* @__PURE__ */ X(Qn, [["__scopeId", "data-v-210c85a9"]]), jn = {
+  key: 0,
+  class: "flex w-full"
+}, Gn = /* @__PURE__ */ B({
+  __name: "index",
+  setup(l) {
+    const e = ne(), t = le(), o = _e(), s = z(() => t.sidebarLogo), n = z(() => t.layout);
+    return (a, r) => {
+      const u = Xn, v = zn, _ = He, c = je, f = w("el-scrollbar");
+      return m(), S("div", {
+        class: G({ "has-logo": i(s) })
+      }, [
+        i(n) == "mix" ? (m(), S("div", jn, [
+          i(s) ? (m(), V(u, {
+            key: 0,
+            collapse: !i(e).sidebar.opened
+          }, null, 8, ["collapse"])) : P("", !0),
+          d(v, { class: "flex-1" }),
+          d(_)
+        ])) : (m(), S(J, { key: 1 }, [
+          i(s) ? (m(), V(u, {
+            key: 0,
+            collapse: !i(e).sidebar.opened
+          }, null, 8, ["collapse"])) : P("", !0),
+          d(f, null, {
+            default: p(() => [
+              d(c, {
+                "menu-list": i(o).routes,
+                "base-path": ""
+              }, null, 8, ["menu-list"])
+            ]),
+            _: 1
+          }),
+          i(n) === "top" ? (m(), V(_, { key: 1 })) : P("", !0)
+        ], 64))
+      ], 2);
+    };
+  }
+}), Yn = /* @__PURE__ */ X(Gn, [["__scopeId", "data-v-a6d3f8e9"]]), Jn = {
+  key: 1,
+  class: "mix-container"
+}, Zn = { class: "mix-container__left" }, eo = { class: "sidebar-toggle" }, to = 992, no = /* @__PURE__ */ B({
+  __name: "index",
+  setup(l) {
+    const e = ne(), t = le(), o = _e(), s = z(() => t.fixedHeader), n = z(() => t.tagsView), a = z(() => t.layout), r = z(() => e.activeTopMenuPath), u = z(() => o.mixLeftMenus);
+    re(
+      () => r.value,
+      (h) => {
+        o.setMixLeftMenus(h);
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    );
+    const v = z(() => ({
+      hideSidebar: !e.sidebar.opened,
+      openSidebar: e.sidebar.opened,
+      mobile: e.device === ge.MOBILE,
+      "layout-left": a.value === "left",
+      "layout-top": a.value === "top",
+      "layout-mix": a.value === "mix"
+    })), _ = st().width;
+    Ct(() => {
+      _.value < to ? (e.toggleDevice(ge.MOBILE), e.closeSideBar()) : (e.toggleDevice(ge.DESKTOP), _.value >= 1200 ? e.openSideBar() : e.closeSideBar());
+    });
+    function c() {
+      e.closeSideBar();
+    }
+    function f() {
+      e.toggleSidebar();
+    }
+    return (h, g) => {
+      const $ = Yn, x = je, T = Ke, q = Pn, C = kn, N = yn, A = on;
+      return m(), S("div", {
+        class: G(["wh-full", i(v)])
+      }, [
+        i(v).mobile && i(v).openSidebar ? (m(), S("div", {
+          key: 0,
+          class: "wh-full fixed-lt z-999 bg-black bg-opacity-30",
+          onClick: c
+        })) : P("", !0),
+        d($, { class: "sidebar-container" }),
+        i(a) === "mix" ? (m(), S("div", Jn, [
+          k("div", Zn, [
+            d(x, {
+              "menu-list": i(u),
+              "base-path": i(r)
+            }, null, 8, ["menu-list", "base-path"]),
+            k("div", eo, [
+              d(T, {
+                "is-active": i(e).sidebar.opened,
+                onToggleClick: f
+              }, null, 8, ["is-active"])
+            ])
+          ]),
+          k("div", {
+            class: G([{ hasTagsView: i(n) }, "main-container"])
+          }, [
+            k("div", {
+              class: G({ "fixed-header": i(s) })
+            }, [
+              i(n) ? (m(), V(q, { key: 0 })) : P("", !0)
+            ], 2),
+            d(C),
+            i(pe).showSettings ? (m(), V(N, { key: 0 })) : P("", !0)
+          ], 2)
+        ])) : (m(), S("div", {
+          key: 2,
+          class: G([{ hasTagsView: i(n) }, "main-container"])
+        }, [
+          k("div", {
+            class: G({ "fixed-header": i(s) })
+          }, [
+            i(a) === "left" ? (m(), V(A, { key: 0 })) : P("", !0),
+            i(n) ? (m(), V(q, { key: 1 })) : P("", !0)
+          ], 2),
+          d(C),
+          i(pe).showSettings ? (m(), V(N, { key: 0 })) : P("", !0)
+        ], 2))
+      ], 2);
+    };
+  }
+}), fo = /* @__PURE__ */ X(no, [["__scopeId", "data-v-71891bc2"]]);
+export {
+  fo as default
+};