@pubinfo/core 2.0.0-beta.8 → 2.0.0-rc.1

package/dist/PreferencesContent-MR1Db7z7.js

@@ -1,972 +0,0 @@
-import { _ as ze } from "./HCheckList.vue_vue_type_script_setup_true_lang-D4u_haxr.js";
-import { u as Le, c as Re } from "./index-CCPTQYuB.js";
-import { _ as je } from "./HToggle-Cd71WKvG.js";
-import { defineComponent as Ee, shallowRef as te, computed as de, createVNode as l, Transition as De, withDirectives as Fe, vShow as Ne, ref as qe, createElementBlock as r, openBlock as u, createCommentVNode as m, createElementVNode as i, unref as e, isRef as We, Fragment as Ge, renderList as Xe, normalizeClass as h, normalizeStyle as Je, withCtx as g, createTextVNode as J } from "vue";
-import { themes as Ae } from "@pubinfo/config/themes";
-import { E as se, a as ie } from "./right-Bfe2p1o0.js";
-import { R as oe } from "./question-line-CfkciTFq.js";
-import { a2 as Qe, a3 as Ze, a4 as ae, a5 as Ke, a6 as Ye, ai as N, a7 as en, bZ as nn, b_ as tn, b$ as on, c0 as ln, bS as an, av as sn, c1 as dn, bT as rn, aj as un, ax as mn, ao as cn, ak as bn, aU as pn, a9 as He, bg as yn, L as gn, f as vn, v as fn, a1 as hn } from "./menu-CLiZ1BO_.js";
-import { p as B } from "./pick-C9bU8_xv.js";
-import { _ as wn } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const le = (d, o, n, v, w) => ({
-  backgroundColor: d,
-  border: `${v.lineWidth}px ${v.lineType} ${o}`,
-  [`${w}-icon`]: {
-    color: n
-  }
-}), Mn = (d) => {
-  const {
-    componentCls: o,
-    motionDurationSlow: n,
-    marginXS: v,
-    marginSM: w,
-    fontSize: O,
-    fontSizeLG: b,
-    lineHeight: t,
-    borderRadiusLG: x,
-    motionEaseInOutCirc: p,
-    alertIconSizeLG: c,
-    colorText: M,
-    paddingContentVerticalSM: C,
-    alertPaddingHorizontal: $,
-    paddingMD: S,
-    paddingContentHorizontalLG: V
-  } = d;
-  return {
-    [o]: ae(ae({}, Ke(d)), {
-      position: "relative",
-      display: "flex",
-      alignItems: "center",
-      padding: `${C}px ${$}px`,
-      wordWrap: "break-word",
-      borderRadius: x,
-      [`&${o}-rtl`]: {
-        direction: "rtl"
-      },
-      [`${o}-content`]: {
-        flex: 1,
-        minWidth: 0
-      },
-      [`${o}-icon`]: {
-        marginInlineEnd: v,
-        lineHeight: 0
-      },
-      "&-description": {
-        display: "none",
-        fontSize: O,
-        lineHeight: t
-      },
-      "&-message": {
-        color: M
-      },
-      [`&${o}-motion-leave`]: {
-        overflow: "hidden",
-        opacity: 1,
-        transition: `max-height ${n} ${p}, opacity ${n} ${p},
-        padding-top ${n} ${p}, padding-bottom ${n} ${p},
-        margin-bottom ${n} ${p}`
-      },
-      [`&${o}-motion-leave-active`]: {
-        maxHeight: 0,
-        marginBottom: "0 !important",
-        paddingTop: 0,
-        paddingBottom: 0,
-        opacity: 0
-      }
-    }),
-    [`${o}-with-description`]: {
-      alignItems: "flex-start",
-      paddingInline: V,
-      paddingBlock: S,
-      [`${o}-icon`]: {
-        marginInlineEnd: w,
-        fontSize: c,
-        lineHeight: 0
-      },
-      [`${o}-message`]: {
-        display: "block",
-        marginBottom: v,
-        color: M,
-        fontSize: b
-      },
-      [`${o}-description`]: {
-        display: "block"
-      }
-    },
-    [`${o}-banner`]: {
-      marginBottom: 0,
-      border: "0 !important",
-      borderRadius: 0
-    }
-  };
-}, Pn = (d) => {
-  const {
-    componentCls: o,
-    colorSuccess: n,
-    colorSuccessBorder: v,
-    colorSuccessBg: w,
-    colorWarning: O,
-    colorWarningBorder: b,
-    colorWarningBg: t,
-    colorError: x,
-    colorErrorBorder: p,
-    colorErrorBg: c,
-    colorInfo: M,
-    colorInfoBorder: C,
-    colorInfoBg: $
-  } = d;
-  return {
-    [o]: {
-      "&-success": le(w, v, n, d, o),
-      "&-info": le($, C, M, d, o),
-      "&-warning": le(t, b, O, d, o),
-      "&-error": ae(ae({}, le(c, p, x, d, o)), {
-        [`${o}-description > pre`]: {
-          margin: 0,
-          padding: 0
-        }
-      })
-    }
-  };
-}, On = (d) => {
-  const {
-    componentCls: o,
-    iconCls: n,
-    motionDurationMid: v,
-    marginXS: w,
-    fontSizeIcon: O,
-    colorIcon: b,
-    colorIconHover: t
-  } = d;
-  return {
-    [o]: {
-      "&-action": {
-        marginInlineStart: w
-      },
-      [`${o}-close-icon`]: {
-        marginInlineStart: w,
-        padding: 0,
-        overflow: "hidden",
-        fontSize: O,
-        lineHeight: `${O}px`,
-        backgroundColor: "transparent",
-        border: "none",
-        outline: "none",
-        cursor: "pointer",
-        [`${n}-close`]: {
-          color: b,
-          transition: `color ${v}`,
-          "&:hover": {
-            color: t
-          }
-        }
-      },
-      "&-close-text": {
-        color: b,
-        transition: `color ${v}`,
-        "&:hover": {
-          color: t
-        }
-      }
-    }
-  };
-}, Cn = (d) => [Mn(d), Pn(d), On(d)], $n = Qe("Alert", (d) => {
-  const {
-    fontSizeHeading3: o
-  } = d, n = Ze(d, {
-    alertIconSizeLG: o,
-    alertPaddingHorizontal: 12
-    // Fixed value here.
-  });
-  return [Cn(n)];
-}), kn = {
-  success: rn,
-  info: dn,
-  error: sn,
-  warning: an
-}, xn = {
-  success: ln,
-  info: on,
-  error: tn,
-  warning: nn
-}, Sn = yn("success", "info", "warning", "error"), Vn = () => ({
-  /**
-   * Type of Alert styles, options: `success`, `info`, `warning`, `error`
-   */
-  type: N.oneOf(Sn),
-  /** Whether Alert can be closed */
-  closable: {
-    type: Boolean,
-    default: void 0
-  },
-  /** Close text to show */
-  closeText: N.any,
-  /** Content of Alert */
-  message: N.any,
-  /** Additional content of Alert */
-  description: N.any,
-  /** Trigger when animation ending of Alert */
-  afterClose: Function,
-  /** Whether to show icon */
-  showIcon: {
-    type: Boolean,
-    default: void 0
-  },
-  prefixCls: String,
-  banner: {
-    type: Boolean,
-    default: void 0
-  },
-  icon: N.any,
-  closeIcon: N.any,
-  onClose: Function
-}), Tn = Ee({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "AAlert",
-  inheritAttrs: !1,
-  props: Vn(),
-  setup(d, o) {
-    let {
-      slots: n,
-      emit: v,
-      attrs: w,
-      expose: O
-    } = o;
-    const {
-      prefixCls: b,
-      direction: t
-    } = en("alert", d), [x, p] = $n(b), c = te(!1), M = te(!1), C = te(), $ = (f) => {
-      f.preventDefault();
-      const P = C.value;
-      P.style.height = `${P.offsetHeight}px`, P.style.height = `${P.offsetHeight}px`, c.value = !0, v("close", f);
-    }, S = () => {
-      var f;
-      c.value = !1, M.value = !0, (f = d.afterClose) === null || f === void 0 || f.call(d);
-    }, V = de(() => {
-      const {
-        type: f
-      } = d;
-      return f !== void 0 ? f : d.banner ? "warning" : "info";
-    });
-    O({
-      animationEnd: S
-    });
-    const Q = te({});
-    return () => {
-      var f, P, U, A, H, E, z, L, R, j;
-      const {
-        banner: q,
-        closeIcon: W = (f = n.closeIcon) === null || f === void 0 ? void 0 : f.call(n)
-      } = d;
-      let {
-        closable: D,
-        showIcon: k
-      } = d;
-      const F = (P = d.closeText) !== null && P !== void 0 ? P : (U = n.closeText) === null || U === void 0 ? void 0 : U.call(n), T = (A = d.description) !== null && A !== void 0 ? A : (H = n.description) === null || H === void 0 ? void 0 : H.call(n), G = (E = d.message) !== null && E !== void 0 ? E : (z = n.message) === null || z === void 0 ? void 0 : z.call(n), _ = (L = d.icon) !== null && L !== void 0 ? L : (R = n.icon) === null || R === void 0 ? void 0 : R.call(n), X = (j = n.action) === null || j === void 0 ? void 0 : j.call(n);
-      k = q && k === void 0 ? !0 : k;
-      const Z = (T ? xn : kn)[V.value] || null;
-      F && (D = !0);
-      const y = b.value, K = un(y, {
-        [`${y}-${V.value}`]: !0,
-        [`${y}-closing`]: c.value,
-        [`${y}-with-description`]: !!T,
-        [`${y}-no-icon`]: !k,
-        [`${y}-banner`]: !!q,
-        [`${y}-closable`]: D,
-        [`${y}-rtl`]: t.value === "rtl",
-        [p.value]: !0
-      }), Y = D ? l("button", {
-        type: "button",
-        onClick: $,
-        class: `${y}-close-icon`,
-        tabindex: 0
-      }, [F ? l("span", {
-        class: `${y}-close-text`
-      }, [F]) : W === void 0 ? l(mn, null, null) : W]) : null, ee = _ && (cn(_) ? bn(_, {
-        class: `${y}-icon`
-      }) : l("span", {
-        class: `${y}-icon`
-      }, [_])) || l(Z, {
-        class: `${y}-icon`
-      }, null), ne = pn(`${y}-motion`, {
-        appear: !1,
-        css: !0,
-        onAfterLeave: S,
-        onBeforeLeave: (I) => {
-          I.style.maxHeight = `${I.offsetHeight}px`;
-        },
-        onLeave: (I) => {
-          I.style.maxHeight = "0px";
-        }
-      });
-      return x(M.value ? null : l(De, ne, {
-        default: () => [Fe(l("div", He(He({
-          role: "alert"
-        }, w), {}, {
-          style: [w.style, Q.value],
-          class: [w.class, K],
-          "data-show": !c.value,
-          ref: C
-        }), [k ? ee : null, l("div", {
-          class: `${y}-content`
-        }, [G ? l("div", {
-          class: `${y}-message`
-        }, [G]) : null, T ? l("div", {
-          class: `${y}-description`
-        }, [T]) : null]), X ? l("div", {
-          class: `${y}-action`
-        }, [X]) : null, Y]), [[Ne, !c.value]])]
-      }));
-    };
-  }
-}), _n = Ye(Tn), In = {
-  key: 0,
-  class: "divider"
-}, Bn = {
-  key: 1,
-  class: "flex items-center justify-center pb-4"
-}, Un = {
-  key: 2,
-  class: "themes"
-}, An = ["onClick"], Hn = {
-  key: 3,
-  class: "divider"
-}, En = {
-  key: 4,
-  class: "menu-mode"
-}, zn = {
-  key: 5,
-  class: "divider"
-}, Ln = {
-  key: 6,
-  class: "app-width-mode"
-}, Rn = {
-  key: 7,
-  class: "divider"
-}, jn = {
-  key: 8,
-  class: "flex items-center justify-center pb-4"
-}, Dn = {
-  key: 9,
-  class: "transition-mode"
-}, Fn = {
-  key: 10,
-  class: "divider"
-}, Nn = {
-  key: 11,
-  class: "setting-item"
-}, qn = { class: "label" }, Wn = {
-  key: 12,
-  class: "setting-item"
-}, Gn = {
-  key: 13,
-  class: "setting-item"
-}, Xn = {
-  key: 14,
-  class: "setting-item"
-}, Jn = {
-  key: 15,
-  class: "setting-item"
-}, Qn = {
-  key: 16,
-  class: "divider"
-}, Zn = {
-  key: 17,
-  class: "setting-item"
-}, Kn = { class: "label" }, Yn = {
-  key: 18,
-  class: "divider"
-}, et = {
-  key: 19,
-  class: "setting-item"
-}, nt = {
-  key: 20,
-  class: "setting-item"
-}, tt = {
-  key: 21,
-  class: "setting-item"
-}, ot = {
-  key: 22,
-  class: "setting-item"
-}, lt = { class: "label" }, at = {
-  key: 23,
-  class: "divider"
-}, st = {
-  key: 24,
-  class: "setting-item"
-}, it = {
-  key: 25,
-  class: "setting-item"
-}, dt = {
-  key: 26,
-  class: "setting-item"
-}, rt = {
-  key: 27,
-  class: "divider"
-}, ut = {
-  key: 28,
-  class: "setting-item"
-}, mt = { class: "label" }, ct = {
-  "w-full": "",
-  "h-100px": "",
-  flex: "~ center"
-}, bt = /* @__PURE__ */ Ee({
-  name: "PreferenceContent",
-  __name: "PreferencesContent",
-  setup(d) {
-    const { settingsStore: o } = Le(), n = qe({
-      app: B(
-        o.settings.app,
-        [
-          "colorScheme",
-          "lightTheme",
-          "darkTheme",
-          "enableProgress",
-          "enableUserPreferences"
-        ]
-      ),
-      menu: B(
-        o.settings.menu,
-        [
-          "menuMode",
-          "isRounded",
-          "menuActiveStyle",
-          "subMenuUniqueOpened",
-          "subMenuCollapse",
-          "enableSubMenuCollapseButton"
-        ]
-      ),
-      layout: B(
-        o.settings.layout,
-        [
-          "widthMode"
-        ]
-      ),
-      mainPage: B(
-        o.settings.mainPage,
-        [
-          "enableTransition",
-          "transitionMode"
-        ]
-      ),
-      topbar: B(
-        o.settings.topbar,
-        [
-          "mode",
-          "switchTabbarAndToolbar"
-        ]
-      ),
-      tabbar: B(
-        o.settings.tabbar,
-        [
-          "enable",
-          "style",
-          "enableIcon",
-          "mergeTabsBy",
-          "enableMemory"
-        ]
-      ),
-      breadcrumb: B(
-        o.settings.breadcrumb,
-        [
-          "enable",
-          "style",
-          "enableMainMenu"
-        ]
-      )
-    }), v = de({
-      get() {
-        var b;
-        return ((b = n.value.app) == null ? void 0 : b.colorScheme) === "dark";
-      },
-      set(b) {
-        var t;
-        (t = n.value.app) != null && t.colorScheme && (n.value.app.colorScheme = b ? "dark" : "light");
-      }
-    }), w = de(() => Object.keys(Ae).map((b) => ({
-      label: b,
-      value: Ae[b]
-    })).filter((b) => {
-      var t;
-      return b.value["color-scheme"] === ((t = n.value.app) == null ? void 0 : t.colorScheme);
-    }));
-    gn(() => n.value, async (b) => {
-      o.updateSettings(vn(b), !1), await o.setPreferencesSetting(b), fn.success("个人偏好设置成功");
-    }, {
-      deep: !0
-    });
-    async function O() {
-      await o.resetSettings();
-    }
-    return (b, t) => {
-      var $, S, V, Q, f, P, U, A, H, E, z, L, R, j, q, W, D, k, F, T, G, _, X, Z, y, K, Y, ee, ne, I, re, ue, me, ce, be, pe, ye, ge, ve, fe, he, we, Me, Pe, Oe, Ce, $e, ke, xe, Se, Ve, Te, _e, Ie;
-      const x = _n, p = je, c = Re, M = ze, C = hn;
-      return u(), r("div", null, [
-        l(x, {
-          message: "提示",
-          description: "个人偏好设置将覆盖系统默认设置。若需恢复至系统默认配置，请滚动至底部并点击“还原系统设置”按钮。",
-          type: "info"
-        }),
-        ($ = e(n).app) != null && $.hasOwnProperty("colorScheme") || (S = e(n).app) != null && S.hasOwnProperty("lightTheme") && ((V = e(n).app) != null && V.hasOwnProperty("darkTheme")) ? (u(), r("div", In, " 颜色主题风格 ")) : m("", !0),
-        (Q = e(n).app) != null && Q.hasOwnProperty("colorScheme") ? (u(), r("div", Bn, [
-          l(p, {
-            modelValue: e(v),
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => We(v) ? v.value = a : null),
-            "on-icon": "i-ri-sun-line",
-            "off-icon": "i-ri-moon-line"
-          }, null, 8, ["modelValue"])
-        ])) : m("", !0),
-        (f = e(n).app) != null && f.hasOwnProperty("lightTheme") && ((P = e(n).app) != null && P.hasOwnProperty("darkTheme")) ? (u(), r("div", Un, [
-          (u(!0), r(Ge, null, Xe(e(w), (a) => (u(), r("div", {
-            key: a.label,
-            class: h(["theme", { active: e(v) ? e(n).app.darkTheme === a.label : e(n).app.lightTheme === a.label }]),
-            onClick: (s) => {
-              var Be, Ue;
-              return e(v) ? ((Be = e(n).app) == null ? void 0 : Be.hasOwnProperty("darkTheme")) && (e(n).app.darkTheme = a.label) : ((Ue = e(n).app) == null ? void 0 : Ue.hasOwnProperty("lightTheme")) && (e(n).app.lightTheme = a.label);
-            }
-          }, [
-            i("div", {
-              class: "content",
-              style: Je(`background-color: rgb(${a.value["--ui-primary"]});`)
-            }, null, 4)
-          ], 10, An))), 128))
-        ])) : m("", !0),
-        e(o).mode === "pc" && ((U = e(n).menu) != null && U.hasOwnProperty("menuMode")) ? (u(), r("div", Hn, " 导航栏模式 ")) : m("", !0),
-        e(o).mode === "pc" && ((A = e(n).menu) != null && A.hasOwnProperty("menuMode")) ? (u(), r("div", En, [
-          l(c, {
-            text: "侧边栏模式 (含主导航)",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-side", { active: e(n).menu.menuMode === "side" }]),
-                onClick: t[1] || (t[1] = (a) => {
-                  var s;
-                  return ((s = e(n).menu) == null ? void 0 : s.hasOwnProperty("menuMode")) && (e(n).menu.menuMode = "side");
-                })
-              }, t[30] || (t[30] = [
-                i("div", { class: "mode-container" }, null, -1)
-              ]), 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "顶部模式",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-head", { active: e(n).menu.menuMode === "head" }]),
-                onClick: t[2] || (t[2] = (a) => {
-                  var s;
-                  return ((s = e(n).menu) == null ? void 0 : s.hasOwnProperty("menuMode")) && (e(n).menu.menuMode = "head");
-                })
-              }, t[31] || (t[31] = [
-                i("div", { class: "mode-container" }, null, -1)
-              ]), 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "侧边栏模式 (不含主导航)",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-single", { active: e(n).menu.menuMode === "single" }]),
-                onClick: t[3] || (t[3] = (a) => {
-                  var s;
-                  return ((s = e(n).menu) == null ? void 0 : s.hasOwnProperty("menuMode")) && (e(n).menu.menuMode = "single");
-                })
-              }, t[32] || (t[32] = [
-                i("div", { class: "mode-container" }, null, -1)
-              ]), 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "侧边栏精简模式",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-only-side", { active: e(n).menu.menuMode === "only-side" }]),
-                onClick: t[4] || (t[4] = (a) => {
-                  var s;
-                  return ((s = e(n).menu) == null ? void 0 : s.hasOwnProperty("menuMode")) && (e(n).menu.menuMode = "only-side");
-                })
-              }, t[33] || (t[33] = [
-                i("div", { class: "mode-container" }, null, -1)
-              ]), 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "顶部精简模式",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-only-head", { active: e(n).menu.menuMode === "only-head" }]),
-                onClick: t[5] || (t[5] = (a) => {
-                  var s;
-                  return ((s = e(n).menu) == null ? void 0 : s.hasOwnProperty("menuMode")) && (e(n).menu.menuMode = "only-head");
-                })
-              }, t[34] || (t[34] = [
-                i("div", { class: "mode-container" }, null, -1)
-              ]), 2)
-            ]),
-            _: 1
-          })
-        ])) : m("", !0),
-        e(o).mode === "pc" && ((H = e(n).layout) != null && H.hasOwnProperty("widthMode")) ? (u(), r("div", zn, " 页宽模式 ")) : m("", !0),
-        e(o).mode === "pc" && ((E = e(n).layout) != null && E.hasOwnProperty("widthMode")) ? (u(), r("div", Ln, [
-          l(c, {
-            text: "自适应",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-adaption", { active: e(n).layout.widthMode === "adaption" }]),
-                onClick: t[6] || (t[6] = (a) => {
-                  var s;
-                  return ((s = e(n).layout) == null ? void 0 : s.hasOwnProperty("widthMode")) && (e(n).layout.widthMode = "adaption");
-                })
-              }, [
-                l(e(se), { class: "left" }),
-                l(e(ie), { class: "right" })
-              ], 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "自适应 (有最小宽度)",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-adaption-min-width", { active: e(n).layout.widthMode === "adaption-min-width" }]),
-                onClick: t[7] || (t[7] = (a) => {
-                  var s;
-                  return ((s = e(n).layout) == null ? void 0 : s.hasOwnProperty("widthMode")) && (e(n).layout.widthMode = "adaption-min-width");
-                })
-              }, [
-                l(e(se), { class: "left" }),
-                l(e(ie), { class: "right" })
-              ], 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "定宽居中",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-center", { active: e(n).layout.widthMode === "center" }]),
-                onClick: t[8] || (t[8] = (a) => {
-                  var s;
-                  return ((s = e(n).layout) == null ? void 0 : s.widthMode) && (e(n).layout.widthMode = "center");
-                })
-              }, null, 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "定宽居中 (有最大宽度)",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-center-max-width", { active: e(n).layout.widthMode === "center-max-width" }]),
-                onClick: t[9] || (t[9] = (a) => {
-                  var s;
-                  return ((s = e(n).layout) == null ? void 0 : s.widthMode) && (e(n).layout.widthMode = "center-max-width");
-                })
-              }, [
-                l(e(se), { class: "left" }),
-                l(e(ie), { class: "right" })
-              ], 2)
-            ]),
-            _: 1
-          })
-        ])) : m("", !0),
-        e(o).settings.mainPage.enableTransition && ((z = e(n).mainPage) != null && z.hasOwnProperty("enableTransition")) ? (u(), r("div", Rn, " 页面切换动画 ")) : m("", !0),
-        e(o).settings.mainPage.enableTransition && ((L = e(n).mainPage) != null && L.hasOwnProperty("enableTransition")) ? (u(), r("div", jn, [
-          l(p, {
-            modelValue: e(n).mainPage.enableTransition,
-            "onUpdate:modelValue": t[10] || (t[10] = (a) => e(n).mainPage.enableTransition = a)
-          }, null, 8, ["modelValue"])
-        ])) : m("", !0),
-        e(o).settings.mainPage.enableTransition && ((R = e(n).mainPage) != null && R.hasOwnProperty("transitionMode")) ? (u(), r("div", Dn, [
-          l(c, {
-            text: "淡入淡出",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-fade", { active: e(n).mainPage.transitionMode === "fade" }]),
-                onClick: t[11] || (t[11] = (a) => {
-                  var s;
-                  return ((s = e(n).mainPage) == null ? void 0 : s.hasOwnProperty("transitionMode")) && (e(n).mainPage.transitionMode = "fade");
-                })
-              }, null, 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "向左滑动",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-slide-left", { active: e(n).mainPage.transitionMode === "slide-left" }]),
-                onClick: t[12] || (t[12] = (a) => {
-                  var s;
-                  return ((s = e(n).mainPage) == null ? void 0 : s.hasOwnProperty("transitionMode")) && (e(n).mainPage.transitionMode = "slide-left");
-                })
-              }, null, 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "向右滑动",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-slide-right", { active: e(n).mainPage.transitionMode === "slide-right" }]),
-                onClick: t[13] || (t[13] = (a) => {
-                  var s;
-                  return ((s = e(n).mainPage) == null ? void 0 : s.hasOwnProperty("transitionMode")) && (e(n).mainPage.transitionMode = "slide-right");
-                })
-              }, null, 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "向上滑动",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-slide-top", { active: e(n).mainPage.transitionMode === "slide-top" }]),
-                onClick: t[14] || (t[14] = (a) => {
-                  var s;
-                  return ((s = e(n).mainPage) == null ? void 0 : s.hasOwnProperty("transitionMode")) && (e(n).mainPage.transitionMode = "slide-top");
-                })
-              }, null, 2)
-            ]),
-            _: 1
-          }),
-          l(c, {
-            text: "向下滑动",
-            placement: "bottom",
-            delay: 500
-          }, {
-            default: g(() => [
-              i("div", {
-                class: h(["mode mode-slide-bottom", { active: e(n).mainPage.transitionMode === "slide-bottom" }]),
-                onClick: t[15] || (t[15] = (a) => {
-                  var s;
-                  return ((s = e(n).mainPage) == null ? void 0 : s.hasOwnProperty("transitionMode")) && (e(n).mainPage.transitionMode = "slide-bottom");
-                })
-              }, null, 2)
-            ]),
-            _: 1
-          })
-        ])) : m("", !0),
-        (j = e(n).menu) != null && j.hasOwnProperty("switchMainMenuAndPageJump") || (q = e(n).menu) != null && q.hasOwnProperty("subMenuOnlyOneHide") || (W = e(n).menu) != null && W.hasOwnProperty("subMenuUniqueOpened") || (D = e(n).menu) != null && D.hasOwnProperty("subMenuCollapse") || (k = e(n).menu) != null && k.hasOwnProperty("enableSubMenuCollapseButton") ? (u(), r("div", Fn, " 导航栏 ")) : m("", !0),
-        (F = e(n).menu) != null && F.hasOwnProperty("subMenuUniqueOpened") ? (u(), r("div", Nn, [
-          i("div", qn, [
-            t[35] || (t[35] = J(" 次导航保持展开一个 ")),
-            l(c, { text: "开启该功能后，次导航只保持单个菜单的展开" }, {
-              default: g(() => [
-                l(e(oe))
-              ]),
-              _: 1
-            })
-          ]),
-          l(p, {
-            modelValue: e(n).menu.subMenuUniqueOpened,
-            "onUpdate:modelValue": t[16] || (t[16] = (a) => e(n).menu.subMenuUniqueOpened = a),
-            disabled: ["only-side", "only-head"].includes(((T = e(n).menu) == null ? void 0 : T.menuMode) ?? e(o).settings.menu.menuMode)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        (G = e(n).menu) != null && G.hasOwnProperty("subMenuCollapse") ? (u(), r("div", Wn, [
-          t[36] || (t[36] = i("div", { class: "label" }, " 次导航是否折叠 ", -1)),
-          l(p, {
-            modelValue: e(n).menu.subMenuCollapse,
-            "onUpdate:modelValue": t[17] || (t[17] = (a) => e(n).menu.subMenuCollapse = a),
-            disabled: ["only-side", "only-head"].includes(((_ = e(n).menu) == null ? void 0 : _.menuMode) ?? e(o).settings.menu.menuMode)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        e(o).mode === "pc" && e(o).settings.menu.enableSubMenuCollapseButton && ((X = e(n).menu) != null && X.hasOwnProperty("enableSubMenuCollapseButton")) ? (u(), r("div", Gn, [
-          t[37] || (t[37] = i("div", { class: "label" }, " 显示次导航折叠按钮 ", -1)),
-          l(p, {
-            modelValue: e(n).menu.enableSubMenuCollapseButton,
-            "onUpdate:modelValue": t[18] || (t[18] = (a) => e(n).menu.enableSubMenuCollapseButton = a),
-            disabled: ["only-side", "only-head"].includes(((Z = e(n).menu) == null ? void 0 : Z.menuMode) ?? e(o).settings.menu.menuMode)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        (y = e(n).menu) != null && y.hasOwnProperty("isRounded") ? (u(), r("div", Xn, [
-          t[38] || (t[38] = i("div", { class: "label" }, " 是否圆角 ", -1)),
-          l(p, {
-            modelValue: e(n).menu.isRounded,
-            "onUpdate:modelValue": t[19] || (t[19] = (a) => e(n).menu.isRounded = a)
-          }, null, 8, ["modelValue"])
-        ])) : m("", !0),
-        (((K = e(n).menu) == null ? void 0 : K.menuMode) ?? e(o).settings.menu.menuMode) !== "single" && ((Y = e(n).menu) != null && Y.hasOwnProperty("menuActiveStyle")) ? (u(), r("div", Jn, [
-          t[39] || (t[39] = i("div", { class: "label" }, " 激活风格 ", -1)),
-          l(M, {
-            modelValue: e(n).menu.menuActiveStyle,
-            "onUpdate:modelValue": t[20] || (t[20] = (a) => e(n).menu.menuActiveStyle = a),
-            options: [
-              { icon: "i-jam-stop-sign", value: "" },
-              { icon: ["head", "only-head"].includes(((ee = e(n).menu) == null ? void 0 : ee.menuMode) ?? e(o).settings.menu.menuMode) ? "i-ep-caret-top" : "i-ep-caret-left", value: "arrow" },
-              { icon: ["side", "only-side"].includes(((ne = e(n).menu) == null ? void 0 : ne.menuMode) ?? e(o).settings.menu.menuMode) ? "i-tabler-minus-vertical" : "i-tabler-minus", value: "line" },
-              { icon: "i-icon-park-outline-dot", value: "dot" }
-            ]
-          }, null, 8, ["modelValue", "options"])
-        ])) : m("", !0),
-        (I = e(n).topbar) != null && I.hasOwnProperty("mode") || (re = e(n).topbar) != null && re.hasOwnProperty("switchTabbarAndToolbar") ? (u(), r("div", Qn, " 顶栏 ")) : m("", !0),
-        (ue = e(n).topbar) != null && ue.hasOwnProperty("switchTabbarAndToolbar") ? (u(), r("div", Zn, [
-          i("div", Kn, [
-            t[40] || (t[40] = J(" 展示切换 ")),
-            l(c, { text: "切换标签栏和工具栏的展示顺序" }, {
-              default: g(() => [
-                l(e(oe))
-              ]),
-              _: 1
-            })
-          ]),
-          l(p, {
-            modelValue: e(n).topbar.switchTabbarAndToolbar,
-            "onUpdate:modelValue": t[21] || (t[21] = (a) => e(n).topbar.switchTabbarAndToolbar = a),
-            disabled: !((me = e(n).tabbar) != null && me.enable)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        e(o).settings.tabbar.enable && ((ce = e(n).tabbar) != null && ce.hasOwnProperty("enable")) || (be = e(n).tabbar) != null && be.hasOwnProperty("style") || (pe = e(n).tabbar) != null && pe.hasOwnProperty("enableIcon") || (ye = e(n).tabbar) != null && ye.hasOwnProperty("mergeTabsBy") ? (u(), r("div", Yn, " 标签栏 ")) : m("", !0),
-        e(o).settings.tabbar.enable && ((ge = e(n).tabbar) != null && ge.hasOwnProperty("enable")) ? (u(), r("div", et, [
-          t[41] || (t[41] = i("div", { class: "label" }, " 是否启用 ", -1)),
-          l(p, {
-            modelValue: e(n).tabbar.enable,
-            "onUpdate:modelValue": t[22] || (t[22] = (a) => e(n).tabbar.enable = a)
-          }, null, 8, ["modelValue"])
-        ])) : m("", !0),
-        e(o).settings.tabbar.enable && ((ve = e(n).tabbar) != null && ve.hasOwnProperty("style")) ? (u(), r("div", nt, [
-          t[42] || (t[42] = i("div", { class: "label" }, " 风格 ", -1)),
-          l(M, {
-            modelValue: e(n).tabbar.style,
-            "onUpdate:modelValue": t[23] || (t[23] = (a) => e(n).tabbar.style = a),
-            options: [
-              { label: "时尚", value: "fashion" },
-              { label: "卡片", value: "card" },
-              { label: "方块", value: "square" }
-            ],
-            disabled: !(((fe = e(n).tabbar) == null ? void 0 : fe.enable) ?? e(o).settings.tabbar.enable)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        e(o).settings.tabbar.enable && ((he = e(n).tabbar) != null && he.hasOwnProperty("enableIcon")) ? (u(), r("div", tt, [
-          t[43] || (t[43] = i("div", { class: "label" }, " 是否显示图标 ", -1)),
-          l(p, {
-            modelValue: e(n).tabbar.enableIcon,
-            "onUpdate:modelValue": t[24] || (t[24] = (a) => e(n).tabbar.enableIcon = a),
-            disabled: !(((we = e(n).tabbar) == null ? void 0 : we.enable) ?? e(o).settings.tabbar.enable)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        e(o).settings.tabbar.enable && ((Me = e(n).tabbar) != null && Me.hasOwnProperty("enableMemory")) ? (u(), r("div", ot, [
-          i("div", lt, [
-            t[44] || (t[44] = J(" 是否启用记忆功能 ")),
-            l(c, { text: "开启该功能后，非固定和非常驻的标签页将在本次会话窗口中始终存在，刷新浏览器或重新登录时不会丢失" }, {
-              default: g(() => [
-                l(e(oe))
-              ]),
-              _: 1
-            })
-          ]),
-          l(p, {
-            modelValue: e(n).tabbar.enableMemory,
-            "onUpdate:modelValue": t[25] || (t[25] = (a) => e(n).tabbar.enableMemory = a),
-            disabled: !(((Pe = e(n).tabbar) == null ? void 0 : Pe.enable) ?? e(o).settings.tabbar.enable)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        e(o).mode === "pc" && e(o).settings.breadcrumb.enable && ((Oe = e(n).breadcrumb) != null && Oe.hasOwnProperty("enable") || (Ce = e(n).breadcrumb) != null && Ce.hasOwnProperty("style") || ($e = e(n).breadcrumb) != null && $e.hasOwnProperty("enableMainMenu")) ? (u(), r("div", at, " 面包屑导航 ")) : m("", !0),
-        e(o).mode === "pc" && e(o).settings.breadcrumb.enable && ((ke = e(n).breadcrumb) != null && ke.hasOwnProperty("enable")) ? (u(), r("div", st, [
-          t[45] || (t[45] = i("div", { class: "label" }, " 是否启用 ", -1)),
-          l(p, {
-            modelValue: e(n).breadcrumb.enable,
-            "onUpdate:modelValue": t[26] || (t[26] = (a) => e(n).breadcrumb.enable = a)
-          }, null, 8, ["modelValue"])
-        ])) : m("", !0),
-        e(o).mode === "pc" && e(o).settings.breadcrumb.enable && ((xe = e(n).breadcrumb) != null && xe.hasOwnProperty("style")) ? (u(), r("div", it, [
-          t[46] || (t[46] = i("div", { class: "label" }, " 风格 ", -1)),
-          l(M, {
-            modelValue: e(n).breadcrumb.style,
-            "onUpdate:modelValue": t[27] || (t[27] = (a) => e(n).breadcrumb.style = a),
-            options: [
-              { label: "默认", value: "" },
-              { label: "现代", value: "modern" }
-            ],
-            disabled: !(((Se = e(n).breadcrumb) == null ? void 0 : Se.enable) ?? e(o).settings.breadcrumb.enable)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        e(o).mode === "pc" && e(o).settings.breadcrumb.enable && e(o).settings.breadcrumb.enableMainMenu && ((Ve = e(n).breadcrumb) != null && Ve.hasOwnProperty("enableMainMenu")) ? (u(), r("div", dt, [
-          t[47] || (t[47] = i("div", { class: "label" }, " 是否显示主导航 ", -1)),
-          l(p, {
-            modelValue: e(n).breadcrumb.enableMainMenu,
-            "onUpdate:modelValue": t[28] || (t[28] = (a) => e(n).breadcrumb.enableMainMenu = a),
-            disabled: ["single"].includes(((Te = e(n).menu) == null ? void 0 : Te.menuMode) ?? e(o).settings.menu.menuMode)
-          }, null, 8, ["modelValue", "disabled"])
-        ])) : m("", !0),
-        (_e = e(n).app) != null && _e.hasOwnProperty("enableProgress") ? (u(), r("div", rt, " 其它 ")) : m("", !0),
-        e(o).settings.app.enableProgress && ((Ie = e(n).app) != null && Ie.hasOwnProperty("enableProgress")) ? (u(), r("div", ut, [
-          i("div", mt, [
-            t[48] || (t[48] = J(" 载入进度条 ")),
-            l(c, { text: "该功能开启时，跳转路由会看到页面顶部有进度条" }, {
-              default: g(() => [
-                l(e(oe))
-              ]),
-              _: 1
-            })
-          ]),
-          l(p, {
-            modelValue: e(n).app.enableProgress,
-            "onUpdate:modelValue": t[29] || (t[29] = (a) => e(n).app.enableProgress = a)
-          }, null, 8, ["modelValue"])
-        ])) : m("", !0),
-        i("div", ct, [
-          l(C, {
-            "w-full": "",
-            type: "primary",
-            size: "large",
-            onClick: O
-          }, {
-            default: g(() => t[49] || (t[49] = [
-              J(" 还原系统设置 ")
-            ])),
-            _: 1
-          })
-        ])
-      ]);
-    };
-  }
-}), Ct = /* @__PURE__ */ wn(bt, [["__scopeId", "data-v-27c79d12"]]);
-export {
-  Ct as default
-};