@pubinfo/core 2.0.0-beta.1

package/es/PreferencesContent-CQkwkQ_1.js

@@ -0,0 +1,972 @@
+import { _ as ze } from "./HCheckList.vue_vue_type_script_setup_true_lang-DanhyVxU.js";
+import { u as Re, c as Le } from "./index-DvHnVMX5.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 { a3 as Qe, a4 as Ke, a5 as ae, a6 as Ye, a7 as Ze, aj as N, a8 as en, b_ as nn, b$ as tn, c0 as on, c1 as ln, bT as an, aw as sn, c2 as dn, bU as rn, ak as un, ay as mn, ap as cn, al as bn, aV as pn, aa as He, bh as yn, M as gn, f as vn, w as fn, a2 as hn } from "./notification-6D5hA7Bp.js";
+import { p as B } from "./pick-Br-UKn7B.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: V,
+    paddingContentHorizontalLG: S
+  } = d;
+  return {
+    [o]: ae(ae({}, Ye(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: S,
+      paddingBlock: V,
+      [`${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 = Ke(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
+}, Vn = yn("success", "info", "warning", "error"), Sn = () => ({
+  /**
+   * Type of Alert styles, options: `success`, `info`, `warning`, `error`
+   */
+  type: N.oneOf(Vn),
+  /** 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: Sn(),
+  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);
+    }, V = () => {
+      var f;
+      c.value = !1, M.value = !0, (f = d.afterClose) === null || f === void 0 || f.call(d);
+    }, S = de(() => {
+      const {
+        type: f
+      } = d;
+      return f !== void 0 ? f : d.banner ? "warning" : "info";
+    });
+    O({
+      animationEnd: V
+    });
+    const Q = te({});
+    return () => {
+      var f, P, U, A, H, E, z, R, L, 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), _ = (R = d.icon) !== null && R !== void 0 ? R : (L = n.icon) === null || L === void 0 ? void 0 : L.call(n), X = (j = n.action) === null || j === void 0 ? void 0 : j.call(n);
+      k = q && k === void 0 ? !0 : k;
+      const K = (T ? xn : kn)[S.value] || null;
+      F && (D = !0);
+      const y = b.value, Y = un(y, {
+        [`${y}-${S.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
+      }), Z = 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(K, {
+        class: `${y}-icon`
+      }, null), ne = pn(`${y}-motion`, {
+        appear: !1,
+        css: !0,
+        onAfterLeave: V,
+        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, Y],
+          "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, Z]), [[Ne, !c.value]])]
+      }));
+    };
+  }
+}), _n = Ze(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"
+}, Rn = {
+  key: 6,
+  class: "app-width-mode"
+}, Ln = {
+  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"
+}, Kn = {
+  key: 17,
+  class: "setting-item"
+}, Yn = { class: "label" }, Zn = {
+  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 } = Re(), 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 $, V, S, Q, f, P, U, A, H, E, z, R, L, j, q, W, D, k, F, T, G, _, X, K, y, Y, Z, ee, ne, I, re, ue, me, ce, be, pe, ye, ge, ve, fe, he, we, Me, Pe, Oe, Ce, $e, ke, xe, Ve, Se, Te, _e, Ie;
+      const x = _n, p = je, c = Le, M = ze, C = hn;
+      return u(), r("div", null, [
+        l(x, {
+          message: "提示",
+          description: "个人偏好设置将覆盖系统默认设置。若需恢复至系统默认配置，请滚动至底部并点击“还原系统设置”按钮。",
+          type: "info"
+        }),
+        ($ = e(n).app) != null && $.hasOwnProperty("colorScheme") || (V = e(n).app) != null && V.hasOwnProperty("lightTheme") && ((S = e(n).app) != null && S.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", Rn, [
+          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", Ln, " 页面切换动画 ")) : m("", !0),
+        e(o).settings.mainPage.enableTransition && ((R = e(n).mainPage) != null && R.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 && ((L = e(n).mainPage) != null && L.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(((K = e(n).menu) == null ? void 0 : K.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),
+        (((Y = e(n).menu) == null ? void 0 : Y.menuMode) ?? e(o).settings.menu.menuMode) !== "single" && ((Z = e(n).menu) != null && Z.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", Kn, [
+          i("div", Yn, [
+            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", Zn, " 标签栏 ")) : 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: !(((Ve = e(n).breadcrumb) == null ? void 0 : Ve.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 && ((Se = e(n).breadcrumb) != null && Se.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
+};