@pubinfo/core 2.0.0-beta.9 → 2.0.0-rc.2

package/dist/PreferencesContent-Dtd9rtew.js

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