@pubinfo/core 2.1.10-beta.2 → 2.1.11

package/dist/PreferencesContent-BAIH81yS.js

@@ -0,0 +1,701 @@
+import { $n as ExclamationCircleFilled, $t as withInstall, Cn as _extends, D as getTransitionProps, Hn as InfoCircleFilled, Qn as ExclamationCircleOutlined, Vn as InfoCircleOutlined, X as cloneElement, Zt as tuple, a as button_default, cr as CloseCircleFilled, dr as CheckCircleOutlined, et as PropTypes, fr as CheckCircleFilled, lt as merge, mn as isValidElement, mt as resetComponent, n as api, or as CloseOutlined, rt as useConfigInject_default, sr as CloseCircleOutlined, ut as genComponentStyleHook, wn as _objectSpread2, yn as classNames } from "./modal-Bl5xHbxa.js";
+import { a as hasIn, n as basePickBy, s as cloneDeep, t as watchDiffObject, v as flatRest } from "./watchDiff-CPZFtaOC.js";
+import "./tree-select-B8cTcGLa.js";
+import "./components-DFNyaAb9.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-sUTDUeGO.js";
+import { n as useContext } from "./useContext-DLtu9F7E.js";
+import { t as HTooltip_default } from "./HTooltip-DjAU-Evn.js";
+import { t as HCheckList_default } from "./HCheckList-cPBgATmv.js";
+import { t as HToggle_default } from "./HToggle-Ce_2-yhZ.js";
+import { t as question_line_default } from "./question-line-BG__Ycfv.js";
+import { n as back_default, t as right_default } from "./right-BxBlFUwj.js";
+import { Fragment, Transition, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveComponent, shallowRef, unref, vShow, withCtx, withDirectives } from "vue";
+import { getThemes } from "@pubinfo/config/themes";
+function basePick(e, t) {
+	return basePickBy(e, t, function(t, n) {
+		return hasIn(e, n);
+	});
+}
+var pick = flatRest(function(e, t) {
+	return e == null ? {} : basePick(e, t);
+}), genAlertTypeStyle = (e, t, n, r, i) => ({
+	backgroundColor: e,
+	border: `${r.lineWidth}px ${r.lineType} ${t}`,
+	[`${i}-icon`]: { color: n }
+});
+const genBaseStyle = (e) => {
+	let { componentCls: t, motionDurationSlow: r, marginXS: i, marginSM: a, fontSize: o, fontSizeLG: s, lineHeight: c, borderRadiusLG: l, motionEaseInOutCirc: u, alertIconSizeLG: d, colorText: f, paddingContentVerticalSM: p, alertPaddingHorizontal: m, paddingMD: h, paddingContentHorizontalLG: _ } = e;
+	return {
+		[t]: _extends(_extends({}, resetComponent(e)), {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			padding: `${p}px ${m}px`,
+			wordWrap: "break-word",
+			borderRadius: l,
+			[`&${t}-rtl`]: { direction: "rtl" },
+			[`${t}-content`]: {
+				flex: 1,
+				minWidth: 0
+			},
+			[`${t}-icon`]: {
+				marginInlineEnd: i,
+				lineHeight: 0
+			},
+			"&-description": {
+				display: "none",
+				fontSize: o,
+				lineHeight: c
+			},
+			"&-message": { color: f },
+			[`&${t}-motion-leave`]: {
+				overflow: "hidden",
+				opacity: 1,
+				transition: `max-height ${r} ${u}, opacity ${r} ${u},
+        padding-top ${r} ${u}, padding-bottom ${r} ${u},
+        margin-bottom ${r} ${u}`
+			},
+			[`&${t}-motion-leave-active`]: {
+				maxHeight: 0,
+				marginBottom: "0 !important",
+				paddingTop: 0,
+				paddingBottom: 0,
+				opacity: 0
+			}
+		}),
+		[`${t}-with-description`]: {
+			alignItems: "flex-start",
+			paddingInline: _,
+			paddingBlock: h,
+			[`${t}-icon`]: {
+				marginInlineEnd: a,
+				fontSize: d,
+				lineHeight: 0
+			},
+			[`${t}-message`]: {
+				display: "block",
+				marginBottom: i,
+				color: f,
+				fontSize: s
+			},
+			[`${t}-description`]: { display: "block" }
+		},
+		[`${t}-banner`]: {
+			marginBottom: 0,
+			border: "0 !important",
+			borderRadius: 0
+		}
+	};
+}, genTypeStyle = (e) => {
+	let { componentCls: t, colorSuccess: r, colorSuccessBorder: i, colorSuccessBg: a, colorWarning: o, colorWarningBorder: s, colorWarningBg: c, colorError: l, colorErrorBorder: u, colorErrorBg: d, colorInfo: f, colorInfoBorder: p, colorInfoBg: m } = e;
+	return { [t]: {
+		"&-success": genAlertTypeStyle(a, i, r, e, t),
+		"&-info": genAlertTypeStyle(m, p, f, e, t),
+		"&-warning": genAlertTypeStyle(c, s, o, e, t),
+		"&-error": _extends(_extends({}, genAlertTypeStyle(d, u, l, e, t)), { [`${t}-description > pre`]: {
+			margin: 0,
+			padding: 0
+		} })
+	} };
+}, genActionStyle = (e) => {
+	let { componentCls: t, iconCls: n, motionDurationMid: r, marginXS: i, fontSizeIcon: a, colorIcon: o, colorIconHover: s } = e;
+	return { [t]: {
+		"&-action": { marginInlineStart: i },
+		[`${t}-close-icon`]: {
+			marginInlineStart: i,
+			padding: 0,
+			overflow: "hidden",
+			fontSize: a,
+			lineHeight: `${a}px`,
+			backgroundColor: "transparent",
+			border: "none",
+			outline: "none",
+			cursor: "pointer",
+			[`${n}-close`]: {
+				color: o,
+				transition: `color ${r}`,
+				"&:hover": { color: s }
+			}
+		},
+		"&-close-text": {
+			color: o,
+			transition: `color ${r}`,
+			"&:hover": { color: s }
+		}
+	} };
+}, genAlertStyle = (e) => [
+	genBaseStyle(e),
+	genTypeStyle(e),
+	genActionStyle(e)
+];
+var style_default = genComponentStyleHook("Alert", (e) => {
+	let { fontSizeHeading3: t } = e;
+	return [genAlertStyle(merge(e, {
+		alertIconSizeLG: t,
+		alertPaddingHorizontal: 12
+	}))];
+}), iconMapFilled = {
+	success: CheckCircleFilled,
+	info: InfoCircleFilled,
+	error: CloseCircleFilled,
+	warning: ExclamationCircleFilled
+}, iconMapOutlined = {
+	success: CheckCircleOutlined,
+	info: InfoCircleOutlined,
+	error: CloseCircleOutlined,
+	warning: ExclamationCircleOutlined
+}, AlertTypes = tuple("success", "info", "warning", "error"), alert_default = withInstall(defineComponent({
+	compatConfig: { MODE: 3 },
+	name: "AAlert",
+	inheritAttrs: !1,
+	props: {
+		type: PropTypes.oneOf(AlertTypes),
+		closable: {
+			type: Boolean,
+			default: void 0
+		},
+		closeText: PropTypes.any,
+		message: PropTypes.any,
+		description: PropTypes.any,
+		afterClose: Function,
+		showIcon: {
+			type: Boolean,
+			default: void 0
+		},
+		prefixCls: String,
+		banner: {
+			type: Boolean,
+			default: void 0
+		},
+		icon: PropTypes.any,
+		closeIcon: PropTypes.any,
+		onClose: Function
+	},
+	setup(e, t) {
+		let { slots: n, emit: i, attrs: a, expose: o } = t, { prefixCls: c, direction: l } = useConfigInject_default("alert", e), [u, d] = style_default(c), f = shallowRef(!1), p = shallowRef(!1), m = shallowRef(), g = (e) => {
+			e.preventDefault();
+			let t = m.value;
+			t.style.height = `${t.offsetHeight}px`, t.style.height = `${t.offsetHeight}px`, f.value = !0, i("close", e);
+		}, _ = () => {
+			var t;
+			f.value = !1, p.value = !0, (t = e.afterClose) == null || t.call(e);
+		}, y = computed(() => {
+			let { type: t } = e;
+			return t === void 0 ? e.banner ? "warning" : "info" : t;
+		});
+		o({ animationEnd: _ });
+		let b = shallowRef({});
+		return () => {
+			let { banner: t, closeIcon: i = n.closeIcon?.call(n) } = e, { closable: o, showIcon: v } = e, x = e.closeText ?? n.closeText?.call(n), S = e.description ?? n.description?.call(n), C = e.message ?? n.message?.call(n), w = e.icon ?? n.icon?.call(n), T = n.action?.call(n);
+			v = t && v === void 0 ? !0 : v;
+			let E = (S ? iconMapOutlined : iconMapFilled)[y.value] || null;
+			x && (o = !0);
+			let D = c.value, O = classNames(D, {
+				[`${D}-${y.value}`]: !0,
+				[`${D}-closing`]: f.value,
+				[`${D}-with-description`]: !!S,
+				[`${D}-no-icon`]: !v,
+				[`${D}-banner`]: !!t,
+				[`${D}-closable`]: o,
+				[`${D}-rtl`]: l.value === "rtl",
+				[d.value]: !0
+			}), k = o ? createVNode("button", {
+				type: "button",
+				onClick: g,
+				class: `${D}-close-icon`,
+				tabindex: 0
+			}, [x ? createVNode("span", { class: `${D}-close-text` }, [x]) : i === void 0 ? createVNode(CloseOutlined, null, null) : i]) : null, A = w && (isValidElement(w) ? cloneElement(w, { class: `${D}-icon` }) : createVNode("span", { class: `${D}-icon` }, [w])) || createVNode(E, { class: `${D}-icon` }, null), j = getTransitionProps(`${D}-motion`, {
+				appear: !1,
+				css: !0,
+				onAfterLeave: _,
+				onBeforeLeave: (e) => {
+					e.style.maxHeight = `${e.offsetHeight}px`;
+				},
+				onLeave: (e) => {
+					e.style.maxHeight = "0px";
+				}
+			});
+			return u(p.value ? null : createVNode(Transition, j, { default: () => [withDirectives(createVNode("div", _objectSpread2(_objectSpread2({ role: "alert" }, a), {}, {
+				style: [a.style, b.value],
+				class: [a.class, O],
+				"data-show": !f.value,
+				ref: m
+			}), [
+				v ? A : null,
+				createVNode("div", { class: `${D}-content` }, [C ? createVNode("div", { class: `${D}-message` }, [C]) : null, S ? createVNode("div", { class: `${D}-description` }, [S]) : null]),
+				T ? createVNode("div", { class: `${D}-action` }, [T]) : null,
+				k
+			]), [[vShow, !f.value]])] }));
+		};
+	}
+})), _hoisted_1 = {
+	key: 0,
+	class: "divider"
+}, _hoisted_2 = {
+	key: 1,
+	class: "flex items-center justify-center pb-4"
+}, _hoisted_3 = {
+	key: 2,
+	class: "themes"
+}, _hoisted_4 = ["onClick"], _hoisted_5 = {
+	key: 3,
+	class: "divider"
+}, _hoisted_6 = {
+	key: 4,
+	class: "menu-mode"
+}, _hoisted_7 = {
+	key: 5,
+	class: "divider"
+}, _hoisted_8 = {
+	key: 6,
+	class: "app-width-mode"
+}, _hoisted_9 = {
+	key: 7,
+	class: "divider"
+}, _hoisted_10 = {
+	key: 8,
+	class: "flex items-center justify-center pb-4"
+}, _hoisted_11 = {
+	key: 9,
+	class: "transition-mode"
+}, _hoisted_12 = {
+	key: 10,
+	class: "divider"
+}, _hoisted_13 = {
+	key: 11,
+	class: "setting-item"
+}, _hoisted_14 = { class: "label" }, _hoisted_15 = {
+	key: 12,
+	class: "setting-item"
+}, _hoisted_16 = {
+	key: 13,
+	class: "setting-item"
+}, _hoisted_17 = {
+	key: 14,
+	class: "setting-item"
+}, _hoisted_18 = {
+	key: 15,
+	class: "setting-item"
+}, _hoisted_19 = {
+	key: 16,
+	class: "divider"
+}, _hoisted_20 = {
+	key: 17,
+	class: "setting-item"
+}, _hoisted_21 = { class: "label" }, _hoisted_22 = {
+	key: 18,
+	class: "divider"
+}, _hoisted_23 = {
+	key: 19,
+	class: "setting-item"
+}, _hoisted_24 = {
+	key: 20,
+	class: "setting-item"
+}, _hoisted_25 = {
+	key: 21,
+	class: "setting-item"
+}, _hoisted_26 = {
+	key: 22,
+	class: "setting-item"
+}, _hoisted_27 = { class: "label" }, _hoisted_28 = {
+	key: 23,
+	class: "divider"
+}, _hoisted_29 = {
+	key: 24,
+	class: "setting-item"
+}, _hoisted_30 = {
+	key: 25,
+	class: "setting-item"
+}, _hoisted_31 = {
+	key: 26,
+	class: "setting-item"
+}, _hoisted_32 = {
+	key: 27,
+	class: "divider"
+}, _hoisted_33 = {
+	key: 28,
+	class: "setting-item"
+}, _hoisted_34 = { class: "label" }, _hoisted_35 = {
+	"w-full": "",
+	"h-100px": "",
+	flex: "~ center"
+}, PreferencesContent_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	name: "PreferenceContent",
+	__name: "PreferencesContent",
+	setup(e) {
+		let { settingsStore: t } = useContext(), n = ref({
+			app: pick(t.settings.app, [
+				"colorScheme",
+				"lightTheme",
+				"darkTheme",
+				"enableProgress",
+				"enableUserPreferences"
+			]),
+			menu: pick(t.settings.menu, [
+				"menuMode",
+				"isRounded",
+				"menuActiveStyle",
+				"subMenuUniqueOpened",
+				"subMenuCollapse",
+				"enableSubMenuCollapseButton"
+			]),
+			layout: pick(t.settings.layout, ["widthMode"]),
+			mainPage: pick(t.settings.mainPage, ["enableTransition", "transitionMode"]),
+			topbar: pick(t.settings.topbar, ["mode", "switchTabbarAndToolbar"]),
+			tabbar: pick(t.settings.tabbar, [
+				"enable",
+				"style",
+				"enableIcon",
+				"mergeTabsBy",
+				"enableMemory"
+			]),
+			breadcrumb: pick(t.settings.breadcrumb, [
+				"enable",
+				"style",
+				"enableMainMenu"
+			])
+		}), r = computed({
+			get() {
+				return n.value.app?.colorScheme === "dark";
+			},
+			set(e) {
+				n.value.app?.colorScheme && (n.value.app.colorScheme = e ? "dark" : "light");
+			}
+		}), i = computed(() => {
+			let e = getThemes();
+			return Object.keys(e).map((t) => ({
+				label: t,
+				value: e[t]
+			})).filter((e) => e.value["color-scheme"] === n.value.app?.colorScheme);
+		});
+		watchDiffObject(() => n.value, async (e) => {
+			t.updateSettings(cloneDeep(e), !1), await t.setPreferencesSetting(e), api.success("个人偏好设置成功");
+		}, { deep: !0 });
+		async function a() {
+			await t.resetSettings();
+		}
+		return (e, o) => {
+			let s = alert_default, c = HToggle_default, u = HTooltip_default, d = HCheckList_default, f = button_default;
+			return openBlock(), createElementBlock("div", null, [
+				createVNode(s, {
+					message: "提示",
+					description: "个人偏好设置将覆盖系统默认设置。若需恢复至系统默认配置，请滚动至底部并点击“还原系统设置”按钮。",
+					type: "info"
+				}),
+				unref(n).app?.hasOwnProperty("colorScheme") || unref(n).app?.hasOwnProperty("lightTheme") && unref(n).app?.hasOwnProperty("darkTheme") ? (openBlock(), createElementBlock("div", _hoisted_1, " 颜色主题风格 ")) : createCommentVNode("", !0),
+				unref(n).app?.hasOwnProperty("colorScheme") ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(c, {
+					modelValue: unref(r),
+					"onUpdate:modelValue": o[0] ||= (e) => isRef(r) ? r.value = e : null,
+					"on-icon": "i-ri-sun-line",
+					"off-icon": "i-ri-moon-line"
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				unref(n).app?.hasOwnProperty("lightTheme") && unref(n).app?.hasOwnProperty("darkTheme") ? (openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (e) => (openBlock(), createElementBlock("div", {
+					key: e.label,
+					class: normalizeClass(["theme", { active: unref(r) ? unref(n).app.darkTheme === e.label : unref(n).app.lightTheme === e.label }]),
+					onClick: (t) => unref(r) ? unref(n).app?.hasOwnProperty("darkTheme") && (unref(n).app.darkTheme = e.label) : unref(n).app?.hasOwnProperty("lightTheme") && (unref(n).app.lightTheme = e.label)
+				}, [createElementVNode("div", {
+					class: "content",
+					style: normalizeStyle(`background-color: rgb(${e.value["--ui-primary"]});`)
+				}, null, 4)], 10, _hoisted_4))), 128))])) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(n).menu?.hasOwnProperty("menuMode") ? (openBlock(), createElementBlock("div", _hoisted_5, " 导航栏模式 ")) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(n).menu?.hasOwnProperty("menuMode") ? (openBlock(), createElementBlock("div", _hoisted_6, [
+					createVNode(u, {
+						text: "侧边栏模式 (含主导航)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-side", { active: unref(n).menu.menuMode === "side" }]),
+							onClick: o[1] ||= (e) => unref(n).menu?.hasOwnProperty("menuMode") && (unref(n).menu.menuMode = "side")
+						}, [...o[30] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "顶部模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-head", { active: unref(n).menu.menuMode === "head" }]),
+							onClick: o[2] ||= (e) => unref(n).menu?.hasOwnProperty("menuMode") && (unref(n).menu.menuMode = "head")
+						}, [...o[31] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "侧边栏模式 (不含主导航)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-single", { active: unref(n).menu.menuMode === "single" }]),
+							onClick: o[3] ||= (e) => unref(n).menu?.hasOwnProperty("menuMode") && (unref(n).menu.menuMode = "single")
+						}, [...o[32] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "侧边栏精简模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-only-side", { active: unref(n).menu.menuMode === "only-side" }]),
+							onClick: o[4] ||= (e) => unref(n).menu?.hasOwnProperty("menuMode") && (unref(n).menu.menuMode = "only-side")
+						}, [...o[33] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "顶部精简模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-only-head", { active: unref(n).menu.menuMode === "only-head" }]),
+							onClick: o[5] ||= (e) => unref(n).menu?.hasOwnProperty("menuMode") && (unref(n).menu.menuMode = "only-head")
+						}, [...o[34] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					})
+				])) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(n).layout?.hasOwnProperty("widthMode") ? (openBlock(), createElementBlock("div", _hoisted_7, " 页宽模式 ")) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(n).layout?.hasOwnProperty("widthMode") ? (openBlock(), createElementBlock("div", _hoisted_8, [
+					createVNode(u, {
+						text: "自适应",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-adaption", { active: unref(n).layout.widthMode === "adaption" }]),
+							onClick: o[6] ||= (e) => unref(n).layout?.hasOwnProperty("widthMode") && (unref(n).layout.widthMode = "adaption")
+						}, [createVNode(unref(back_default), { class: "left" }), createVNode(unref(right_default), { class: "right" })], 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "自适应 (有最小宽度)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-adaption-min-width", { active: unref(n).layout.widthMode === "adaption-min-width" }]),
+							onClick: o[7] ||= (e) => unref(n).layout?.hasOwnProperty("widthMode") && (unref(n).layout.widthMode = "adaption-min-width")
+						}, [createVNode(unref(back_default), { class: "left" }), createVNode(unref(right_default), { class: "right" })], 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "定宽居中",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-center", { active: unref(n).layout.widthMode === "center" }]),
+							onClick: o[8] ||= (e) => unref(n).layout?.widthMode && (unref(n).layout.widthMode = "center")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "定宽居中 (有最大宽度)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-center-max-width", { active: unref(n).layout.widthMode === "center-max-width" }]),
+							onClick: o[9] ||= (e) => unref(n).layout?.widthMode && (unref(n).layout.widthMode = "center-max-width")
+						}, [createVNode(unref(back_default), { class: "left" }), createVNode(unref(right_default), { class: "right" })], 2)]),
+						_: 1
+					})
+				])) : createCommentVNode("", !0),
+				unref(t).settings.mainPage.enableTransition && unref(n).mainPage?.hasOwnProperty("enableTransition") ? (openBlock(), createElementBlock("div", _hoisted_9, " 页面切换动画 ")) : createCommentVNode("", !0),
+				unref(t).settings.mainPage.enableTransition && unref(n).mainPage?.hasOwnProperty("enableTransition") ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(c, {
+					modelValue: unref(n).mainPage.enableTransition,
+					"onUpdate:modelValue": o[10] ||= (e) => unref(n).mainPage.enableTransition = e
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				unref(t).settings.mainPage.enableTransition && unref(n).mainPage?.hasOwnProperty("transitionMode") ? (openBlock(), createElementBlock("div", _hoisted_11, [
+					createVNode(u, {
+						text: "淡入淡出",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-fade", { active: unref(n).mainPage.transitionMode === "fade" }]),
+							onClick: o[11] ||= (e) => unref(n).mainPage?.hasOwnProperty("transitionMode") && (unref(n).mainPage.transitionMode = "fade")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "向左滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-slide-left", { active: unref(n).mainPage.transitionMode === "slide-left" }]),
+							onClick: o[12] ||= (e) => unref(n).mainPage?.hasOwnProperty("transitionMode") && (unref(n).mainPage.transitionMode = "slide-left")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "向右滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-slide-right", { active: unref(n).mainPage.transitionMode === "slide-right" }]),
+							onClick: o[13] ||= (e) => unref(n).mainPage?.hasOwnProperty("transitionMode") && (unref(n).mainPage.transitionMode = "slide-right")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "向上滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-slide-top", { active: unref(n).mainPage.transitionMode === "slide-top" }]),
+							onClick: o[14] ||= (e) => unref(n).mainPage?.hasOwnProperty("transitionMode") && (unref(n).mainPage.transitionMode = "slide-top")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(u, {
+						text: "向下滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-slide-bottom", { active: unref(n).mainPage.transitionMode === "slide-bottom" }]),
+							onClick: o[15] ||= (e) => unref(n).mainPage?.hasOwnProperty("transitionMode") && (unref(n).mainPage.transitionMode = "slide-bottom")
+						}, null, 2)]),
+						_: 1
+					})
+				])) : createCommentVNode("", !0),
+				unref(n).menu?.hasOwnProperty("switchMainMenuAndPageJump") || unref(n).menu?.hasOwnProperty("subMenuOnlyOneHide") || unref(n).menu?.hasOwnProperty("subMenuUniqueOpened") || unref(n).menu?.hasOwnProperty("subMenuCollapse") || unref(n).menu?.hasOwnProperty("enableSubMenuCollapseButton") ? (openBlock(), createElementBlock("div", _hoisted_12, " 导航栏 ")) : createCommentVNode("", !0),
+				unref(n).menu?.hasOwnProperty("subMenuUniqueOpened") ? (openBlock(), createElementBlock("div", _hoisted_13, [createElementVNode("div", _hoisted_14, [o[35] ||= createTextVNode(" 次导航保持展开一个 ", -1), createVNode(u, { text: "开启该功能后，次导航只保持单个菜单的展开" }, {
+					default: withCtx(() => [createVNode(unref(question_line_default))]),
+					_: 1
+				})]), createVNode(c, {
+					modelValue: unref(n).menu.subMenuUniqueOpened,
+					"onUpdate:modelValue": o[16] ||= (e) => unref(n).menu.subMenuUniqueOpened = e,
+					disabled: ["only-side", "only-head"].includes(unref(n).menu?.menuMode ?? unref(t).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(n).menu?.hasOwnProperty("subMenuCollapse") ? (openBlock(), createElementBlock("div", _hoisted_15, [o[36] ||= createElementVNode("div", { class: "label" }, " 次导航是否折叠 ", -1), createVNode(c, {
+					modelValue: unref(n).menu.subMenuCollapse,
+					"onUpdate:modelValue": o[17] ||= (e) => unref(n).menu.subMenuCollapse = e,
+					disabled: ["only-side", "only-head"].includes(unref(n).menu?.menuMode ?? unref(t).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(t).settings.menu.enableSubMenuCollapseButton && unref(n).menu?.hasOwnProperty("enableSubMenuCollapseButton") ? (openBlock(), createElementBlock("div", _hoisted_16, [o[37] ||= createElementVNode("div", { class: "label" }, " 显示次导航折叠按钮 ", -1), createVNode(c, {
+					modelValue: unref(n).menu.enableSubMenuCollapseButton,
+					"onUpdate:modelValue": o[18] ||= (e) => unref(n).menu.enableSubMenuCollapseButton = e,
+					disabled: ["only-side", "only-head"].includes(unref(n).menu?.menuMode ?? unref(t).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(n).menu?.hasOwnProperty("isRounded") ? (openBlock(), createElementBlock("div", _hoisted_17, [o[38] ||= createElementVNode("div", { class: "label" }, " 是否圆角 ", -1), createVNode(c, {
+					modelValue: unref(n).menu.isRounded,
+					"onUpdate:modelValue": o[19] ||= (e) => unref(n).menu.isRounded = e
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				(unref(n).menu?.menuMode ?? unref(t).settings.menu.menuMode) !== "single" && unref(n).menu?.hasOwnProperty("menuActiveStyle") ? (openBlock(), createElementBlock("div", _hoisted_18, [o[39] ||= createElementVNode("div", { class: "label" }, " 激活风格 ", -1), createVNode(d, {
+					modelValue: unref(n).menu.menuActiveStyle,
+					"onUpdate:modelValue": o[20] ||= (e) => unref(n).menu.menuActiveStyle = e,
+					options: [
+						{
+							icon: "i-jam-stop-sign",
+							value: ""
+						},
+						{
+							icon: ["head", "only-head"].includes(unref(n).menu?.menuMode ?? unref(t).settings.menu.menuMode) ? "i-ep-caret-top" : "i-ep-caret-left",
+							value: "arrow"
+						},
+						{
+							icon: ["side", "only-side"].includes(unref(n).menu?.menuMode ?? unref(t).settings.menu.menuMode) ? "i-tabler-minus-vertical" : "i-tabler-minus",
+							value: "line"
+						},
+						{
+							icon: "i-icon-park-outline-dot",
+							value: "dot"
+						}
+					]
+				}, null, 8, ["modelValue", "options"])])) : createCommentVNode("", !0),
+				unref(n).topbar?.hasOwnProperty("mode") || unref(n).topbar?.hasOwnProperty("switchTabbarAndToolbar") ? (openBlock(), createElementBlock("div", _hoisted_19, " 顶栏 ")) : createCommentVNode("", !0),
+				unref(n).topbar?.hasOwnProperty("switchTabbarAndToolbar") ? (openBlock(), createElementBlock("div", _hoisted_20, [createElementVNode("div", _hoisted_21, [o[40] ||= createTextVNode(" 展示切换 ", -1), createVNode(u, { text: "切换标签栏和工具栏的展示顺序" }, {
+					default: withCtx(() => [createVNode(unref(question_line_default))]),
+					_: 1
+				})]), createVNode(c, {
+					modelValue: unref(n).topbar.switchTabbarAndToolbar,
+					"onUpdate:modelValue": o[21] ||= (e) => unref(n).topbar.switchTabbarAndToolbar = e,
+					disabled: !unref(n).tabbar?.enable
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(t).settings.tabbar.enable && unref(n).tabbar?.hasOwnProperty("enable") || unref(n).tabbar?.hasOwnProperty("style") || unref(n).tabbar?.hasOwnProperty("enableIcon") || unref(n).tabbar?.hasOwnProperty("mergeTabsBy") ? (openBlock(), createElementBlock("div", _hoisted_22, " 标签栏 ")) : createCommentVNode("", !0),
+				unref(t).settings.tabbar.enable && unref(n).tabbar?.hasOwnProperty("enable") ? (openBlock(), createElementBlock("div", _hoisted_23, [o[41] ||= createElementVNode("div", { class: "label" }, " 是否启用 ", -1), createVNode(c, {
+					modelValue: unref(n).tabbar.enable,
+					"onUpdate:modelValue": o[22] ||= (e) => unref(n).tabbar.enable = e
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				unref(t).settings.tabbar.enable && unref(n).tabbar?.hasOwnProperty("style") ? (openBlock(), createElementBlock("div", _hoisted_24, [o[42] ||= createElementVNode("div", { class: "label" }, " 风格 ", -1), createVNode(d, {
+					modelValue: unref(n).tabbar.style,
+					"onUpdate:modelValue": o[23] ||= (e) => unref(n).tabbar.style = e,
+					options: [
+						{
+							label: "时尚",
+							value: "fashion"
+						},
+						{
+							label: "卡片",
+							value: "card"
+						},
+						{
+							label: "方块",
+							value: "square"
+						}
+					],
+					disabled: !(unref(n).tabbar?.enable ?? unref(t).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(t).settings.tabbar.enable && unref(n).tabbar?.hasOwnProperty("enableIcon") ? (openBlock(), createElementBlock("div", _hoisted_25, [o[43] ||= createElementVNode("div", { class: "label" }, " 是否显示图标 ", -1), createVNode(c, {
+					modelValue: unref(n).tabbar.enableIcon,
+					"onUpdate:modelValue": o[24] ||= (e) => unref(n).tabbar.enableIcon = e,
+					disabled: !(unref(n).tabbar?.enable ?? unref(t).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(t).settings.tabbar.enable && unref(n).tabbar?.hasOwnProperty("enableMemory") ? (openBlock(), createElementBlock("div", _hoisted_26, [createElementVNode("div", _hoisted_27, [o[44] ||= createTextVNode(" 是否启用记忆功能 ", -1), createVNode(u, { text: "开启该功能后，非固定和非常驻的标签页将在本次会话窗口中始终存在，刷新浏览器或重新登录时不会丢失" }, {
+					default: withCtx(() => [createVNode(unref(question_line_default))]),
+					_: 1
+				})]), createVNode(c, {
+					modelValue: unref(n).tabbar.enableMemory,
+					"onUpdate:modelValue": o[25] ||= (e) => unref(n).tabbar.enableMemory = e,
+					disabled: !(unref(n).tabbar?.enable ?? unref(t).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(t).settings.breadcrumb.enable && (unref(n).breadcrumb?.hasOwnProperty("enable") || unref(n).breadcrumb?.hasOwnProperty("style") || unref(n).breadcrumb?.hasOwnProperty("enableMainMenu")) ? (openBlock(), createElementBlock("div", _hoisted_28, " 面包屑导航 ")) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(t).settings.breadcrumb.enable && unref(n).breadcrumb?.hasOwnProperty("enable") ? (openBlock(), createElementBlock("div", _hoisted_29, [o[45] ||= createElementVNode("div", { class: "label" }, " 是否启用 ", -1), createVNode(c, {
+					modelValue: unref(n).breadcrumb.enable,
+					"onUpdate:modelValue": o[26] ||= (e) => unref(n).breadcrumb.enable = e
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(t).settings.breadcrumb.enable && unref(n).breadcrumb?.hasOwnProperty("style") ? (openBlock(), createElementBlock("div", _hoisted_30, [o[46] ||= createElementVNode("div", { class: "label" }, " 风格 ", -1), createVNode(d, {
+					modelValue: unref(n).breadcrumb.style,
+					"onUpdate:modelValue": o[27] ||= (e) => unref(n).breadcrumb.style = e,
+					options: [{
+						label: "默认",
+						value: ""
+					}, {
+						label: "现代",
+						value: "modern"
+					}],
+					disabled: !(unref(n).breadcrumb?.enable ?? unref(t).settings.breadcrumb.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(t).mode === "pc" && unref(t).settings.breadcrumb.enable && unref(t).settings.breadcrumb.enableMainMenu && unref(n).breadcrumb?.hasOwnProperty("enableMainMenu") ? (openBlock(), createElementBlock("div", _hoisted_31, [o[47] ||= createElementVNode("div", { class: "label" }, " 是否显示主导航 ", -1), createVNode(c, {
+					modelValue: unref(n).breadcrumb.enableMainMenu,
+					"onUpdate:modelValue": o[28] ||= (e) => unref(n).breadcrumb.enableMainMenu = e,
+					disabled: ["single"].includes(unref(n).menu?.menuMode ?? unref(t).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(n).app?.hasOwnProperty("enableProgress") ? (openBlock(), createElementBlock("div", _hoisted_32, " 其它 ")) : createCommentVNode("", !0),
+				unref(t).settings.app.enableProgress && unref(n).app?.hasOwnProperty("enableProgress") ? (openBlock(), createElementBlock("div", _hoisted_33, [createElementVNode("div", _hoisted_34, [o[48] ||= createTextVNode(" 载入进度条 ", -1), createVNode(u, { text: "该功能开启时，跳转路由会看到页面顶部有进度条" }, {
+					default: withCtx(() => [createVNode(unref(question_line_default))]),
+					_: 1
+				})]), createVNode(c, {
+					modelValue: unref(n).app.enableProgress,
+					"onUpdate:modelValue": o[29] ||= (e) => unref(n).app.enableProgress = e
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				createElementVNode("div", _hoisted_35, [createVNode(f, {
+					"w-full": "",
+					type: "primary",
+					size: "large",
+					onClick: a
+				}, {
+					default: withCtx(() => [...o[49] ||= [createTextVNode(" 还原系统设置 ", -1)]]),
+					_: 1
+				})])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-c97d99bc"]]);
+export { PreferencesContent_default as default };