@pubinfo/core 2.1.11 → 2.1.13-beta.1

package/dist/PreferencesContent-CuNffqV_.js

@@ -0,0 +1,703 @@
+import { $n as e, $t as t, Cn as n, D as r, Hn as i, Qn as a, Vn as o, X as s, Zt as c, a as l, cr as u, dr as d, et as f, fr as p, lt as m, mn as h, mt as g, n as _, or as ee, rt as v, sr as y, ut as b, wn as x, yn as S } from "./modal-ybprgEqf.js";
+import { a as C, n as w, s as T, t as E, v as D } from "./watchDiff-DJP3s9bb.js";
+import "./tree-select-gPCwtMia.js";
+import "./components-CKVAXENc.js";
+import { t as O } from "./_plugin-vue_export-helper-CsLplWgU.js";
+import { n as k } from "./useContext-Dlqfap_7.js";
+import { t as A } from "./HTooltip-B8aoK5uN.js";
+import { t as j } from "./HCheckList-cef4jGrw.js";
+import { t as M } from "./HToggle-BTft_PNT.js";
+import { t as N } from "./question-line-BzrfPWnG.js";
+import { n as P, t as F } from "./right-CCqcGubr.js";
+import { Fragment as te, Transition as I, computed as L, createCommentVNode as R, createElementBlock as z, createElementVNode as B, createTextVNode as V, createVNode as H, defineComponent as U, isRef as ne, normalizeClass as W, normalizeStyle as re, openBlock as G, ref as ie, renderList as K, shallowRef as q, unref as J, vShow as Y, withCtx as X, withDirectives as ae } from "vue";
+import { getThemes as oe } from "@pubinfo/config/themes";
+//#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_basePick.js
+function se(e, t) {
+	return w(e, t, function(t, n) {
+		return C(e, n);
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/pick.js
+var Z = D(function(e, t) {
+	return e == null ? {} : se(e, t);
+}), Q = (e, t, n, r, i) => ({
+	backgroundColor: e,
+	border: `${r.lineWidth}px ${r.lineType} ${t}`,
+	[`${i}-icon`]: { color: n }
+}), ce = (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]: n(n({}, g(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
+		}
+	};
+}, le = (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": Q(a, i, r, e, t),
+		"&-info": Q(m, p, f, e, t),
+		"&-warning": Q(c, s, o, e, t),
+		"&-error": n(n({}, Q(d, u, l, e, t)), { [`${t}-description > pre`]: {
+			margin: 0,
+			padding: 0
+		} })
+	} };
+}, ue = (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 }
+		}
+	} };
+}, de = (e) => [
+	ce(e),
+	le(e),
+	ue(e)
+], fe = b("Alert", (e) => {
+	let { fontSizeHeading3: t } = e;
+	return [de(m(e, {
+		alertIconSizeLG: t,
+		alertPaddingHorizontal: 12
+	}))];
+}), pe = {
+	success: p,
+	info: i,
+	error: u,
+	warning: e
+}, me = {
+	success: d,
+	info: o,
+	error: y,
+	warning: a
+}, he = c("success", "info", "warning", "error"), ge = t(U({
+	compatConfig: { MODE: 3 },
+	name: "AAlert",
+	inheritAttrs: !1,
+	props: {
+		type: f.oneOf(he),
+		closable: {
+			type: Boolean,
+			default: void 0
+		},
+		closeText: f.any,
+		message: f.any,
+		description: f.any,
+		afterClose: Function,
+		showIcon: {
+			type: Boolean,
+			default: void 0
+		},
+		prefixCls: String,
+		banner: {
+			type: Boolean,
+			default: void 0
+		},
+		icon: f.any,
+		closeIcon: f.any,
+		onClose: Function
+	},
+	setup(e, t) {
+		let { slots: n, emit: i, attrs: a, expose: o } = t, { prefixCls: c, direction: l } = v("alert", e), [u, d] = fe(c), f = q(!1), p = q(!1), m = q(), 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 = L(() => {
+			let { type: t } = e;
+			return t === void 0 ? e.banner ? "warning" : "info" : t;
+		});
+		o({ animationEnd: _ });
+		let b = q({});
+		return () => {
+			let { banner: t, closeIcon: i = n.closeIcon?.call(n) } = e, { closable: o, showIcon: v } = e, C = e.closeText ?? n.closeText?.call(n), w = e.description ?? n.description?.call(n), T = e.message ?? n.message?.call(n), E = e.icon ?? n.icon?.call(n), D = n.action?.call(n);
+			v = t && v === void 0 ? !0 : v;
+			let O = (w ? me : pe)[y.value] || null;
+			C && (o = !0);
+			let k = c.value, A = S(k, {
+				[`${k}-${y.value}`]: !0,
+				[`${k}-closing`]: f.value,
+				[`${k}-with-description`]: !!w,
+				[`${k}-no-icon`]: !v,
+				[`${k}-banner`]: !!t,
+				[`${k}-closable`]: o,
+				[`${k}-rtl`]: l.value === "rtl",
+				[d.value]: !0
+			}), j = o ? H("button", {
+				type: "button",
+				onClick: g,
+				class: `${k}-close-icon`,
+				tabindex: 0
+			}, [C ? H("span", { class: `${k}-close-text` }, [C]) : i === void 0 ? H(ee, null, null) : i]) : null, M = E && (h(E) ? s(E, { class: `${k}-icon` }) : H("span", { class: `${k}-icon` }, [E])) || H(O, { class: `${k}-icon` }, null), N = r(`${k}-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 : H(I, N, { default: () => [ae(H("div", x(x({ role: "alert" }, a), {}, {
+				style: [a.style, b.value],
+				class: [a.class, A],
+				"data-show": !f.value,
+				ref: m
+			}), [
+				v ? M : null,
+				H("div", { class: `${k}-content` }, [T ? H("div", { class: `${k}-message` }, [T]) : null, w ? H("div", { class: `${k}-description` }, [w]) : null]),
+				D ? H("div", { class: `${k}-action` }, [D]) : null,
+				j
+			]), [[Y, !f.value]])] }));
+		};
+	}
+})), $ = {
+	key: 0,
+	class: "divider"
+}, _e = {
+	key: 1,
+	class: "flex items-center justify-center pb-4"
+}, ve = {
+	key: 2,
+	class: "themes"
+}, ye = ["onClick"], be = {
+	key: 3,
+	class: "divider"
+}, xe = {
+	key: 4,
+	class: "menu-mode"
+}, Se = {
+	key: 5,
+	class: "divider"
+}, Ce = {
+	key: 6,
+	class: "app-width-mode"
+}, we = {
+	key: 7,
+	class: "divider"
+}, Te = {
+	key: 8,
+	class: "flex items-center justify-center pb-4"
+}, Ee = {
+	key: 9,
+	class: "transition-mode"
+}, De = {
+	key: 10,
+	class: "divider"
+}, Oe = {
+	key: 11,
+	class: "setting-item"
+}, ke = { class: "label" }, Ae = {
+	key: 12,
+	class: "setting-item"
+}, je = {
+	key: 13,
+	class: "setting-item"
+}, Me = {
+	key: 14,
+	class: "setting-item"
+}, Ne = {
+	key: 15,
+	class: "setting-item"
+}, Pe = {
+	key: 16,
+	class: "divider"
+}, Fe = {
+	key: 17,
+	class: "setting-item"
+}, Ie = { class: "label" }, Le = {
+	key: 18,
+	class: "divider"
+}, Re = {
+	key: 19,
+	class: "setting-item"
+}, ze = {
+	key: 20,
+	class: "setting-item"
+}, Be = {
+	key: 21,
+	class: "setting-item"
+}, Ve = {
+	key: 22,
+	class: "setting-item"
+}, He = { class: "label" }, Ue = {
+	key: 23,
+	class: "divider"
+}, We = {
+	key: 24,
+	class: "setting-item"
+}, Ge = {
+	key: 25,
+	class: "setting-item"
+}, Ke = {
+	key: 26,
+	class: "setting-item"
+}, qe = {
+	key: 27,
+	class: "divider"
+}, Je = {
+	key: 28,
+	class: "setting-item"
+}, Ye = { class: "label" }, Xe = {
+	"w-full": "",
+	"h-100px": "",
+	flex: "~ center"
+}, Ze = /* @__PURE__ */ O(/* @__PURE__ */ U({
+	name: "PreferenceContent",
+	__name: "PreferencesContent",
+	setup(e) {
+		let { settingsStore: t } = k(), n = ie({
+			app: Z(t.settings.app, [
+				"colorScheme",
+				"lightTheme",
+				"darkTheme",
+				"enableProgress",
+				"enableUserPreferences"
+			]),
+			menu: Z(t.settings.menu, [
+				"menuMode",
+				"isRounded",
+				"menuActiveStyle",
+				"subMenuUniqueOpened",
+				"subMenuCollapse",
+				"enableSubMenuCollapseButton"
+			]),
+			layout: Z(t.settings.layout, ["widthMode"]),
+			mainPage: Z(t.settings.mainPage, ["enableTransition", "transitionMode"]),
+			topbar: Z(t.settings.topbar, ["mode", "switchTabbarAndToolbar"]),
+			tabbar: Z(t.settings.tabbar, [
+				"enable",
+				"style",
+				"enableIcon",
+				"mergeTabsBy",
+				"enableMemory"
+			]),
+			breadcrumb: Z(t.settings.breadcrumb, [
+				"enable",
+				"style",
+				"enableMainMenu"
+			])
+		}), r = L({
+			get() {
+				return n.value.app?.colorScheme === "dark";
+			},
+			set(e) {
+				n.value.app?.colorScheme && (n.value.app.colorScheme = e ? "dark" : "light");
+			}
+		}), i = L(() => {
+			let e = oe();
+			return Object.keys(e).map((t) => ({
+				label: t,
+				value: e[t]
+			})).filter((e) => e.value["color-scheme"] === n.value.app?.colorScheme);
+		});
+		E(() => n.value, async (e) => {
+			t.updateSettings(T(e), !1), await t.setPreferencesSetting(e), _.success("个人偏好设置成功");
+		}, { deep: !0 });
+		async function a() {
+			await t.resetSettings();
+		}
+		return (e, o) => {
+			let s = ge, c = M, u = A, d = j, f = l;
+			return G(), z("div", null, [
+				H(s, {
+					message: "提示",
+					description: "个人偏好设置将覆盖系统默认设置。若需恢复至系统默认配置，请滚动至底部并点击“还原系统设置”按钮。",
+					type: "info"
+				}),
+				J(n).app?.hasOwnProperty("colorScheme") || J(n).app?.hasOwnProperty("lightTheme") && J(n).app?.hasOwnProperty("darkTheme") ? (G(), z("div", $, " 颜色主题风格 ")) : R("", !0),
+				J(n).app?.hasOwnProperty("colorScheme") ? (G(), z("div", _e, [H(c, {
+					modelValue: J(r),
+					"onUpdate:modelValue": o[0] ||= (e) => ne(r) ? r.value = e : null,
+					"on-icon": "i-ri-sun-line",
+					"off-icon": "i-ri-moon-line"
+				}, null, 8, ["modelValue"])])) : R("", !0),
+				J(n).app?.hasOwnProperty("lightTheme") && J(n).app?.hasOwnProperty("darkTheme") ? (G(), z("div", ve, [(G(!0), z(te, null, K(J(i), (e) => (G(), z("div", {
+					key: e.label,
+					class: W(["theme", { active: J(r) ? J(n).app.darkTheme === e.label : J(n).app.lightTheme === e.label }]),
+					onClick: (t) => J(r) ? J(n).app?.hasOwnProperty("darkTheme") && (J(n).app.darkTheme = e.label) : J(n).app?.hasOwnProperty("lightTheme") && (J(n).app.lightTheme = e.label)
+				}, [B("div", {
+					class: "content",
+					style: re(`background-color: rgb(${e.value["--ui-primary"]});`)
+				}, null, 4)], 10, ye))), 128))])) : R("", !0),
+				J(t).mode === "pc" && J(n).menu?.hasOwnProperty("menuMode") ? (G(), z("div", be, " 导航栏模式 ")) : R("", !0),
+				J(t).mode === "pc" && J(n).menu?.hasOwnProperty("menuMode") ? (G(), z("div", xe, [
+					H(u, {
+						text: "侧边栏模式 (含主导航)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-side", { active: J(n).menu.menuMode === "side" }]),
+							onClick: o[1] ||= (e) => J(n).menu?.hasOwnProperty("menuMode") && (J(n).menu.menuMode = "side")
+						}, [...o[30] ||= [B("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "顶部模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-head", { active: J(n).menu.menuMode === "head" }]),
+							onClick: o[2] ||= (e) => J(n).menu?.hasOwnProperty("menuMode") && (J(n).menu.menuMode = "head")
+						}, [...o[31] ||= [B("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "侧边栏模式 (不含主导航)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-single", { active: J(n).menu.menuMode === "single" }]),
+							onClick: o[3] ||= (e) => J(n).menu?.hasOwnProperty("menuMode") && (J(n).menu.menuMode = "single")
+						}, [...o[32] ||= [B("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "侧边栏精简模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-only-side", { active: J(n).menu.menuMode === "only-side" }]),
+							onClick: o[4] ||= (e) => J(n).menu?.hasOwnProperty("menuMode") && (J(n).menu.menuMode = "only-side")
+						}, [...o[33] ||= [B("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "顶部精简模式",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-only-head", { active: J(n).menu.menuMode === "only-head" }]),
+							onClick: o[5] ||= (e) => J(n).menu?.hasOwnProperty("menuMode") && (J(n).menu.menuMode = "only-head")
+						}, [...o[34] ||= [B("div", { class: "mode-container" }, null, -1)]], 2)]),
+						_: 1
+					})
+				])) : R("", !0),
+				J(t).mode === "pc" && J(n).layout?.hasOwnProperty("widthMode") ? (G(), z("div", Se, " 页宽模式 ")) : R("", !0),
+				J(t).mode === "pc" && J(n).layout?.hasOwnProperty("widthMode") ? (G(), z("div", Ce, [
+					H(u, {
+						text: "自适应",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-adaption", { active: J(n).layout.widthMode === "adaption" }]),
+							onClick: o[6] ||= (e) => J(n).layout?.hasOwnProperty("widthMode") && (J(n).layout.widthMode = "adaption")
+						}, [H(J(P), { class: "left" }), H(J(F), { class: "right" })], 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "自适应 (有最小宽度)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-adaption-min-width", { active: J(n).layout.widthMode === "adaption-min-width" }]),
+							onClick: o[7] ||= (e) => J(n).layout?.hasOwnProperty("widthMode") && (J(n).layout.widthMode = "adaption-min-width")
+						}, [H(J(P), { class: "left" }), H(J(F), { class: "right" })], 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "定宽居中",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-center", { active: J(n).layout.widthMode === "center" }]),
+							onClick: o[8] ||= (e) => J(n).layout?.widthMode && (J(n).layout.widthMode = "center")
+						}, null, 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "定宽居中 (有最大宽度)",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-center-max-width", { active: J(n).layout.widthMode === "center-max-width" }]),
+							onClick: o[9] ||= (e) => J(n).layout?.widthMode && (J(n).layout.widthMode = "center-max-width")
+						}, [H(J(P), { class: "left" }), H(J(F), { class: "right" })], 2)]),
+						_: 1
+					})
+				])) : R("", !0),
+				J(t).settings.mainPage.enableTransition && J(n).mainPage?.hasOwnProperty("enableTransition") ? (G(), z("div", we, " 页面切换动画 ")) : R("", !0),
+				J(t).settings.mainPage.enableTransition && J(n).mainPage?.hasOwnProperty("enableTransition") ? (G(), z("div", Te, [H(c, {
+					modelValue: J(n).mainPage.enableTransition,
+					"onUpdate:modelValue": o[10] ||= (e) => J(n).mainPage.enableTransition = e
+				}, null, 8, ["modelValue"])])) : R("", !0),
+				J(t).settings.mainPage.enableTransition && J(n).mainPage?.hasOwnProperty("transitionMode") ? (G(), z("div", Ee, [
+					H(u, {
+						text: "淡入淡出",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-fade", { active: J(n).mainPage.transitionMode === "fade" }]),
+							onClick: o[11] ||= (e) => J(n).mainPage?.hasOwnProperty("transitionMode") && (J(n).mainPage.transitionMode = "fade")
+						}, null, 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "向左滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-slide-left", { active: J(n).mainPage.transitionMode === "slide-left" }]),
+							onClick: o[12] ||= (e) => J(n).mainPage?.hasOwnProperty("transitionMode") && (J(n).mainPage.transitionMode = "slide-left")
+						}, null, 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "向右滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-slide-right", { active: J(n).mainPage.transitionMode === "slide-right" }]),
+							onClick: o[13] ||= (e) => J(n).mainPage?.hasOwnProperty("transitionMode") && (J(n).mainPage.transitionMode = "slide-right")
+						}, null, 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "向上滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-slide-top", { active: J(n).mainPage.transitionMode === "slide-top" }]),
+							onClick: o[14] ||= (e) => J(n).mainPage?.hasOwnProperty("transitionMode") && (J(n).mainPage.transitionMode = "slide-top")
+						}, null, 2)]),
+						_: 1
+					}),
+					H(u, {
+						text: "向下滑动",
+						placement: "bottom",
+						delay: 500
+					}, {
+						default: X(() => [B("div", {
+							class: W(["mode mode-slide-bottom", { active: J(n).mainPage.transitionMode === "slide-bottom" }]),
+							onClick: o[15] ||= (e) => J(n).mainPage?.hasOwnProperty("transitionMode") && (J(n).mainPage.transitionMode = "slide-bottom")
+						}, null, 2)]),
+						_: 1
+					})
+				])) : R("", !0),
+				J(n).menu?.hasOwnProperty("switchMainMenuAndPageJump") || J(n).menu?.hasOwnProperty("subMenuOnlyOneHide") || J(n).menu?.hasOwnProperty("subMenuUniqueOpened") || J(n).menu?.hasOwnProperty("subMenuCollapse") || J(n).menu?.hasOwnProperty("enableSubMenuCollapseButton") ? (G(), z("div", De, " 导航栏 ")) : R("", !0),
+				J(n).menu?.hasOwnProperty("subMenuUniqueOpened") ? (G(), z("div", Oe, [B("div", ke, [o[35] ||= V(" 次导航保持展开一个 ", -1), H(u, { text: "开启该功能后，次导航只保持单个菜单的展开" }, {
+					default: X(() => [H(J(N))]),
+					_: 1
+				})]), H(c, {
+					modelValue: J(n).menu.subMenuUniqueOpened,
+					"onUpdate:modelValue": o[16] ||= (e) => J(n).menu.subMenuUniqueOpened = e,
+					disabled: ["only-side", "only-head"].includes(J(n).menu?.menuMode ?? J(t).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(n).menu?.hasOwnProperty("subMenuCollapse") ? (G(), z("div", Ae, [o[36] ||= B("div", { class: "label" }, " 次导航是否折叠 ", -1), H(c, {
+					modelValue: J(n).menu.subMenuCollapse,
+					"onUpdate:modelValue": o[17] ||= (e) => J(n).menu.subMenuCollapse = e,
+					disabled: ["only-side", "only-head"].includes(J(n).menu?.menuMode ?? J(t).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(t).mode === "pc" && J(t).settings.menu.enableSubMenuCollapseButton && J(n).menu?.hasOwnProperty("enableSubMenuCollapseButton") ? (G(), z("div", je, [o[37] ||= B("div", { class: "label" }, " 显示次导航折叠按钮 ", -1), H(c, {
+					modelValue: J(n).menu.enableSubMenuCollapseButton,
+					"onUpdate:modelValue": o[18] ||= (e) => J(n).menu.enableSubMenuCollapseButton = e,
+					disabled: ["only-side", "only-head"].includes(J(n).menu?.menuMode ?? J(t).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(n).menu?.hasOwnProperty("isRounded") ? (G(), z("div", Me, [o[38] ||= B("div", { class: "label" }, " 是否圆角 ", -1), H(c, {
+					modelValue: J(n).menu.isRounded,
+					"onUpdate:modelValue": o[19] ||= (e) => J(n).menu.isRounded = e
+				}, null, 8, ["modelValue"])])) : R("", !0),
+				(J(n).menu?.menuMode ?? J(t).settings.menu.menuMode) !== "single" && J(n).menu?.hasOwnProperty("menuActiveStyle") ? (G(), z("div", Ne, [o[39] ||= B("div", { class: "label" }, " 激活风格 ", -1), H(d, {
+					modelValue: J(n).menu.menuActiveStyle,
+					"onUpdate:modelValue": o[20] ||= (e) => J(n).menu.menuActiveStyle = e,
+					options: [
+						{
+							icon: "i-jam-stop-sign",
+							value: ""
+						},
+						{
+							icon: ["head", "only-head"].includes(J(n).menu?.menuMode ?? J(t).settings.menu.menuMode) ? "i-ep-caret-top" : "i-ep-caret-left",
+							value: "arrow"
+						},
+						{
+							icon: ["side", "only-side"].includes(J(n).menu?.menuMode ?? J(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"])])) : R("", !0),
+				J(n).topbar?.hasOwnProperty("mode") || J(n).topbar?.hasOwnProperty("switchTabbarAndToolbar") ? (G(), z("div", Pe, " 顶栏 ")) : R("", !0),
+				J(n).topbar?.hasOwnProperty("switchTabbarAndToolbar") ? (G(), z("div", Fe, [B("div", Ie, [o[40] ||= V(" 展示切换 ", -1), H(u, { text: "切换标签栏和工具栏的展示顺序" }, {
+					default: X(() => [H(J(N))]),
+					_: 1
+				})]), H(c, {
+					modelValue: J(n).topbar.switchTabbarAndToolbar,
+					"onUpdate:modelValue": o[21] ||= (e) => J(n).topbar.switchTabbarAndToolbar = e,
+					disabled: !J(n).tabbar?.enable
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(t).settings.tabbar.enable && J(n).tabbar?.hasOwnProperty("enable") || J(n).tabbar?.hasOwnProperty("style") || J(n).tabbar?.hasOwnProperty("enableIcon") || J(n).tabbar?.hasOwnProperty("mergeTabsBy") ? (G(), z("div", Le, " 标签栏 ")) : R("", !0),
+				J(t).settings.tabbar.enable && J(n).tabbar?.hasOwnProperty("enable") ? (G(), z("div", Re, [o[41] ||= B("div", { class: "label" }, " 是否启用 ", -1), H(c, {
+					modelValue: J(n).tabbar.enable,
+					"onUpdate:modelValue": o[22] ||= (e) => J(n).tabbar.enable = e
+				}, null, 8, ["modelValue"])])) : R("", !0),
+				J(t).settings.tabbar.enable && J(n).tabbar?.hasOwnProperty("style") ? (G(), z("div", ze, [o[42] ||= B("div", { class: "label" }, " 风格 ", -1), H(d, {
+					modelValue: J(n).tabbar.style,
+					"onUpdate:modelValue": o[23] ||= (e) => J(n).tabbar.style = e,
+					options: [
+						{
+							label: "时尚",
+							value: "fashion"
+						},
+						{
+							label: "卡片",
+							value: "card"
+						},
+						{
+							label: "方块",
+							value: "square"
+						}
+					],
+					disabled: !(J(n).tabbar?.enable ?? J(t).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(t).settings.tabbar.enable && J(n).tabbar?.hasOwnProperty("enableIcon") ? (G(), z("div", Be, [o[43] ||= B("div", { class: "label" }, " 是否显示图标 ", -1), H(c, {
+					modelValue: J(n).tabbar.enableIcon,
+					"onUpdate:modelValue": o[24] ||= (e) => J(n).tabbar.enableIcon = e,
+					disabled: !(J(n).tabbar?.enable ?? J(t).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(t).settings.tabbar.enable && J(n).tabbar?.hasOwnProperty("enableMemory") ? (G(), z("div", Ve, [B("div", He, [o[44] ||= V(" 是否启用记忆功能 ", -1), H(u, { text: "开启该功能后，非固定和非常驻的标签页将在本次会话窗口中始终存在，刷新浏览器或重新登录时不会丢失" }, {
+					default: X(() => [H(J(N))]),
+					_: 1
+				})]), H(c, {
+					modelValue: J(n).tabbar.enableMemory,
+					"onUpdate:modelValue": o[25] ||= (e) => J(n).tabbar.enableMemory = e,
+					disabled: !(J(n).tabbar?.enable ?? J(t).settings.tabbar.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(t).mode === "pc" && J(t).settings.breadcrumb.enable && (J(n).breadcrumb?.hasOwnProperty("enable") || J(n).breadcrumb?.hasOwnProperty("style") || J(n).breadcrumb?.hasOwnProperty("enableMainMenu")) ? (G(), z("div", Ue, " 面包屑导航 ")) : R("", !0),
+				J(t).mode === "pc" && J(t).settings.breadcrumb.enable && J(n).breadcrumb?.hasOwnProperty("enable") ? (G(), z("div", We, [o[45] ||= B("div", { class: "label" }, " 是否启用 ", -1), H(c, {
+					modelValue: J(n).breadcrumb.enable,
+					"onUpdate:modelValue": o[26] ||= (e) => J(n).breadcrumb.enable = e
+				}, null, 8, ["modelValue"])])) : R("", !0),
+				J(t).mode === "pc" && J(t).settings.breadcrumb.enable && J(n).breadcrumb?.hasOwnProperty("style") ? (G(), z("div", Ge, [o[46] ||= B("div", { class: "label" }, " 风格 ", -1), H(d, {
+					modelValue: J(n).breadcrumb.style,
+					"onUpdate:modelValue": o[27] ||= (e) => J(n).breadcrumb.style = e,
+					options: [{
+						label: "默认",
+						value: ""
+					}, {
+						label: "现代",
+						value: "modern"
+					}],
+					disabled: !(J(n).breadcrumb?.enable ?? J(t).settings.breadcrumb.enable)
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(t).mode === "pc" && J(t).settings.breadcrumb.enable && J(t).settings.breadcrumb.enableMainMenu && J(n).breadcrumb?.hasOwnProperty("enableMainMenu") ? (G(), z("div", Ke, [o[47] ||= B("div", { class: "label" }, " 是否显示主导航 ", -1), H(c, {
+					modelValue: J(n).breadcrumb.enableMainMenu,
+					"onUpdate:modelValue": o[28] ||= (e) => J(n).breadcrumb.enableMainMenu = e,
+					disabled: ["single"].includes(J(n).menu?.menuMode ?? J(t).settings.menu.menuMode)
+				}, null, 8, ["modelValue", "disabled"])])) : R("", !0),
+				J(n).app?.hasOwnProperty("enableProgress") ? (G(), z("div", qe, " 其它 ")) : R("", !0),
+				J(t).settings.app.enableProgress && J(n).app?.hasOwnProperty("enableProgress") ? (G(), z("div", Je, [B("div", Ye, [o[48] ||= V(" 载入进度条 ", -1), H(u, { text: "该功能开启时，跳转路由会看到页面顶部有进度条" }, {
+					default: X(() => [H(J(N))]),
+					_: 1
+				})]), H(c, {
+					modelValue: J(n).app.enableProgress,
+					"onUpdate:modelValue": o[29] ||= (e) => J(n).app.enableProgress = e
+				}, null, 8, ["modelValue"])])) : R("", !0),
+				B("div", Xe, [H(f, {
+					"w-full": "",
+					type: "primary",
+					size: "large",
+					onClick: a
+				}, {
+					default: X(() => [...o[49] ||= [V(" 还原系统设置 ", -1)]]),
+					_: 1
+				})])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-c97d99bc"]]);
+//#endregion
+export { Ze as default };