@pubinfo-pr/core 0.171.1 → 0.171.3

package/dist/PreferencesContent-cll4nwwl.js

@@ -0,0 +1,695 @@
+import { At as tuple, Bn as CloseCircleOutlined_default, D as getTransitionProps, Gn as CheckCircleFilled_default, H as merge, I as useConfigInject_default, Mn as ExclamationCircleFilled_default, Mt as withInstall, N as vue_types_default, Qt as classNames_default, U as genComponentStyleHook, Vn as CloseCircleFilled_default, Wn as CheckCircleOutlined_default, a as button_default, bn as InfoCircleOutlined_default, jn as ExclamationCircleOutlined_default, k as cloneElement, n as message_default, nn as _extends, q as resetComponent, qt as isValidElement, rn as _objectSpread2, xn as InfoCircleFilled_default, zn as CloseOutlined_default } from "./modal-CSWipFvB.js";
+import { o as cloneDeep_default, t as watchDiffObject } from "./watchDiff-C4eGkl9e.js";
+import "./tree-select-CTjWj5WT.js";
+import { t as pick_default } from "./pick-C42gkI1h.js";
+import "./components-DVIyiEVI.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-DaPiLSxE.js";
+import { n as useContext } from "./useContext-D6pJCZez.js";
+import { t as HTooltip_default } from "./HTooltip-BHBHfrCD.js";
+import { t as HCheckList_default } from "./HCheckList-CHR-lWIq.js";
+import { t as HToggle_default } from "./HToggle-C_iVIpxv.js";
+import { t as question_line_default } from "./question-line-BKVlJGUb.js";
+import { n as back_default, t as right_default } from "./right-VKgVtqD5.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-pr/config/themes";
+var genAlertTypeStyle = (t, w, T, E, D) => ({
+	backgroundColor: t,
+	border: `${E.lineWidth}px ${E.lineType} ${w}`,
+	[`${D}-icon`]: { color: T }
+});
+const genBaseStyle = (t) => {
+	let { componentCls: w, motionDurationSlow: T, marginXS: E, marginSM: D, fontSize: O, fontSizeLG: k, lineHeight: A, borderRadiusLG: j, motionEaseInOutCirc: M, alertIconSizeLG: N, colorText: P, paddingContentVerticalSM: F, alertPaddingHorizontal: I, paddingMD: L, paddingContentHorizontalLG: R } = t;
+	return {
+		[w]: _extends(_extends({}, resetComponent(t)), {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			padding: `${F}px ${I}px`,
+			wordWrap: "break-word",
+			borderRadius: j,
+			[`&${w}-rtl`]: { direction: "rtl" },
+			[`${w}-content`]: {
+				flex: 1,
+				minWidth: 0
+			},
+			[`${w}-icon`]: {
+				marginInlineEnd: E,
+				lineHeight: 0
+			},
+			"&-description": {
+				display: "none",
+				fontSize: O,
+				lineHeight: A
+			},
+			"&-message": { color: P },
+			[`&${w}-motion-leave`]: {
+				overflow: "hidden",
+				opacity: 1,
+				transition: `max-height ${T} ${M}, opacity ${T} ${M},
+        padding-top ${T} ${M}, padding-bottom ${T} ${M},
+        margin-bottom ${T} ${M}`
+			},
+			[`&${w}-motion-leave-active`]: {
+				maxHeight: 0,
+				marginBottom: "0 !important",
+				paddingTop: 0,
+				paddingBottom: 0,
+				opacity: 0
+			}
+		}),
+		[`${w}-with-description`]: {
+			alignItems: "flex-start",
+			paddingInline: R,
+			paddingBlock: L,
+			[`${w}-icon`]: {
+				marginInlineEnd: D,
+				fontSize: N,
+				lineHeight: 0
+			},
+			[`${w}-message`]: {
+				display: "block",
+				marginBottom: E,
+				color: P,
+				fontSize: k
+			},
+			[`${w}-description`]: { display: "block" }
+		},
+		[`${w}-banner`]: {
+			marginBottom: 0,
+			border: "0 !important",
+			borderRadius: 0
+		}
+	};
+}, genTypeStyle = (t) => {
+	let { componentCls: w, colorSuccess: T, colorSuccessBorder: E, colorSuccessBg: D, colorWarning: O, colorWarningBorder: k, colorWarningBg: A, colorError: j, colorErrorBorder: M, colorErrorBg: N, colorInfo: P, colorInfoBorder: F, colorInfoBg: I } = t;
+	return { [w]: {
+		"&-success": genAlertTypeStyle(D, E, T, t, w),
+		"&-info": genAlertTypeStyle(I, F, P, t, w),
+		"&-warning": genAlertTypeStyle(A, k, O, t, w),
+		"&-error": _extends(_extends({}, genAlertTypeStyle(N, M, j, t, w)), { [`${w}-description > pre`]: {
+			margin: 0,
+			padding: 0
+		} })
+	} };
+}, genActionStyle = (t) => {
+	let { componentCls: w, iconCls: T, motionDurationMid: E, marginXS: D, fontSizeIcon: O, colorIcon: k, colorIconHover: A } = t;
+	return { [w]: {
+		"&-action": { marginInlineStart: D },
+		[`${w}-close-icon`]: {
+			marginInlineStart: D,
+			padding: 0,
+			overflow: "hidden",
+			fontSize: O,
+			lineHeight: `${O}px`,
+			backgroundColor: "transparent",
+			border: "none",
+			outline: "none",
+			cursor: "pointer",
+			[`${T}-close`]: {
+				color: k,
+				transition: `color ${E}`,
+				"&:hover": { color: A }
+			}
+		},
+		"&-close-text": {
+			color: k,
+			transition: `color ${E}`,
+			"&:hover": { color: A }
+		}
+	} };
+}, genAlertStyle = (t) => [
+	genBaseStyle(t),
+	genTypeStyle(t),
+	genActionStyle(t)
+];
+var style_default = genComponentStyleHook("Alert", (t) => {
+	let { fontSizeHeading3: w } = t;
+	return [genAlertStyle(merge(t, {
+		alertIconSizeLG: w,
+		alertPaddingHorizontal: 12
+	}))];
+}), iconMapFilled = {
+	success: CheckCircleFilled_default,
+	info: InfoCircleFilled_default,
+	error: CloseCircleFilled_default,
+	warning: ExclamationCircleFilled_default
+}, iconMapOutlined = {
+	success: CheckCircleOutlined_default,
+	info: InfoCircleOutlined_default,
+	error: CloseCircleOutlined_default,
+	warning: ExclamationCircleOutlined_default
+}, AlertTypes = tuple("success", "info", "warning", "error"), alert_default = withInstall(defineComponent({
+	compatConfig: { MODE: 3 },
+	name: "AAlert",
+	inheritAttrs: !1,
+	props: (() => ({
+		type: vue_types_default.oneOf(AlertTypes),
+		closable: {
+			type: Boolean,
+			default: void 0
+		},
+		closeText: vue_types_default.any,
+		message: vue_types_default.any,
+		description: vue_types_default.any,
+		afterClose: Function,
+		showIcon: {
+			type: Boolean,
+			default: void 0
+		},
+		prefixCls: String,
+		banner: {
+			type: Boolean,
+			default: void 0
+		},
+		icon: vue_types_default.any,
+		closeIcon: vue_types_default.any,
+		onClose: Function
+	}))(),
+	setup(t, w) {
+		let { slots: E, emit: D, attrs: k, expose: A } = w, { prefixCls: j, direction: N } = useConfigInject_default("alert", t), [P, F] = style_default(j), I = shallowRef(!1), L = shallowRef(!1), R = shallowRef(), z = (t) => {
+			t.preventDefault();
+			let w = R.value;
+			w.style.height = `${w.offsetHeight}px`, w.style.height = `${w.offsetHeight}px`, I.value = !0, D("close", t);
+		}, B = () => {
+			var w;
+			I.value = !1, L.value = !0, (w = t.afterClose) == null || w.call(t);
+		}, V = computed(() => {
+			let { type: w } = t;
+			return w === void 0 ? t.banner ? "warning" : "info" : w;
+		});
+		A({ animationEnd: B });
+		let H = shallowRef({});
+		return () => {
+			let { banner: w, closeIcon: D = E.closeIcon?.call(E) } = t, { closable: O, showIcon: A } = t, U = t.closeText ?? E.closeText?.call(E), W = t.description ?? E.description?.call(E), G = t.message ?? E.message?.call(E), K = t.icon ?? E.icon?.call(E), q = E.action?.call(E);
+			A = w && A === void 0 ? !0 : A;
+			let J = (W ? iconMapOutlined : iconMapFilled)[V.value] || null;
+			U && (O = !0);
+			let Y = j.value, X = classNames_default(Y, {
+				[`${Y}-${V.value}`]: !0,
+				[`${Y}-closing`]: I.value,
+				[`${Y}-with-description`]: !!W,
+				[`${Y}-no-icon`]: !A,
+				[`${Y}-banner`]: !!w,
+				[`${Y}-closable`]: O,
+				[`${Y}-rtl`]: N.value === "rtl",
+				[F.value]: !0
+			}), Z = O ? createVNode("button", {
+				type: "button",
+				onClick: z,
+				class: `${Y}-close-icon`,
+				tabindex: 0
+			}, [U ? createVNode("span", { class: `${Y}-close-text` }, [U]) : D === void 0 ? createVNode(CloseOutlined_default, null, null) : D]) : null, Q = K && (isValidElement(K) ? cloneElement(K, { class: `${Y}-icon` }) : createVNode("span", { class: `${Y}-icon` }, [K])) || createVNode(J, { class: `${Y}-icon` }, null), $ = getTransitionProps(`${Y}-motion`, {
+				appear: !1,
+				css: !0,
+				onAfterLeave: B,
+				onBeforeLeave: (t) => {
+					t.style.maxHeight = `${t.offsetHeight}px`;
+				},
+				onLeave: (t) => {
+					t.style.maxHeight = "0px";
+				}
+			});
+			return P(L.value ? null : createVNode(Transition, $, { default: () => [withDirectives(createVNode("div", _objectSpread2(_objectSpread2({ role: "alert" }, k), {}, {
+				style: [k.style, H.value],
+				class: [k.class, X],
+				"data-show": !I.value,
+				ref: R
+			}), [
+				A ? Q : null,
+				createVNode("div", { class: `${Y}-content` }, [G ? createVNode("div", { class: `${Y}-message` }, [G]) : null, W ? createVNode("div", { class: `${Y}-description` }, [W]) : null]),
+				q ? createVNode("div", { class: `${Y}-action` }, [q]) : null,
+				Z
+			]), [[vShow, !I.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(t) {
+		let { settingsStore: w } = useContext(), T = ref({
+			app: pick_default(w.settings.app, [
+				"colorScheme",
+				"lightTheme",
+				"darkTheme",
+				"enableProgress",
+				"enableUserPreferences"
+			]),
+			menu: pick_default(w.settings.menu, [
+				"menuMode",
+				"isRounded",
+				"menuActiveStyle",
+				"subMenuUniqueOpened",
+				"subMenuCollapse",
+				"enableSubMenuCollapseButton"
+			]),
+			layout: pick_default(w.settings.layout, ["widthMode"]),
+			mainPage: pick_default(w.settings.mainPage, ["enableTransition", "transitionMode"]),
+			topbar: pick_default(w.settings.topbar, ["mode", "switchTabbarAndToolbar"]),
+			tabbar: pick_default(w.settings.tabbar, [
+				"enable",
+				"style",
+				"enableIcon",
+				"mergeTabsBy",
+				"enableMemory"
+			]),
+			breadcrumb: pick_default(w.settings.breadcrumb, [
+				"enable",
+				"style",
+				"enableMainMenu"
+			])
+		}), E = computed({
+			get() {
+				return T.value.app?.colorScheme === "dark";
+			},
+			set(t) {
+				T.value.app?.colorScheme && (T.value.app.colorScheme = t ? "dark" : "light");
+			}
+		}), D = computed(() => {
+			let t = getThemes();
+			return Object.keys(t).map((w) => ({
+				label: w,
+				value: t[w]
+			})).filter((t) => t.value["color-scheme"] === T.value.app?.colorScheme);
+		});
+		watchDiffObject(() => T.value, async (t) => {
+			w.updateSettings(cloneDeep_default(t), !1), await w.setPreferencesSetting(t), message_default.success("个人偏好设置成功");
+		}, { deep: !0 });
+		async function O() {
+			await w.resetSettings();
+		}
+		return (t, k) => {
+			let A = alert_default, j = HToggle_default, M = HTooltip_default, N = HCheckList_default, P = button_default;
+			return openBlock(), createElementBlock("div", null, [
+				createVNode(A, {
+					message: "提示",
+					description: "个人偏好设置将覆盖系统默认设置。若需恢复至系统默认配置，请滚动至底部并点击“还原系统设置”按钮。",
+					type: "info"
+				}),
+				unref(T).app?.hasOwnProperty("colorScheme") || unref(T).app?.hasOwnProperty("lightTheme") && unref(T).app?.hasOwnProperty("darkTheme") ? (openBlock(), createElementBlock("div", _hoisted_1, " 颜色主题风格 ")) : createCommentVNode("", !0),
+				unref(T).app?.hasOwnProperty("colorScheme") ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(j, {
+					modelValue: unref(E),
+					"onUpdate:modelValue": k[0] ||= (t) => isRef(E) ? E.value = t : null,
+					"on-icon": "i-ri-sun-line",
+					"off-icon": "i-ri-moon-line"
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				unref(T).app?.hasOwnProperty("lightTheme") && unref(T).app?.hasOwnProperty("darkTheme") ? (openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(!0), createElementBlock(Fragment, null, renderList(unref(D), (t) => (openBlock(), createElementBlock("div", {
+					key: t.label,
+					class: normalizeClass(["theme", { active: unref(E) ? unref(T).app.darkTheme === t.label : unref(T).app.lightTheme === t.label }]),
+					onClick: (w) => unref(E) ? unref(T).app?.hasOwnProperty("darkTheme") && (unref(T).app.darkTheme = t.label) : unref(T).app?.hasOwnProperty("lightTheme") && (unref(T).app.lightTheme = t.label)
+				}, [createElementVNode("div", {
+					class: "content",
+					style: normalizeStyle(`background-color: rgb(${t.value["--ui-primary"]});`)
+				}, null, 4)], 10, _hoisted_4))), 128))])) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(T).menu?.hasOwnProperty("menuMode") ? (openBlock(), createElementBlock("div", _hoisted_5, " 导航栏模式 ")) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(T).menu?.hasOwnProperty("menuMode") ? (openBlock(), createElementBlock("div", _hoisted_6, [
+					createVNode(M, {
+						text: "侧边栏模式 (含主导航)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-side", { active: unref(T).menu.menuMode === "side" }]),
+							onClick: k[1] ||= (t) => unref(T).menu?.hasOwnProperty("menuMode") && (unref(T).menu.menuMode = "side")
+						}, [...k[30] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "顶部模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-head", { active: unref(T).menu.menuMode === "head" }]),
+							onClick: k[2] ||= (t) => unref(T).menu?.hasOwnProperty("menuMode") && (unref(T).menu.menuMode = "head")
+						}, [...k[31] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "侧边栏模式 (不含主导航)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-single", { active: unref(T).menu.menuMode === "single" }]),
+							onClick: k[3] ||= (t) => unref(T).menu?.hasOwnProperty("menuMode") && (unref(T).menu.menuMode = "single")
+						}, [...k[32] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "侧边栏精简模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-only-side", { active: unref(T).menu.menuMode === "only-side" }]),
+							onClick: k[4] ||= (t) => unref(T).menu?.hasOwnProperty("menuMode") && (unref(T).menu.menuMode = "only-side")
+						}, [...k[33] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "顶部精简模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-only-head", { active: unref(T).menu.menuMode === "only-head" }]),
+							onClick: k[5] ||= (t) => unref(T).menu?.hasOwnProperty("menuMode") && (unref(T).menu.menuMode = "only-head")
+						}, [...k[34] ||= [createElementVNode("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					})
+				])) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(T).layout?.hasOwnProperty("widthMode") ? (openBlock(), createElementBlock("div", _hoisted_7, " 页宽模式 ")) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(T).layout?.hasOwnProperty("widthMode") ? (openBlock(), createElementBlock("div", _hoisted_8, [
+					createVNode(M, {
+						text: "自适应",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-adaption", { active: unref(T).layout.widthMode === "adaption" }]),
+							onClick: k[6] ||= (t) => unref(T).layout?.hasOwnProperty("widthMode") && (unref(T).layout.widthMode = "adaption")
+						}, [createVNode(unref(back_default), { class: "left" }), createVNode(unref(right_default), { class: "right" })], 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "自适应 (有最小宽度)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-adaption-min-width", { active: unref(T).layout.widthMode === "adaption-min-width" }]),
+							onClick: k[7] ||= (t) => unref(T).layout?.hasOwnProperty("widthMode") && (unref(T).layout.widthMode = "adaption-min-width")
+						}, [createVNode(unref(back_default), { class: "left" }), createVNode(unref(right_default), { class: "right" })], 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "定宽居中",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-center", { active: unref(T).layout.widthMode === "center" }]),
+							onClick: k[8] ||= (t) => unref(T).layout?.widthMode && (unref(T).layout.widthMode = "center")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "定宽居中 (有最大宽度)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-center-max-width", { active: unref(T).layout.widthMode === "center-max-width" }]),
+							onClick: k[9] ||= (t) => unref(T).layout?.widthMode && (unref(T).layout.widthMode = "center-max-width")
+						}, [createVNode(unref(back_default), { class: "left" }), createVNode(unref(right_default), { class: "right" })], 2)]),
+						_: 1
+					})
+				])) : createCommentVNode("", !0),
+				unref(w).settings.mainPage.enableTransition && unref(T).mainPage?.hasOwnProperty("enableTransition") ? (openBlock(), createElementBlock("div", _hoisted_9, " 页面切换动画 ")) : createCommentVNode("", !0),
+				unref(w).settings.mainPage.enableTransition && unref(T).mainPage?.hasOwnProperty("enableTransition") ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(j, {
+					modelValue: unref(T).mainPage.enableTransition,
+					"onUpdate:modelValue": k[10] ||= (t) => unref(T).mainPage.enableTransition = t
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				unref(w).settings.mainPage.enableTransition && unref(T).mainPage?.hasOwnProperty("transitionMode") ? (openBlock(), createElementBlock("div", _hoisted_11, [
+					createVNode(M, {
+						text: "淡入淡出",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-fade", { active: unref(T).mainPage.transitionMode === "fade" }]),
+							onClick: k[11] ||= (t) => unref(T).mainPage?.hasOwnProperty("transitionMode") && (unref(T).mainPage.transitionMode = "fade")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "向左滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-slide-left", { active: unref(T).mainPage.transitionMode === "slide-left" }]),
+							onClick: k[12] ||= (t) => unref(T).mainPage?.hasOwnProperty("transitionMode") && (unref(T).mainPage.transitionMode = "slide-left")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "向右滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-slide-right", { active: unref(T).mainPage.transitionMode === "slide-right" }]),
+							onClick: k[13] ||= (t) => unref(T).mainPage?.hasOwnProperty("transitionMode") && (unref(T).mainPage.transitionMode = "slide-right")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "向上滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-slide-top", { active: unref(T).mainPage.transitionMode === "slide-top" }]),
+							onClick: k[14] ||= (t) => unref(T).mainPage?.hasOwnProperty("transitionMode") && (unref(T).mainPage.transitionMode = "slide-top")
+						}, null, 2)]),
+						_: 1
+					}),
+					createVNode(M, {
+						text: "向下滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: withCtx(() => [createElementVNode("div", {
+							class: normalizeClass(["mode mode-slide-bottom", { active: unref(T).mainPage.transitionMode === "slide-bottom" }]),
+							onClick: k[15] ||= (t) => unref(T).mainPage?.hasOwnProperty("transitionMode") && (unref(T).mainPage.transitionMode = "slide-bottom")
+						}, null, 2)]),
+						_: 1
+					})
+				])) : createCommentVNode("", !0),
+				unref(T).menu?.hasOwnProperty("switchMainMenuAndPageJump") || unref(T).menu?.hasOwnProperty("subMenuOnlyOneHide") || unref(T).menu?.hasOwnProperty("subMenuUniqueOpened") || unref(T).menu?.hasOwnProperty("subMenuCollapse") || unref(T).menu?.hasOwnProperty("enableSubMenuCollapseButton") ? (openBlock(), createElementBlock("div", _hoisted_12, " 导航栏 ")) : createCommentVNode("", !0),
+				unref(T).menu?.hasOwnProperty("subMenuUniqueOpened") ? (openBlock(), createElementBlock("div", _hoisted_13, [createElementVNode("div", _hoisted_14, [k[35] ||= createTextVNode(" 次导航保持展开一个 ", -1), createVNode(M, { text: "开启该功能后，次导航只保持单个菜单的展开" }, {
+					default: withCtx(() => [createVNode(unref(question_line_default))]),
+					_: 1
+				})]), createVNode(j, {
+					modelValue: unref(T).menu.subMenuUniqueOpened,
+					"onUpdate:modelValue": k[16] ||= (t) => unref(T).menu.subMenuUniqueOpened = t,
+					disabled: ["only-side", "only-head"].includes(unref(T).menu?.menuMode ?? unref(w).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(T).menu?.hasOwnProperty("subMenuCollapse") ? (openBlock(), createElementBlock("div", _hoisted_15, [k[36] ||= createElementVNode("div", { class: "label" }, " 次导航是否折叠 ", -1), createVNode(j, {
+					modelValue: unref(T).menu.subMenuCollapse,
+					"onUpdate:modelValue": k[17] ||= (t) => unref(T).menu.subMenuCollapse = t,
+					disabled: ["only-side", "only-head"].includes(unref(T).menu?.menuMode ?? unref(w).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(w).settings.menu.enableSubMenuCollapseButton && unref(T).menu?.hasOwnProperty("enableSubMenuCollapseButton") ? (openBlock(), createElementBlock("div", _hoisted_16, [k[37] ||= createElementVNode("div", { class: "label" }, " 显示次导航折叠按钮 ", -1), createVNode(j, {
+					modelValue: unref(T).menu.enableSubMenuCollapseButton,
+					"onUpdate:modelValue": k[18] ||= (t) => unref(T).menu.enableSubMenuCollapseButton = t,
+					disabled: ["only-side", "only-head"].includes(unref(T).menu?.menuMode ?? unref(w).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(T).menu?.hasOwnProperty("isRounded") ? (openBlock(), createElementBlock("div", _hoisted_17, [k[38] ||= createElementVNode("div", { class: "label" }, " 是否圆角 ", -1), createVNode(j, {
+					modelValue: unref(T).menu.isRounded,
+					"onUpdate:modelValue": k[19] ||= (t) => unref(T).menu.isRounded = t
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				(unref(T).menu?.menuMode ?? unref(w).settings.menu.menuMode) !== "single" && unref(T).menu?.hasOwnProperty("menuActiveStyle") ? (openBlock(), createElementBlock("div", _hoisted_18, [k[39] ||= createElementVNode("div", { class: "label" }, " 激活风格 ", -1), createVNode(N, {
+					modelValue: unref(T).menu.menuActiveStyle,
+					"onUpdate:modelValue": k[20] ||= (t) => unref(T).menu.menuActiveStyle = t,
+					options: [
+						{
+							icon: "i-jam-stop-sign",
+							value: ""
+						},
+						{
+							icon: ["head", "only-head"].includes(unref(T).menu?.menuMode ?? unref(w).settings.menu.menuMode) ? "i-ep-caret-top" : "i-ep-caret-left",
+							value: "arrow"
+						},
+						{
+							icon: ["side", "only-side"].includes(unref(T).menu?.menuMode ?? unref(w).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(T).topbar?.hasOwnProperty("mode") || unref(T).topbar?.hasOwnProperty("switchTabbarAndToolbar") ? (openBlock(), createElementBlock("div", _hoisted_19, " 顶栏 ")) : createCommentVNode("", !0),
+				unref(T).topbar?.hasOwnProperty("switchTabbarAndToolbar") ? (openBlock(), createElementBlock("div", _hoisted_20, [createElementVNode("div", _hoisted_21, [k[40] ||= createTextVNode(" 展示切换 ", -1), createVNode(M, { text: "切换标签栏和工具栏的展示顺序" }, {
+					default: withCtx(() => [createVNode(unref(question_line_default))]),
+					_: 1
+				})]), createVNode(j, {
+					modelValue: unref(T).topbar.switchTabbarAndToolbar,
+					"onUpdate:modelValue": k[21] ||= (t) => unref(T).topbar.switchTabbarAndToolbar = t,
+					disabled: !unref(T).tabbar?.enable
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(w).settings.tabbar.enable && unref(T).tabbar?.hasOwnProperty("enable") || unref(T).tabbar?.hasOwnProperty("style") || unref(T).tabbar?.hasOwnProperty("enableIcon") || unref(T).tabbar?.hasOwnProperty("mergeTabsBy") ? (openBlock(), createElementBlock("div", _hoisted_22, " 标签栏 ")) : createCommentVNode("", !0),
+				unref(w).settings.tabbar.enable && unref(T).tabbar?.hasOwnProperty("enable") ? (openBlock(), createElementBlock("div", _hoisted_23, [k[41] ||= createElementVNode("div", { class: "label" }, " 是否启用 ", -1), createVNode(j, {
+					modelValue: unref(T).tabbar.enable,
+					"onUpdate:modelValue": k[22] ||= (t) => unref(T).tabbar.enable = t
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				unref(w).settings.tabbar.enable && unref(T).tabbar?.hasOwnProperty("style") ? (openBlock(), createElementBlock("div", _hoisted_24, [k[42] ||= createElementVNode("div", { class: "label" }, " 风格 ", -1), createVNode(N, {
+					modelValue: unref(T).tabbar.style,
+					"onUpdate:modelValue": k[23] ||= (t) => unref(T).tabbar.style = t,
+					options: [
+						{
+							label: "时尚",
+							value: "fashion"
+						},
+						{
+							label: "卡片",
+							value: "card"
+						},
+						{
+							label: "方块",
+							value: "square"
+						}
+					],
+					disabled: !(unref(T).tabbar?.enable ?? unref(w).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(w).settings.tabbar.enable && unref(T).tabbar?.hasOwnProperty("enableIcon") ? (openBlock(), createElementBlock("div", _hoisted_25, [k[43] ||= createElementVNode("div", { class: "label" }, " 是否显示图标 ", -1), createVNode(j, {
+					modelValue: unref(T).tabbar.enableIcon,
+					"onUpdate:modelValue": k[24] ||= (t) => unref(T).tabbar.enableIcon = t,
+					disabled: !(unref(T).tabbar?.enable ?? unref(w).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(w).settings.tabbar.enable && unref(T).tabbar?.hasOwnProperty("enableMemory") ? (openBlock(), createElementBlock("div", _hoisted_26, [createElementVNode("div", _hoisted_27, [k[44] ||= createTextVNode(" 是否启用记忆功能 ", -1), createVNode(M, { text: "开启该功能后，非固定和非常驻的标签页将在本次会话窗口中始终存在，刷新浏览器或重新登录时不会丢失" }, {
+					default: withCtx(() => [createVNode(unref(question_line_default))]),
+					_: 1
+				})]), createVNode(j, {
+					modelValue: unref(T).tabbar.enableMemory,
+					"onUpdate:modelValue": k[25] ||= (t) => unref(T).tabbar.enableMemory = t,
+					disabled: !(unref(T).tabbar?.enable ?? unref(w).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(w).settings.breadcrumb.enable && (unref(T).breadcrumb?.hasOwnProperty("enable") || unref(T).breadcrumb?.hasOwnProperty("style") || unref(T).breadcrumb?.hasOwnProperty("enableMainMenu")) ? (openBlock(), createElementBlock("div", _hoisted_28, " 面包屑导航 ")) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(w).settings.breadcrumb.enable && unref(T).breadcrumb?.hasOwnProperty("enable") ? (openBlock(), createElementBlock("div", _hoisted_29, [k[45] ||= createElementVNode("div", { class: "label" }, " 是否启用 ", -1), createVNode(j, {
+					modelValue: unref(T).breadcrumb.enable,
+					"onUpdate:modelValue": k[26] ||= (t) => unref(T).breadcrumb.enable = t
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(w).settings.breadcrumb.enable && unref(T).breadcrumb?.hasOwnProperty("style") ? (openBlock(), createElementBlock("div", _hoisted_30, [k[46] ||= createElementVNode("div", { class: "label" }, " 风格 ", -1), createVNode(N, {
+					modelValue: unref(T).breadcrumb.style,
+					"onUpdate:modelValue": k[27] ||= (t) => unref(T).breadcrumb.style = t,
+					options: [{
+						label: "默认",
+						value: ""
+					}, {
+						label: "现代",
+						value: "modern"
+					}],
+					disabled: !(unref(T).breadcrumb?.enable ?? unref(w).settings.breadcrumb.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(w).mode === "pc" && unref(w).settings.breadcrumb.enable && unref(w).settings.breadcrumb.enableMainMenu && unref(T).breadcrumb?.hasOwnProperty("enableMainMenu") ? (openBlock(), createElementBlock("div", _hoisted_31, [k[47] ||= createElementVNode("div", { class: "label" }, " 是否显示主导航 ", -1), createVNode(j, {
+					modelValue: unref(T).breadcrumb.enableMainMenu,
+					"onUpdate:modelValue": k[28] ||= (t) => unref(T).breadcrumb.enableMainMenu = t,
+					disabled: ["single"].includes(unref(T).menu?.menuMode ?? unref(w).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : createCommentVNode("", !0),
+				unref(T).app?.hasOwnProperty("enableProgress") ? (openBlock(), createElementBlock("div", _hoisted_32, " 其它 ")) : createCommentVNode("", !0),
+				unref(w).settings.app.enableProgress && unref(T).app?.hasOwnProperty("enableProgress") ? (openBlock(), createElementBlock("div", _hoisted_33, [createElementVNode("div", _hoisted_34, [k[48] ||= createTextVNode(" 载入进度条 ", -1), createVNode(M, { text: "该功能开启时，跳转路由会看到页面顶部有进度条" }, {
+					default: withCtx(() => [createVNode(unref(question_line_default))]),
+					_: 1
+				})]), createVNode(j, {
+					modelValue: unref(T).app.enableProgress,
+					"onUpdate:modelValue": k[29] ||= (t) => unref(T).app.enableProgress = t
+				}, null, 8, ["modelValue"])])) : createCommentVNode("", !0),
+				createElementVNode("div", _hoisted_35, [createVNode(P, {
+					"w-full": "",
+					type: "primary",
+					size: "large",
+					onClick: O
+				}, {
+					default: withCtx(() => [...k[49] ||= [createTextVNode(" 还原系统设置 ", -1)]]),
+					_: 1
+				})])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-c97d99bc"]]);
+export { PreferencesContent_default as default };