@robot-admin/layout 2.3.1 → 3.0.0

package/dist/index.js

@@ -1,234 +1,17 @@
-import { Fragment as e, KeepAlive as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, h as f, inject as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, provide as b, ref as x, renderList as S, renderSlot as C, resolveComponent as w, resolveDynamicComponent as T, toDisplayString as E, toValue as D, unref as O, useModel as k, watch as A, withCtx as j, withModifiers as M } from "vue";
-import { defineStore as N } from "pinia";
-import { NButton as P, NColorPicker as F, NDrawer as I, NDrawerContent as L, NDropdown as R, NInput as z, NLayout as B, NLayoutContent as V, NLayoutSider as H, NMenu as ee, NRadioButton as U, NRadioGroup as W, NSlider as te, NSwitch as G, NTabPane as ne, NTabs as re, useDialog as ie, useMessage as ae } from "naive-ui";
+import { Fragment as e, KeepAlive as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, h as f, inject as p, mergeModels as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onMounted as v, onUnmounted as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, resolveComponent as T, resolveDynamicComponent as E, toDisplayString as D, toValue as O, unref as k, useModel as A, watch as j, withCtx as M, withKeys as N, withModifiers as P } from "vue";
+import { NButton as F, NColorPicker as I, NDrawer as L, NDrawerContent as R, NDropdown as z, NInput as B, NLayout as V, NLayoutContent as H, NLayoutSider as U, NMenu as ee, NRadioButton as W, NRadioGroup as te, NSlider as ne, NSwitch as G, NTabPane as re, NTabs as ie, useDialog as ae, useMessage as oe } from "naive-ui";
 import { useRoute as K, useRouter as q } from "vue-router";
-//#region src/constants/index.ts
-var oe = [
-	{
-		name: "拂晓蓝",
-		value: "#409eff"
-	},
-	{
-		name: "薄暮红",
-		value: "#f5222d"
-	},
-	{
-		name: "火山橙",
-		value: "#fa541c"
-	},
-	{
-		name: "日暮黄",
-		value: "#faad14"
-	},
-	{
-		name: "极光绿",
-		value: "#52c41a"
-	},
-	{
-		name: "明青",
-		value: "#13c2c2"
-	},
-	{
-		name: "极客蓝",
-		value: "#2f54eb"
-	},
-	{
-		name: "酱紫",
-		value: "#722ed1"
-	}
-], se = [
-	{
-		name: "科技蓝",
-		icon: "💙",
-		primaryColor: "#409eff"
-	},
-	{
-		name: "清新绿",
-		icon: "💚",
-		primaryColor: "#52c41a"
-	},
-	{
-		name: "商务灰",
-		icon: "🖤",
-		primaryColor: "#595959"
-	},
-	{
-		name: "活力橙",
-		icon: "🧡",
-		primaryColor: "#fa8c16"
-	},
-	{
-		name: "优雅紫",
-		icon: "💜",
-		primaryColor: "#722ed1"
-	},
-	{
-		name: "经典红",
-		icon: "❤️",
-		primaryColor: "#f5222d"
-	}
-], ce = [
-	{
-		mode: "side",
-		label: "左侧菜单",
-		description: "经典的左侧导航布局",
-		icon: "i-mdi:page-layout-sidebar-left"
-	},
-	{
-		mode: "top",
-		label: "顶部菜单",
-		description: "顶部水平导航布局",
-		icon: "i-mdi:page-layout-header"
-	},
-	{
-		mode: "mix",
-		label: "混合菜单",
-		description: "顶部 + 侧边混合布局",
-		icon: "i-mdi:view-dashboard-outline"
-	},
-	{
-		mode: "mix-top",
-		label: "顶部混合",
-		description: "侧边优先的混合布局",
-		icon: "i-mdi:view-dashboard-variant-outline"
-	},
-	{
-		mode: "reverse-horizontal-mix",
-		label: "反转混合",
-		description: "反转的水平混合布局",
-		icon: "i-mdi:page-layout-header-footer"
-	},
-	{
-		mode: "card-layout",
-		label: "卡片布局",
-		description: "卡片式布局风格",
-		icon: "i-mdi:card-outline"
-	}
-], le = {
-	small: "4px",
-	medium: "6px",
-	large: "8px"
-}, ue = {
-	fade: "fade-transform",
-	slide: "fade-slide",
-	zoom: "fade-zoom",
-	none: ""
-}, J = {
-	themeMode: "light",
-	primaryColor: "#409eff",
-	borderRadius: "medium",
-	transitionType: "slide",
-	enableTransition: !0,
-	layoutMode: "side",
-	menuExpandMode: "inline",
-	collapsed: !1,
-	fixedHeader: !0,
-	showBreadcrumb: !0,
-	showBreadcrumbIcon: !0,
-	showTagsView: !0,
-	tagsViewHeight: 44,
-	tagsViewStyle: "default",
-	showFooter: !0,
-	sidebarWidth: 220,
-	sidebarCollapsedWidth: 64,
-	headerHeight: 56,
-	enableHotkeys: !0,
-	version: "2.0.2"
-}, de = oe.map((e) => e.value);
-//#endregion
-//#region src/stores/settings.ts
-function fe(e, t) {
-	let n = parseInt(e.replace("#", ""), 16), r = Math.min(255, Math.max(0, (n >> 16) + t)), i = Math.min(255, Math.max(0, (n >> 8 & 255) + t)), a = Math.min(255, Math.max(0, (n & 255) + t));
-	return `#${(r << 16 | i << 8 | a).toString(16).padStart(6, "0")}`;
-}
-function pe(e = {}) {
-	let { defaults: t = {}, onThemeModeChange: n } = e, i = {
-		...J,
-		...t
-	};
-	return N("settings", () => {
-		let e = x(i.themeMode), t = x(i.primaryColor), a = x(i.borderRadius), o = x(i.transitionType), s = x(i.enableTransition), c = x(i.layoutMode), l = x(i.menuExpandMode), u = x(i.collapsed), d = x(i.fixedHeader), f = x(i.showBreadcrumb), p = x(i.showBreadcrumbIcon), m = x(i.showTagsView), h = x(i.tagsViewHeight), g = x(i.tagsViewStyle), _ = x(i.showFooter), v = x(i.sidebarWidth), y = x(i.sidebarCollapsedWidth), b = x(i.headerHeight), S = x(i.enableHotkeys), C = x(i.version), w = r(() => le[a.value]), T = r(() => ue[o.value]), E = r(() => s.value && o.value !== "none"), D = r(() => ({
-			themeMode: e.value,
-			primaryColor: t.value,
-			borderRadius: a.value,
-			transitionType: o.value,
-			enableTransition: s.value,
-			layoutMode: c.value,
-			menuExpandMode: l.value,
-			collapsed: u.value,
-			fixedHeader: d.value,
-			showBreadcrumb: f.value,
-			showBreadcrumbIcon: p.value,
-			showTagsView: m.value,
-			tagsViewHeight: h.value,
-			tagsViewStyle: g.value,
-			showFooter: _.value,
-			sidebarWidth: v.value,
-			sidebarCollapsedWidth: y.value,
-			headerHeight: b.value,
-			enableHotkeys: S.value,
-			version: C.value
-		})), O = () => {
-			if (typeof document > "u") return;
-			let e = document.documentElement;
-			e.style.setProperty("--primary-color", t.value), e.style.setProperty("--primary-color-hover", fe(t.value, 10)), e.style.setProperty("--primary-color-pressed", fe(t.value, -10)), e.style.setProperty("--border-radius", w.value), e.style.setProperty("--sidebar-width", `${v.value}px`), e.style.setProperty("--sidebar-collapsed-width", `${y.value}px`), e.style.setProperty("--header-height", `${b.value}px`), e.style.setProperty("--tags-view-height", `${h.value}px`);
-		};
-		return A([
-			t,
-			w,
-			v,
-			y,
-			b,
-			h
-		], () => {
-			O();
-		}, { immediate: !0 }), {
-			themeMode: e,
-			primaryColor: t,
-			borderRadius: a,
-			transitionType: o,
-			enableTransition: s,
-			layoutMode: c,
-			menuExpandMode: l,
-			collapsed: u,
-			fixedHeader: d,
-			showBreadcrumb: f,
-			showBreadcrumbIcon: p,
-			showTagsView: m,
-			tagsViewHeight: h,
-			tagsViewStyle: g,
-			showFooter: _,
-			sidebarWidth: v,
-			sidebarCollapsedWidth: y,
-			headerHeight: b,
-			enableHotkeys: S,
-			version: C,
-			borderRadiusValue: w,
-			transitionName: T,
-			shouldEnableTransition: E,
-			settingsState: D,
-			syncCSSVariables: O,
-			applyPreset: async (e) => {
-				t.value = e.primaryColor, e.settings && (e.settings.borderRadius && (a.value = e.settings.borderRadius), e.settings.transitionType && (o.value = e.settings.transitionType), e.settings.showBreadcrumb !== void 0 && (f.value = e.settings.showBreadcrumb), e.settings.showTagsView !== void 0 && (m.value = e.settings.showTagsView), e.settings.tagsViewStyle && (g.value = e.settings.tagsViewStyle));
-			},
-			resetSettings: () => {
-				e.value = i.themeMode, t.value = i.primaryColor, a.value = i.borderRadius, o.value = i.transitionType, s.value = i.enableTransition, c.value = i.layoutMode, l.value = i.menuExpandMode, u.value = i.collapsed, d.value = i.fixedHeader, f.value = i.showBreadcrumb, p.value = i.showBreadcrumbIcon, m.value = i.showTagsView, h.value = i.tagsViewHeight, g.value = i.tagsViewStyle, _.value = i.showFooter, v.value = i.sidebarWidth, y.value = i.sidebarCollapsedWidth, b.value = i.headerHeight, S.value = i.enableHotkeys;
-			},
-			updateThemeMode: async (t) => {
-				e.value = t, n && await n(t);
-			},
-			toggleCollapse: () => {
-				u.value = !u.value;
-			}
-		};
-	});
-}
-var me = pe(), he = Symbol("layout-context"), ge = Symbol("drawer-handlers");
+import { defineStore as se } from "pinia";
+//#region src/composables/useLayoutContext.ts
+var J = Symbol("layout-context"), ce = Symbol("layout-settings"), le = Symbol("menu-collapse"), ue = Symbol("drawer-handlers");
 function Y() {
-	let e = p(he);
+	let e = p(J);
 	if (!e) throw Error("[Layout] LayoutContext not provided. 请在上层组件中使用 provide(LAYOUT_CONTEXT_KEY, ...) 注入布局数据。");
 	return e;
 }
+function de(e) {
+	return x(J, e), e;
+}
 var X = {
 	name: "Admin",
 	subtitle: "",
@@ -240,28 +23,33 @@ var X = {
 };
 //#endregion
 //#region src/composables/useLayoutCache.ts
+function fe(e) {
+	return typeof e.name == "string" && e.meta.keepAlive === !0;
+}
 function Z(e = {}) {
-	let { maxCacheCount: t = 20, enableDevLog: n = !0, exposeToWindow: r = !0 } = e, i = K(), a = x([]), o = x(t), s = (e) => !e || typeof e != "string" ? !1 : i.meta?.keepAlive === !0, c = (e) => {
-		!a.value.includes(e) && s(e) && (a.value.push(e), a.value.length > o.value && a.value.shift());
-	};
-	return A(() => i.name, (e) => {
-		e && typeof e == "string" && c(e);
+	let { maxCacheCount: t = 20, enableDevLog: n = !1, exposeToWindow: r = !1 } = e, i = K(), a = Number.isFinite(t) && t > 0 ? Math.floor(t) : 20, o = S([]), s = S(a), c = (e) => {
+		e && !o.value.includes(e) && (o.value.push(e), o.value.length > s.value && o.value.shift(), n && console.debug(`[KeepAlive] ✅ 缓存: ${e} (${o.value.length}/${s.value})`));
+	}, l = (e) => {
+		let t = o.value.indexOf(e);
+		t > -1 && (o.value.splice(t, 1), n && console.debug(`[KeepAlive] ❌ 移除: ${e}`));
+	}, u = () => {
+		o.value = [], n && console.debug("[KeepAlive] 🗑️ 清空所有缓存");
+	}, d = () => o.value;
+	return r && typeof window < "u" && (window.__clearCache__ = u, window.__removeCache__ = l, window.__getCachedViews__ = d, y(() => {
+		window.__clearCache__ === u && delete window.__clearCache__, window.__removeCache__ === l && delete window.__removeCache__, window.__getCachedViews__ === d && delete window.__getCachedViews__;
+	})), j(() => [i.name, i.meta.keepAlive], () => {
+		fe(i) && c(i.name);
 	}, { immediate: !0 }), {
-		cachedViews: a,
-		maxCacheCount: o,
+		cachedViews: o,
+		maxCacheCount: s,
 		addCache: c,
-		removeCache: (e) => {
-			let t = a.value.indexOf(e);
-			t > -1 && a.value.splice(t, 1);
-		},
-		clearAllCache: () => {
-			a.value = [];
-		}
+		removeCache: l,
+		clearAllCache: u
 	};
 }
 //#endregion
 //#region src/components/layouts/SideLayout/index.vue
-var _e = /* @__PURE__ */ d({
+var pe = /* @__PURE__ */ d({
 	name: "SideLayout",
 	__name: "index",
 	props: { collapsed: {
@@ -270,11 +58,11 @@ var _e = /* @__PURE__ */ d({
 	} },
 	emits: ["update:collapsed"],
 	setup(e, { expose: a, emit: o }) {
-		let s = e, c = o, l = Y(), { cachedViews: d, maxCacheCount: f } = Z(), p = x(s.collapsed);
-		A(() => s.collapsed, (e) => {
+		let s = e, c = o, l = Y(), { cachedViews: d, maxCacheCount: f } = Z(), p = S(s.collapsed);
+		j(() => s.collapsed, (e) => {
 			p.value = e;
 		});
-		let m = r(() => p.value), g = (e) => {
+		let m = r(() => p.value), h = (e) => {
 			p.value = e, c("update:collapsed", e);
 		};
 		return a({
@@ -284,49 +72,49 @@ var _e = /* @__PURE__ */ d({
 				p.value = e, c("update:collapsed", e);
 			}
 		}), (e, r) => {
-			let a = w("RouterView");
-			return y(), i(O(B), { "has-sider": "" }, {
-				default: j(() => [u(O(H), {
+			let a = T("RouterView");
+			return b(), i(k(V), { "has-sider": "" }, {
+				default: M(() => [u(k(U), {
 					bordered: "",
 					"collapse-mode": "width",
-					"collapsed-width": O(l).sidebarCollapsedWidth.value,
-					width: O(l).sidebarWidth.value,
+					"collapsed-width": k(l).sidebarCollapsedWidth.value,
+					width: k(l).sidebarWidth.value,
 					"native-scrollbar": !1,
 					collapsed: m.value,
-					"onUpdate:collapsed": g,
-					class: h([
+					"onUpdate:collapsed": h,
+					class: g([
 						"layout-sider",
 						"no-horizontal-scroll",
-						O(l).isDark.value ? "dark-theme" : "light-theme"
+						k(l).isDark.value ? "dark-theme" : "light-theme"
 					])
 				}, {
-					default: j(() => [C(e.$slots, "logo"), C(e.$slots, "menu", { collapsed: m.value })]),
+					default: M(() => [w(e.$slots, "logo"), w(e.$slots, "menu", { collapsed: m.value })]),
 					_: 3
 				}, 8, [
 					"collapsed-width",
 					"width",
 					"collapsed",
 					"class"
-				]), u(O(B), null, {
-					default: j(() => [
-						C(e.$slots, "header"),
-						u(O(V), { class: "content-with-header p16px app-content" }, {
-							default: j(() => [u(a, null, {
-								default: j(({ Component: e, route: r }) => [u(n, {
-									name: O(l).transitionName.value,
+				]), u(k(V), null, {
+					default: M(() => [
+						w(e.$slots, "header"),
+						u(k(H), { class: "content-with-header p16px app-content" }, {
+							default: M(() => [u(a, null, {
+								default: M(({ Component: e, route: r }) => [u(n, {
+									name: k(l).transitionName.value,
 									mode: "out-in"
 								}, {
-									default: j(() => [(y(), i(t, {
-										include: O(d),
-										max: O(f)
-									}, [(y(), i(T(e), { key: r.path }))], 1032, ["include", "max"]))]),
+									default: M(() => [(b(), i(t, {
+										include: k(d),
+										max: k(f)
+									}, [(b(), i(E(e), { key: r.path }))], 1032, ["include", "max"]))]),
 									_: 2
 								}, 1032, ["name"])]),
 								_: 1
 							})]),
 							_: 1
 						}),
-						C(e.$slots, "footer")
+						w(e.$slots, "footer")
 					]),
 					_: 3
 				})]),
@@ -334,15 +122,12 @@ var _e = /* @__PURE__ */ d({
 			});
 		};
 	}
-}), ve = {
-	ref: "visibleRef",
-	class: "responsive-menu__visible"
-}, ye = { class: "responsive-menu__more" }, be = /* @__PURE__ */ d({
+}), me = { class: "responsive-menu__visible" }, he = { class: "responsive-menu__more" }, ge = /* @__PURE__ */ d({
 	name: "ResponsiveMenu",
 	__name: "index",
 	props: { data: {} },
 	setup(e) {
-		let t = e, n = K(), c = q(), l = Y(), d = r(() => t.data || []), p = r(() => n.path), h = l.isDark, g = {
+		let t = e, n = K(), c = q(), l = Y(), d = r(() => t.data || []), p = r(() => n.path), m = l.isDark, g = {
 			itemTextColor: "rgba(51, 65, 85, 0.85)",
 			itemTextColorHover: "rgba(30, 64, 175, 0.95)",
 			itemTextColorActive: "rgba(30, 64, 175, 1)",
@@ -365,7 +150,7 @@ var _e = /* @__PURE__ */ d({
 			itemPadding: "0 18px",
 			itemBorderRadius: "10px",
 			groupTextColor: "rgba(51, 65, 85, 0.65)"
-		}, b = {
+		}, _ = {
 			itemTextColor: "rgba(226, 232, 240, 0.85)",
 			itemTextColorHover: "rgba(255, 255, 255, 0.95)",
 			itemTextColorActive: "rgba(147, 197, 253, 1)",
@@ -388,7 +173,7 @@ var _e = /* @__PURE__ */ d({
 			itemPadding: "0 18px",
 			itemBorderRadius: "10px",
 			groupTextColor: "rgba(226, 232, 240, 0.6)"
-		}, S = r(() => h.value ? b : g), C = (e, t = 18) => l.iconComponent ? () => f(l.iconComponent, {
+		}, x = r(() => m.value ? _ : g), C = (e, t = 18) => l.iconComponent ? () => f(l.iconComponent, {
 			name: e,
 			size: t
 		}) : () => f("i", {
@@ -403,7 +188,7 @@ var _e = /* @__PURE__ */ d({
 			label: e.meta?.title || e.name || "",
 			icon: e.meta?.icon ? C(e.meta.icon, 18) : void 0,
 			children: e.children?.length ? e.children.map(w) : void 0
-		}), T = x(), E = x([]), D = x([]), k = r(() => E.value.map(w)), M = r(() => D.value.map((e) => ({
+		}), T = S(), E = S([]), D = S([]), O = r(() => E.value.map(w)), A = r(() => D.value.map((e) => ({
 			key: e.path || "",
 			label: e.meta?.title || e.name || "",
 			icon: e.meta?.icon ? C(e.meta.icon, 16) : void 0,
@@ -414,7 +199,7 @@ var _e = /* @__PURE__ */ d({
 			})) : void 0
 		}))), N = (e) => {
 			e && c.push(e);
-		}, F = (e) => {
+		}, P = (e) => {
 			let t = e.meta?.title || e.name || "", n = 0;
 			for (let e of t) {
 				let t = e.charCodeAt(0);
@@ -425,11 +210,11 @@ var _e = /* @__PURE__ */ d({
 		}, I = (e) => {
 			if (!d.value.length) return 0;
 			let t = 0;
-			for (let e of d.value) t += F(e);
+			for (let e of d.value) t += P(e);
 			if (t + 15 <= e) return d.value.length;
 			let n = 0, r = 0, i = e - 80 - 15;
 			for (let e of d.value) {
-				let t = F(e);
+				let t = P(e);
 				if (n + t <= i) n += t, r++;
 				else break;
 			}
@@ -437,46 +222,43 @@ var _e = /* @__PURE__ */ d({
 		}, L = () => {
 			if (!T.value || !d.value.length) return;
 			let e = T.value.offsetWidth;
-			if (e === 0) {
-				m(() => L());
-				return;
-			}
+			if (e <= 0) return;
 			let t = I(e);
 			E.value = d.value.slice(0, t), D.value = d.value.slice(t);
-		}, z = null, B = () => {
-			z && clearTimeout(z), z = window.setTimeout(() => L(), 100);
+		}, R = null, B = () => {
+			R && clearTimeout(R), R = setTimeout(() => L(), 100);
 		}, V = null;
-		return _(() => {
-			m(() => L()), T.value && (V = new ResizeObserver(() => B()), V.observe(T.value));
-		}), v(() => {
-			V?.disconnect(), z && clearTimeout(z);
-		}), A(() => t.data, () => m(() => L()), { deep: !0 }), (e, t) => (y(), o("div", {
+		return v(() => {
+			h(() => L()), T.value && typeof ResizeObserver < "u" ? (V = new ResizeObserver(() => B()), V.observe(T.value)) : typeof window < "u" && window.addEventListener("resize", B, { passive: !0 });
+		}), y(() => {
+			V?.disconnect(), typeof window < "u" && window.removeEventListener("resize", B), R && clearTimeout(R);
+		}), j(() => t.data, () => h(() => L()), { deep: !0 }), (e, t) => (b(), o("div", {
 			ref_key: "containerRef",
 			ref: T,
 			class: "responsive-menu"
-		}, [s("div", ve, [k.value.length > 0 ? (y(), i(O(ee), {
+		}, [s("div", me, [O.value.length > 0 ? (b(), i(k(ee), {
 			key: 0,
 			mode: "horizontal",
 			value: p.value,
-			options: k.value,
-			"theme-overrides": S.value,
+			options: O.value,
+			"theme-overrides": x.value,
 			"onUpdate:value": N
 		}, null, 8, [
 			"value",
 			"options",
 			"theme-overrides"
-		])) : a("", !0)], 512), D.value.length > 0 ? (y(), i(O(R), {
+		])) : a("", !0)]), D.value.length > 0 ? (b(), i(k(z), {
 			key: 0,
-			options: M.value,
+			options: A.value,
 			placement: "bottom-end",
 			trigger: "hover",
 			onSelect: N
 		}, {
-			default: j(() => [s("div", ye, [u(O(P), {
+			default: M(() => [s("div", he, [u(k(F), {
 				text: "",
 				class: "responsive-menu__more-btn"
 			}, {
-				default: j(() => [...t[0] ||= [s("span", { class: "dots-icon" }, [
+				default: M(() => [...t[0] ||= [s("span", { class: "dots-icon" }, [
 					s("span"),
 					s("span"),
 					s("span")
@@ -490,28 +272,29 @@ var _e = /* @__PURE__ */ d({
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, $ = /* @__PURE__ */ Q(be, [["__scopeId", "data-v-d329131b"]]), xe = { class: "top-layout-container" }, Se = { class: "navbar-left" }, Ce = { class: "logo-container" }, we = [
+}, _e = /* @__PURE__ */ Q(ge, [["__scopeId", "data-v-01fd38ee"]]), ve = { class: "top-layout-container" }, ye = { class: "navbar-left" }, be = { class: "logo-container" }, xe = [
 	"src",
 	"width",
 	"height"
-], Te = [
+], Se = [
 	"src",
 	"width",
-	"height"
-], Ee = { class: "brand-name" }, De = { class: "brand-title" }, Oe = { class: "brand-subtitle" }, ke = { class: "navbar-center" }, Ae = { class: "page-content" }, je = /* @__PURE__ */ d({
+	"height",
+	"alt"
+], Ce = { class: "brand-name" }, we = { class: "brand-title" }, Te = { class: "brand-subtitle" }, Ee = { class: "navbar-center" }, De = { class: "page-content" }, Oe = /* @__PURE__ */ d({
 	name: "TopLayout",
 	__name: "index",
 	setup(e) {
-		let c = Y(), { cachedViews: l, maxCacheCount: d } = Z(), f = c.isDark, p = r(() => c.menus.value), m = r(() => c.showTagsView.value), _ = r(() => c.tagsViewHeight.value), v = r(() => c.showFooter.value), b = r(() => c.transitionName.value), x = {
+		let c = Y(), { cachedViews: l, maxCacheCount: d } = Z(), f = c.isDark, p = r(() => c.menus.value), m = r(() => c.showTagsView.value), h = r(() => c.tagsViewHeight.value), v = r(() => c.showFooter.value), y = r(() => c.transitionName.value), x = {
 			...X,
 			...c.brand
 		};
 		return (e, r) => {
-			let c = w("RouterView");
-			return y(), o("div", xe, [
-				s("div", { class: h(["top-navbar", [O(f) ? "dark-theme" : "light-theme"]]) }, [
-					s("div", Se, [C(e.$slots, "logo", {}, () => [
-						s("div", Ce, [r[0] ||= s("div", { class: "logo-glow" }, null, -1), x.logoType === "video" ? (y(), o("video", {
+			let c = T("RouterView");
+			return b(), o("div", ve, [
+				s("div", { class: g(["top-navbar", [k(f) ? "dark-theme" : "light-theme"]]) }, [
+					s("div", ye, [w(e.$slots, "logo", {}, () => [
+						s("div", be, [r[0] ||= s("div", { class: "logo-glow" }, null, -1), x.logoType === "video" && x.logoSrc ? (b(), o("video", {
 							key: 0,
 							src: x.logoSrc,
 							width: x.logoSize || 36,
@@ -521,41 +304,42 @@ var _e = /* @__PURE__ */ d({
 							muted: "",
 							playsinline: "",
 							class: "logo-video"
-						}, " 您的浏览器不支持 video 标签。 ", 8, we)) : (y(), o("img", {
+						}, " 您的浏览器不支持 video 标签。 ", 8, xe)) : x.logoSrc ? (b(), o("img", {
 							key: 1,
 							src: x.logoSrc,
 							width: x.logoSize || 36,
 							height: x.logoSize || 36,
-							class: "logo-video"
-						}, null, 8, Te))]),
-						s("div", Ee, [s("span", De, E(x.name), 1), s("span", Oe, E(x.subtitle), 1)]),
+							class: "logo-video",
+							alt: x.name || "Logo"
+						}, null, 8, Se)) : a("", !0)]),
+						s("div", Ce, [s("span", we, D(x.name), 1), s("span", Te, D(x.subtitle), 1)]),
 						r[1] ||= s("div", { class: "navbar-divider" }, null, -1)
 					])]),
-					s("div", ke, [C(e.$slots, "menu", {}, () => [u($, { data: p.value }, null, 8, ["data"])])]),
-					C(e.$slots, "header-extra")
+					s("div", Ee, [w(e.$slots, "menu", {}, () => [u(_e, { data: p.value }, null, 8, ["data"])])]),
+					w(e.$slots, "header-extra")
 				], 2),
-				m.value ? (y(), o("div", {
+				m.value ? (b(), o("div", {
 					key: 0,
 					class: "tags-view-container",
-					style: g({ height: `${_.value}px` })
-				}, [C(e.$slots, "tags-view")], 4)) : a("", !0),
-				u(O(B), null, {
-					default: j(() => [u(O(V), { class: "main-content" }, {
-						default: j(() => [s("div", Ae, [u(c, null, {
-							default: j(({ Component: e, route: r }) => [u(n, {
-								name: b.value,
+					style: _({ height: `${h.value}px` })
+				}, [w(e.$slots, "tags-view")], 4)) : a("", !0),
+				u(k(V), null, {
+					default: M(() => [u(k(H), { class: "main-content" }, {
+						default: M(() => [s("div", De, [u(c, null, {
+							default: M(({ Component: e, route: r }) => [u(n, {
+								name: y.value,
 								mode: "out-in"
 							}, {
-								default: j(() => [(y(), i(t, {
-									include: O(l),
-									max: O(d)
-								}, [(y(), i(T(e), { key: r.path }))], 1032, ["include", "max"]))]),
+								default: M(() => [(b(), i(t, {
+									include: k(l),
+									max: k(d)
+								}, [(b(), i(E(e), { key: r.path }))], 1032, ["include", "max"]))]),
 								_: 2
 							}, 1032, ["name"])]),
 							_: 1
 						})])]),
 						_: 1
-					}), v.value ? C(e.$slots, "footer", { key: 0 }) : a("", !0)]),
+					}), v.value ? w(e.$slots, "footer", {}, void 0, void 0, 0) : a("", !0)]),
 					_: 3
 				})
 			]);
@@ -564,62 +348,72 @@ var _e = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/composables/useMenuSplit.ts
-function Me(e) {
-	let { menus: t, floatingSecondMenu: n = !1 } = e, i = K(), a = q(), o = x(""), s = x(null), c = x(!1), l = r(() => s.value || p.value || null), u = (e) => e.startsWith("/") ? e : `/${e}`, d = (e) => {
-		if (!e) return !1;
-		let t = i.path;
-		if (t === e) return !0;
-		let n = u(e), r = u(t);
-		return r === n ? !0 : r.includes(`/${e}`);
-	}, f = (e) => {
-		for (let t of e) if (d(t.path) || t.children?.length && f(t.children)) return t;
+function ke(e, t) {
+	if (!e) return !1;
+	let n = e.split("/").filter(Boolean), r = t.split("/").filter(Boolean);
+	return n.length === 0 ? r.length === 0 : n.every((e, t) => r[t] === e);
+}
+function Ae(e) {
+	let { menus: t, floatingSecondMenu: n = !1 } = e, i = K(), a = q(), o = S(""), s = S(null), c = S(!1), l = r(() => s.value || f.value || null), u = (e) => ke(e, i.path), d = (e) => {
+		for (let t of e) if (u(t.path) || t.children?.length && d(t.children)) return t;
 		return null;
-	}, p = r(() => t.value.find((e) => e.path === o.value)), m = r(() => p.value?.children || []), h = (e) => {
-		D(n) ? e.children && e.children.length > 0 ? c.value && o.value === e.path ? c.value = !1 : (o.value = e.path || "", c.value = !0) : (o.value = e.path || "", c.value = !1, e.path && a.push(e.path)) : (!e.children || e.children.length === 0) && e.path && a.push(e.path);
-	}, g = (e) => {
-		e.path && a.push(e.path);
-	}, v = () => {
-		let e = t.value, r = f(e);
-		r ? (o.value = r.path || "", D(n) && r.children?.length && (c.value = !0)) : e.length > 0 && !o.value && (o.value = e[0].path || "");
+	}, f = r(() => t.value.find((e) => e.path === o.value)), p = r(() => f.value?.children || []), m = (e) => {
+		e.disabled || (O(n) ? e.children && e.children.length > 0 ? c.value && o.value === e.path ? c.value = !1 : (o.value = e.path || "", c.value = !0) : (o.value = e.path || "", c.value = !1, e.path && a.push(e.path)) : (!e.children || e.children.length === 0) && e.path && a.push(e.path));
+	}, h = (e) => {
+		!e.disabled && e.path && a.push(e.path);
+	}, g = () => {
+		let e = t.value, r = d(e);
+		r ? (o.value = r.path || "", O(n) && r.children?.length && (c.value = !0)) : e.length > 0 && !o.value && (o.value = e[0].path || "");
 	};
-	return A(() => i.path, () => v(), { immediate: !0 }), A(t, (e) => {
-		e && e.length > 0 && v();
-	}, { immediate: !0 }), _(() => v()), {
+	return j(() => i.path, () => g(), { immediate: !0 }), j(t, (e) => {
+		e && e.length > 0 && g();
+	}, { immediate: !0 }), v(() => g()), {
 		activeFirstMenu: o,
-		activeFirstMenuItem: p,
-		currentSecondMenus: m,
+		activeFirstMenuItem: f,
+		currentSecondMenus: p,
 		hoveredMenuItem: s,
 		displayMenuItem: l,
 		showSecondMenu: c,
-		handleFirstMenuClick: h,
-		handleSecondMenuClick: g,
-		isMenuItemActive: d
+		handleFirstMenuClick: m,
+		handleSecondMenuClick: h,
+		isMenuItemActive: u
 	};
 }
 //#endregion
 //#region src/components/layouts/MixLayout/index.vue?vue&type=script&setup=true&lang.ts
-var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe = [
+var je = { class: "mix-layout-container" }, Me = { class: "logo-container" }, Ne = [
 	"src",
 	"width",
 	"height"
-], Ie = [
+], Pe = [
 	"src",
 	"width",
-	"height"
-], Le = { class: "first-menu-list" }, Re = ["onClick"], ze = { class: "menu-item-content" }, Be = {
+	"height",
+	"alt"
+], Fe = { class: "first-menu-list" }, Ie = [
+	"tabindex",
+	"aria-disabled",
+	"onClick",
+	"onKeydown"
+], Le = { class: "menu-item-content" }, Re = {
 	key: 1,
 	class: "menu-item-text"
-}, Ve = { class: "menu-item-label" }, He = { class: "second-menu-header" }, Ue = { class: "menu-title" }, We = { class: "second-menu-list" }, Ge = ["onClick"], Ke = { class: "menu-item-label" }, qe = { class: "main-layout" }, Je = /* @__PURE__ */ d({
+}, ze = { class: "menu-item-label" }, Be = { class: "second-menu-header" }, Ve = { class: "menu-title" }, He = { class: "second-menu-list" }, Ue = [
+	"tabindex",
+	"aria-disabled",
+	"onClick",
+	"onKeydown"
+], We = { class: "menu-item-label" }, Ge = { class: "main-layout" }, Ke = /* @__PURE__ */ d({
 	name: "MixLayout",
 	__name: "index",
 	setup(c) {
-		let l = Y(), { cachedViews: p, maxCacheCount: m } = Z(), g = l.isDark, _ = r(() => l.menus.value), v = r(() => l.showFooter.value), b = r(() => l.transitionName.value), x = {
+		let l = Y(), { cachedViews: p, maxCacheCount: m } = Z(), h = l.isDark, _ = r(() => l.menus.value), v = r(() => l.showFooter.value), y = r(() => l.transitionName.value), x = {
 			...X,
 			...l.brand
-		}, D = Me({
+		}, S = Ae({
 			menus: l.menus,
 			floatingSecondMenu: r(() => !0)
-		}), k = l.iconComponent ?? d({
+		}), O = l.iconComponent ?? d({
 			name: "LayoutIcon",
 			props: {
 				name: String,
@@ -641,9 +435,9 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			}
 		});
 		return (r, c) => {
-			let l = w("RouterView");
-			return y(), o("div", Ne, [
-				s("div", { class: h(["first-level-menu", [O(g) ? "dark-theme" : "light-theme"]]) }, [s("div", Pe, [C(r.$slots, "logo", {}, () => [c[0] ||= s("div", { class: "logo-glow" }, null, -1), x.logoType === "video" ? (y(), o("video", {
+			let l = T("RouterView");
+			return b(), o("div", je, [
+				s("div", { class: g(["first-level-menu", [k(h) ? "dark-theme" : "light-theme"]]) }, [s("div", Me, [w(r.$slots, "logo", {}, () => [c[0] ||= s("div", { class: "logo-glow" }, null, -1), x.logoType === "video" && x.logoSrc ? (b(), o("video", {
 					key: 0,
 					src: x.logoSrc,
 					width: x.logoSize || 40,
@@ -653,84 +447,100 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					muted: "",
 					playsinline: "",
 					class: "logo-video"
-				}, " 您的浏览器不支持 video 标签。 ", 8, Fe)) : (y(), o("img", {
+				}, " 您的浏览器不支持 video 标签。 ", 8, Ne)) : x.logoSrc ? (b(), o("img", {
 					key: 1,
 					src: x.logoSrc,
 					width: x.logoSize || 40,
 					height: x.logoSize || 40,
-					class: "logo-video"
-				}, null, 8, Ie))])]), s("div", Le, [(y(!0), o(e, null, S(_.value, (e) => (y(), o("div", {
+					class: "logo-video",
+					alt: x.name || "Logo"
+				}, null, 8, Pe)) : a("", !0)])]), s("div", Fe, [(b(!0), o(e, null, C(_.value, (e) => (b(), o("div", {
 					key: e.path,
-					class: h(["first-menu-item", { active: O(D).activeFirstMenu.value === e.path }]),
-					onClick: (t) => O(D).handleFirstMenuClick(e)
-				}, [s("div", ze, [e.meta?.icon ? (y(), i(T(O(k)), {
+					class: g(["first-menu-item", { active: k(S).activeFirstMenu.value === e.path }]),
+					role: "button",
+					tabindex: e.disabled ? -1 : 0,
+					"aria-disabled": e.disabled || void 0,
+					onClick: (t) => k(S).handleFirstMenuClick(e),
+					onKeydown: [N((t) => k(S).handleFirstMenuClick(e), ["enter"]), N(P((t) => k(S).handleFirstMenuClick(e), ["prevent"]), ["space"])]
+				}, [s("div", Le, [e.meta?.icon ? (b(), i(E(k(O)), {
 					key: 0,
 					name: e.meta.icon,
 					size: 22
-				}, null, 8, ["name"])) : (y(), o("span", Be, E((e.meta?.title || "")[0]), 1))]), s("span", Ve, E(e.meta?.title), 1)], 10, Re))), 128))])], 2),
+				}, null, 8, ["name"])) : (b(), o("span", Re, D((e.meta?.title || "")[0]), 1))]), s("span", ze, D(e.meta?.title), 1)], 42, Ie))), 128))])], 2),
 				u(n, { name: "slide-fade" }, {
-					default: j(() => [O(D).showSecondMenu.value ? (y(), o("div", {
+					default: M(() => [k(S).showSecondMenu.value ? (b(), o("div", {
 						key: 0,
-						class: h(["second-level-menu-popup", [O(g) ? "dark-theme" : "light-theme"]])
-					}, [s("div", He, [O(D).displayMenuItem.value?.meta?.icon ? (y(), i(T(O(k)), {
+						class: g(["second-level-menu-popup", [k(h) ? "dark-theme" : "light-theme"]])
+					}, [s("div", Be, [k(S).displayMenuItem.value?.meta?.icon ? (b(), i(E(k(O)), {
 						key: 0,
-						name: O(D).displayMenuItem.value.meta.icon,
+						name: k(S).displayMenuItem.value.meta.icon,
 						size: 20
-					}, null, 8, ["name"])) : a("", !0), s("span", Ue, E(O(D).displayMenuItem.value?.meta?.title), 1)]), s("div", We, [(y(!0), o(e, null, S(O(D).displayMenuItem.value?.children || [], (e) => (y(), o("div", {
+					}, null, 8, ["name"])) : a("", !0), s("span", Ve, D(k(S).displayMenuItem.value?.meta?.title), 1)]), s("div", He, [(b(!0), o(e, null, C(k(S).displayMenuItem.value?.children || [], (e) => (b(), o("div", {
 						key: e.path,
-						class: h(["second-menu-item", { active: O(D).isMenuItemActive(e.path) }]),
-						onClick: (t) => O(D).handleSecondMenuClick(e)
-					}, [e.meta?.icon ? (y(), i(T(O(k)), {
+						class: g(["second-menu-item", { active: k(S).isMenuItemActive(e.path) }]),
+						role: "link",
+						tabindex: e.disabled ? -1 : 0,
+						"aria-disabled": e.disabled || void 0,
+						onClick: (t) => k(S).handleSecondMenuClick(e),
+						onKeydown: [N((t) => k(S).handleSecondMenuClick(e), ["enter"]), N(P((t) => k(S).handleSecondMenuClick(e), ["prevent"]), ["space"])]
+					}, [e.meta?.icon ? (b(), i(E(k(O)), {
 						key: 0,
 						name: e.meta.icon,
 						size: 16
-					}, null, 8, ["name"])) : a("", !0), s("span", Ke, E(e.meta?.title), 1)], 10, Ge))), 128))])], 2)) : a("", !0)]),
+					}, null, 8, ["name"])) : a("", !0), s("span", We, D(e.meta?.title), 1)], 42, Ue))), 128))])], 2)) : a("", !0)]),
 					_: 1
 				}),
-				s("div", qe, [C(r.$slots, "header"), u(O(B), null, {
-					default: j(() => [u(O(V), { class: "content-with-header p16px app-content" }, {
-						default: j(() => [u(l, null, {
-							default: j(({ Component: e, route: r }) => [u(n, {
-								name: b.value,
+				s("div", Ge, [w(r.$slots, "header"), u(k(V), null, {
+					default: M(() => [u(k(H), { class: "content-with-header p16px app-content" }, {
+						default: M(() => [u(l, null, {
+							default: M(({ Component: e, route: r }) => [u(n, {
+								name: y.value,
 								mode: "out-in"
 							}, {
-								default: j(() => [(y(), i(t, {
-									include: O(p),
-									max: O(m)
-								}, [(y(), i(T(e), { key: r.path }))], 1032, ["include", "max"]))]),
+								default: M(() => [(b(), i(t, {
+									include: k(p),
+									max: k(m)
+								}, [(b(), i(E(e), { key: r.path }))], 1032, ["include", "max"]))]),
 								_: 2
 							}, 1032, ["name"])]),
 							_: 1
 						})]),
 						_: 1
-					}), v.value ? C(r.$slots, "footer", { key: 0 }) : a("", !0)]),
+					}), v.value ? w(r.$slots, "footer", {}, void 0, void 0, 0) : a("", !0)]),
 					_: 3
 				})])
 			]);
 		};
 	}
-}), Ye = { class: "mix-top-layout-container" }, Xe = { class: "logo-container" }, Ze = [
+}), qe = { class: "mix-top-layout-container" }, Je = { class: "logo-container" }, Ye = [
 	"src",
 	"width",
 	"height"
-], Qe = [
+], Xe = [
 	"src",
 	"width",
-	"height"
-], $e = { class: "first-menu-list" }, et = ["onClick"], tt = { class: "menu-item-content" }, nt = {
+	"height",
+	"alt"
+], Ze = { class: "first-menu-list" }, Qe = [
+	"tabindex",
+	"aria-disabled",
+	"aria-current",
+	"onClick",
+	"onKeydown"
+], $e = { class: "menu-item-content" }, et = {
 	key: 1,
 	class: "menu-item-text"
-}, rt = { class: "menu-item-label" }, it = { class: "main-area" }, at = { class: "navbar-left" }, ot = { class: "brand-name" }, st = { class: "brand-title" }, ct = { class: "brand-subtitle" }, lt = { class: "navbar-center" }, ut = { class: "page-content" }, dt = /* @__PURE__ */ d({
+}, tt = { class: "menu-item-label" }, nt = { class: "main-area" }, rt = { class: "navbar-left" }, it = { class: "brand-name" }, at = { class: "brand-title" }, ot = { class: "brand-subtitle" }, st = { class: "navbar-center" }, ct = { class: "page-content" }, lt = /* @__PURE__ */ d({
 	name: "MixTopLayout",
 	__name: "index",
 	setup(c) {
-		let l = Y(), { cachedViews: p, maxCacheCount: m } = Z(), _ = l.isDark, v = r(() => l.menus.value), b = r(() => l.showTagsView.value), x = r(() => l.tagsViewHeight.value), D = r(() => l.showFooter.value), k = r(() => l.transitionName.value), A = {
+		let l = Y(), { cachedViews: p, maxCacheCount: m } = Z(), h = l.isDark, v = r(() => l.menus.value), y = r(() => l.showTagsView.value), x = r(() => l.tagsViewHeight.value), S = r(() => l.showFooter.value), O = r(() => l.transitionName.value), A = {
 			...X,
 			...l.brand
-		}, M = Me({
+		}, j = Ae({
 			menus: l.menus,
 			floatingSecondMenu: r(() => !1)
-		}), N = l.iconComponent ?? d({
+		}), F = l.iconComponent ?? d({
 			name: "LayoutIcon",
 			props: {
 				name: String,
@@ -752,8 +562,8 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			}
 		});
 		return (r, c) => {
-			let l = w("RouterView");
-			return y(), o("div", Ye, [s("div", { class: h(["first-level-sidebar", [O(_) ? "dark-theme" : "light-theme"]]) }, [s("div", Xe, [C(r.$slots, "logo", {}, () => [c[0] ||= s("div", { class: "logo-glow" }, null, -1), A.logoType === "video" ? (y(), o("video", {
+			let l = T("RouterView");
+			return b(), o("div", qe, [s("div", { class: g(["first-level-sidebar", [k(h) ? "dark-theme" : "light-theme"]]) }, [s("div", Je, [w(r.$slots, "logo", {}, () => [c[0] ||= s("div", { class: "logo-glow" }, null, -1), A.logoType === "video" && A.logoSrc ? (b(), o("video", {
 				key: 0,
 				src: A.logoSrc,
 				width: A.logoSize || 40,
@@ -763,80 +573,99 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				muted: "",
 				playsinline: "",
 				class: "logo-video"
-			}, " 您的浏览器不支持 video 标签。 ", 8, Ze)) : (y(), o("img", {
+			}, " 您的浏览器不支持 video 标签。 ", 8, Ye)) : A.logoSrc ? (b(), o("img", {
 				key: 1,
 				src: A.logoSrc,
 				width: A.logoSize || 40,
 				height: A.logoSize || 40,
-				class: "logo-video"
-			}, null, 8, Qe))])]), s("div", $e, [(y(!0), o(e, null, S(v.value, (e) => (y(), o("div", {
+				class: "logo-video",
+				alt: A.name || "Logo"
+			}, null, 8, Xe)) : a("", !0)])]), s("div", Ze, [(b(!0), o(e, null, C(v.value, (e) => (b(), o("div", {
 				key: e.path,
-				class: h(["first-menu-item", { active: O(M).activeFirstMenu.value === e.path }]),
-				onClick: (t) => O(M).handleFirstMenuClick(e)
-			}, [s("div", tt, [e.meta?.icon ? (y(), i(T(O(N)), {
+				class: g(["first-menu-item", { active: k(j).activeFirstMenu.value === e.path }]),
+				role: "button",
+				tabindex: e.disabled ? -1 : 0,
+				"aria-disabled": e.disabled || void 0,
+				"aria-current": k(j).activeFirstMenu.value === e.path ? "page" : void 0,
+				onClick: (t) => k(j).handleFirstMenuClick(e),
+				onKeydown: [N((t) => k(j).handleFirstMenuClick(e), ["enter"]), N(P((t) => k(j).handleFirstMenuClick(e), ["prevent"]), ["space"])]
+			}, [s("div", $e, [e.meta?.icon ? (b(), i(E(k(F)), {
 				key: 0,
 				name: e.meta.icon,
 				size: 22
-			}, null, 8, ["name"])) : (y(), o("span", nt, E((e.meta?.title || "")[0]), 1))]), s("span", rt, E(e.meta?.title), 1)], 10, et))), 128))])], 2), s("div", it, [
-				s("div", { class: h(["top-navbar", [O(_) ? "dark-theme" : "light-theme"]]) }, [
-					s("div", at, [C(r.$slots, "brand", {}, () => [s("div", ot, [s("span", st, E(A.name), 1), s("span", ct, E(A.subtitle), 1)]), c[1] ||= s("div", { class: "navbar-divider" }, null, -1)])]),
-					s("div", lt, [C(r.$slots, "top-menu", {}, () => [O(M).currentSecondMenus.value.length > 0 ? (y(), i($, {
+			}, null, 8, ["name"])) : (b(), o("span", et, D((e.meta?.title || "")[0]), 1))]), s("span", tt, D(e.meta?.title), 1)], 42, Qe))), 128))])], 2), s("div", nt, [
+				s("div", { class: g(["top-navbar", [k(h) ? "dark-theme" : "light-theme"]]) }, [
+					s("div", rt, [w(r.$slots, "brand", {}, () => [s("div", it, [s("span", at, D(A.name), 1), s("span", ot, D(A.subtitle), 1)]), c[1] ||= s("div", { class: "navbar-divider" }, null, -1)])]),
+					s("div", st, [w(r.$slots, "top-menu", {}, () => [k(j).currentSecondMenus.value.length > 0 ? (b(), i(_e, {
 						key: 0,
-						data: O(M).currentSecondMenus.value
+						data: k(j).currentSecondMenus.value
 					}, null, 8, ["data"])) : a("", !0)])]),
-					C(r.$slots, "header-extra")
+					w(r.$slots, "header-extra")
 				], 2),
-				b.value ? (y(), o("div", {
+				y.value ? (b(), o("div", {
 					key: 0,
 					class: "tags-view-container",
-					style: g({ height: `${x.value}px` })
-				}, [C(r.$slots, "tags-view")], 4)) : a("", !0),
-				u(O(B), { class: "content-layout" }, {
-					default: j(() => [u(O(V), { class: "main-content" }, {
-						default: j(() => [s("div", ut, [u(l, null, {
-							default: j(({ Component: e, route: r }) => [u(n, {
-								name: k.value,
+					style: _({ height: `${x.value}px` })
+				}, [w(r.$slots, "tags-view")], 4)) : a("", !0),
+				u(k(V), { class: "content-layout" }, {
+					default: M(() => [u(k(H), { class: "main-content" }, {
+						default: M(() => [s("div", ct, [u(l, null, {
+							default: M(({ Component: e, route: r }) => [u(n, {
+								name: O.value,
 								mode: "out-in"
 							}, {
-								default: j(() => [(y(), i(t, {
-									include: O(p),
-									max: O(m)
-								}, [(y(), i(T(e), { key: r.path }))], 1032, ["include", "max"]))]),
+								default: M(() => [(b(), i(t, {
+									include: k(p),
+									max: k(m)
+								}, [(b(), i(E(e), { key: r.path }))], 1032, ["include", "max"]))]),
 								_: 2
 							}, 1032, ["name"])]),
 							_: 1
 						})])]),
 						_: 1
-					}), D.value ? C(r.$slots, "footer", { key: 0 }) : a("", !0)]),
+					}), S.value ? w(r.$slots, "footer", {}, void 0, void 0, 0) : a("", !0)]),
 					_: 3
 				})
 			])]);
 		};
 	}
-}), ft = { class: "reverse-horizontal-mix-layout-container" }, pt = { class: "navbar-left" }, mt = { class: "logo-container" }, ht = [
+}), ut = { class: "reverse-horizontal-mix-layout-container" }, dt = { class: "navbar-left" }, ft = { class: "logo-container" }, pt = [
 	"src",
 	"width",
 	"height"
-], gt = [
+], mt = [
 	"src",
 	"width",
-	"height"
-], _t = { class: "brand-name" }, vt = { class: "brand-title" }, yt = { class: "brand-subtitle" }, bt = { class: "navbar-center" }, xt = { class: "main-area" }, St = { class: "page-content" }, Ct = { class: "header-icon" }, wt = { class: "header-title" }, Tt = { class: "sidebar-menu-list" }, Et = {
+	"height",
+	"alt"
+], ht = { class: "brand-name" }, gt = { class: "brand-title" }, _t = { class: "brand-subtitle" }, vt = { class: "navbar-center" }, yt = { class: "main-area" }, bt = { class: "page-content" }, xt = ["aria-expanded", "onKeydown"], St = { class: "header-icon" }, Ct = { class: "header-title" }, wt = { class: "sidebar-menu-list" }, Tt = {
 	key: 0,
 	class: "menu-group"
-}, Dt = { class: "group-title" }, Ot = ["onClick"], kt = { class: "item-title" }, At = ["onClick"], jt = { class: "item-title" }, Mt = /* @__PURE__ */ d({
+}, Et = { class: "group-title" }, Dt = [
+	"tabindex",
+	"aria-disabled",
+	"aria-current",
+	"onClick",
+	"onKeydown"
+], Ot = { class: "item-title" }, kt = [
+	"tabindex",
+	"aria-disabled",
+	"aria-current",
+	"onClick",
+	"onKeydown"
+], At = { class: "item-title" }, jt = /* @__PURE__ */ d({
 	name: "ReverseHorizontalMixLayout",
 	__name: "index",
 	setup(c) {
-		let l = Y(), { cachedViews: p, maxCacheCount: m } = Z(), _ = l.isDark, v = r(() => l.menus.value), b = r(() => l.showTagsView.value), D = r(() => l.tagsViewHeight.value), k = r(() => l.showFooter.value), A = r(() => l.transitionName.value), M = {
+		let l = Y(), { cachedViews: p, maxCacheCount: m } = Z(), h = l.isDark, v = r(() => l.menus.value), y = r(() => l.showTagsView.value), x = r(() => l.tagsViewHeight.value), O = r(() => l.showFooter.value), A = r(() => l.transitionName.value), j = {
 			...X,
 			...l.brand
-		}, N = Me({
+		}, F = Ae({
 			menus: l.menus,
 			floatingSecondMenu: r(() => !1)
-		}), P = x(!1), F = () => {
-			P.value = !P.value;
-		}, I = l.iconComponent ?? d({
+		}), I = S(!1), L = () => {
+			I.value = !I.value;
+		}, R = l.iconComponent ?? d({
 			name: "LayoutIcon",
 			props: {
 				name: String,
@@ -858,129 +687,160 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			}
 		});
 		return (r, c) => {
-			let l = w("RouterView");
-			return y(), o("div", ft, [
-				s("div", { class: h(["top-navbar", [O(_) ? "dark-theme" : "light-theme"]]) }, [
-					s("div", pt, [C(r.$slots, "logo", {}, () => [
-						s("div", mt, [c[0] ||= s("div", { class: "logo-glow" }, null, -1), M.logoType === "video" ? (y(), o("video", {
+			let l = T("RouterView");
+			return b(), o("div", ut, [
+				s("div", { class: g(["top-navbar", [k(h) ? "dark-theme" : "light-theme"]]) }, [
+					s("div", dt, [w(r.$slots, "logo", {}, () => [
+						s("div", ft, [c[0] ||= s("div", { class: "logo-glow" }, null, -1), j.logoType === "video" && j.logoSrc ? (b(), o("video", {
 							key: 0,
-							src: M.logoSrc,
-							width: M.logoSize || 36,
-							height: M.logoSize || 36,
+							src: j.logoSrc,
+							width: j.logoSize || 36,
+							height: j.logoSize || 36,
 							autoplay: "",
 							loop: "",
 							muted: "",
 							playsinline: "",
 							class: "logo-video"
-						}, " 您的浏览器不支持 video 标签。 ", 8, ht)) : (y(), o("img", {
+						}, " 您的浏览器不支持 video 标签。 ", 8, pt)) : j.logoSrc ? (b(), o("img", {
 							key: 1,
-							src: M.logoSrc,
-							width: M.logoSize || 36,
-							height: M.logoSize || 36,
-							class: "logo-video"
-						}, null, 8, gt))]),
-						s("div", _t, [s("span", vt, E(M.name), 1), s("span", yt, E(M.subtitle), 1)]),
+							src: j.logoSrc,
+							width: j.logoSize || 36,
+							height: j.logoSize || 36,
+							class: "logo-video",
+							alt: j.name || "Logo"
+						}, null, 8, mt)) : a("", !0)]),
+						s("div", ht, [s("span", gt, D(j.name), 1), s("span", _t, D(j.subtitle), 1)]),
 						c[1] ||= s("div", { class: "navbar-divider" }, null, -1)
 					])]),
-					s("div", bt, [C(r.$slots, "top-menu", {}, () => [u($, { data: v.value }, null, 8, ["data"])])]),
-					C(r.$slots, "header-extra")
+					s("div", vt, [w(r.$slots, "top-menu", {}, () => [u(_e, { data: v.value }, null, 8, ["data"])])]),
+					w(r.$slots, "header-extra")
 				], 2),
-				b.value ? (y(), o("div", {
+				y.value ? (b(), o("div", {
 					key: 0,
 					class: "tags-view-container",
-					style: g({ height: `${D.value}px` })
-				}, [C(r.$slots, "tags-view")], 4)) : a("", !0),
-				s("div", xt, [
-					u(O(B), { class: "content-layout" }, {
-						default: j(() => [u(O(V), { class: "main-content" }, {
-							default: j(() => [s("div", St, [u(l, null, {
-								default: j(({ Component: e, route: r }) => [u(n, {
+					style: _({ height: `${x.value}px` })
+				}, [w(r.$slots, "tags-view")], 4)) : a("", !0),
+				s("div", yt, [
+					u(k(V), { class: "content-layout" }, {
+						default: M(() => [u(k(H), { class: "main-content" }, {
+							default: M(() => [s("div", bt, [u(l, null, {
+								default: M(({ Component: e, route: r }) => [u(n, {
 									name: A.value,
 									mode: "out-in"
 								}, {
-									default: j(() => [(y(), i(t, {
-										include: O(p),
-										max: O(m)
-									}, [(y(), i(T(e), { key: r.path }))], 1032, ["include", "max"]))]),
+									default: M(() => [(b(), i(t, {
+										include: k(p),
+										max: k(m)
+									}, [(b(), i(E(e), { key: r.path }))], 1032, ["include", "max"]))]),
 									_: 2
 								}, 1032, ["name"])]),
 								_: 1
 							})])]),
 							_: 1
-						}), k.value ? C(r.$slots, "footer", { key: 0 }) : a("", !0)]),
+						}), O.value ? w(r.$slots, "footer", {}, void 0, void 0, 0) : a("", !0)]),
 						_: 3
 					}),
-					O(N).currentSecondMenus.value.length > 0 ? (y(), o("div", {
+					k(F).currentSecondMenus.value.length > 0 ? (b(), o("div", {
 						key: 0,
-						class: h(["sidebar-toggle", [O(_) ? "dark-theme" : "light-theme", { active: !P.value }]]),
-						onClick: F
-					}, [s("span", { class: h([
+						class: g(["sidebar-toggle", [k(h) ? "dark-theme" : "light-theme", { active: !I.value }]]),
+						onClick: L,
+						role: "button",
+						tabindex: "0",
+						"aria-expanded": !I.value,
+						onKeydown: [N(L, ["enter"]), N(P(L, ["prevent"]), ["space"])]
+					}, [s("span", { class: g([
 						"collapse-arrow",
 						"toggle-icon",
-						P.value ? "collapsed" : "expanded"
-					]) }, [...c[2] ||= [s("span", { class: "arrow-line" }, null, -1), s("span", { class: "arrow-line" }, null, -1)]], 2)], 2)) : a("", !0),
-					O(N).currentSecondMenus.value.length > 0 ? (y(), o("div", {
+						I.value ? "collapsed" : "expanded"
+					]) }, [...c[2] ||= [s("span", { class: "arrow-line" }, null, -1), s("span", { class: "arrow-line" }, null, -1)]], 2)], 42, xt)) : a("", !0),
+					k(F).currentSecondMenus.value.length > 0 ? (b(), o("div", {
 						key: 1,
-						class: h(["right-sidebar-wrapper", { collapsed: P.value }])
-					}, [s("div", { class: h(["right-sidebar", [O(_) ? "dark-theme" : "light-theme"]]) }, [s("div", { class: h(["sidebar-header", [O(_) ? "dark-theme" : "light-theme"]]) }, [s("div", Ct, [O(N).activeFirstMenuItem.value?.meta?.icon ? (y(), i(T(O(I)), {
+						class: g(["right-sidebar-wrapper", { collapsed: I.value }])
+					}, [s("div", { class: g(["right-sidebar", [k(h) ? "dark-theme" : "light-theme"]]) }, [s("div", { class: g(["sidebar-header", [k(h) ? "dark-theme" : "light-theme"]]) }, [s("div", St, [k(F).activeFirstMenuItem.value?.meta?.icon ? (b(), i(E(k(R)), {
 						key: 0,
-						name: O(N).activeFirstMenuItem.value.meta.icon,
+						name: k(F).activeFirstMenuItem.value.meta.icon,
 						size: 20
-					}, null, 8, ["name"])) : a("", !0)]), s("span", wt, E(O(N).activeFirstMenuItem.value?.meta?.title || "菜单"), 1)], 2), s("div", Tt, [(y(!0), o(e, null, S(O(N).currentSecondMenus.value, (t) => (y(), o(e, { key: t.path }, [t.children && t.children.length > 0 ? (y(), o("div", Et, [s("div", Dt, [t.meta?.icon ? (y(), i(T(O(I)), {
+					}, null, 8, ["name"])) : a("", !0)]), s("span", Ct, D(k(F).activeFirstMenuItem.value?.meta?.title || "菜单"), 1)], 2), s("div", wt, [(b(!0), o(e, null, C(k(F).currentSecondMenus.value, (t) => (b(), o(e, { key: t.path }, [t.children && t.children.length > 0 ? (b(), o("div", Tt, [s("div", Et, [t.meta?.icon ? (b(), i(E(k(R)), {
 						key: 0,
 						name: t.meta.icon,
 						size: 16
-					}, null, 8, ["name"])) : a("", !0), s("span", null, E(t.meta?.title), 1)]), (y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
+					}, null, 8, ["name"])) : a("", !0), s("span", null, D(t.meta?.title), 1)]), (b(!0), o(e, null, C(t.children, (e) => (b(), o("div", {
 						key: e.path,
-						class: h(["menu-item sub-item", { active: O(N).isMenuItemActive(e.path) }]),
-						onClick: (t) => O(N).handleSecondMenuClick(e)
-					}, [e.meta?.icon ? (y(), i(T(O(I)), {
+						class: g(["menu-item sub-item", { active: k(F).isMenuItemActive(e.path) }]),
+						role: "button",
+						tabindex: e.disabled ? -1 : 0,
+						"aria-disabled": e.disabled || void 0,
+						"aria-current": k(F).isMenuItemActive(e.path) ? "page" : void 0,
+						onClick: (t) => k(F).handleSecondMenuClick(e),
+						onKeydown: [N((t) => k(F).handleSecondMenuClick(e), ["enter"]), N(P((t) => k(F).handleSecondMenuClick(e), ["prevent"]), ["space"])]
+					}, [e.meta?.icon ? (b(), i(E(k(R)), {
 						key: 0,
 						name: e.meta.icon,
 						size: 16
-					}, null, 8, ["name"])) : a("", !0), s("span", kt, E(e.meta?.title), 1)], 10, Ot))), 128))])) : (y(), o("div", {
+					}, null, 8, ["name"])) : a("", !0), s("span", Ot, D(e.meta?.title), 1)], 42, Dt))), 128))])) : (b(), o("div", {
 						key: 1,
-						class: h(["menu-item", { active: O(N).isMenuItemActive(t.path) }]),
-						onClick: (e) => O(N).handleSecondMenuClick(t)
-					}, [t.meta?.icon ? (y(), i(T(O(I)), {
+						class: g(["menu-item", { active: k(F).isMenuItemActive(t.path) }]),
+						role: "button",
+						tabindex: t.disabled ? -1 : 0,
+						"aria-disabled": t.disabled || void 0,
+						"aria-current": k(F).isMenuItemActive(t.path) ? "page" : void 0,
+						onClick: (e) => k(F).handleSecondMenuClick(t),
+						onKeydown: [N((e) => k(F).handleSecondMenuClick(t), ["enter"]), N(P((e) => k(F).handleSecondMenuClick(t), ["prevent"]), ["space"])]
+					}, [t.meta?.icon ? (b(), i(E(k(R)), {
 						key: 0,
 						name: t.meta.icon,
 						size: 18
-					}, null, 8, ["name"])) : a("", !0), s("span", jt, E(t.meta?.title), 1)], 10, At))], 64))), 128))])], 2)], 2)) : a("", !0)
+					}, null, 8, ["name"])) : a("", !0), s("span", At, D(t.meta?.title), 1)], 42, kt))], 64))), 128))])], 2)], 2)) : a("", !0)
 				])
 			]);
 		};
 	}
-}), Nt = { class: "card-layout-container" }, Pt = { class: "navbar-left" }, Ft = { class: "logo-container" }, It = [
+}), Mt = { class: "card-layout-container" }, Nt = { class: "navbar-left" }, Pt = { class: "logo-container" }, Ft = [
 	"src",
 	"width",
 	"height"
-], Lt = [
+], It = [
 	"src",
 	"width",
-	"height"
-], Rt = { class: "brand-name" }, zt = { class: "brand-title" }, Bt = { class: "brand-subtitle" }, Vt = { class: "drawer-content" }, Ht = { class: "menu-grid" }, Ut = ["onClick"], Wt = {
+	"height",
+	"alt"
+], Lt = { class: "brand-name" }, Rt = { class: "brand-title" }, zt = { class: "brand-subtitle" }, Bt = { class: "drawer-content" }, Vt = { class: "menu-grid" }, Ht = [
+	"tabindex",
+	"aria-disabled",
+	"onClick",
+	"onKeydown"
+], Ut = {
 	key: 0,
 	class: "category-items"
-}, Gt = ["onClick"], Kt = { class: "item-title" }, qt = {
+}, Wt = [
+	"tabindex",
+	"aria-disabled",
+	"onClick",
+	"onKeydown"
+], Gt = { class: "item-title" }, Kt = {
 	key: 0,
 	class: "submenu-items"
-}, Jt = { class: "submenu-title" }, Yt = ["onClick"], Xt = { class: "item-title" }, Zt = { class: "main-content-area" }, Qt = { class: "page-content" }, $t = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, qt = { class: "submenu-title" }, Jt = [
+	"tabindex",
+	"aria-disabled",
+	"onClick",
+	"onKeydown"
+], Yt = { class: "item-title" }, Xt = { class: "main-content-area" }, Zt = { class: "page-content" }, Qt = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "CardLayout",
 	__name: "index",
 	setup(c) {
-		let l = Y(), { cachedViews: p, maxCacheCount: m } = Z(), _ = q(), b = l.isDark, D = r(() => l.menus.value), k = r(() => l.showTagsView.value), A = r(() => l.tagsViewHeight.value), M = r(() => l.showFooter.value), N = r(() => l.transitionName.value), P = {
+		let l = Y(), { cachedViews: p, maxCacheCount: m } = Z(), h = q(), v = l.isDark, x = r(() => l.menus.value), O = r(() => l.showTagsView.value), A = r(() => l.tagsViewHeight.value), j = r(() => l.showFooter.value), F = r(() => l.transitionName.value), I = {
 			...X,
 			...l.brand
-		}, F = x(!1), I = x(null), L = () => {
-			I.value && clearTimeout(I.value), I.value = setTimeout(() => {
-				F.value = !1;
+		}, L = S(!1), R = S(null), z = () => {
+			R.value && clearTimeout(R.value), R.value = setTimeout(() => {
+				L.value = !1;
 			}, 300);
-		}, R = () => {
-			I.value &&= (clearTimeout(I.value), null), F.value = !0;
-		}, z = (e) => {
-			e.path && (_.push(e.path), F.value = !1);
-		}, H = l.iconComponent ?? d({
+		}, B = () => {
+			R.value &&= (clearTimeout(R.value), null), L.value = !0;
+		}, U = (e) => {
+			!e.disabled && e.path && (h.push(e.path), L.value = !1);
+		}, ee = l.iconComponent ?? d({
 			name: "LayoutIcon",
 			props: {
 				name: String,
@@ -1001,257 +861,615 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				});
 			}
 		});
-		return v(() => {
-			I.value && clearTimeout(I.value);
+		return y(() => {
+			R.value && clearTimeout(R.value);
 		}), (r, c) => {
-			let l = w("RouterView");
-			return y(), o("div", Nt, [
-				s("div", { class: h(["top-navbar", [O(b) ? "dark-theme" : "light-theme"]]) }, [s("div", Pt, [s("div", {
+			let l = T("RouterView");
+			return b(), o("div", Mt, [
+				s("div", { class: g(["top-navbar", [k(v) ? "dark-theme" : "light-theme"]]) }, [s("div", Nt, [s("div", {
 					class: "hover-trigger-area",
-					onMouseenter: R,
-					onMouseleave: L
-				}, [C(r.$slots, "menu-trigger", {}, () => [c[0] ||= s("div", { class: "menu-indicator" }, [s("span", { class: "hamburger-icon" }, [
+					onMouseenter: B,
+					onMouseleave: z
+				}, [w(r.$slots, "menu-trigger", {}, () => [c[0] ||= s("div", { class: "menu-indicator" }, [s("span", { class: "hamburger-icon" }, [
 					s("span"),
 					s("span"),
 					s("span")
-				])], -1)], !0)], 32), C(r.$slots, "logo", {}, () => [
-					s("div", Ft, [c[1] ||= s("div", { class: "logo-glow" }, null, -1), P.logoType === "video" ? (y(), o("video", {
+				])], -1)], !0)], 32), w(r.$slots, "logo", {}, () => [
+					s("div", Pt, [c[1] ||= s("div", { class: "logo-glow" }, null, -1), I.logoType === "video" && I.logoSrc ? (b(), o("video", {
 						key: 0,
-						src: P.logoSrc,
-						width: P.logoSize || 36,
-						height: P.logoSize || 36,
+						src: I.logoSrc,
+						width: I.logoSize || 36,
+						height: I.logoSize || 36,
 						autoplay: "",
 						loop: "",
 						muted: "",
 						playsinline: "",
 						class: "logo-video"
-					}, " 您的浏览器不支持 video 标签。 ", 8, It)) : (y(), o("img", {
+					}, " 您的浏览器不支持 video 标签。 ", 8, Ft)) : I.logoSrc ? (b(), o("img", {
 						key: 1,
-						src: P.logoSrc,
-						width: P.logoSize || 36,
-						height: P.logoSize || 36,
-						class: "logo-video"
-					}, null, 8, Lt))]),
-					s("div", Rt, [s("span", zt, E(P.name), 1), s("span", Bt, E(P.subtitle), 1)]),
+						src: I.logoSrc,
+						width: I.logoSize || 36,
+						height: I.logoSize || 36,
+						class: "logo-video",
+						alt: I.name || "Logo"
+					}, null, 8, It)) : a("", !0)]),
+					s("div", Lt, [s("span", Rt, D(I.name), 1), s("span", zt, D(I.subtitle), 1)]),
 					c[2] ||= s("div", { class: "navbar-divider" }, null, -1)
-				], !0)]), C(r.$slots, "header-extra", {}, void 0, !0)], 2),
-				k.value ? (y(), o("div", {
+				], !0)]), w(r.$slots, "header-extra", {}, void 0, !0)], 2),
+				O.value ? (b(), o("div", {
 					key: 0,
 					class: "tags-view-container",
-					style: g({ height: `${A.value}px` })
-				}, [C(r.$slots, "tags-view", {}, void 0, !0)], 4)) : a("", !0),
+					style: _({ height: `${A.value}px` })
+				}, [w(r.$slots, "tags-view", {}, void 0, !0)], 4)) : a("", !0),
 				s("div", {
-					class: h(["drawer-menu", [O(b) ? "dark-theme" : "light-theme", { visible: F.value }]]),
-					onMouseenter: R,
-					onMouseleave: L
-				}, [C(r.$slots, "drawer-menu", {}, () => [c[3] ||= s("div", { class: "drawer-header" }, [s("div", { class: "drawer-title" }, [s("span", { class: "grid-icon" }, [
+					class: g(["drawer-menu", [k(v) ? "dark-theme" : "light-theme", { visible: L.value }]]),
+					onMouseenter: B,
+					onMouseleave: z
+				}, [w(r.$slots, "drawer-menu", {}, () => [c[3] ||= s("div", { class: "drawer-header" }, [s("div", { class: "drawer-title" }, [s("span", { class: "grid-icon" }, [
 					s("span"),
 					s("span"),
 					s("span"),
 					s("span")
-				]), s("span", null, "功能导航")])], -1), s("div", Vt, [s("div", Ht, [(y(!0), o(e, null, S(D.value, (t) => (y(), o("div", {
+				]), s("span", null, "功能导航")])], -1), s("div", Bt, [s("div", Vt, [(b(!0), o(e, null, C(x.value, (t) => (b(), o("div", {
 					key: t.path,
 					class: "menu-category"
 				}, [s("div", {
 					class: "category-header",
-					onClick: (e) => z(t)
-				}, [t.meta?.icon ? (y(), i(T(O(H)), {
+					role: "link",
+					tabindex: t.disabled ? -1 : 0,
+					"aria-disabled": t.disabled || void 0,
+					onClick: (e) => U(t),
+					onKeydown: [N((e) => U(t), ["enter"]), N(P((e) => U(t), ["prevent"]), ["space"])]
+				}, [t.meta?.icon ? (b(), i(E(k(ee)), {
 					key: 0,
 					name: t.meta.icon,
 					size: 18
-				}, null, 8, ["name"])) : a("", !0), s("span", null, E(t.meta?.title), 1)], 8, Ut), t.children && t.children.length > 0 ? (y(), o("div", Wt, [(y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
+				}, null, 8, ["name"])) : a("", !0), s("span", null, D(t.meta?.title), 1)], 40, Ht), t.children && t.children.length > 0 ? (b(), o("div", Ut, [(b(!0), o(e, null, C(t.children, (e) => (b(), o("div", {
 					key: e.path,
 					class: "menu-item",
-					onClick: (t) => z(e)
-				}, [e.meta?.icon ? (y(), i(T(O(H)), {
+					role: "link",
+					tabindex: e.disabled ? -1 : 0,
+					"aria-disabled": e.disabled || void 0,
+					onClick: (t) => U(e),
+					onKeydown: [N((t) => U(e), ["enter"]), N(P((t) => U(e), ["prevent"]), ["space"])]
+				}, [e.meta?.icon ? (b(), i(E(k(ee)), {
 					key: 0,
 					name: e.meta.icon,
 					size: 16
-				}, null, 8, ["name"])) : a("", !0), s("span", Kt, E(e.meta?.title), 1)], 8, Gt))), 128)), (y(!0), o(e, null, S(t.children, (t) => (y(), o(e, { key: "sub-" + t.path }, [t.children && t.children.length > 0 ? (y(), o("div", qt, [s("div", Jt, E(t.meta?.title), 1), (y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
+				}, null, 8, ["name"])) : a("", !0), s("span", Gt, D(e.meta?.title), 1)], 40, Wt))), 128)), (b(!0), o(e, null, C(t.children, (t) => (b(), o(e, { key: "sub-" + t.path }, [t.children && t.children.length > 0 ? (b(), o("div", Kt, [s("div", qt, D(t.meta?.title), 1), (b(!0), o(e, null, C(t.children, (e) => (b(), o("div", {
 					key: e.path,
 					class: "menu-item submenu-item",
-					onClick: (t) => z(e)
-				}, [e.meta?.icon ? (y(), i(T(O(H)), {
+					role: "link",
+					tabindex: e.disabled ? -1 : 0,
+					"aria-disabled": e.disabled || void 0,
+					onClick: (t) => U(e),
+					onKeydown: [N((t) => U(e), ["enter"]), N(P((t) => U(e), ["prevent"]), ["space"])]
+				}, [e.meta?.icon ? (b(), i(E(k(ee)), {
 					key: 0,
 					name: e.meta.icon,
 					size: 14
-				}, null, 8, ["name"])) : a("", !0), s("span", Xt, E(e.meta?.title), 1)], 8, Yt))), 128))])) : a("", !0)], 64))), 128))])) : a("", !0)]))), 128))])])], !0)], 34),
-				s("div", Zt, [u(O(B), { class: "content-layout" }, {
-					default: j(() => [u(O(V), { class: "main-content p16px app-content" }, {
-						default: j(() => [s("div", Qt, [u(l, null, {
-							default: j(({ Component: e, route: r }) => [u(n, {
-								name: N.value,
+				}, null, 8, ["name"])) : a("", !0), s("span", Yt, D(e.meta?.title), 1)], 40, Jt))), 128))])) : a("", !0)], 64))), 128))])) : a("", !0)]))), 128))])])], !0)], 34),
+				s("div", Xt, [u(k(V), { class: "content-layout" }, {
+					default: M(() => [u(k(H), { class: "main-content p16px app-content" }, {
+						default: M(() => [s("div", Zt, [u(l, null, {
+							default: M(({ Component: e, route: r }) => [u(n, {
+								name: F.value,
 								mode: "out-in"
 							}, {
-								default: j(() => [(y(), i(t, {
-									include: O(p),
-									max: O(m)
-								}, [(y(), i(T(e), { key: r.path }))], 1032, ["include", "max"]))]),
+								default: M(() => [(b(), i(t, {
+									include: k(p),
+									max: k(m)
+								}, [(b(), i(E(e), { key: r.path }))], 1032, ["include", "max"]))]),
 								_: 2
 							}, 1032, ["name"])]),
 							_: 1
 						})])]),
 						_: 1
-					}), M.value ? C(r.$slots, "footer", { key: 0 }, void 0, !0) : a("", !0)]),
+					}), j.value ? w(r.$slots, "footer", {}, void 0, !0, 0) : a("", !0)]),
 					_: 3
 				})])
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-3e4915c5"]]), en = {
+}), [["__scopeId", "data-v-c5ad8728"]]), $t = {
 	key: 6,
 	class: "layout-coming-soon"
-}, tn = /* @__PURE__ */ d({
+}, en = /* @__PURE__ */ d({
 	name: "C_LayoutContainer",
 	__name: "index",
 	setup(e) {
-		let t = me(), n = Y(), a = r(() => t.layoutMode), l = n.isDark, u = x(!1);
-		return b("menuCollapse", {
+		let t = Y(), n = t.layoutMode, a = t.isDark, l = S(!1), u = r({
+			get: () => t.collapsed?.value ?? l.value,
+			set: (e) => {
+				t.collapsed ? t.collapsed.value = e : l.value = e;
+			}
+		}), d = {
 			isCollapsed: u,
 			handleCollapsedChange: (e) => {
 				u.value = e;
 			}
-		}), (e, t) => (y(), o("div", { class: h(["layout-container", O(l) ? "dark-mode" : "light-mode"]) }, [a.value === "side" ? (y(), i(_e, {
+		};
+		return x(le, d), x("menuCollapse", d), (e, t) => (b(), o("div", { class: g(["layout-container", k(a) ? "dark-mode" : "light-mode"]) }, [k(n) === "side" ? (b(), i(pe, {
 			key: 0,
 			collapsed: u.value,
 			"onUpdate:collapsed": t[0] ||= (e) => u.value = e
 		}, c({
-			menu: j(() => [C(e.$slots, "menu", { collapsed: u.value })]),
-			header: j(() => [C(e.$slots, "header")]),
-			footer: j(() => [C(e.$slots, "footer")]),
+			menu: M(() => [w(e.$slots, "menu", { collapsed: u.value })]),
+			header: M(() => [w(e.$slots, "header")]),
+			footer: M(() => [w(e.$slots, "footer")]),
 			_: 2
 		}, [e.$slots.logo ? {
 			name: "logo",
-			fn: j(() => [C(e.$slots, "logo")]),
+			fn: M(() => [w(e.$slots, "logo")]),
 			key: "0"
-		} : void 0]), 1032, ["collapsed"])) : a.value === "top" ? (y(), i(je, { key: 1 }, c({ _: 2 }, [
+		} : void 0]), 1032, ["collapsed"])) : k(n) === "top" ? (b(), i(Oe, { key: 1 }, c({ _: 2 }, [
 			e.$slots.logo ? {
 				name: "logo",
-				fn: j(() => [C(e.$slots, "logo")]),
+				fn: M(() => [w(e.$slots, "logo")]),
 				key: "0"
 			} : void 0,
 			e.$slots["top-menu"] ? {
 				name: "menu",
-				fn: j(() => [C(e.$slots, "top-menu")]),
+				fn: M(() => [w(e.$slots, "top-menu")]),
 				key: "1"
 			} : void 0,
 			e.$slots["header-extra"] ? {
 				name: "header-extra",
-				fn: j(() => [C(e.$slots, "header-extra")]),
+				fn: M(() => [w(e.$slots, "header-extra")]),
 				key: "2"
 			} : void 0,
 			e.$slots["tags-view"] ? {
 				name: "tags-view",
-				fn: j(() => [C(e.$slots, "tags-view")]),
+				fn: M(() => [w(e.$slots, "tags-view")]),
 				key: "3"
 			} : void 0,
 			e.$slots.footer ? {
 				name: "footer",
-				fn: j(() => [C(e.$slots, "footer")]),
+				fn: M(() => [w(e.$slots, "footer")]),
 				key: "4"
 			} : void 0
-		]), 1024)) : a.value === "mix" ? (y(), i(Je, { key: 2 }, c({
-			header: j(() => [C(e.$slots, "header")]),
+		]), 1024)) : k(n) === "mix" ? (b(), i(Ke, { key: 2 }, c({
+			header: M(() => [w(e.$slots, "header")]),
 			_: 2
 		}, [e.$slots.logo ? {
 			name: "logo",
-			fn: j(() => [C(e.$slots, "logo")]),
+			fn: M(() => [w(e.$slots, "logo")]),
 			key: "0"
 		} : void 0, e.$slots.footer ? {
 			name: "footer",
-			fn: j(() => [C(e.$slots, "footer")]),
+			fn: M(() => [w(e.$slots, "footer")]),
 			key: "1"
-		} : void 0]), 1024)) : a.value === "mix-top" ? (y(), i(dt, { key: 3 }, c({ _: 2 }, [
+		} : void 0]), 1024)) : k(n) === "mix-top" ? (b(), i(lt, { key: 3 }, c({ _: 2 }, [
 			e.$slots.logo ? {
 				name: "logo",
-				fn: j(() => [C(e.$slots, "logo")]),
+				fn: M(() => [w(e.$slots, "logo")]),
 				key: "0"
 			} : void 0,
 			e.$slots.brand ? {
 				name: "brand",
-				fn: j(() => [C(e.$slots, "brand")]),
+				fn: M(() => [w(e.$slots, "brand")]),
 				key: "1"
 			} : void 0,
 			e.$slots["top-menu"] ? {
 				name: "top-menu",
-				fn: j(() => [C(e.$slots, "top-menu")]),
+				fn: M(() => [w(e.$slots, "top-menu")]),
 				key: "2"
 			} : void 0,
 			e.$slots["header-extra"] ? {
 				name: "header-extra",
-				fn: j(() => [C(e.$slots, "header-extra")]),
+				fn: M(() => [w(e.$slots, "header-extra")]),
 				key: "3"
 			} : void 0,
 			e.$slots["tags-view"] ? {
 				name: "tags-view",
-				fn: j(() => [C(e.$slots, "tags-view")]),
+				fn: M(() => [w(e.$slots, "tags-view")]),
 				key: "4"
 			} : void 0,
 			e.$slots.footer ? {
 				name: "footer",
-				fn: j(() => [C(e.$slots, "footer")]),
+				fn: M(() => [w(e.$slots, "footer")]),
 				key: "5"
 			} : void 0
-		]), 1024)) : a.value === "reverse-horizontal-mix" ? (y(), i(Mt, { key: 4 }, c({ _: 2 }, [
+		]), 1024)) : k(n) === "reverse-horizontal-mix" ? (b(), i(jt, { key: 4 }, c({ _: 2 }, [
 			e.$slots.logo ? {
 				name: "logo",
-				fn: j(() => [C(e.$slots, "logo")]),
+				fn: M(() => [w(e.$slots, "logo")]),
 				key: "0"
 			} : void 0,
 			e.$slots["top-menu"] ? {
 				name: "top-menu",
-				fn: j(() => [C(e.$slots, "top-menu")]),
+				fn: M(() => [w(e.$slots, "top-menu")]),
 				key: "1"
 			} : void 0,
 			e.$slots["header-extra"] ? {
 				name: "header-extra",
-				fn: j(() => [C(e.$slots, "header-extra")]),
+				fn: M(() => [w(e.$slots, "header-extra")]),
 				key: "2"
 			} : void 0,
 			e.$slots["tags-view"] ? {
 				name: "tags-view",
-				fn: j(() => [C(e.$slots, "tags-view")]),
+				fn: M(() => [w(e.$slots, "tags-view")]),
 				key: "3"
 			} : void 0,
 			e.$slots.footer ? {
 				name: "footer",
-				fn: j(() => [C(e.$slots, "footer")]),
+				fn: M(() => [w(e.$slots, "footer")]),
 				key: "4"
 			} : void 0
-		]), 1024)) : a.value === "card-layout" ? (y(), i($t, { key: 5 }, c({ _: 2 }, [
+		]), 1024)) : k(n) === "card-layout" ? (b(), i(Qt, { key: 5 }, c({ _: 2 }, [
 			e.$slots["menu-trigger"] ? {
 				name: "menu-trigger",
-				fn: j(() => [C(e.$slots, "menu-trigger")]),
+				fn: M(() => [w(e.$slots, "menu-trigger")]),
 				key: "0"
 			} : void 0,
 			e.$slots.logo ? {
 				name: "logo",
-				fn: j(() => [C(e.$slots, "logo")]),
+				fn: M(() => [w(e.$slots, "logo")]),
 				key: "1"
 			} : void 0,
 			e.$slots["header-extra"] ? {
 				name: "header-extra",
-				fn: j(() => [C(e.$slots, "header-extra")]),
+				fn: M(() => [w(e.$slots, "header-extra")]),
 				key: "2"
 			} : void 0,
 			e.$slots["tags-view"] ? {
 				name: "tags-view",
-				fn: j(() => [C(e.$slots, "tags-view")]),
+				fn: M(() => [w(e.$slots, "tags-view")]),
 				key: "3"
 			} : void 0,
 			e.$slots["drawer-menu"] ? {
 				name: "drawer-menu",
-				fn: j(() => [C(e.$slots, "drawer-menu")]),
+				fn: M(() => [w(e.$slots, "drawer-menu")]),
 				key: "4"
 			} : void 0,
 			e.$slots.footer ? {
 				name: "footer",
-				fn: j(() => [C(e.$slots, "footer")]),
+				fn: M(() => [w(e.$slots, "footer")]),
 				key: "5"
 			} : void 0
-		]), 1024)) : (y(), o("div", en, [...t[1] ||= [s("div", { class: "coming-soon-content" }, [s("div", { class: "coming-soon-icon" }, "🚧"), s("div", { class: "coming-soon-title" }, "布局开发中")], -1)]]))], 2));
+		]), 1024)) : (b(), o("div", $t, [...t[1] ||= [s("div", { class: "coming-soon-content" }, [s("div", { class: "coming-soon-icon" }, "🚧"), s("div", { class: "coming-soon-title" }, "布局开发中")], -1)]]))], 2));
+	}
+}), tn = [
+	{
+		name: "拂晓蓝",
+		value: "#409eff"
+	},
+	{
+		name: "薄暮红",
+		value: "#f5222d"
+	},
+	{
+		name: "火山橙",
+		value: "#fa541c"
+	},
+	{
+		name: "日暮黄",
+		value: "#faad14"
+	},
+	{
+		name: "极光绿",
+		value: "#52c41a"
+	},
+	{
+		name: "明青",
+		value: "#13c2c2"
+	},
+	{
+		name: "极客蓝",
+		value: "#2f54eb"
+	},
+	{
+		name: "酱紫",
+		value: "#722ed1"
 	}
-}), nn = [
+], nn = [
+	{
+		name: "科技蓝",
+		icon: "💙",
+		primaryColor: "#409eff"
+	},
+	{
+		name: "清新绿",
+		icon: "💚",
+		primaryColor: "#52c41a"
+	},
+	{
+		name: "商务灰",
+		icon: "🖤",
+		primaryColor: "#595959"
+	},
+	{
+		name: "活力橙",
+		icon: "🧡",
+		primaryColor: "#fa8c16"
+	},
+	{
+		name: "优雅紫",
+		icon: "💜",
+		primaryColor: "#722ed1"
+	},
+	{
+		name: "经典红",
+		icon: "❤️",
+		primaryColor: "#f5222d"
+	}
+], rn = [
+	{
+		mode: "side",
+		label: "左侧菜单",
+		description: "经典的左侧导航布局",
+		icon: "i-mdi:page-layout-sidebar-left"
+	},
+	{
+		mode: "top",
+		label: "顶部菜单",
+		description: "顶部水平导航布局",
+		icon: "i-mdi:page-layout-header"
+	},
+	{
+		mode: "mix",
+		label: "混合菜单",
+		description: "顶部 + 侧边混合布局",
+		icon: "i-mdi:view-dashboard-outline"
+	},
+	{
+		mode: "mix-top",
+		label: "顶部混合",
+		description: "侧边优先的混合布局",
+		icon: "i-mdi:view-dashboard-variant-outline"
+	},
+	{
+		mode: "reverse-horizontal-mix",
+		label: "反转混合",
+		description: "反转的水平混合布局",
+		icon: "i-mdi:page-layout-header-footer"
+	},
+	{
+		mode: "card-layout",
+		label: "卡片布局",
+		description: "卡片式布局风格",
+		icon: "i-mdi:card-outline"
+	}
+], an = {
+	small: "4px",
+	medium: "6px",
+	large: "8px"
+}, on = {
+	fade: "fade-transform",
+	slide: "fade-slide",
+	zoom: "fade-zoom",
+	none: ""
+}, $ = {
+	themeMode: "light",
+	primaryColor: "#409eff",
+	borderRadius: "medium",
+	transitionType: "slide",
+	enableTransition: !0,
+	layoutMode: "side",
+	menuExpandMode: "inline",
+	collapsed: !1,
+	fixedHeader: !0,
+	showBreadcrumb: !0,
+	showBreadcrumbIcon: !0,
+	showTagsView: !0,
+	tagsViewHeight: 44,
+	tagsViewStyle: "default",
+	showFooter: !0,
+	sidebarWidth: 220,
+	sidebarCollapsedWidth: 64,
+	headerHeight: 56,
+	enableHotkeys: !0,
+	version: "3.0.0"
+}, sn = tn.map((e) => e.value), cn = {
+	themeMode: new Set([
+		"light",
+		"dark",
+		"system"
+	]),
+	borderRadius: new Set([
+		"small",
+		"medium",
+		"large"
+	]),
+	transitionType: new Set([
+		"fade",
+		"slide",
+		"zoom",
+		"none"
+	]),
+	layoutMode: new Set([
+		"side",
+		"top",
+		"mix",
+		"mix-top",
+		"reverse-horizontal-mix",
+		"card-layout"
+	]),
+	menuExpandMode: new Set(["inline", "panel"]),
+	tagsViewStyle: new Set([
+		"default",
+		"card",
+		"smart"
+	])
+}, ln = new Set([
+	"enableTransition",
+	"collapsed",
+	"fixedHeader",
+	"showBreadcrumb",
+	"showBreadcrumbIcon",
+	"showTagsView",
+	"showFooter",
+	"enableHotkeys"
+]), un = {
+	tagsViewHeight: [24, 100],
+	sidebarWidth: [120, 480],
+	sidebarCollapsedWidth: [32, 160],
+	headerHeight: [32, 160]
+}, dn = 1;
+function fn(e) {
+	if (!e || typeof e != "object" || Array.isArray(e)) throw TypeError("settings 必须是对象");
+	let t = e, n = {}, r = (e, t) => {
+		n[e] = t;
+	};
+	for (let [e, n] of Object.entries(cn)) {
+		let i = t[e];
+		if (i !== void 0) {
+			if (typeof i != "string" || !n.has(i)) throw RangeError(`无效的设置项 ${e}: ${String(i)}`);
+			r(e, i);
+		}
+	}
+	for (let e of ln) {
+		let n = t[e];
+		if (n !== void 0) {
+			if (typeof n != "boolean") throw TypeError(`设置项 ${e} 必须是布尔值`);
+			r(e, n);
+		}
+	}
+	for (let [e, n] of Object.entries(un)) {
+		let i = t[e];
+		if (i !== void 0) {
+			if (typeof i != "number" || !Number.isFinite(i) || i < n[0] || i > n[1]) throw RangeError(`设置项 ${e} 超出允许范围`);
+			r(e, i);
+		}
+	}
+	if (t.primaryColor !== void 0) {
+		if (typeof t.primaryColor != "string" || !/^#[0-9a-fA-F]{6}$/.test(t.primaryColor)) throw RangeError("primaryColor 必须是 #rrggbb 格式");
+		n.primaryColor = t.primaryColor;
+	}
+	if (t.version !== void 0) {
+		if (typeof t.version != "string" || t.version.length > 50) throw TypeError("version 必须是长度不超过 50 的字符串");
+		n.version = t.version;
+	}
+	return n;
+}
+function pn(e) {
+	if (!e || typeof e != "object" || Array.isArray(e)) throw TypeError("配置文件根节点必须是对象");
+	let t = e, n = {};
+	if (t.schemaVersion !== void 0) {
+		if (typeof t.schemaVersion != "number" || !Number.isInteger(t.schemaVersion) || t.schemaVersion < 1 || t.schemaVersion > 1) throw RangeError("不支持的配置格式版本");
+		n.schemaVersion = t.schemaVersion;
+	}
+	t.settings !== void 0 && (n.settings = fn(t.settings));
+	for (let e of ["gray", "colorWeak"]) {
+		let r = t[e];
+		if (r !== void 0) {
+			if (typeof r != "boolean") throw TypeError(`${e} 必须是布尔值`);
+			n[e] = r;
+		}
+	}
+	if (t.watermark !== void 0) {
+		if (!t.watermark || typeof t.watermark != "object" || Array.isArray(t.watermark)) throw TypeError("watermark 必须是对象");
+		let e = t.watermark;
+		if (typeof e.enabled != "boolean" || typeof e.text != "string" || e.text.length > 200) throw TypeError("watermark 配置无效");
+		n.watermark = {
+			enabled: e.enabled,
+			text: e.text
+		};
+	}
+	return n;
+}
+function mn(e, t) {
+	if (typeof e != "string") return "#000000";
+	if (!Number.isFinite(t)) return e;
+	let n = Math.round(t), r = e.trim(), i = r.startsWith("#") ? r.slice(1) : r;
+	if (i.length === 3 && (i = i.split("").map((e) => e + e).join("")), !/^[0-9a-fA-F]{6}$/.test(i)) return e;
+	let a = parseInt(i, 16), o = Math.min(255, Math.max(0, (a >> 16) + n)), s = Math.min(255, Math.max(0, (a >> 8 & 255) + n)), c = Math.min(255, Math.max(0, (a & 255) + n));
+	return `#${(o << 16 | s << 8 | c).toString(16).padStart(6, "0")}`;
+}
+//#endregion
+//#region src/stores/settings.ts
+function hn(e = {}) {
+	let { id: t = "settings", defaults: n = {}, onThemeModeChange: i } = e;
+	if (typeof t != "string" || !t.trim()) throw RangeError("Settings store id 不能为空");
+	let a = {
+		...$,
+		...fn(n)
+	};
+	return se(t, () => {
+		let e = S(a.themeMode), t = S(a.primaryColor), n = S(a.borderRadius), o = S(a.transitionType), s = S(a.enableTransition), c = S(a.layoutMode), l = S(a.menuExpandMode), u = S(a.collapsed), d = S(a.fixedHeader), f = S(a.showBreadcrumb), p = S(a.showBreadcrumbIcon), m = S(a.showTagsView), h = S(a.tagsViewHeight), g = S(a.tagsViewStyle), _ = S(a.showFooter), v = S(a.sidebarWidth), y = S(a.sidebarCollapsedWidth), b = S(a.headerHeight), x = S(a.enableHotkeys), C = S(a.version), w = r(() => an[n.value]), T = r(() => s.value && o.value !== "none"), E = r(() => T.value ? on[o.value] : ""), D = r(() => ({
+			themeMode: e.value,
+			primaryColor: t.value,
+			borderRadius: n.value,
+			transitionType: o.value,
+			enableTransition: s.value,
+			layoutMode: c.value,
+			menuExpandMode: l.value,
+			collapsed: u.value,
+			fixedHeader: d.value,
+			showBreadcrumb: f.value,
+			showBreadcrumbIcon: p.value,
+			showTagsView: m.value,
+			tagsViewHeight: h.value,
+			tagsViewStyle: g.value,
+			showFooter: _.value,
+			sidebarWidth: v.value,
+			sidebarCollapsedWidth: y.value,
+			headerHeight: b.value,
+			enableHotkeys: x.value,
+			version: C.value
+		})), O = () => {
+			if (typeof document > "u") return;
+			let e = document.documentElement;
+			e.style.setProperty("--primary-color", t.value), e.style.setProperty("--primary-color-hover", mn(t.value, 10)), e.style.setProperty("--primary-color-pressed", mn(t.value, -10)), e.style.setProperty("--border-radius", w.value), e.style.setProperty("--sidebar-width", `${v.value}px`), e.style.setProperty("--sidebar-collapsed-width", `${y.value}px`), e.style.setProperty("--header-height", `${b.value}px`), e.style.setProperty("--tags-view-height", `${h.value}px`);
+		};
+		return j([
+			t,
+			w,
+			v,
+			y,
+			b,
+			h
+		], () => {
+			O();
+		}, { immediate: !0 }), {
+			themeMode: e,
+			primaryColor: t,
+			borderRadius: n,
+			transitionType: o,
+			enableTransition: s,
+			layoutMode: c,
+			menuExpandMode: l,
+			collapsed: u,
+			fixedHeader: d,
+			showBreadcrumb: f,
+			showBreadcrumbIcon: p,
+			showTagsView: m,
+			tagsViewHeight: h,
+			tagsViewStyle: g,
+			showFooter: _,
+			sidebarWidth: v,
+			sidebarCollapsedWidth: y,
+			headerHeight: b,
+			enableHotkeys: x,
+			version: C,
+			borderRadiusValue: w,
+			transitionName: E,
+			shouldEnableTransition: T,
+			settingsState: D,
+			syncCSSVariables: O,
+			applyPreset: async (e) => {
+				t.value = e.primaryColor, e.settings && (e.settings.borderRadius && (n.value = e.settings.borderRadius), e.settings.transitionType && (o.value = e.settings.transitionType), e.settings.showBreadcrumb !== void 0 && (f.value = e.settings.showBreadcrumb), e.settings.showTagsView !== void 0 && (m.value = e.settings.showTagsView), e.settings.tagsViewStyle && (g.value = e.settings.tagsViewStyle));
+			},
+			resetSettings: () => {
+				e.value = a.themeMode, t.value = a.primaryColor, n.value = a.borderRadius, o.value = a.transitionType, s.value = a.enableTransition, c.value = a.layoutMode, l.value = a.menuExpandMode, u.value = a.collapsed, d.value = a.fixedHeader, f.value = a.showBreadcrumb, p.value = a.showBreadcrumbIcon, m.value = a.showTagsView, h.value = a.tagsViewHeight, g.value = a.tagsViewStyle, _.value = a.showFooter, v.value = a.sidebarWidth, y.value = a.sidebarCollapsedWidth, b.value = a.headerHeight, x.value = a.enableHotkeys, C.value = a.version;
+			},
+			updateThemeMode: async (t) => {
+				fn({ themeMode: t });
+				let n = e.value;
+				e.value = t;
+				try {
+					i && await i(t);
+				} catch (t) {
+					throw e.value = n, t;
+				}
+			},
+			toggleCollapse: () => {
+				u.value = !u.value;
+			}
+		};
+	});
+}
+var gn = hn(), _n = [
 	{
 		label: "左侧菜单（默认）",
 		value: "side",
@@ -1288,35 +1506,55 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 		disabled: !1,
 		svg: "\n      <rect x=\"0\" y=\"0\" width=\"24\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.9\"/>\n      <rect x=\"32\" y=\"0\" width=\"24\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.7\"/>\n      <rect x=\"0\" y=\"24\" width=\"24\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.6\"/>\n      <rect x=\"32\" y=\"24\" width=\"24\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n    "
 	}
-], rn = { class: "settings-section" }, an = { class: "preset-grid" }, on = ["onClick"], sn = { class: "preset-icon" }, cn = { class: "preset-name" }, ln = { class: "preset-color" }, un = { class: "settings-section" }, dn = { class: "settings-section" }, fn = { class: "color-picker-wrapper" }, pn = { class: "color-value" }, mn = { class: "settings-section" }, hn = { class: "settings-section" }, gn = { class: "flex items-center justify-between mb-2" }, _n = { class: "settings-section" }, vn = { class: "settings-section" }, yn = { class: "layout-grid" }, bn = ["onClick"], xn = { class: "layout-screenshot" }, Sn = {
+], vn = { class: "settings-section" }, yn = { class: "preset-grid" }, bn = [
+	"aria-pressed",
+	"onClick",
+	"onKeydown"
+], xn = { class: "preset-icon" }, Sn = { class: "preset-name" }, Cn = { class: "preset-color" }, wn = { class: "settings-section" }, Tn = { class: "settings-section" }, En = { class: "color-picker-wrapper" }, Dn = { class: "color-value" }, On = { class: "settings-section" }, kn = { class: "settings-section" }, An = { class: "flex items-center justify-between mb-2" }, jn = { class: "settings-section" }, Mn = { class: "settings-section" }, Nn = { class: "layout-grid" }, Pn = [
+	"tabindex",
+	"aria-disabled",
+	"aria-pressed",
+	"onClick",
+	"onKeydown"
+], Fn = { class: "layout-screenshot" }, In = {
 	class: "layout-svg",
 	viewBox: "0 0 56 48",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg"
-}, Cn = ["innerHTML"], wn = { class: "layout-label" }, Tn = {
+}, Ln = ["innerHTML"], Rn = { class: "layout-label" }, zn = {
 	key: 0,
 	class: "badge-soon"
-}, En = {
+}, Bn = {
 	class: "settings-section menu-expand-section",
 	"data-menu-expand-mode": "built-in"
-}, Dn = { class: "settings-section" }, On = { class: "setting-item" }, kn = { class: "setting-item" }, An = { class: "setting-item" }, jn = { class: "setting-item" }, Mn = { class: "settings-section" }, Nn = { class: "slider-item" }, Pn = { class: "slider-label" }, Fn = { class: "slider-value" }, In = { class: "slider-item" }, Ln = { class: "slider-label" }, Rn = { class: "slider-value" }, zn = { class: "settings-section" }, Bn = { class: "settings-section" }, Vn = { class: "action-buttons-grid" }, Hn = { class: "settings-section" }, Un = { class: "action-buttons-grid" }, Wn = { class: "settings-section" }, Gn = { class: "setting-item" }, Kn = { class: "setting-item" }, qn = { class: "settings-section" }, Jn = { class: "setting-item" }, Yn = {
+}, Vn = { class: "settings-section" }, Hn = { class: "setting-item" }, Un = { class: "setting-item" }, Wn = { class: "setting-item" }, Gn = { class: "setting-item" }, Kn = { class: "settings-section" }, qn = { class: "slider-item" }, Jn = { class: "slider-label" }, Yn = { class: "slider-value" }, Xn = { class: "slider-item" }, Zn = { class: "slider-label" }, Qn = { class: "slider-value" }, $n = { class: "settings-section" }, er = { class: "settings-section" }, tr = { class: "action-buttons-grid" }, nr = { class: "settings-section" }, rr = { class: "action-buttons-grid" }, ir = { class: "settings-section" }, ar = { class: "setting-item" }, or = { class: "setting-item" }, sr = { class: "settings-section" }, cr = { class: "setting-item" }, lr = {
 	key: 0,
 	class: "mt-2"
-}, Xn = { class: "settings-section" }, Zn = { class: "system-info" }, Qn = { class: "info-item" }, $n = { class: "info-value" }, er = { class: "info-item" }, tr = { class: "info-value" }, nr = { class: "info-item" }, rr = { class: "info-value" }, ir = { class: "info-item" }, ar = { class: "info-value" }, or = { class: "info-item" }, sr = { class: "info-value" }, cr = { class: "info-item" }, lr = { class: "info-value" }, ur = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, ur = { class: "settings-section" }, dr = { class: "system-info" }, fr = { class: "info-item" }, pr = { class: "info-value" }, mr = { class: "info-item" }, hr = { class: "info-value" }, gr = { class: "info-item" }, _r = { class: "info-value" }, vr = { class: "info-item" }, yr = { class: "info-value" }, br = { class: "info-item" }, xr = { class: "info-value" }, Sr = { class: "info-item" }, Cr = { class: "info-value" }, wr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	__name: "index",
-	props: {
+	props: /* @__PURE__ */ m({
+		width: { default: 380 },
+		store: {},
+		actions: {},
+		maxImportBytes: { default: 1024 * 1024 }
+	}, {
 		show: {
 			type: Boolean,
 			default: !1
 		},
 		showModifiers: {}
-	},
+	}),
 	emits: ["update:show"],
 	setup(t) {
-		let n = ae(), c = ie(), d = me(), f = k(t, "show"), p = x("appearance"), m = x(!1), _ = x(!1), b = x(!1), C = x("Robot Admin"), w = null, T = (e) => {
-			w &&= (document.body.removeChild(w), null);
+		let n = t, c = oe(), d = ae(), f = p(ce, null), m = n.store ?? f ?? gn(), h = A(t, "show"), v = S("appearance"), x = typeof document < "u" && document.documentElement.classList.contains("gray-mode"), T = typeof document < "u" && document.documentElement.classList.contains("color-weak-mode"), E = S(x), O = S(T), z = S(!1), V = S("Robot Admin"), H = null, U = (e) => {
+			if (typeof document > "u") return;
+			H &&= (H.remove(), null);
 			let t = document.createElement("canvas"), n = t.getContext("2d");
-			t.width = 200, t.height = 150, n.font = "14px Microsoft JhengHei", n.fillStyle = "rgba(120, 120, 120, 0.15)", n.rotate(-20 * Math.PI / 180), n.fillText(e, 0, 80), w = document.createElement("div"), w.style.cssText = `
+			if (!n) {
+				c.error("当前浏览器无法创建水印画布");
+				return;
+			}
+			t.width = 200, t.height = 150, n.font = "14px Microsoft JhengHei", n.fillStyle = "rgba(120, 120, 120, 0.15)", n.rotate(-20 * Math.PI / 180), n.fillText(e, 0, 80), H = document.createElement("div"), H.dataset.robotAdminLayoutWatermark = "true", H.style.cssText = `
     position: fixed;
     top: 0;
     left: 0;
@@ -1327,22 +1565,30 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
     background-repeat: repeat;
     z-index: 9999;
     user-select: none;
-  `, document.body.appendChild(w);
-		}, D = () => {
-			w &&= (document.body.removeChild(w), null);
+  `, document.body.appendChild(H);
+		}, ee = () => {
+			H &&= (H.remove(), null);
 		};
-		A(m, (e) => {
-			document.documentElement.classList.toggle("gray-mode", e);
-		}), A(_, (e) => {
-			document.documentElement.classList.toggle("color-weak-mode", e);
-		}), A(b, (e) => {
-			e ? T(C.value) : D();
-		}), A(C, (e) => {
-			b.value && T(e);
+		j(E, (e) => {
+			typeof document < "u" && document.documentElement.classList.toggle("gray-mode", e);
+		}), j(O, (e) => {
+			typeof document < "u" && document.documentElement.classList.toggle("color-weak-mode", e);
+		}), j(z, (e) => {
+			e ? U(V.value) : ee();
+		}), j(V, (e) => {
+			z.value && U(e);
 		});
-		let N = r(() => {
+		let K = r(() => {
+			if (typeof navigator > "u" || typeof window > "u") return {
+				browser: "Unknown",
+				os: "Unknown",
+				resolution: "Unknown",
+				pixelRatio: "Unknown",
+				language: "Unknown",
+				timezone: "Unknown"
+			};
 			let e = navigator.userAgent, t = "Unknown", n = "Unknown";
-			return e.includes("Chrome") ? t = "Chrome" : e.includes("Firefox") ? t = "Firefox" : e.includes("Safari") ? t = "Safari" : e.includes("Edge") && (t = "Edge"), e.includes("Windows") ? n = "Windows" : e.includes("Mac") ? n = "macOS" : e.includes("Linux") ? n = "Linux" : e.includes("Android") ? n = "Android" : e.includes("iOS") && (n = "iOS"), {
+			return e.includes("Edg/") ? t = "Edge" : e.includes("Firefox") ? t = "Firefox" : e.includes("Chrome") ? t = "Chrome" : e.includes("Safari") && (t = "Safari"), e.includes("Windows") ? n = "Windows" : e.includes("Mac") ? n = "macOS" : e.includes("Android") ? n = "Android" : e.includes("iOS") ? n = "iOS" : e.includes("Linux") && (n = "Linux"), {
 				browser: t,
 				os: n,
 				resolution: `${window.screen.width} × ${window.screen.height}`,
@@ -1351,248 +1597,288 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
 			};
 		});
-		v(() => {
-			D();
+		y(() => {
+			ee(), typeof document < "u" && (document.documentElement.classList.toggle("gray-mode", x), document.documentElement.classList.toggle("color-weak-mode", T));
 		});
-		let R = (e, t) => {
-			t || (d.layoutMode = e);
-		}, B = (e) => d.primaryColor === e.primaryColor, V = (e) => {
-			d.applyPreset(e), n.success(`已应用「${e.name}」主题方案`);
-		}, H = () => {
-			d.themeMode = J.themeMode, d.primaryColor = J.primaryColor, d.borderRadius = J.borderRadius, d.transitionType = J.transitionType, d.enableTransition = J.enableTransition, n.success("已恢复外观默认设置");
-		}, ee = () => {
-			d.layoutMode = J.layoutMode, d.menuExpandMode = J.menuExpandMode, d.fixedHeader = J.fixedHeader, d.showBreadcrumb = J.showBreadcrumb, d.showBreadcrumbIcon = J.showBreadcrumbIcon, d.showTagsView = J.showTagsView, d.tagsViewHeight = J.tagsViewHeight, d.tagsViewStyle = J.tagsViewStyle, d.showFooter = J.showFooter, d.sidebarWidth = J.sidebarWidth, d.sidebarCollapsedWidth = J.sidebarCollapsedWidth, d.headerHeight = J.headerHeight, n.success("已恢复布局默认设置");
-		}, K = () => {
-			c.warning({
+		let q = (e, t) => {
+			t || (m.layoutMode = e);
+		}, se = (e) => m.primaryColor === e.primaryColor, J = (e) => {
+			m.applyPreset(e), c.success(`已应用「${e.name}」主题方案`);
+		}, le = async (e) => {
+			try {
+				await m.updateThemeMode(e);
+			} catch {
+				c.error("主题模式切换失败");
+			}
+		}, ue = async () => {
+			try {
+				await m.updateThemeMode($.themeMode), m.primaryColor = $.primaryColor, m.borderRadius = $.borderRadius, m.transitionType = $.transitionType, m.enableTransition = $.enableTransition, c.success("已恢复外观默认设置");
+			} catch {
+				c.error("恢复外观默认设置失败");
+			}
+		}, Y = () => {
+			m.layoutMode = $.layoutMode, m.menuExpandMode = $.menuExpandMode, m.fixedHeader = $.fixedHeader, m.showBreadcrumb = $.showBreadcrumb, m.showBreadcrumbIcon = $.showBreadcrumbIcon, m.showTagsView = $.showTagsView, m.tagsViewHeight = $.tagsViewHeight, m.tagsViewStyle = $.tagsViewStyle, m.showFooter = $.showFooter, m.sidebarWidth = $.sidebarWidth, m.sidebarCollapsedWidth = $.sidebarCollapsedWidth, m.headerHeight = $.headerHeight, c.success("已恢复布局默认设置");
+		}, de = () => {
+			d.warning({
 				title: "确认重置",
 				content: "确定要恢复默认配置吗？此操作不可撤销。",
 				positiveText: "确认",
 				negativeText: "取消",
-				onPositiveClick: () => {
-					d.resetSettings(), n.success("已恢复默认配置");
+				onPositiveClick: async () => {
+					let e = { ...m.settingsState };
+					try {
+						m.resetSettings(), await m.updateThemeMode(m.themeMode), c.success("已恢复默认配置");
+					} catch {
+						m.$patch(e), c.error("恢复默认配置失败");
+					}
 				}
 			});
-		}, q = () => {
-			c.warning({
+		}, X = () => {
+			d.warning({
 				title: "确认清除",
 				content: "确定要清除浏览器缓存吗？",
 				positiveText: "确认",
 				negativeText: "取消",
-				onPositiveClick: () => {
-					let e = ["theme-mode", "robot-admin-settings"];
-					Object.keys(localStorage).forEach((t) => {
-						e.includes(t) || localStorage.removeItem(t);
-					}), sessionStorage.clear(), n.success("缓存已清除");
+				onPositiveClick: async () => {
+					if (!n.actions?.clearCache) {
+						c.warning("宿主应用未配置可安全清理的缓存");
+						return;
+					}
+					try {
+						await n.actions.clearCache(), c.success("缓存已清除");
+					} catch {
+						c.error("缓存清除失败");
+					}
 				}
 			});
-		}, oe = () => {
-			location.reload();
-		}, ce = () => {
+		}, fe = () => {
+			n.actions?.reloadPage ? n.actions.reloadPage() : typeof window < "u" && window.location.reload();
+		}, Z = () => {
 			let e = {
-				settings: d.settingsState,
-				gray: m.value,
-				colorWeak: _.value,
+				schemaVersion: 1,
+				settings: m.settingsState,
+				gray: E.value,
+				colorWeak: O.value,
 				watermark: {
-					enabled: b.value,
-					text: C.value
+					enabled: z.value,
+					text: V.value
 				},
 				exportTime: (/* @__PURE__ */ new Date()).toISOString()
-			}, t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), r = URL.createObjectURL(t), i = document.createElement("a");
-			i.href = r, i.download = `robot-admin-config-${Date.now()}.json`, i.click(), URL.revokeObjectURL(r), n.success("配置已导出");
-		}, le = () => {
+			}, t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
+			r.href = n, r.download = `robot-admin-config-${Date.now()}.json`, r.click(), URL.revokeObjectURL(n), c.success("配置已导出");
+		}, pe = () => {
+			if (typeof document > "u") return;
 			let e = document.createElement("input");
 			e.type = "file", e.accept = "application/json", e.onchange = async (e) => {
 				let t = e.target.files?.[0];
 				if (t) try {
-					let e = await t.text(), r = JSON.parse(e);
-					r.settings && d.$patch(r.settings), r.gray !== void 0 && (m.value = r.gray), r.colorWeak !== void 0 && (_.value = r.colorWeak), r.watermark && (b.value = r.watermark.enabled, C.value = r.watermark.text), n.success("配置已导入");
+					if (t.size > n.maxImportBytes) throw RangeError("配置文件过大");
+					let e = await t.text(), r = pn(JSON.parse(e));
+					if (r.settings !== void 0) {
+						let { themeMode: e, ...t } = r.settings;
+						e !== void 0 && await m.updateThemeMode(e), m.$patch(t);
+					}
+					r.gray !== void 0 && (E.value = r.gray), r.colorWeak !== void 0 && (O.value = r.colorWeak), r.watermark !== void 0 && (z.value = r.watermark.enabled, V.value = r.watermark.text), c.success("配置已导入");
 				} catch {
-					n.error("配置文件格式错误");
+					c.error("配置文件格式错误");
 				}
 			}, e.click();
 		};
-		return (t, n) => (y(), i(O(I), {
-			show: f.value,
-			"onUpdate:show": n[17] ||= (e) => f.value = e,
-			width: 380,
+		return (n, r) => (b(), i(k(L), {
+			show: h.value,
+			"onUpdate:show": r[16] ||= (e) => h.value = e,
+			width: t.width,
 			placement: "right",
-			"trap-focus": !1,
-			"block-scroll": !1
+			"trap-focus": !0,
+			"block-scroll": !0
 		}, {
-			default: j(() => [u(O(L), {
+			default: M(() => [u(k(R), {
 				title: "⚙️ 布局配置",
 				closable: ""
 			}, {
-				default: j(() => [u(O(re), {
-					value: p.value,
-					"onUpdate:value": n[16] ||= (e) => p.value = e,
+				default: M(() => [u(k(ie), {
+					value: v.value,
+					"onUpdate:value": r[15] ||= (e) => v.value = e,
 					animated: "",
 					class: "settings-tabs"
 				}, {
-					default: j(() => [
-						u(O(ne), {
+					default: M(() => [
+						u(k(re), {
 							name: "appearance",
 							tab: "🎨 外观"
 						}, {
-							default: j(() => [
-								s("div", rn, [s("div", an, [(y(!0), o(e, null, S(O(se), (e) => (y(), o("div", {
+							default: M(() => [
+								w(n.$slots, "appearance-prepend", { settings: k(m) }, void 0, !0),
+								s("div", vn, [s("div", yn, [(b(!0), o(e, null, C(k(nn), (e) => (b(), o("div", {
 									key: e.name,
-									class: h(["preset-card", { active: B(e) }]),
-									onClick: (t) => V(e)
+									class: g(["preset-card", { active: se(e) }]),
+									role: "button",
+									tabindex: "0",
+									"aria-pressed": se(e),
+									onClick: (t) => J(e),
+									onKeydown: [N((t) => J(e), ["enter"]), N(P((t) => J(e), ["prevent"]), ["space"])]
 								}, [
-									s("div", sn, E(e.icon), 1),
-									s("div", cn, E(e.name), 1),
-									s("div", ln, [s("span", {
+									s("div", xn, D(e.icon), 1),
+									s("div", Sn, D(e.name), 1),
+									s("div", Cn, [s("span", {
 										class: "color-dot",
-										style: g({ backgroundColor: e.primaryColor })
+										style: _({ backgroundColor: e.primaryColor })
 									}, null, 4)])
-								], 10, on))), 128))])]),
-								s("div", un, [n[21] ||= s("div", { class: "section-title" }, "主题模式", -1), u(O(W), {
-									value: O(d).themeMode,
-									"onUpdate:value": n[0] ||= (e) => O(d).themeMode = e,
-									class: "mode-group"
+								], 42, bn))), 128))])]),
+								s("div", wn, [r[20] ||= s("div", { class: "section-title" }, "主题模式", -1), u(k(te), {
+									value: k(m).themeMode,
+									class: "mode-group",
+									"onUpdate:value": le
 								}, {
-									default: j(() => [
-										u(O(U), { value: "light" }, {
-											default: j(() => [...n[18] ||= [s("span", { class: "i-mdi:white-balance-sunny mr-1" }, null, -1), l(" 浅色 ", -1)]]),
+									default: M(() => [
+										u(k(W), { value: "light" }, {
+											default: M(() => [...r[17] ||= [s("span", { class: "i-mdi:white-balance-sunny mr-1" }, null, -1), l(" 浅色 ", -1)]]),
 											_: 1
 										}),
-										u(O(U), { value: "dark" }, {
-											default: j(() => [...n[19] ||= [s("span", { class: "i-mdi:moon-waning-crescent mr-1" }, null, -1), l(" 深色 ", -1)]]),
+										u(k(W), { value: "dark" }, {
+											default: M(() => [...r[18] ||= [s("span", { class: "i-mdi:moon-waning-crescent mr-1" }, null, -1), l(" 深色 ", -1)]]),
 											_: 1
 										}),
-										u(O(U), { value: "auto" }, {
-											default: j(() => [...n[20] ||= [s("span", { class: "i-mdi:theme-light-dark mr-1" }, null, -1), l(" 自动 ", -1)]]),
+										u(k(W), { value: "system" }, {
+											default: M(() => [...r[19] ||= [s("span", { class: "i-mdi:theme-light-dark mr-1" }, null, -1), l(" 自动 ", -1)]]),
 											_: 1
 										})
 									]),
 									_: 1
 								}, 8, ["value"])]),
-								s("div", dn, [n[22] ||= s("div", { class: "section-title" }, "主题色", -1), s("div", fn, [u(O(F), {
-									value: O(d).primaryColor,
-									"onUpdate:value": n[1] ||= (e) => O(d).primaryColor = e,
+								s("div", Tn, [r[21] ||= s("div", { class: "section-title" }, "主题色", -1), s("div", En, [u(k(I), {
+									value: k(m).primaryColor,
+									"onUpdate:value": r[0] ||= (e) => k(m).primaryColor = e,
 									"show-alpha": !1,
-									swatches: O(de),
+									swatches: k(sn),
 									actions: ["confirm"]
-								}, null, 8, ["value", "swatches"]), s("span", pn, E(O(d).primaryColor), 1)])]),
-								s("div", mn, [n[26] ||= s("div", { class: "section-title" }, "圆角大小", -1), u(O(W), {
-									value: O(d).borderRadius,
-									"onUpdate:value": n[2] ||= (e) => O(d).borderRadius = e,
+								}, null, 8, ["value", "swatches"]), s("span", Dn, D(k(m).primaryColor), 1)])]),
+								s("div", On, [r[25] ||= s("div", { class: "section-title" }, "圆角大小", -1), u(k(te), {
+									value: k(m).borderRadius,
+									"onUpdate:value": r[1] ||= (e) => k(m).borderRadius = e,
 									class: "radius-group"
 								}, {
-									default: j(() => [
-										u(O(U), { value: "small" }, {
-											default: j(() => [...n[23] ||= [l("小 (4px)", -1)]]),
+									default: M(() => [
+										u(k(W), { value: "small" }, {
+											default: M(() => [...r[22] ||= [l("小 (4px)", -1)]]),
 											_: 1
 										}),
-										u(O(U), { value: "medium" }, {
-											default: j(() => [...n[24] ||= [l("中 (6px)", -1)]]),
+										u(k(W), { value: "medium" }, {
+											default: M(() => [...r[23] ||= [l("中 (6px)", -1)]]),
 											_: 1
 										}),
-										u(O(U), { value: "large" }, {
-											default: j(() => [...n[25] ||= [l("大 (8px)", -1)]]),
+										u(k(W), { value: "large" }, {
+											default: M(() => [...r[24] ||= [l("大 (8px)", -1)]]),
 											_: 1
 										})
 									]),
 									_: 1
 								}, 8, ["value"])]),
-								s("div", hn, [
-									n[32] ||= s("div", { class: "section-title" }, "页面动画", -1),
-									s("div", gn, [n[27] ||= s("span", { class: "text-sm" }, "启用动画", -1), u(O(G), {
-										value: O(d).enableTransition,
-										"onUpdate:value": n[3] ||= (e) => O(d).enableTransition = e
+								s("div", kn, [
+									r[31] ||= s("div", { class: "section-title" }, "页面动画", -1),
+									s("div", An, [r[26] ||= s("span", { class: "text-sm" }, "启用动画", -1), u(k(G), {
+										value: k(m).enableTransition,
+										"onUpdate:value": r[2] ||= (e) => k(m).enableTransition = e
 									}, null, 8, ["value"])]),
-									u(O(W), {
-										value: O(d).transitionType,
-										"onUpdate:value": n[4] ||= (e) => O(d).transitionType = e,
-										disabled: !O(d).enableTransition,
+									u(k(te), {
+										value: k(m).transitionType,
+										"onUpdate:value": r[3] ||= (e) => k(m).transitionType = e,
+										disabled: !k(m).enableTransition,
 										class: "transition-group"
 									}, {
-										default: j(() => [
-											u(O(U), { value: "fade" }, {
-												default: j(() => [...n[28] ||= [l("淡入", -1)]]),
+										default: M(() => [
+											u(k(W), { value: "fade" }, {
+												default: M(() => [...r[27] ||= [l("淡入", -1)]]),
 												_: 1
 											}),
-											u(O(U), { value: "slide" }, {
-												default: j(() => [...n[29] ||= [l("滑动", -1)]]),
+											u(k(W), { value: "slide" }, {
+												default: M(() => [...r[28] ||= [l("滑动", -1)]]),
 												_: 1
 											}),
-											u(O(U), { value: "zoom" }, {
-												default: j(() => [...n[30] ||= [l("缩放", -1)]]),
+											u(k(W), { value: "zoom" }, {
+												default: M(() => [...r[29] ||= [l("缩放", -1)]]),
 												_: 1
 											}),
-											u(O(U), { value: "none" }, {
-												default: j(() => [...n[31] ||= [l("无", -1)]]),
+											u(k(W), { value: "none" }, {
+												default: M(() => [...r[30] ||= [l("无", -1)]]),
 												_: 1
 											})
 										]),
 										_: 1
 									}, 8, ["value", "disabled"])
 								]),
-								s("div", _n, [u(O(P), {
+								s("div", jn, [u(k(F), {
 									block: "",
 									secondary: "",
-									onClick: H
+									onClick: ue
 								}, {
-									icon: j(() => [...n[33] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
-									default: j(() => [n[34] ||= l(" 恢复外观默认设置 ", -1)]),
+									icon: M(() => [...r[32] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
+									default: M(() => [r[33] ||= l(" 恢复外观默认设置 ", -1)]),
 									_: 1
-								})])
+								})]),
+								w(n.$slots, "appearance-append", { settings: k(m) }, void 0, !0)
 							]),
-							_: 1
+							_: 3
 						}),
-						u(O(ne), {
+						u(k(re), {
 							name: "layout",
 							tab: "📐 布局"
 						}, {
-							default: j(() => [
-								s("div", vn, [n[35] ||= s("div", { class: "section-title" }, "布局模式", -1), s("div", yn, [(y(!0), o(e, null, S(O(nn), (e) => (y(), o("div", {
+							default: M(() => [
+								w(n.$slots, "layout-prepend", { settings: k(m) }, void 0, !0),
+								s("div", Mn, [r[34] ||= s("div", { class: "section-title" }, "布局模式", -1), s("div", Nn, [(b(!0), o(e, null, C(k(_n), (e) => (b(), o("div", {
 									key: e.value,
-									class: h(["layout-item", {
-										active: O(d).layoutMode === e.value,
+									class: g(["layout-item", {
+										active: k(m).layoutMode === e.value,
 										disabled: e.disabled
 									}]),
-									onClick: M((t) => R(e.value, e.disabled), ["stop"])
-								}, [s("div", xn, [(y(), o("svg", Sn, [s("g", { innerHTML: e.svg }, null, 8, Cn)]))]), s("div", wn, [l(E(e.label) + " ", 1), e.disabled ? (y(), o("span", Tn, "敬请期待")) : a("", !0)])], 10, bn))), 128))])]),
-								s("div", En, [n[38] ||= s("div", { class: "section-title" }, "菜单展开方式", -1), u(O(W), {
-									value: O(d).menuExpandMode,
-									"onUpdate:value": n[5] ||= (e) => O(d).menuExpandMode = e,
+									role: "button",
+									tabindex: e.disabled ? -1 : 0,
+									"aria-disabled": e.disabled,
+									"aria-pressed": k(m).layoutMode === e.value,
+									onClick: P((t) => q(e.value, e.disabled), ["stop"]),
+									onKeydown: [N(P((t) => q(e.value, e.disabled), ["stop"]), ["enter"]), N(P((t) => q(e.value, e.disabled), ["stop", "prevent"]), ["space"])]
+								}, [s("div", Fn, [(b(), o("svg", In, [s("g", { innerHTML: e.svg }, null, 8, Ln)]))]), s("div", Rn, [l(D(e.label) + " ", 1), e.disabled ? (b(), o("span", zn, "敬请期待")) : a("", !0)])], 42, Pn))), 128))])]),
+								w(n.$slots, "layout-after-mode", { settings: k(m) }, void 0, !0),
+								s("div", Bn, [r[37] ||= s("div", { class: "section-title" }, "菜单展开方式", -1), u(k(te), {
+									value: k(m).menuExpandMode,
+									"onUpdate:value": r[4] ||= (e) => k(m).menuExpandMode = e,
 									class: "menu-expand-group"
 								}, {
-									default: j(() => [u(O(U), { value: "inline" }, {
-										default: j(() => [...n[36] ||= [l("传统展开", -1)]]),
+									default: M(() => [u(k(W), { value: "inline" }, {
+										default: M(() => [...r[35] ||= [l("传统展开", -1)]]),
 										_: 1
-									}), u(O(U), { value: "panel" }, {
-										default: j(() => [...n[37] ||= [l("右侧面板", -1)]]),
+									}), u(k(W), { value: "panel" }, {
+										default: M(() => [...r[36] ||= [l("右侧面板", -1)]]),
 										_: 1
 									})]),
 									_: 1
 								}, 8, ["value"])]),
-								s("div", Dn, [
-									n[43] ||= s("div", { class: "section-title" }, "界面元素", -1),
-									s("div", On, [n[39] ||= s("span", null, "显示面包屑", -1), u(O(G), {
-										value: O(d).showBreadcrumb,
-										"onUpdate:value": n[6] ||= (e) => O(d).showBreadcrumb = e
+								s("div", Vn, [
+									r[42] ||= s("div", { class: "section-title" }, "界面元素", -1),
+									s("div", Hn, [r[38] ||= s("span", null, "显示面包屑", -1), u(k(G), {
+										value: k(m).showBreadcrumb,
+										"onUpdate:value": r[5] ||= (e) => k(m).showBreadcrumb = e
 									}, null, 8, ["value"])]),
-									s("div", kn, [n[40] ||= s("span", null, "显示面包屑图标", -1), u(O(G), {
-										value: O(d).showBreadcrumbIcon,
-										"onUpdate:value": n[7] ||= (e) => O(d).showBreadcrumbIcon = e,
-										disabled: !O(d).showBreadcrumb
+									s("div", Un, [r[39] ||= s("span", null, "显示面包屑图标", -1), u(k(G), {
+										value: k(m).showBreadcrumbIcon,
+										"onUpdate:value": r[6] ||= (e) => k(m).showBreadcrumbIcon = e,
+										disabled: !k(m).showBreadcrumb
 									}, null, 8, ["value", "disabled"])]),
-									s("div", An, [n[41] ||= s("span", null, "显示标签页", -1), u(O(G), {
-										value: O(d).showTagsView,
-										"onUpdate:value": n[8] ||= (e) => O(d).showTagsView = e
+									s("div", Wn, [r[40] ||= s("span", null, "显示标签页", -1), u(k(G), {
+										value: k(m).showTagsView,
+										"onUpdate:value": r[7] ||= (e) => k(m).showTagsView = e
 									}, null, 8, ["value"])]),
-									s("div", jn, [n[42] ||= s("span", null, "显示页脚", -1), u(O(G), {
-										value: O(d).showFooter,
-										"onUpdate:value": n[9] ||= (e) => O(d).showFooter = e
+									s("div", Gn, [r[41] ||= s("span", null, "显示页脚", -1), u(k(G), {
+										value: k(m).showFooter,
+										"onUpdate:value": r[8] ||= (e) => k(m).showFooter = e
 									}, null, 8, ["value"])])
 								]),
-								s("div", Mn, [
-									n[46] ||= s("div", { class: "section-title" }, "尺寸调整", -1),
-									s("div", Nn, [s("div", Pn, [n[44] ||= s("span", null, "侧边栏宽度", -1), s("span", Fn, E(O(d).sidebarWidth) + "px", 1)]), u(O(te), {
-										value: O(d).sidebarWidth,
-										"onUpdate:value": n[10] ||= (e) => O(d).sidebarWidth = e,
+								s("div", Kn, [
+									r[45] ||= s("div", { class: "section-title" }, "尺寸调整", -1),
+									s("div", qn, [s("div", Jn, [r[43] ||= s("span", null, "侧边栏宽度", -1), s("span", Yn, D(k(m).sidebarWidth) + "px", 1)]), u(k(ne), {
+										value: k(m).sidebarWidth,
+										"onUpdate:value": r[9] ||= (e) => k(m).sidebarWidth = e,
 										min: 180,
 										max: 280,
 										step: 10,
@@ -1602,9 +1888,9 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 											280: "280"
 										}
 									}, null, 8, ["value"])]),
-									s("div", In, [s("div", Ln, [n[45] ||= s("span", null, "头部高度", -1), s("span", Rn, E(O(d).headerHeight) + "px", 1)]), u(O(te), {
-										value: O(d).headerHeight,
-										"onUpdate:value": n[11] ||= (e) => O(d).headerHeight = e,
+									s("div", Xn, [s("div", Zn, [r[44] ||= s("span", null, "头部高度", -1), s("span", Qn, D(k(m).headerHeight) + "px", 1)]), u(k(ne), {
+										value: k(m).headerHeight,
+										"onUpdate:value": r[10] ||= (e) => k(m).headerHeight = e,
 										min: 48,
 										max: 64,
 										step: 4,
@@ -1615,125 +1901,128 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 										}
 									}, null, 8, ["value"])])
 								]),
-								s("div", zn, [u(O(P), {
+								s("div", $n, [u(k(F), {
 									block: "",
 									secondary: "",
-									onClick: ee
+									onClick: Y
 								}, {
-									icon: j(() => [...n[47] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
-									default: j(() => [n[48] ||= l(" 恢复布局默认设置 ", -1)]),
+									icon: M(() => [...r[46] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
+									default: M(() => [r[47] ||= l(" 恢复布局默认设置 ", -1)]),
 									_: 1
-								})])
+								})]),
+								w(n.$slots, "layout-append", { settings: k(m) }, void 0, !0)
 							]),
-							_: 1
+							_: 3
 						}),
-						u(O(ne), {
+						u(k(re), {
 							name: "features",
 							tab: "🔧 功能"
 						}, {
-							default: j(() => [
-								s("div", Bn, [n[53] ||= s("div", { class: "section-title" }, "缓存管理", -1), s("div", Vn, [u(O(P), {
+							default: M(() => [
+								w(n.$slots, "features-prepend", { settings: k(m) }, void 0, !0),
+								s("div", er, [r[52] ||= s("div", { class: "section-title" }, "缓存管理", -1), s("div", tr, [u(k(F), {
 									secondary: "",
-									onClick: q
+									onClick: X
 								}, {
-									icon: j(() => [...n[49] ||= [s("span", { class: "i-mdi:delete-sweep" }, null, -1)]]),
-									default: j(() => [n[50] ||= l(" 清除缓存 ", -1)]),
+									icon: M(() => [...r[48] ||= [s("span", { class: "i-mdi:delete-sweep" }, null, -1)]]),
+									default: M(() => [r[49] ||= l(" 清除缓存 ", -1)]),
 									_: 1
-								}), u(O(P), {
+								}), u(k(F), {
 									secondary: "",
-									onClick: oe
+									onClick: fe
 								}, {
-									icon: j(() => [...n[51] ||= [s("span", { class: "i-mdi:refresh" }, null, -1)]]),
-									default: j(() => [n[52] ||= l(" 重新加载 ", -1)]),
+									icon: M(() => [...r[50] ||= [s("span", { class: "i-mdi:refresh" }, null, -1)]]),
+									default: M(() => [r[51] ||= l(" 重新加载 ", -1)]),
 									_: 1
 								})])]),
-								s("div", Hn, [
-									n[60] ||= s("div", { class: "section-title" }, "配置管理", -1),
-									s("div", Un, [u(O(P), {
+								s("div", nr, [
+									r[59] ||= s("div", { class: "section-title" }, "配置管理", -1),
+									s("div", rr, [u(k(F), {
 										secondary: "",
-										onClick: ce
+										onClick: Z
 									}, {
-										icon: j(() => [...n[54] ||= [s("span", { class: "i-mdi:download" }, null, -1)]]),
-										default: j(() => [n[55] ||= l(" 导出配置 ", -1)]),
+										icon: M(() => [...r[53] ||= [s("span", { class: "i-mdi:download" }, null, -1)]]),
+										default: M(() => [r[54] ||= l(" 导出配置 ", -1)]),
 										_: 1
-									}), u(O(P), {
+									}), u(k(F), {
 										secondary: "",
-										onClick: le
+										onClick: pe
 									}, {
-										icon: j(() => [...n[56] ||= [s("span", { class: "i-mdi:upload" }, null, -1)]]),
-										default: j(() => [n[57] ||= l(" 导入配置 ", -1)]),
+										icon: M(() => [...r[55] ||= [s("span", { class: "i-mdi:upload" }, null, -1)]]),
+										default: M(() => [r[56] ||= l(" 导入配置 ", -1)]),
 										_: 1
 									})]),
-									u(O(P), {
+									u(k(F), {
 										block: "",
 										type: "error",
 										secondary: "",
 										class: "mt-2",
-										onClick: K
+										onClick: de
 									}, {
-										icon: j(() => [...n[58] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
-										default: j(() => [n[59] ||= l(" 重置所有配置 ", -1)]),
+										icon: M(() => [...r[57] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
+										default: M(() => [r[58] ||= l(" 重置所有配置 ", -1)]),
 										_: 1
 									})
 								]),
-								s("div", Wn, [
-									n[63] ||= s("div", { class: "section-title" }, "系统模式", -1),
-									s("div", Gn, [n[61] ||= s("div", { class: "setting-label" }, [s("span", null, "灰色模式"), s("span", { class: "setting-desc" }, "用于哀悼日场景")], -1), u(O(G), {
-										value: m.value,
-										"onUpdate:value": n[12] ||= (e) => m.value = e
+								s("div", ir, [
+									r[62] ||= s("div", { class: "section-title" }, "系统模式", -1),
+									s("div", ar, [r[60] ||= s("div", { class: "setting-label" }, [s("span", null, "灰色模式"), s("span", { class: "setting-desc" }, "用于哀悼日场景")], -1), u(k(G), {
+										value: E.value,
+										"onUpdate:value": r[11] ||= (e) => E.value = e
 									}, null, 8, ["value"])]),
-									s("div", Kn, [n[62] ||= s("div", { class: "setting-label" }, [s("span", null, "色弱模式"), s("span", { class: "setting-desc" }, "提供无障碍访问支持")], -1), u(O(G), {
-										value: _.value,
-										"onUpdate:value": n[13] ||= (e) => _.value = e
+									s("div", or, [r[61] ||= s("div", { class: "setting-label" }, [s("span", null, "色弱模式"), s("span", { class: "setting-desc" }, "提供无障碍访问支持")], -1), u(k(G), {
+										value: O.value,
+										"onUpdate:value": r[12] ||= (e) => O.value = e
 									}, null, 8, ["value"])])
 								]),
-								s("div", qn, [
-									n[65] ||= s("div", { class: "section-title" }, "水印设置", -1),
-									s("div", Jn, [n[64] ||= s("span", null, "启用水印", -1), u(O(G), {
-										value: b.value,
-										"onUpdate:value": n[14] ||= (e) => b.value = e
+								s("div", sr, [
+									r[64] ||= s("div", { class: "section-title" }, "水印设置", -1),
+									s("div", cr, [r[63] ||= s("span", null, "启用水印", -1), u(k(G), {
+										value: z.value,
+										"onUpdate:value": r[13] ||= (e) => z.value = e
 									}, null, 8, ["value"])]),
-									b.value ? (y(), o("div", Yn, [u(O(z), {
-										value: C.value,
-										"onUpdate:value": n[15] ||= (e) => C.value = e,
+									z.value ? (b(), o("div", lr, [u(k(B), {
+										value: V.value,
+										"onUpdate:value": r[14] ||= (e) => V.value = e,
 										placeholder: "请输入水印内容",
 										size: "small"
 									}, null, 8, ["value"])])) : a("", !0)
 								]),
-								s("div", Xn, [n[72] ||= s("div", { class: "section-title" }, "系统信息", -1), s("div", Zn, [
-									s("div", Qn, [n[66] ||= s("span", { class: "info-label" }, "浏览器", -1), s("span", $n, E(N.value.browser), 1)]),
-									s("div", er, [n[67] ||= s("span", { class: "info-label" }, "操作系统", -1), s("span", tr, E(N.value.os), 1)]),
-									s("div", nr, [n[68] ||= s("span", { class: "info-label" }, "屏幕分辨率", -1), s("span", rr, E(N.value.resolution), 1)]),
-									s("div", ir, [n[69] ||= s("span", { class: "info-label" }, "设备像素比", -1), s("span", ar, E(N.value.pixelRatio), 1)]),
-									s("div", or, [n[70] ||= s("span", { class: "info-label" }, "语言", -1), s("span", sr, E(N.value.language), 1)]),
-									s("div", cr, [n[71] ||= s("span", { class: "info-label" }, "时区", -1), s("span", lr, E(N.value.timezone), 1)])
-								])])
+								s("div", ur, [r[71] ||= s("div", { class: "section-title" }, "系统信息", -1), s("div", dr, [
+									s("div", fr, [r[65] ||= s("span", { class: "info-label" }, "浏览器", -1), s("span", pr, D(K.value.browser), 1)]),
+									s("div", mr, [r[66] ||= s("span", { class: "info-label" }, "操作系统", -1), s("span", hr, D(K.value.os), 1)]),
+									s("div", gr, [r[67] ||= s("span", { class: "info-label" }, "屏幕分辨率", -1), s("span", _r, D(K.value.resolution), 1)]),
+									s("div", vr, [r[68] ||= s("span", { class: "info-label" }, "设备像素比", -1), s("span", yr, D(K.value.pixelRatio), 1)]),
+									s("div", br, [r[69] ||= s("span", { class: "info-label" }, "语言", -1), s("span", xr, D(K.value.language), 1)]),
+									s("div", Sr, [r[70] ||= s("span", { class: "info-label" }, "时区", -1), s("span", Cr, D(K.value.timezone), 1)])
+								])]),
+								w(n.$slots, "features-append", { settings: k(m) }, void 0, !0)
 							]),
-							_: 1
+							_: 3
 						})
 					]),
-					_: 1
+					_: 3
 				}, 8, ["value"])]),
-				_: 1
+				_: 3
 			})]),
-			_: 1
-		}, 8, ["show"]));
+			_: 3
+		}, 8, ["show", "width"]));
 	}
-}), [["__scopeId", "data-v-b57a947e"]]), dr = { class: "brand-logo__icon" }, fr = [
+}), [["__scopeId", "data-v-c78e9ba9"]]), Tr = { class: "brand-logo__icon" }, Er = [
 	"src",
 	"width",
 	"height"
-], pr = [
+], Dr = [
 	"src",
 	"width",
 	"height"
-], mr = { class: "brand-logo__name" }, hr = { class: "brand-logo__title" }, gr = {
+], Or = { class: "brand-logo__name" }, kr = { class: "brand-logo__title" }, Ar = {
 	key: 0,
 	class: "brand-logo__subtitle"
-}, _r = {
+}, jr = {
 	key: 0,
 	class: "brand-logo__divider"
-}, vr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, Mr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "BrandLogo",
 	__name: "index",
 	props: {
@@ -1757,10 +2046,10 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			...X,
 			...n.brand
 		};
-		return (n, i) => (y(), o("div", { class: h(["brand-logo", {
+		return (n, i) => (b(), o("div", { class: g(["brand-logo", {
 			"brand-logo--collapsed": t.collapsed,
 			"brand-logo--horizontal": t.variant === "horizontal"
-		}]) }, [s("div", dr, [i[0] ||= s("div", { class: "brand-logo__glow" }, null, -1), r.logoType === "video" && r.logoSrc ? (y(), o("video", {
+		}]) }, [s("div", Tr, [i[0] ||= s("div", { class: "brand-logo__glow" }, null, -1), r.logoType === "video" && r.logoSrc ? (b(), o("video", {
 			key: 0,
 			src: r.logoSrc,
 			width: t.size,
@@ -1770,19 +2059,19 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			muted: "",
 			playsinline: "",
 			class: "brand-logo__media"
-		}, null, 8, fr)) : r.logoSrc ? (y(), o("img", {
+		}, null, 8, Er)) : r.logoSrc ? (b(), o("img", {
 			key: 1,
 			src: r.logoSrc,
 			width: t.size,
 			height: t.size,
 			class: "brand-logo__media",
 			alt: "Logo"
-		}, null, 8, pr)) : a("", !0)]), t.showName && !t.collapsed ? (y(), o(e, { key: 0 }, [s("div", mr, [s("span", hr, E(r.name), 1), r.subtitle ? (y(), o("span", gr, E(r.subtitle), 1)) : a("", !0)]), t.showDivider ? (y(), o("div", _r)) : a("", !0)], 64)) : a("", !0)], 2));
+		}, null, 8, Dr)) : a("", !0)]), t.showName && !t.collapsed ? (b(), o(e, { key: 0 }, [s("div", Or, [s("span", kr, D(r.name), 1), r.subtitle ? (b(), o("span", Ar, D(r.subtitle), 1)) : a("", !0)]), t.showDivider ? (b(), o("div", jr)) : a("", !0)], 64)) : a("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-fd1c2eec"]]), yr = { class: "icon-menu" }, br = ["onClick"], xr = { class: "icon-menu__icon" }, Sr = {
+}), [["__scopeId", "data-v-fd1c2eec"]]), Nr = { class: "icon-menu" }, Pr = ["onClick"], Fr = { class: "icon-menu__icon" }, Ir = {
 	key: 1,
 	class: "icon-menu__fallback"
-}, Cr = { class: "icon-menu__label" }, wr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, Lr = { class: "icon-menu__label" }, Rr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "IconMenu",
 	__name: "index",
 	props: {
@@ -1792,20 +2081,20 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 	emits: ["click"],
 	setup(t, { emit: n }) {
 		let r = n, a = Y();
-		return (n, c) => (y(), o("div", yr, [(y(!0), o(e, null, S(t.menus, (e) => (y(), o("div", {
+		return (n, c) => (b(), o("div", Nr, [(b(!0), o(e, null, C(t.menus, (e) => (b(), o("div", {
 			key: e.path,
-			class: h(["icon-menu__item", { "icon-menu__item--active": t.active === e.path }]),
+			class: g(["icon-menu__item", { "icon-menu__item--active": t.active === e.path }]),
 			onClick: (t) => r("click", e)
-		}, [s("div", xr, [O(a).iconComponent && e.meta?.icon ? (y(), i(T(O(a).iconComponent), {
+		}, [s("div", Fr, [k(a).iconComponent && e.meta?.icon ? (b(), i(E(k(a).iconComponent), {
 			key: 0,
 			name: e.meta.icon,
 			size: 20
-		}, null, 8, ["name"])) : (y(), o("span", Sr, E(e.meta?.title?.charAt(0) || "?"), 1))]), s("div", Cr, E(e.meta?.title), 1)], 10, br))), 128))]));
+		}, null, 8, ["name"])) : (b(), o("span", Ir, D(e.meta?.title?.charAt(0) || "?"), 1))]), s("div", Lr, D(e.meta?.title), 1)], 10, Pr))), 128))]));
 	}
-}), [["__scopeId", "data-v-f985d475"]]), Tr = { class: "floating-menu__header" }, Er = { class: "floating-menu__brand" }, Dr = { class: "floating-menu__brand-title" }, Or = { class: "floating-menu__brand-subtitle" }, kr = { class: "floating-menu__list" }, Ar = {
+}), [["__scopeId", "data-v-f985d475"]]), zr = { class: "floating-menu__header" }, Br = { class: "floating-menu__brand" }, Vr = { class: "floating-menu__brand-title" }, Hr = { class: "floating-menu__brand-subtitle" }, Ur = { class: "floating-menu__list" }, Wr = {
 	key: 0,
 	class: "floating-menu__group"
-}, jr = { class: "floating-menu__group-title" }, Mr = ["onClick"], Nr = { class: "floating-menu__item-text" }, Pr = ["onClick"], Fr = { class: "floating-menu__item-text" }, Ir = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, Gr = { class: "floating-menu__group-title" }, Kr = ["onClick", "onKeydown"], qr = { class: "floating-menu__item-text" }, Jr = ["onClick", "onKeydown"], Yr = { class: "floating-menu__item-text" }, Xr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "FloatingMenu",
 	__name: "index",
 	props: {
@@ -1819,38 +2108,46 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			...X,
 			...l.brand
 		};
-		return (r, d) => (y(), i(n, { name: "slide-fade" }, {
-			default: j(() => [t.show && t.menuItem ? (y(), o("div", {
+		return (r, d) => (b(), i(n, { name: "slide-fade" }, {
+			default: M(() => [t.show && t.menuItem ? (b(), o("div", {
 				key: 0,
-				class: h(["floating-menu", [O(l).isDark.value ? "dark-theme" : "light-theme"]])
-			}, [s("div", Tr, [s("div", Er, [s("span", Dr, E(u.name), 1), s("span", Or, E(u.subtitle), 1)])]), s("div", kr, [(y(!0), o(e, null, S(t.menuItem.children, (n) => (y(), o(e, { key: n.path }, [n.children && n.children.length > 0 ? (y(), o("div", Ar, [s("div", jr, [O(l).iconComponent && n.meta?.icon ? (y(), i(T(O(l).iconComponent), {
+				class: g(["floating-menu", [k(l).isDark.value ? "dark-theme" : "light-theme"]]),
+				role: "navigation",
+				"aria-label": "二级功能导航"
+			}, [s("div", zr, [s("div", Br, [s("span", Vr, D(u.name), 1), s("span", Hr, D(u.subtitle), 1)])]), s("div", Ur, [(b(!0), o(e, null, C(t.menuItem.children, (n) => (b(), o(e, { key: n.path }, [n.children && n.children.length > 0 ? (b(), o("div", Wr, [s("div", Gr, [k(l).iconComponent && n.meta?.icon ? (b(), i(E(k(l).iconComponent), {
 				key: 0,
 				name: n.meta.icon,
 				size: 16
-			}, null, 8, ["name"])) : a("", !0), s("span", null, E(n.meta?.title), 1)]), (y(!0), o(e, null, S(n.children, (e) => (y(), o("div", {
+			}, null, 8, ["name"])) : a("", !0), s("span", null, D(n.meta?.title), 1)]), (b(!0), o(e, null, C(n.children, (e) => (b(), o("div", {
 				key: e.path,
-				class: h(["floating-menu__item floating-menu__item--sub", { active: t.isActive?.(e.path) }]),
-				onClick: (t) => c("click", e)
-			}, [O(l).iconComponent && e.meta?.icon ? (y(), i(T(O(l).iconComponent), {
+				class: g(["floating-menu__item floating-menu__item--sub", { active: t.isActive?.(e.path) }]),
+				role: "link",
+				tabindex: "0",
+				onClick: (t) => c("click", e),
+				onKeydown: [N((t) => c("click", e), ["enter"]), N(P((t) => c("click", e), ["prevent"]), ["space"])]
+			}, [k(l).iconComponent && e.meta?.icon ? (b(), i(E(k(l).iconComponent), {
 				key: 0,
 				name: e.meta.icon,
 				size: 16
-			}, null, 8, ["name"])) : a("", !0), s("span", Nr, E(e.meta?.title), 1)], 10, Mr))), 128))])) : (y(), o("div", {
+			}, null, 8, ["name"])) : a("", !0), s("span", qr, D(e.meta?.title), 1)], 42, Kr))), 128))])) : (b(), o("div", {
 				key: 1,
-				class: h(["floating-menu__item", { active: t.isActive?.(n.path) }]),
-				onClick: (e) => c("click", n)
-			}, [O(l).iconComponent && n.meta?.icon ? (y(), i(T(O(l).iconComponent), {
+				class: g(["floating-menu__item", { active: t.isActive?.(n.path) }]),
+				role: "link",
+				tabindex: "0",
+				onClick: (e) => c("click", n),
+				onKeydown: [N((e) => c("click", n), ["enter"]), N(P((e) => c("click", n), ["prevent"]), ["space"])]
+			}, [k(l).iconComponent && n.meta?.icon ? (b(), i(E(k(l).iconComponent), {
 				key: 0,
 				name: n.meta.icon,
 				size: 18
-			}, null, 8, ["name"])) : a("", !0), s("span", Fr, E(n.meta?.title), 1)], 10, Pr))], 64))), 128))])], 2)) : a("", !0)]),
+			}, null, 8, ["name"])) : a("", !0), s("span", Yr, D(n.meta?.title), 1)], 42, Jr))], 64))), 128))])], 2)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-0588c318"]]), Lr = { class: "side-menu__header" }, Rr = { class: "side-menu__header-icon" }, zr = { class: "side-menu__header-title" }, Br = { class: "side-menu__list" }, Vr = {
+}), [["__scopeId", "data-v-3dc6f434"]]), Zr = { class: "side-menu__header" }, Qr = { class: "side-menu__header-icon" }, $r = { class: "side-menu__header-title" }, ei = { class: "side-menu__list" }, ti = {
 	key: 0,
 	class: "side-menu__group"
-}, Hr = { class: "side-menu__group-label" }, Ur = ["onClick"], Wr = { class: "side-menu__item-text" }, Gr = ["onClick"], Kr = { class: "side-menu__item-text" }, qr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, ni = { class: "side-menu__group-label" }, ri = ["onClick"], ii = { class: "side-menu__item-text" }, ai = ["onClick"], oi = { class: "side-menu__item-text" }, si = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "SideMenu",
 	__name: "index",
 	props: {
@@ -1860,49 +2157,49 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 	},
 	emits: ["click"],
 	setup(t, { emit: r }) {
-		let c = r, l = Y(), d = x(!1);
-		return (r, f) => t.menus.length > 0 ? (y(), o(e, { key: 0 }, [s("div", {
-			class: h(["side-menu-toggle", [O(l).isDark.value ? "dark-theme" : "light-theme", { active: !d.value }]]),
+		let c = r, l = Y(), d = S(!1);
+		return (r, f) => t.menus.length > 0 ? (b(), o(e, { key: 0 }, [s("div", {
+			class: g(["side-menu-toggle", [k(l).isDark.value ? "dark-theme" : "light-theme", { active: !d.value }]]),
 			onClick: f[0] ||= (e) => d.value = !d.value
-		}, [s("i", { class: h(["toggle-icon", d.value ? "i-ri:side-bar-line" : "i-ri:arrow-right-s-line"]) }, null, 2)], 2), u(n, { name: "glass-slide" }, {
-			default: j(() => [d.value ? a("", !0) : (y(), o("div", {
+		}, [s("i", { class: g(["toggle-icon", d.value ? "i-ri:side-bar-line" : "i-ri:arrow-right-s-line"]) }, null, 2)], 2), u(n, { name: "glass-slide" }, {
+			default: M(() => [d.value ? a("", !0) : (b(), o("div", {
 				key: 0,
-				class: h(["side-menu", [O(l).isDark.value ? "dark-theme" : "light-theme"]])
-			}, [s("div", Lr, [s("div", Rr, [O(l).iconComponent && t.activeItem?.meta?.icon ? (y(), i(T(O(l).iconComponent), {
+				class: g(["side-menu", [k(l).isDark.value ? "dark-theme" : "light-theme"]])
+			}, [s("div", Zr, [s("div", Qr, [k(l).iconComponent && t.activeItem?.meta?.icon ? (b(), i(E(k(l).iconComponent), {
 				key: 0,
 				name: t.activeItem.meta.icon,
 				size: 17
-			}, null, 8, ["name"])) : a("", !0)]), s("span", zr, E(t.activeItem?.meta?.title || "菜单"), 1)]), s("div", Br, [(y(!0), o(e, null, S(t.menus, (n) => (y(), o(e, { key: n.path }, [n.children && n.children.length > 0 ? (y(), o("div", Vr, [s("div", Hr, [O(l).iconComponent && n.meta?.icon ? (y(), i(T(O(l).iconComponent), {
+			}, null, 8, ["name"])) : a("", !0)]), s("span", $r, D(t.activeItem?.meta?.title || "菜单"), 1)]), s("div", ei, [(b(!0), o(e, null, C(t.menus, (n) => (b(), o(e, { key: n.path }, [n.children && n.children.length > 0 ? (b(), o("div", ti, [s("div", ni, [k(l).iconComponent && n.meta?.icon ? (b(), i(E(k(l).iconComponent), {
 				key: 0,
 				name: n.meta.icon,
 				size: 14
-			}, null, 8, ["name"])) : a("", !0), s("span", null, E(n.meta?.title), 1)]), (y(!0), o(e, null, S(n.children, (e) => (y(), o("div", {
+			}, null, 8, ["name"])) : a("", !0), s("span", null, D(n.meta?.title), 1)]), (b(!0), o(e, null, C(n.children, (e) => (b(), o("div", {
 				key: e.path,
-				class: h(["side-menu__item", { active: t.isActive?.(e.path) }]),
+				class: g(["side-menu__item", { active: t.isActive?.(e.path) }]),
 				onClick: (t) => c("click", e)
-			}, [O(l).iconComponent && e.meta?.icon ? (y(), i(T(O(l).iconComponent), {
+			}, [k(l).iconComponent && e.meta?.icon ? (b(), i(E(k(l).iconComponent), {
 				key: 0,
 				name: e.meta.icon,
 				size: 15
-			}, null, 8, ["name"])) : a("", !0), s("span", Wr, E(e.meta?.title), 1)], 10, Ur))), 128))])) : (y(), o("div", {
+			}, null, 8, ["name"])) : a("", !0), s("span", ii, D(e.meta?.title), 1)], 10, ri))), 128))])) : (b(), o("div", {
 				key: 1,
-				class: h(["side-menu__item", { active: t.isActive?.(n.path) }]),
+				class: g(["side-menu__item", { active: t.isActive?.(n.path) }]),
 				onClick: (e) => c("click", n)
-			}, [O(l).iconComponent && n.meta?.icon ? (y(), i(T(O(l).iconComponent), {
+			}, [k(l).iconComponent && n.meta?.icon ? (b(), i(E(k(l).iconComponent), {
 				key: 0,
 				name: n.meta.icon,
 				size: 16
-			}, null, 8, ["name"])) : a("", !0), s("span", Kr, E(n.meta?.title), 1)], 10, Gr))], 64))), 128))])], 2))]),
+			}, null, 8, ["name"])) : a("", !0), s("span", oi, D(n.meta?.title), 1)], 10, ai))], 64))), 128))])], 2))]),
 			_: 1
 		})], 64)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-1909f229"]]), Jr = { class: "drawer-menu__content" }, Yr = { class: "drawer-menu__grid" }, Xr = ["onClick"], Zr = {
+}), [["__scopeId", "data-v-1909f229"]]), ci = ["aria-hidden"], li = { class: "drawer-menu__content" }, ui = { class: "drawer-menu__grid" }, di = ["onClick", "onKeydown"], fi = {
 	key: 0,
 	class: "drawer-menu__items"
-}, Qr = ["onClick"], $r = { class: "drawer-menu__item-text" }, ei = {
+}, pi = ["onClick", "onKeydown"], mi = { class: "drawer-menu__item-text" }, hi = {
 	key: 0,
 	class: "drawer-menu__sub-items"
-}, ti = { class: "drawer-menu__sub-title" }, ni = ["onClick"], ri = { class: "drawer-menu__item-text" }, ii = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, gi = { class: "drawer-menu__sub-title" }, _i = ["onClick", "onKeydown"], vi = { class: "drawer-menu__item-text" }, yi = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "DrawerMenu",
 	__name: "index",
 	props: {
@@ -1910,64 +2207,76 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 		show: { type: Boolean }
 	},
 	setup(t) {
-		let n = Y(), r = q(), c = p(ge, {
+		let n = Y(), r = q(), c = p(ue, {
 			show: () => {},
 			startHide: () => {},
 			hide: () => {}
 		}), l = (e) => {
 			e.path && (r.push(e.path), c.hide());
 		};
-		return (r, u) => (y(), o("div", {
-			class: h(["drawer-menu", [O(n).isDark.value ? "dark-theme" : "light-theme", { visible: t.show }]]),
-			onMouseenter: u[0] ||= (e) => O(c).show(),
-			onMouseleave: u[1] ||= (e) => O(c).startHide()
+		return (r, u) => (b(), o("div", {
+			class: g(["drawer-menu", [k(n).isDark.value ? "dark-theme" : "light-theme", { visible: t.show }]]),
+			role: "navigation",
+			"aria-label": "功能导航",
+			"aria-hidden": !t.show,
+			onMouseenter: u[0] ||= (e) => k(c).show(),
+			onMouseleave: u[1] ||= (e) => k(c).startHide()
 		}, [u[2] ||= s("div", { class: "drawer-menu__header" }, [s("div", { class: "drawer-menu__title" }, [s("span", { class: "grid-icon" }, [
 			s("span"),
 			s("span"),
 			s("span"),
 			s("span")
-		]), s("span", null, "功能导航")])], -1), s("div", Jr, [s("div", Yr, [(y(!0), o(e, null, S(t.menus, (t) => (y(), o("div", {
+		]), s("span", null, "功能导航")])], -1), s("div", li, [s("div", ui, [(b(!0), o(e, null, C(t.menus, (t) => (b(), o("div", {
 			key: t.path,
 			class: "drawer-menu__category"
 		}, [s("div", {
 			class: "drawer-menu__category-header",
-			onClick: (e) => l(t)
-		}, [O(n).iconComponent && t.meta?.icon ? (y(), i(T(O(n).iconComponent), {
+			role: "link",
+			tabindex: "0",
+			onClick: (e) => l(t),
+			onKeydown: [N((e) => l(t), ["enter"]), N(P((e) => l(t), ["prevent"]), ["space"])]
+		}, [k(n).iconComponent && t.meta?.icon ? (b(), i(E(k(n).iconComponent), {
 			key: 0,
 			name: t.meta.icon,
 			size: 18
-		}, null, 8, ["name"])) : a("", !0), s("span", null, E(t.meta?.title), 1)], 8, Xr), t.children && t.children.length > 0 ? (y(), o("div", Zr, [(y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
+		}, null, 8, ["name"])) : a("", !0), s("span", null, D(t.meta?.title), 1)], 40, di), t.children && t.children.length > 0 ? (b(), o("div", fi, [(b(!0), o(e, null, C(t.children, (e) => (b(), o("div", {
 			key: e.path,
 			class: "drawer-menu__item",
-			onClick: (t) => l(e)
-		}, [O(n).iconComponent && e.meta?.icon ? (y(), i(T(O(n).iconComponent), {
+			role: "link",
+			tabindex: "0",
+			onClick: (t) => l(e),
+			onKeydown: [N((t) => l(e), ["enter"]), N(P((t) => l(e), ["prevent"]), ["space"])]
+		}, [k(n).iconComponent && e.meta?.icon ? (b(), i(E(k(n).iconComponent), {
 			key: 0,
 			name: e.meta.icon,
 			size: 16
-		}, null, 8, ["name"])) : a("", !0), s("span", $r, E(e.meta?.title), 1)], 8, Qr))), 128)), (y(!0), o(e, null, S(t.children, (t) => (y(), o(e, { key: t.path }, [t.children && t.children.length > 0 ? (y(), o("div", ei, [s("div", ti, E(t.meta?.title), 1), (y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
+		}, null, 8, ["name"])) : a("", !0), s("span", mi, D(e.meta?.title), 1)], 40, pi))), 128)), (b(!0), o(e, null, C(t.children, (t) => (b(), o(e, { key: t.path }, [t.children && t.children.length > 0 ? (b(), o("div", hi, [s("div", gi, D(t.meta?.title), 1), (b(!0), o(e, null, C(t.children, (e) => (b(), o("div", {
 			key: e.path,
 			class: "drawer-menu__item drawer-menu__item--sub",
-			onClick: (t) => l(e)
-		}, [O(n).iconComponent && e.meta?.icon ? (y(), i(T(O(n).iconComponent), {
+			role: "link",
+			tabindex: "0",
+			onClick: (t) => l(e),
+			onKeydown: [N((t) => l(e), ["enter"]), N(P((t) => l(e), ["prevent"]), ["space"])]
+		}, [k(n).iconComponent && e.meta?.icon ? (b(), i(E(k(n).iconComponent), {
 			key: 0,
 			name: e.meta.icon,
 			size: 14
-		}, null, 8, ["name"])) : a("", !0), s("span", ri, E(e.meta?.title), 1)], 8, ni))), 128))])) : a("", !0)], 64))), 128))])) : a("", !0)]))), 128))])])], 34));
+		}, null, 8, ["name"])) : a("", !0), s("span", vi, D(e.meta?.title), 1)], 40, _i))), 128))])) : a("", !0)], 64))), 128))])) : a("", !0)]))), 128))])])], 42, ci));
 	}
-}), [["__scopeId", "data-v-b0d3e73b"]]), ai = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-91d54a20"]]), bi = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "MenuTrigger",
 	__name: "index",
 	props: { show: { type: Boolean } },
 	setup(e) {
-		let t = p(ge, {
+		let t = p(ue, {
 			show: () => {},
 			startHide: () => {},
 			hide: () => {}
 		});
-		return (e, n) => (y(), o("div", {
+		return (e, n) => (b(), o("div", {
 			class: "menu-trigger",
-			onMouseenter: n[0] ||= (e) => O(t).show(),
-			onMouseleave: n[1] ||= (e) => O(t).startHide()
+			onMouseenter: n[0] ||= (e) => k(t).show(),
+			onMouseleave: n[1] ||= (e) => k(t).startHide()
 		}, [...n[2] ||= [s("div", { class: "menu-trigger__indicator" }, [s("span", { class: "hamburger-icon" }, [
 			s("span"),
 			s("span"),
@@ -1977,11 +2286,11 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 }), [["__scopeId", "data-v-2c20af78"]]);
 //#endregion
 //#region src/setup.ts
-function oi(e, t = {}) {
-	let n = pe(t);
-	return n().syncCSSVariables(), n;
+function xi(e, t = {}) {
+	let n = hn(t), r = n();
+	return e.provide(ce, r), n;
 }
 //#endregion
-export { le as BORDER_RADIUS_MAP, vr as BrandLogo, de as COLOR_SWATCHES, $t as C_CardLayout, $t as CardLayout, tn as C_LayoutContainer, Je as C_MixLayout, Je as MixLayout, dt as C_MixTopLayout, dt as MixTopLayout, Mt as C_ReverseHorizontalMixLayout, Mt as ReverseHorizontalMixLayout, _e as C_SideLayout, _e as SideLayout, je as C_TopLayout, je as TopLayout, X as DEFAULT_BRAND_CONFIG, J as DEFAULT_SETTINGS, ge as DRAWER_HANDLER_KEY, ii as DrawerMenu, Ir as FloatingMenu, wr as IconMenu, he as LAYOUT_CONTEXT_KEY, ce as LAYOUT_MODES, ai as MenuTrigger, oe as PRESET_COLORS, $ as ResponsiveMenu, ur as SettingsDrawer, qr as SideMenu, se as THEME_PRESETS, ue as TRANSITION_MAP, fe as adjustColor, pe as createSettingsStore, oi as setupLayout, Z as useLayoutCache, Y as useLayoutContext, Me as useMenuSplit, me as useSettingsStore };
+export { an as BORDER_RADIUS_MAP, Mr as BrandLogo, sn as COLOR_SWATCHES, Qt as C_CardLayout, Qt as CardLayout, en as C_LayoutContainer, Ke as C_MixLayout, Ke as MixLayout, lt as C_MixTopLayout, lt as MixTopLayout, jt as C_ReverseHorizontalMixLayout, jt as ReverseHorizontalMixLayout, pe as C_SideLayout, pe as SideLayout, Oe as C_TopLayout, Oe as TopLayout, X as DEFAULT_BRAND_CONFIG, $ as DEFAULT_SETTINGS, ue as DRAWER_HANDLER_KEY, yi as DrawerMenu, Xr as FloatingMenu, Rr as IconMenu, J as LAYOUT_CONTEXT_KEY, rn as LAYOUT_MODES, ce as LAYOUT_SETTINGS_KEY, le as MENU_COLLAPSE_KEY, bi as MenuTrigger, tn as PRESET_COLORS, _e as ResponsiveMenu, dn as SETTINGS_CONFIG_SCHEMA_VERSION, wr as SettingsDrawer, si as SideMenu, nn as THEME_PRESETS, on as TRANSITION_MAP, mn as adjustColor, hn as createSettingsStore, de as provideLayoutContext, pn as sanitizeLayoutSettingsConfig, fn as sanitizeSettingsPatch, xi as setupLayout, fe as shouldCacheRoute, Z as useLayoutCache, Y as useLayoutContext, Ae as useMenuSplit, gn as useSettingsStore };
 
 //# sourceMappingURL=index.js.map