@robot-admin/layout 2.3.0 → 2.3.2

package/dist/index.js

@@ -1,9 +1,9 @@
-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, 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, withKeys as M, withModifiers as N } from "vue";
+import { defineStore as P } from "pinia";
+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 ee, NMenu as te, NRadioButton as U, NRadioGroup as W, 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 = [
+var se = [
 	{
 		name: "拂晓蓝",
 		value: "#409eff"
@@ -36,7 +36,7 @@ var oe = [
 		name: "酱紫",
 		value: "#722ed1"
 	}
-], se = [
+], ce = [
 	{
 		name: "科技蓝",
 		icon: "💙",
@@ -67,7 +67,7 @@ var oe = [
 		icon: "❤️",
 		primaryColor: "#f5222d"
 	}
-], ce = [
+], le = [
 	{
 		mode: "side",
 		label: "左侧菜单",
@@ -104,11 +104,11 @@ var oe = [
 		description: "卡片式布局风格",
 		icon: "i-mdi:card-outline"
 	}
-], le = {
+], ue = {
 	small: "4px",
 	medium: "6px",
 	large: "8px"
-}, ue = {
+}, de = {
 	fade: "fade-transform",
 	slide: "fade-slide",
 	zoom: "fade-zoom",
@@ -133,24 +133,109 @@ var oe = [
 	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")}`;
+	version: "2.3.2"
+}, fe = se.map((e) => e.value), pe = {
+	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"
+	])
+}, me = new Set([
+	"enableTransition",
+	"collapsed",
+	"fixedHeader",
+	"showBreadcrumb",
+	"showBreadcrumbIcon",
+	"showTagsView",
+	"showFooter",
+	"enableHotkeys"
+]), he = {
+	tagsViewHeight: [24, 100],
+	sidebarWidth: [120, 480],
+	sidebarCollapsedWidth: [32, 160],
+	headerHeight: [32, 160]
+};
+function ge(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(pe)) {
+		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 me) {
+		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(he)) {
+		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 pe(e = {}) {
-	let { defaults: t = {}, onThemeModeChange: n } = e, i = {
+function _e(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")}`;
+}
+function ve(e = {}) {
+	let { id: t = "settings", defaults: n = {}, onThemeModeChange: i } = e;
+	if (typeof t != "string" || !t.trim()) throw RangeError("Settings store id 不能为空");
+	let a = {
 		...J,
-		...t
+		...ge(n)
 	};
-	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(() => ({
+	return P(t, () => {
+		let e = x(a.themeMode), t = x(a.primaryColor), n = x(a.borderRadius), o = x(a.transitionType), s = x(a.enableTransition), c = x(a.layoutMode), l = x(a.menuExpandMode), u = x(a.collapsed), d = x(a.fixedHeader), f = x(a.showBreadcrumb), p = x(a.showBreadcrumbIcon), m = x(a.showTagsView), h = x(a.tagsViewHeight), g = x(a.tagsViewStyle), _ = x(a.showFooter), v = x(a.sidebarWidth), y = x(a.sidebarCollapsedWidth), b = x(a.headerHeight), S = x(a.enableHotkeys), C = x(a.version), w = r(() => ue[n.value]), T = r(() => de[o.value]), E = r(() => s.value && o.value !== "none"), D = r(() => ({
 			themeMode: e.value,
 			primaryColor: t.value,
-			borderRadius: a.value,
+			borderRadius: n.value,
 			transitionType: o.value,
 			enableTransition: s.value,
 			layoutMode: c.value,
@@ -171,7 +256,7 @@ function pe(e = {}) {
 		})), 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`);
+			e.style.setProperty("--primary-color", t.value), e.style.setProperty("--primary-color-hover", _e(t.value, 10)), e.style.setProperty("--primary-color-pressed", _e(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,
@@ -185,7 +270,7 @@ function pe(e = {}) {
 		}, { immediate: !0 }), {
 			themeMode: e,
 			primaryColor: t,
-			borderRadius: a,
+			borderRadius: n,
 			transitionType: o,
 			enableTransition: s,
 			layoutMode: c,
@@ -209,13 +294,20 @@ function pe(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));
+				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 = 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;
+				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, S.value = a.enableHotkeys;
 			},
 			updateThemeMode: async (t) => {
-				e.value = t, n && await n(t);
+				if (!pe.themeMode.has(t)) throw RangeError(`未知的主题模式: ${String(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;
@@ -223,9 +315,9 @@ function pe(e = {}) {
 		};
 	});
 }
-var me = pe(), he = Symbol("layout-context"), ge = Symbol("drawer-handlers");
+var ye = ve(), be = Symbol("layout-context"), xe = Symbol("drawer-handlers");
 function Y() {
-	let e = p(he);
+	let e = p(be);
 	if (!e) throw Error("[Layout] LayoutContext not provided. 请在上层组件中使用 provide(LAYOUT_CONTEXT_KEY, ...) 注入布局数据。");
 	return e;
 }
@@ -241,27 +333,29 @@ var X = {
 //#endregion
 //#region src/composables/useLayoutCache.ts
 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) => {
+	let { maxCacheCount: t = 20, enableDevLog: n = !1, exposeToWindow: r = !1 } = 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(), n && console.debug(`[KeepAlive] ✅ 缓存: ${e} (${a.value.length}/${o.value})`));
+	}, l = (e) => {
+		let t = a.value.indexOf(e);
+		t > -1 && (a.value.splice(t, 1), n && console.debug(`[KeepAlive] ❌ 移除: ${e}`));
+	}, u = () => {
+		a.value = [], n && console.debug("[KeepAlive] 🗑️ 清空所有缓存");
+	}, d = () => a.value;
+	return r && typeof window < "u" && (window.__clearCache__ = u, window.__removeCache__ = l, window.__getCachedViews__ = d, v(() => {
+		window.__clearCache__ === u && delete window.__clearCache__, window.__removeCache__ === l && delete window.__removeCache__, window.__getCachedViews__ === d && delete window.__getCachedViews__;
+	})), A(() => i.name, (e) => {
 		e && typeof e == "string" && c(e);
 	}, { immediate: !0 }), {
 		cachedViews: a,
 		maxCacheCount: o,
 		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 Se = /* @__PURE__ */ d({
 	name: "SideLayout",
 	__name: "index",
 	props: { collapsed: {
@@ -285,8 +379,8 @@ var _e = /* @__PURE__ */ d({
 			}
 		}), (e, r) => {
 			let a = w("RouterView");
-			return y(), i(O(B), { "has-sider": "" }, {
-				default: j(() => [u(O(H), {
+			return y(), i(O(V), { "has-sider": "" }, {
+				default: j(() => [u(O(ee), {
 					bordered: "",
 					"collapse-mode": "width",
 					"collapsed-width": O(l).sidebarCollapsedWidth.value,
@@ -307,10 +401,10 @@ var _e = /* @__PURE__ */ d({
 					"width",
 					"collapsed",
 					"class"
-				]), u(O(B), null, {
+				]), u(O(V), null, {
 					default: j(() => [
 						C(e.$slots, "header"),
-						u(O(V), { class: "content-with-header p16px app-content" }, {
+						u(O(H), { 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,
@@ -334,10 +428,10 @@ var _e = /* @__PURE__ */ d({
 			});
 		};
 	}
-}), ve = {
+}), Ce = {
 	ref: "visibleRef",
 	class: "responsive-menu__visible"
-}, ye = { class: "responsive-menu__more" }, be = /* @__PURE__ */ d({
+}, we = { class: "responsive-menu__more" }, Te = /* @__PURE__ */ d({
 	name: "ResponsiveMenu",
 	__name: "index",
 	props: { data: {} },
@@ -414,7 +508,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 +519,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;
 			}
@@ -443,18 +537,18 @@ var _e = /* @__PURE__ */ d({
 			}
 			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 = window.setTimeout(() => L(), 100);
 		}, V = null;
 		return _(() => {
 			m(() => L()), T.value && (V = new ResizeObserver(() => B()), V.observe(T.value));
 		}), v(() => {
-			V?.disconnect(), z && clearTimeout(z);
+			V?.disconnect(), R && clearTimeout(R);
 		}), A(() => t.data, () => m(() => L()), { deep: !0 }), (e, t) => (y(), o("div", {
 			ref_key: "containerRef",
 			ref: T,
 			class: "responsive-menu"
-		}, [s("div", ve, [k.value.length > 0 ? (y(), i(O(ee), {
+		}, [s("div", Ce, [k.value.length > 0 ? (y(), i(O(te), {
 			key: 0,
 			mode: "horizontal",
 			value: p.value,
@@ -465,14 +559,14 @@ var _e = /* @__PURE__ */ d({
 			"value",
 			"options",
 			"theme-overrides"
-		])) : a("", !0)], 512), D.value.length > 0 ? (y(), i(O(R), {
+		])) : a("", !0)], 512), D.value.length > 0 ? (y(), i(O(z), {
 			key: 0,
 			options: M.value,
 			placement: "bottom-end",
 			trigger: "hover",
 			onSelect: N
 		}, {
-			default: j(() => [s("div", ye, [u(O(P), {
+			default: j(() => [s("div", we, [u(O(F), {
 				text: "",
 				class: "responsive-menu__more-btn"
 			}, {
@@ -490,15 +584,15 @@ 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 = [
+}, $ = /* @__PURE__ */ Q(Te, [["__scopeId", "data-v-d329131b"]]), Ee = { class: "top-layout-container" }, De = { class: "navbar-left" }, Oe = { class: "logo-container" }, ke = [
 	"src",
 	"width",
 	"height"
-], Te = [
+], Ae = [
 	"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({
+], je = { class: "brand-name" }, Me = { class: "brand-title" }, Ne = { class: "brand-subtitle" }, Pe = { class: "navbar-center" }, Fe = { class: "page-content" }, Ie = /* @__PURE__ */ d({
 	name: "TopLayout",
 	__name: "index",
 	setup(e) {
@@ -508,10 +602,10 @@ var _e = /* @__PURE__ */ d({
 		};
 		return (e, r) => {
 			let c = w("RouterView");
-			return y(), o("div", xe, [
+			return y(), o("div", Ee, [
 				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", {
+					s("div", De, [C(e.$slots, "logo", {}, () => [
+						s("div", Oe, [r[0] ||= s("div", { class: "logo-glow" }, null, -1), x.logoType === "video" ? (y(), o("video", {
 							key: 0,
 							src: x.logoSrc,
 							width: x.logoSize || 36,
@@ -521,17 +615,17 @@ var _e = /* @__PURE__ */ d({
 							muted: "",
 							playsinline: "",
 							class: "logo-video"
-						}, " 您的浏览器不支持 video 标签。 ", 8, we)) : (y(), o("img", {
+						}, " 您的浏览器不支持 video 标签。 ", 8, ke)) : (y(), 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)]),
+						}, null, 8, Ae))]),
+						s("div", je, [s("span", Me, E(x.name), 1), s("span", Ne, E(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"])])]),
+					s("div", Pe, [C(e.$slots, "menu", {}, () => [u($, { data: p.value }, null, 8, ["data"])])]),
 					C(e.$slots, "header-extra")
 				], 2),
 				m.value ? (y(), o("div", {
@@ -539,9 +633,9 @@ var _e = /* @__PURE__ */ d({
 					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, {
+				u(O(V), null, {
+					default: j(() => [u(O(H), { class: "main-content" }, {
+						default: j(() => [s("div", Fe, [u(c, null, {
 							default: j(({ Component: e, route: r }) => [u(n, {
 								name: b.value,
 								mode: "out-in"
@@ -564,59 +658,58 @@ 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 Le(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 Re(e) {
+	let { menus: t, floatingSecondMenu: n = !1 } = e, i = K(), a = q(), o = x(""), s = x(null), c = x(!1), l = r(() => s.value || f.value || null), u = (e) => Le(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) => {
+	}, f = r(() => t.value.find((e) => e.path === o.value)), p = r(() => f.value?.children || []), m = (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) => {
+	}, h = (e) => {
 		e.path && a.push(e.path);
-	}, v = () => {
-		let e = t.value, r = f(e);
+	}, g = () => {
+		let e = t.value, r = d(e);
 		r ? (o.value = r.path || "", D(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 A(() => i.path, () => g(), { immediate: !0 }), A(t, (e) => {
+		e && e.length > 0 && g();
+	}, { immediate: !0 }), _(() => 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 ze = { class: "mix-layout-container" }, Be = { class: "logo-container" }, Ve = [
 	"src",
 	"width",
 	"height"
-], Ie = [
+], He = [
 	"src",
 	"width",
 	"height"
-], Le = { class: "first-menu-list" }, Re = ["onClick"], ze = { class: "menu-item-content" }, Be = {
+], Ue = { class: "first-menu-list" }, We = ["onClick"], Ge = { class: "menu-item-content" }, Ke = {
 	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({
+}, qe = { class: "menu-item-label" }, Je = { class: "second-menu-header" }, Ye = { class: "menu-title" }, Xe = { class: "second-menu-list" }, Ze = ["onClick"], Qe = { class: "menu-item-label" }, $e = { class: "main-layout" }, et = /* @__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 = {
 			...X,
 			...l.brand
-		}, D = Me({
+		}, D = Re({
 			menus: l.menus,
 			floatingSecondMenu: r(() => !0)
 		}), k = l.iconComponent ?? d({
@@ -642,8 +735,8 @@ 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", {
+			return y(), o("div", ze, [
+				s("div", { class: h(["first-level-menu", [O(g) ? "dark-theme" : "light-theme"]]) }, [s("div", Be, [C(r.$slots, "logo", {}, () => [c[0] ||= s("div", { class: "logo-glow" }, null, -1), x.logoType === "video" ? (y(), o("video", {
 					key: 0,
 					src: x.logoSrc,
 					width: x.logoSize || 40,
@@ -653,30 +746,30 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					muted: "",
 					playsinline: "",
 					class: "logo-video"
-				}, " 您的浏览器不支持 video 标签。 ", 8, Fe)) : (y(), o("img", {
+				}, " 您的浏览器不支持 video 标签。 ", 8, Ve)) : (y(), 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", {
+				}, null, 8, He))])]), s("div", Ue, [(y(!0), o(e, null, S(_.value, (e) => (y(), 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)), {
+				}, [s("div", Ge, [e.meta?.icon ? (y(), i(T(O(k)), {
 					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"])) : (y(), o("span", Ke, E((e.meta?.title || "")[0]), 1))]), s("span", qe, E(e.meta?.title), 1)], 10, We))), 128))])], 2),
 				u(n, { name: "slide-fade" }, {
 					default: j(() => [O(D).showSecondMenu.value ? (y(), 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)), {
+					}, [s("div", Je, [O(D).displayMenuItem.value?.meta?.icon ? (y(), i(T(O(k)), {
 						key: 0,
 						name: O(D).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", Ye, E(O(D).displayMenuItem.value?.meta?.title), 1)]), s("div", Xe, [(y(!0), o(e, null, S(O(D).displayMenuItem.value?.children || [], (e) => (y(), o("div", {
 						key: e.path,
 						class: h(["second-menu-item", { active: O(D).isMenuItemActive(e.path) }]),
 						onClick: (t) => O(D).handleSecondMenuClick(e)
@@ -684,11 +777,11 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 						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", Qe, E(e.meta?.title), 1)], 10, Ze))), 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" }, {
+				s("div", $e, [C(r.$slots, "header"), u(O(V), null, {
+					default: j(() => [u(O(H), { class: "content-with-header p16px app-content" }, {
 						default: j(() => [u(l, null, {
 							default: j(({ Component: e, route: r }) => [u(n, {
 								name: b.value,
@@ -709,25 +802,25 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			]);
 		};
 	}
-}), Ye = { class: "mix-top-layout-container" }, Xe = { class: "logo-container" }, Ze = [
+}), tt = { class: "mix-top-layout-container" }, nt = { class: "logo-container" }, rt = [
 	"src",
 	"width",
 	"height"
-], Qe = [
+], it = [
 	"src",
 	"width",
 	"height"
-], $e = { class: "first-menu-list" }, et = ["onClick"], tt = { class: "menu-item-content" }, nt = {
+], at = { class: "first-menu-list" }, ot = ["onClick"], st = { class: "menu-item-content" }, ct = {
 	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({
+}, lt = { class: "menu-item-label" }, ut = { class: "main-area" }, dt = { class: "navbar-left" }, ft = { class: "brand-name" }, pt = { class: "brand-title" }, mt = { class: "brand-subtitle" }, ht = { class: "navbar-center" }, gt = { class: "page-content" }, _t = /* @__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 = {
 			...X,
 			...l.brand
-		}, M = Me({
+		}, M = Re({
 			menus: l.menus,
 			floatingSecondMenu: r(() => !1)
 		}), N = l.iconComponent ?? d({
@@ -753,7 +846,7 @@ 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", {
+			return y(), o("div", tt, [s("div", { class: h(["first-level-sidebar", [O(_) ? "dark-theme" : "light-theme"]]) }, [s("div", nt, [C(r.$slots, "logo", {}, () => [c[0] ||= s("div", { class: "logo-glow" }, null, -1), A.logoType === "video" ? (y(), o("video", {
 				key: 0,
 				src: A.logoSrc,
 				width: A.logoSize || 40,
@@ -763,24 +856,24 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				muted: "",
 				playsinline: "",
 				class: "logo-video"
-			}, " 您的浏览器不支持 video 标签。 ", 8, Ze)) : (y(), o("img", {
+			}, " 您的浏览器不支持 video 标签。 ", 8, rt)) : (y(), 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", {
+			}, null, 8, it))])]), s("div", at, [(y(!0), o(e, null, S(v.value, (e) => (y(), 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)), {
+			}, [s("div", st, [e.meta?.icon ? (y(), i(T(O(N)), {
 				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, [
+			}, null, 8, ["name"])) : (y(), o("span", ct, E((e.meta?.title || "")[0]), 1))]), s("span", lt, E(e.meta?.title), 1)], 10, ot))), 128))])], 2), s("div", ut, [
 				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($, {
+					s("div", dt, [C(r.$slots, "brand", {}, () => [s("div", ft, [s("span", pt, E(A.name), 1), s("span", mt, E(A.subtitle), 1)]), c[1] ||= s("div", { class: "navbar-divider" }, null, -1)])]),
+					s("div", ht, [C(r.$slots, "top-menu", {}, () => [O(M).currentSecondMenus.value.length > 0 ? (y(), i($, {
 						key: 0,
 						data: O(M).currentSecondMenus.value
 					}, null, 8, ["data"])) : a("", !0)])]),
@@ -791,9 +884,9 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					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, {
+				u(O(V), { class: "content-layout" }, {
+					default: j(() => [u(O(H), { class: "main-content" }, {
+						default: j(() => [s("div", gt, [u(l, null, {
 							default: j(({ Component: e, route: r }) => [u(n, {
 								name: k.value,
 								mode: "out-in"
@@ -813,25 +906,25 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			])]);
 		};
 	}
-}), ft = { class: "reverse-horizontal-mix-layout-container" }, pt = { class: "navbar-left" }, mt = { class: "logo-container" }, ht = [
+}), vt = { class: "reverse-horizontal-mix-layout-container" }, yt = { class: "navbar-left" }, bt = { class: "logo-container" }, xt = [
 	"src",
 	"width",
 	"height"
-], gt = [
+], St = [
 	"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 = {
+], Ct = { class: "brand-name" }, wt = { class: "brand-title" }, Tt = { class: "brand-subtitle" }, Et = { class: "navbar-center" }, Dt = { class: "main-area" }, Ot = { class: "page-content" }, kt = { class: "header-icon" }, At = { class: "header-title" }, jt = { class: "sidebar-menu-list" }, Mt = {
 	key: 0,
 	class: "menu-group"
-}, Dt = { class: "group-title" }, Ot = ["onClick"], kt = { class: "item-title" }, At = ["onClick"], jt = { class: "item-title" }, Mt = /* @__PURE__ */ d({
+}, Nt = { class: "group-title" }, Pt = ["onClick"], Ft = { class: "item-title" }, It = ["onClick"], Lt = { class: "item-title" }, Rt = /* @__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 = {
 			...X,
 			...l.brand
-		}, N = Me({
+		}, N = Re({
 			menus: l.menus,
 			floatingSecondMenu: r(() => !1)
 		}), P = x(!1), F = () => {
@@ -859,10 +952,10 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 		});
 		return (r, c) => {
 			let l = w("RouterView");
-			return y(), o("div", ft, [
+			return y(), o("div", vt, [
 				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", {
+					s("div", yt, [C(r.$slots, "logo", {}, () => [
+						s("div", bt, [c[0] ||= s("div", { class: "logo-glow" }, null, -1), M.logoType === "video" ? (y(), o("video", {
 							key: 0,
 							src: M.logoSrc,
 							width: M.logoSize || 36,
@@ -872,17 +965,17 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 							muted: "",
 							playsinline: "",
 							class: "logo-video"
-						}, " 您的浏览器不支持 video 标签。 ", 8, ht)) : (y(), o("img", {
+						}, " 您的浏览器不支持 video 标签。 ", 8, xt)) : (y(), 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)]),
+						}, null, 8, St))]),
+						s("div", Ct, [s("span", wt, E(M.name), 1), s("span", Tt, E(M.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"])])]),
+					s("div", Et, [C(r.$slots, "top-menu", {}, () => [u($, { data: v.value }, null, 8, ["data"])])]),
 					C(r.$slots, "header-extra")
 				], 2),
 				b.value ? (y(), o("div", {
@@ -890,10 +983,10 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					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, {
+				s("div", Dt, [
+					u(O(V), { class: "content-layout" }, {
+						default: j(() => [u(O(H), { class: "main-content" }, {
+							default: j(() => [s("div", Ot, [u(l, null, {
 								default: j(({ Component: e, route: r }) => [u(n, {
 									name: A.value,
 									mode: "out-in"
@@ -922,11 +1015,11 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					O(N).currentSecondMenus.value.length > 0 ? (y(), 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)), {
+					}, [s("div", { class: h(["right-sidebar", [O(_) ? "dark-theme" : "light-theme"]]) }, [s("div", { class: h(["sidebar-header", [O(_) ? "dark-theme" : "light-theme"]]) }, [s("div", kt, [O(N).activeFirstMenuItem.value?.meta?.icon ? (y(), i(T(O(I)), {
 						key: 0,
 						name: O(N).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", At, E(O(N).activeFirstMenuItem.value?.meta?.title || "菜单"), 1)], 2), s("div", jt, [(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", Mt, [s("div", Nt, [t.meta?.icon ? (y(), i(T(O(I)), {
 						key: 0,
 						name: t.meta.icon,
 						size: 16
@@ -938,7 +1031,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 						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", Ft, E(e.meta?.title), 1)], 10, Pt))), 128))])) : (y(), o("div", {
 						key: 1,
 						class: h(["menu-item", { active: O(N).isMenuItemActive(t.path) }]),
 						onClick: (e) => O(N).handleSecondMenuClick(t)
@@ -946,26 +1039,26 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 						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", Lt, E(t.meta?.title), 1)], 10, It))], 64))), 128))])], 2)], 2)) : a("", !0)
 				])
 			]);
 		};
 	}
-}), Nt = { class: "card-layout-container" }, Pt = { class: "navbar-left" }, Ft = { class: "logo-container" }, It = [
+}), zt = { class: "card-layout-container" }, Bt = { class: "navbar-left" }, Vt = { class: "logo-container" }, Ht = [
 	"src",
 	"width",
 	"height"
-], Lt = [
+], Ut = [
 	"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 = {
+], Wt = { class: "brand-name" }, Gt = { class: "brand-title" }, Kt = { class: "brand-subtitle" }, qt = { class: "drawer-content" }, Jt = { class: "menu-grid" }, Yt = ["onClick"], Xt = {
 	key: 0,
 	class: "category-items"
-}, Gt = ["onClick"], Kt = { class: "item-title" }, qt = {
+}, Zt = ["onClick"], Qt = { class: "item-title" }, $t = {
 	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({
+}, en = { class: "submenu-title" }, tn = ["onClick"], nn = { class: "item-title" }, rn = { class: "main-content-area" }, an = { class: "page-content" }, on = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "CardLayout",
 	__name: "index",
 	setup(c) {
@@ -980,7 +1073,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			I.value &&= (clearTimeout(I.value), null), F.value = !0;
 		}, z = (e) => {
 			e.path && (_.push(e.path), F.value = !1);
-		}, H = l.iconComponent ?? d({
+		}, B = l.iconComponent ?? d({
 			name: "LayoutIcon",
 			props: {
 				name: String,
@@ -1005,8 +1098,8 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			I.value && clearTimeout(I.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", {
+			return y(), o("div", zt, [
+				s("div", { class: h(["top-navbar", [O(b) ? "dark-theme" : "light-theme"]]) }, [s("div", Bt, [s("div", {
 					class: "hover-trigger-area",
 					onMouseenter: R,
 					onMouseleave: L
@@ -1015,7 +1108,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					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", {
+					s("div", Vt, [c[1] ||= s("div", { class: "logo-glow" }, null, -1), P.logoType === "video" ? (y(), o("video", {
 						key: 0,
 						src: P.logoSrc,
 						width: P.logoSize || 36,
@@ -1025,14 +1118,14 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 						muted: "",
 						playsinline: "",
 						class: "logo-video"
-					}, " 您的浏览器不支持 video 标签。 ", 8, It)) : (y(), o("img", {
+					}, " 您的浏览器不支持 video 标签。 ", 8, Ht)) : (y(), 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)]),
+					}, null, 8, Ut))]),
+					s("div", Wt, [s("span", Gt, E(P.name), 1), s("span", Kt, E(P.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", {
@@ -1049,36 +1142,36 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					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", qt, [s("div", Jt, [(y(!0), o(e, null, S(D.value, (t) => (y(), 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)), {
+				}, [t.meta?.icon ? (y(), i(T(O(B)), {
 					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, E(t.meta?.title), 1)], 8, Yt), t.children && t.children.length > 0 ? (y(), o("div", Xt, [(y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
 					key: e.path,
 					class: "menu-item",
 					onClick: (t) => z(e)
-				}, [e.meta?.icon ? (y(), i(T(O(H)), {
+				}, [e.meta?.icon ? (y(), i(T(O(B)), {
 					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", Qt, E(e.meta?.title), 1)], 8, Zt))), 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", $t, [s("div", en, E(t.meta?.title), 1), (y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
 					key: e.path,
 					class: "menu-item submenu-item",
 					onClick: (t) => z(e)
-				}, [e.meta?.icon ? (y(), i(T(O(H)), {
+				}, [e.meta?.icon ? (y(), i(T(O(B)), {
 					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, {
+				}, null, 8, ["name"])) : a("", !0), s("span", nn, E(e.meta?.title), 1)], 8, tn))), 128))])) : a("", !0)], 64))), 128))])) : a("", !0)]))), 128))])])], !0)], 34),
+				s("div", rn, [u(O(V), { class: "content-layout" }, {
+					default: j(() => [u(O(H), { class: "main-content p16px app-content" }, {
+						default: j(() => [s("div", an, [u(l, null, {
 							default: j(({ Component: e, route: r }) => [u(n, {
 								name: N.value,
 								mode: "out-in"
@@ -1098,20 +1191,20 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-3e4915c5"]]), en = {
+}), [["__scopeId", "data-v-3e4915c5"]]), sn = {
 	key: 6,
 	class: "layout-coming-soon"
-}, tn = /* @__PURE__ */ d({
+}, cn = /* @__PURE__ */ d({
 	name: "C_LayoutContainer",
 	__name: "index",
 	setup(e) {
-		let t = me(), n = Y(), a = r(() => t.layoutMode), l = n.isDark, u = x(!1);
+		let t = ye(), n = Y(), a = r(() => t.layoutMode), l = n.isDark, u = x(!1);
 		return b("menuCollapse", {
 			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, {
+		}), (e, t) => (y(), o("div", { class: h(["layout-container", O(l) ? "dark-mode" : "light-mode"]) }, [a.value === "side" ? (y(), i(Se, {
 			key: 0,
 			collapsed: u.value,
 			"onUpdate:collapsed": t[0] ||= (e) => u.value = e
@@ -1124,7 +1217,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			name: "logo",
 			fn: j(() => [C(e.$slots, "logo")]),
 			key: "0"
-		} : void 0]), 1032, ["collapsed"])) : a.value === "top" ? (y(), i(je, { key: 1 }, c({ _: 2 }, [
+		} : void 0]), 1032, ["collapsed"])) : a.value === "top" ? (y(), i(Ie, { key: 1 }, c({ _: 2 }, [
 			e.$slots.logo ? {
 				name: "logo",
 				fn: j(() => [C(e.$slots, "logo")]),
@@ -1150,7 +1243,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				fn: j(() => [C(e.$slots, "footer")]),
 				key: "4"
 			} : void 0
-		]), 1024)) : a.value === "mix" ? (y(), i(Je, { key: 2 }, c({
+		]), 1024)) : a.value === "mix" ? (y(), i(et, { key: 2 }, c({
 			header: j(() => [C(e.$slots, "header")]),
 			_: 2
 		}, [e.$slots.logo ? {
@@ -1161,7 +1254,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			name: "footer",
 			fn: j(() => [C(e.$slots, "footer")]),
 			key: "1"
-		} : void 0]), 1024)) : a.value === "mix-top" ? (y(), i(dt, { key: 3 }, c({ _: 2 }, [
+		} : void 0]), 1024)) : a.value === "mix-top" ? (y(), i(_t, { key: 3 }, c({ _: 2 }, [
 			e.$slots.logo ? {
 				name: "logo",
 				fn: j(() => [C(e.$slots, "logo")]),
@@ -1192,7 +1285,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				fn: j(() => [C(e.$slots, "footer")]),
 				key: "5"
 			} : void 0
-		]), 1024)) : a.value === "reverse-horizontal-mix" ? (y(), i(Mt, { key: 4 }, c({ _: 2 }, [
+		]), 1024)) : a.value === "reverse-horizontal-mix" ? (y(), i(Rt, { key: 4 }, c({ _: 2 }, [
 			e.$slots.logo ? {
 				name: "logo",
 				fn: j(() => [C(e.$slots, "logo")]),
@@ -1218,7 +1311,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				fn: j(() => [C(e.$slots, "footer")]),
 				key: "4"
 			} : void 0
-		]), 1024)) : a.value === "card-layout" ? (y(), i($t, { key: 5 }, c({ _: 2 }, [
+		]), 1024)) : a.value === "card-layout" ? (y(), i(on, { key: 5 }, c({ _: 2 }, [
 			e.$slots["menu-trigger"] ? {
 				name: "menu-trigger",
 				fn: j(() => [C(e.$slots, "menu-trigger")]),
@@ -1249,9 +1342,9 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				fn: j(() => [C(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)) : (y(), o("div", sn, [...t[1] ||= [s("div", { class: "coming-soon-content" }, [s("div", { class: "coming-soon-icon" }, "🚧"), s("div", { class: "coming-soon-title" }, "布局开发中")], -1)]]))], 2));
 	}
-}), nn = [
+}), ln = [
 	{
 		label: "左侧菜单（默认）",
 		value: "side",
@@ -1288,21 +1381,31 @@ 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 = {
+], un = { class: "settings-section" }, dn = { class: "preset-grid" }, fn = [
+	"aria-pressed",
+	"onClick",
+	"onKeydown"
+], pn = { class: "preset-icon" }, mn = { class: "preset-name" }, hn = { class: "preset-color" }, gn = { class: "settings-section" }, _n = { class: "settings-section" }, vn = { class: "color-picker-wrapper" }, yn = { class: "color-value" }, bn = { class: "settings-section" }, xn = { class: "settings-section" }, Sn = { class: "flex items-center justify-between mb-2" }, Cn = { class: "settings-section" }, wn = { class: "settings-section" }, Tn = { class: "layout-grid" }, En = [
+	"tabindex",
+	"aria-disabled",
+	"aria-pressed",
+	"onClick",
+	"onKeydown"
+], Dn = { class: "layout-screenshot" }, On = {
 	class: "layout-svg",
 	viewBox: "0 0 56 48",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg"
-}, Cn = ["innerHTML"], wn = { class: "layout-label" }, Tn = {
+}, kn = ["innerHTML"], An = { class: "layout-label" }, jn = {
 	key: 0,
 	class: "badge-soon"
-}, En = {
+}, Mn = {
 	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 = {
+}, Nn = { class: "settings-section" }, Pn = { class: "setting-item" }, Fn = { class: "setting-item" }, In = { class: "setting-item" }, Ln = { class: "setting-item" }, Rn = { class: "settings-section" }, zn = { class: "slider-item" }, Bn = { class: "slider-label" }, Vn = { class: "slider-value" }, Hn = { class: "slider-item" }, Un = { class: "slider-label" }, Wn = { class: "slider-value" }, Gn = { class: "settings-section" }, Kn = { class: "settings-section" }, qn = { class: "action-buttons-grid" }, Jn = { class: "settings-section" }, Yn = { class: "action-buttons-grid" }, Xn = { class: "settings-section" }, Zn = { class: "setting-item" }, Qn = { class: "setting-item" }, $n = { class: "settings-section" }, er = { class: "setting-item" }, tr = {
 	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({
+}, nr = { class: "settings-section" }, rr = { class: "system-info" }, 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 = { class: "info-item" }, dr = { class: "info-value" }, fr = { class: "info-item" }, pr = { class: "info-value" }, mr = { class: "info-item" }, hr = { class: "info-value" }, gr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	__name: "index",
 	props: {
 		show: {
@@ -1313,10 +1416,14 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 	},
 	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) => {
+		let n = oe(), c = ae(), d = ye(), 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 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 = `
+			let t = document.createElement("canvas"), r = t.getContext("2d");
+			if (!r) {
+				n.error("当前浏览器无法创建水印画布");
+				return;
+			}
+			t.width = 200, t.height = 150, r.font = "14px Microsoft JhengHei", r.fillStyle = "rgba(120, 120, 120, 0.15)", r.rotate(-20 * Math.PI / 180), r.fillText(e, 0, 80), w = document.createElement("div"), w.style.cssText = `
     position: fixed;
     top: 0;
     left: 0;
@@ -1340,7 +1447,15 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 		}), A(C, (e) => {
 			b.value && T(e);
 		});
-		let N = r(() => {
+		let P = 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"), {
 				browser: t,
@@ -1354,15 +1469,21 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 		v(() => {
 			D();
 		});
-		let R = (e, t) => {
+		let z = (e, t) => {
 			t || (d.layoutMode = e);
-		}, B = (e) => d.primaryColor === e.primaryColor, V = (e) => {
+		}, V = (e) => d.primaryColor === e.primaryColor, H = (e) => {
 			d.applyPreset(e), n.success(`已应用「${e.name}」主题方案`);
-		}, H = () => {
+		}, ee = async (e) => {
+			try {
+				await d.updateThemeMode(e);
+			} catch {
+				n.error("主题模式切换失败");
+			}
+		}, te = () => {
 			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 = () => {
+			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("已恢复布局默认设置");
+		}, q = () => {
 			c.warning({
 				title: "确认重置",
 				content: "确定要恢复默认配置吗？此操作不可撤销。",
@@ -1372,7 +1493,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					d.resetSettings(), n.success("已恢复默认配置");
 				}
 			});
-		}, q = () => {
+		}, se = () => {
 			c.warning({
 				title: "确认清除",
 				content: "确定要清除浏览器缓存吗？",
@@ -1385,9 +1506,9 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 					}), sessionStorage.clear(), n.success("缓存已清除");
 				}
 			});
-		}, oe = () => {
+		}, le = () => {
 			location.reload();
-		}, ce = () => {
+		}, ue = () => {
 			let e = {
 				settings: d.settingsState,
 				gray: m.value,
@@ -1399,200 +1520,229 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				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 = () => {
+		}, de = () => {
 			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 (!r || typeof r != "object" || Array.isArray(r)) throw TypeError("配置文件根节点必须是对象");
+					let i = r;
+					if (i.settings !== void 0) {
+						let e = ge(i.settings);
+						e.themeMode !== void 0 && (await d.updateThemeMode(e.themeMode), delete e.themeMode), d.$patch(e);
+					}
+					if (i.gray !== void 0) {
+						if (typeof i.gray != "boolean") throw TypeError("gray");
+						m.value = i.gray;
+					}
+					if (i.colorWeak !== void 0) {
+						if (typeof i.colorWeak != "boolean") throw TypeError("colorWeak");
+						_.value = i.colorWeak;
+					}
+					if (i.watermark !== void 0) {
+						if (!i.watermark || typeof i.watermark != "object" || Array.isArray(i.watermark)) throw TypeError("watermark");
+						let e = i.watermark;
+						if (typeof e.enabled != "boolean" || typeof e.text != "string" || e.text.length > 200) throw TypeError("watermark");
+						b.value = e.enabled, C.value = e.text;
+					}
+					n.success("配置已导入");
 				} catch {
 					n.error("配置文件格式错误");
 				}
 			}, e.click();
 		};
-		return (t, n) => (y(), i(O(I), {
+		return (t, n) => (y(), i(O(L), {
 			show: f.value,
-			"onUpdate:show": n[17] ||= (e) => f.value = e,
+			"onUpdate:show": n[16] ||= (e) => f.value = e,
 			width: 380,
 			placement: "right",
-			"trap-focus": !1,
-			"block-scroll": !1
+			"trap-focus": !0,
+			"block-scroll": !0
 		}, {
-			default: j(() => [u(O(L), {
+			default: j(() => [u(O(R), {
 				title: "⚙️ 布局配置",
 				closable: ""
 			}, {
-				default: j(() => [u(O(re), {
+				default: j(() => [u(O(ie), {
 					value: p.value,
-					"onUpdate:value": n[16] ||= (e) => p.value = e,
+					"onUpdate:value": n[15] ||= (e) => p.value = e,
 					animated: "",
 					class: "settings-tabs"
 				}, {
 					default: j(() => [
-						u(O(ne), {
+						u(O(re), {
 							name: "appearance",
 							tab: "🎨 外观"
 						}, {
 							default: j(() => [
-								s("div", rn, [s("div", an, [(y(!0), o(e, null, S(O(se), (e) => (y(), o("div", {
+								s("div", un, [s("div", dn, [(y(!0), o(e, null, S(O(ce), (e) => (y(), o("div", {
 									key: e.name,
-									class: h(["preset-card", { active: B(e) }]),
-									onClick: (t) => V(e)
+									class: h(["preset-card", { active: V(e) }]),
+									role: "button",
+									tabindex: "0",
+									"aria-pressed": V(e),
+									onClick: (t) => H(e),
+									onKeydown: [M((t) => H(e), ["enter"]), M(N((t) => H(e), ["prevent"]), ["space"])]
 								}, [
-									s("div", sn, E(e.icon), 1),
-									s("div", cn, E(e.name), 1),
-									s("div", ln, [s("span", {
+									s("div", pn, E(e.icon), 1),
+									s("div", mn, E(e.name), 1),
+									s("div", hn, [s("span", {
 										class: "color-dot",
 										style: g({ backgroundColor: e.primaryColor })
 									}, null, 4)])
-								], 10, on))), 128))])]),
-								s("div", un, [n[21] ||= s("div", { class: "section-title" }, "主题模式", -1), u(O(W), {
+								], 42, fn))), 128))])]),
+								s("div", gn, [n[20] ||= 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"
+									class: "mode-group",
+									"onUpdate:value": ee
 								}, {
 									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: j(() => [...n[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)]]),
+											default: j(() => [...n[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(O(U), { value: "system" }, {
+											default: j(() => [...n[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), {
+								s("div", _n, [n[21] ||= s("div", { class: "section-title" }, "主题色", -1), s("div", vn, [u(O(I), {
 									value: O(d).primaryColor,
-									"onUpdate:value": n[1] ||= (e) => O(d).primaryColor = e,
+									"onUpdate:value": n[0] ||= (e) => O(d).primaryColor = e,
 									"show-alpha": !1,
-									swatches: O(de),
+									swatches: O(fe),
 									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), {
+								}, null, 8, ["value", "swatches"]), s("span", yn, E(O(d).primaryColor), 1)])]),
+								s("div", bn, [n[25] ||= s("div", { class: "section-title" }, "圆角大小", -1), u(O(W), {
 									value: O(d).borderRadius,
-									"onUpdate:value": n[2] ||= (e) => O(d).borderRadius = e,
+									"onUpdate:value": n[1] ||= (e) => O(d).borderRadius = e,
 									class: "radius-group"
 								}, {
 									default: j(() => [
 										u(O(U), { value: "small" }, {
-											default: j(() => [...n[23] ||= [l("小 (4px)", -1)]]),
+											default: j(() => [...n[22] ||= [l("小 (4px)", -1)]]),
 											_: 1
 										}),
 										u(O(U), { value: "medium" }, {
-											default: j(() => [...n[24] ||= [l("中 (6px)", -1)]]),
+											default: j(() => [...n[23] ||= [l("中 (6px)", -1)]]),
 											_: 1
 										}),
 										u(O(U), { value: "large" }, {
-											default: j(() => [...n[25] ||= [l("大 (8px)", -1)]]),
+											default: j(() => [...n[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), {
+								s("div", xn, [
+									n[31] ||= s("div", { class: "section-title" }, "页面动画", -1),
+									s("div", Sn, [n[26] ||= s("span", { class: "text-sm" }, "启用动画", -1), u(O(G), {
 										value: O(d).enableTransition,
-										"onUpdate:value": n[3] ||= (e) => O(d).enableTransition = e
+										"onUpdate:value": n[2] ||= (e) => O(d).enableTransition = e
 									}, null, 8, ["value"])]),
 									u(O(W), {
 										value: O(d).transitionType,
-										"onUpdate:value": n[4] ||= (e) => O(d).transitionType = e,
+										"onUpdate:value": n[3] ||= (e) => O(d).transitionType = e,
 										disabled: !O(d).enableTransition,
 										class: "transition-group"
 									}, {
 										default: j(() => [
 											u(O(U), { value: "fade" }, {
-												default: j(() => [...n[28] ||= [l("淡入", -1)]]),
+												default: j(() => [...n[27] ||= [l("淡入", -1)]]),
 												_: 1
 											}),
 											u(O(U), { value: "slide" }, {
-												default: j(() => [...n[29] ||= [l("滑动", -1)]]),
+												default: j(() => [...n[28] ||= [l("滑动", -1)]]),
 												_: 1
 											}),
 											u(O(U), { value: "zoom" }, {
-												default: j(() => [...n[30] ||= [l("缩放", -1)]]),
+												default: j(() => [...n[29] ||= [l("缩放", -1)]]),
 												_: 1
 											}),
 											u(O(U), { value: "none" }, {
-												default: j(() => [...n[31] ||= [l("无", -1)]]),
+												default: j(() => [...n[30] ||= [l("无", -1)]]),
 												_: 1
 											})
 										]),
 										_: 1
 									}, 8, ["value", "disabled"])
 								]),
-								s("div", _n, [u(O(P), {
+								s("div", Cn, [u(O(F), {
 									block: "",
 									secondary: "",
-									onClick: H
+									onClick: te
 								}, {
-									icon: j(() => [...n[33] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
-									default: j(() => [n[34] ||= l(" 恢复外观默认设置 ", -1)]),
+									icon: j(() => [...n[32] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
+									default: j(() => [n[33] ||= l(" 恢复外观默认设置 ", -1)]),
 									_: 1
 								})])
 							]),
 							_: 1
 						}),
-						u(O(ne), {
+						u(O(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", {
+								s("div", wn, [n[34] ||= s("div", { class: "section-title" }, "布局模式", -1), s("div", Tn, [(y(!0), o(e, null, S(O(ln), (e) => (y(), o("div", {
 									key: e.value,
 									class: h(["layout-item", {
 										active: O(d).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), {
+									role: "button",
+									tabindex: e.disabled ? -1 : 0,
+									"aria-disabled": e.disabled,
+									"aria-pressed": O(d).layoutMode === e.value,
+									onClick: N((t) => z(e.value, e.disabled), ["stop"]),
+									onKeydown: [M(N((t) => z(e.value, e.disabled), ["stop"]), ["enter"]), M(N((t) => z(e.value, e.disabled), ["stop", "prevent"]), ["space"])]
+								}, [s("div", Dn, [(y(), o("svg", On, [s("g", { innerHTML: e.svg }, null, 8, kn)]))]), s("div", An, [l(E(e.label) + " ", 1), e.disabled ? (y(), o("span", jn, "敬请期待")) : a("", !0)])], 42, En))), 128))])]),
+								s("div", Mn, [n[37] ||= s("div", { class: "section-title" }, "菜单展开方式", -1), u(O(W), {
 									value: O(d).menuExpandMode,
-									"onUpdate:value": n[5] ||= (e) => O(d).menuExpandMode = e,
+									"onUpdate:value": n[4] ||= (e) => O(d).menuExpandMode = e,
 									class: "menu-expand-group"
 								}, {
 									default: j(() => [u(O(U), { value: "inline" }, {
-										default: j(() => [...n[36] ||= [l("传统展开", -1)]]),
+										default: j(() => [...n[35] ||= [l("传统展开", -1)]]),
 										_: 1
 									}), u(O(U), { value: "panel" }, {
-										default: j(() => [...n[37] ||= [l("右侧面板", -1)]]),
+										default: j(() => [...n[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), {
+								s("div", Nn, [
+									n[42] ||= s("div", { class: "section-title" }, "界面元素", -1),
+									s("div", Pn, [n[38] ||= s("span", null, "显示面包屑", -1), u(O(G), {
 										value: O(d).showBreadcrumb,
-										"onUpdate:value": n[6] ||= (e) => O(d).showBreadcrumb = e
+										"onUpdate:value": n[5] ||= (e) => O(d).showBreadcrumb = e
 									}, null, 8, ["value"])]),
-									s("div", kn, [n[40] ||= s("span", null, "显示面包屑图标", -1), u(O(G), {
+									s("div", Fn, [n[39] ||= s("span", null, "显示面包屑图标", -1), u(O(G), {
 										value: O(d).showBreadcrumbIcon,
-										"onUpdate:value": n[7] ||= (e) => O(d).showBreadcrumbIcon = e,
+										"onUpdate:value": n[6] ||= (e) => O(d).showBreadcrumbIcon = e,
 										disabled: !O(d).showBreadcrumb
 									}, null, 8, ["value", "disabled"])]),
-									s("div", An, [n[41] ||= s("span", null, "显示标签页", -1), u(O(G), {
+									s("div", In, [n[40] ||= s("span", null, "显示标签页", -1), u(O(G), {
 										value: O(d).showTagsView,
-										"onUpdate:value": n[8] ||= (e) => O(d).showTagsView = e
+										"onUpdate:value": n[7] ||= (e) => O(d).showTagsView = e
 									}, null, 8, ["value"])]),
-									s("div", jn, [n[42] ||= s("span", null, "显示页脚", -1), u(O(G), {
+									s("div", Ln, [n[41] ||= s("span", null, "显示页脚", -1), u(O(G), {
 										value: O(d).showFooter,
-										"onUpdate:value": n[9] ||= (e) => O(d).showFooter = e
+										"onUpdate:value": n[8] ||= (e) => O(d).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), {
+								s("div", Rn, [
+									n[45] ||= s("div", { class: "section-title" }, "尺寸调整", -1),
+									s("div", zn, [s("div", Bn, [n[43] ||= s("span", null, "侧边栏宽度", -1), s("span", Vn, E(O(d).sidebarWidth) + "px", 1)]), u(O(ne), {
 										value: O(d).sidebarWidth,
-										"onUpdate:value": n[10] ||= (e) => O(d).sidebarWidth = e,
+										"onUpdate:value": n[9] ||= (e) => O(d).sidebarWidth = e,
 										min: 180,
 										max: 280,
 										step: 10,
@@ -1602,9 +1752,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), {
+									s("div", Hn, [s("div", Un, [n[44] ||= s("span", null, "头部高度", -1), s("span", Wn, E(O(d).headerHeight) + "px", 1)]), u(O(ne), {
 										value: O(d).headerHeight,
-										"onUpdate:value": n[11] ||= (e) => O(d).headerHeight = e,
+										"onUpdate:value": n[10] ||= (e) => O(d).headerHeight = e,
 										min: 48,
 										max: 64,
 										step: 4,
@@ -1615,98 +1765,98 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 										}
 									}, null, 8, ["value"])])
 								]),
-								s("div", zn, [u(O(P), {
+								s("div", Gn, [u(O(F), {
 									block: "",
 									secondary: "",
-									onClick: ee
+									onClick: K
 								}, {
-									icon: j(() => [...n[47] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
-									default: j(() => [n[48] ||= l(" 恢复布局默认设置 ", -1)]),
+									icon: j(() => [...n[46] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
+									default: j(() => [n[47] ||= l(" 恢复布局默认设置 ", -1)]),
 									_: 1
 								})])
 							]),
 							_: 1
 						}),
-						u(O(ne), {
+						u(O(re), {
 							name: "features",
 							tab: "🔧 功能"
 						}, {
 							default: j(() => [
-								s("div", Bn, [n[53] ||= s("div", { class: "section-title" }, "缓存管理", -1), s("div", Vn, [u(O(P), {
+								s("div", Kn, [n[52] ||= s("div", { class: "section-title" }, "缓存管理", -1), s("div", qn, [u(O(F), {
 									secondary: "",
-									onClick: q
+									onClick: se
 								}, {
-									icon: j(() => [...n[49] ||= [s("span", { class: "i-mdi:delete-sweep" }, null, -1)]]),
-									default: j(() => [n[50] ||= l(" 清除缓存 ", -1)]),
+									icon: j(() => [...n[48] ||= [s("span", { class: "i-mdi:delete-sweep" }, null, -1)]]),
+									default: j(() => [n[49] ||= l(" 清除缓存 ", -1)]),
 									_: 1
-								}), u(O(P), {
+								}), u(O(F), {
 									secondary: "",
-									onClick: oe
+									onClick: le
 								}, {
-									icon: j(() => [...n[51] ||= [s("span", { class: "i-mdi:refresh" }, null, -1)]]),
-									default: j(() => [n[52] ||= l(" 重新加载 ", -1)]),
+									icon: j(() => [...n[50] ||= [s("span", { class: "i-mdi:refresh" }, null, -1)]]),
+									default: j(() => [n[51] ||= l(" 重新加载 ", -1)]),
 									_: 1
 								})])]),
-								s("div", Hn, [
-									n[60] ||= s("div", { class: "section-title" }, "配置管理", -1),
-									s("div", Un, [u(O(P), {
+								s("div", Jn, [
+									n[59] ||= s("div", { class: "section-title" }, "配置管理", -1),
+									s("div", Yn, [u(O(F), {
 										secondary: "",
-										onClick: ce
+										onClick: ue
 									}, {
-										icon: j(() => [...n[54] ||= [s("span", { class: "i-mdi:download" }, null, -1)]]),
-										default: j(() => [n[55] ||= l(" 导出配置 ", -1)]),
+										icon: j(() => [...n[53] ||= [s("span", { class: "i-mdi:download" }, null, -1)]]),
+										default: j(() => [n[54] ||= l(" 导出配置 ", -1)]),
 										_: 1
-									}), u(O(P), {
+									}), u(O(F), {
 										secondary: "",
-										onClick: le
+										onClick: de
 									}, {
-										icon: j(() => [...n[56] ||= [s("span", { class: "i-mdi:upload" }, null, -1)]]),
-										default: j(() => [n[57] ||= l(" 导入配置 ", -1)]),
+										icon: j(() => [...n[55] ||= [s("span", { class: "i-mdi:upload" }, null, -1)]]),
+										default: j(() => [n[56] ||= l(" 导入配置 ", -1)]),
 										_: 1
 									})]),
-									u(O(P), {
+									u(O(F), {
 										block: "",
 										type: "error",
 										secondary: "",
 										class: "mt-2",
-										onClick: K
+										onClick: q
 									}, {
-										icon: j(() => [...n[58] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
-										default: j(() => [n[59] ||= l(" 重置所有配置 ", -1)]),
+										icon: j(() => [...n[57] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
+										default: j(() => [n[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), {
+								s("div", Xn, [
+									n[62] ||= s("div", { class: "section-title" }, "系统模式", -1),
+									s("div", Zn, [n[60] ||= 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
+										"onUpdate:value": n[11] ||= (e) => m.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), {
+									s("div", Qn, [n[61] ||= 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
+										"onUpdate:value": n[12] ||= (e) => _.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), {
+								s("div", $n, [
+									n[64] ||= s("div", { class: "section-title" }, "水印设置", -1),
+									s("div", er, [n[63] ||= s("span", null, "启用水印", -1), u(O(G), {
 										value: b.value,
-										"onUpdate:value": n[14] ||= (e) => b.value = e
+										"onUpdate:value": n[13] ||= (e) => b.value = e
 									}, null, 8, ["value"])]),
-									b.value ? (y(), o("div", Yn, [u(O(z), {
+									b.value ? (y(), o("div", tr, [u(O(B), {
 										value: C.value,
-										"onUpdate:value": n[15] ||= (e) => C.value = e,
+										"onUpdate:value": n[14] ||= (e) => C.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", nr, [n[71] ||= s("div", { class: "section-title" }, "系统信息", -1), s("div", rr, [
+									s("div", ir, [n[65] ||= s("span", { class: "info-label" }, "浏览器", -1), s("span", ar, E(P.value.browser), 1)]),
+									s("div", or, [n[66] ||= s("span", { class: "info-label" }, "操作系统", -1), s("span", sr, E(P.value.os), 1)]),
+									s("div", cr, [n[67] ||= s("span", { class: "info-label" }, "屏幕分辨率", -1), s("span", lr, E(P.value.resolution), 1)]),
+									s("div", ur, [n[68] ||= s("span", { class: "info-label" }, "设备像素比", -1), s("span", dr, E(P.value.pixelRatio), 1)]),
+									s("div", fr, [n[69] ||= s("span", { class: "info-label" }, "语言", -1), s("span", pr, E(P.value.language), 1)]),
+									s("div", mr, [n[70] ||= s("span", { class: "info-label" }, "时区", -1), s("span", hr, E(P.value.timezone), 1)])
 								])])
 							]),
 							_: 1
@@ -1719,21 +1869,21 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			_: 1
 		}, 8, ["show"]));
 	}
-}), [["__scopeId", "data-v-b57a947e"]]), dr = { class: "brand-logo__icon" }, fr = [
+}), [["__scopeId", "data-v-99f8c69e"]]), _r = { class: "brand-logo__icon" }, vr = [
 	"src",
 	"width",
 	"height"
-], pr = [
+], yr = [
 	"src",
 	"width",
 	"height"
-], mr = { class: "brand-logo__name" }, hr = { class: "brand-logo__title" }, gr = {
+], br = { class: "brand-logo__name" }, xr = { class: "brand-logo__title" }, Sr = {
 	key: 0,
 	class: "brand-logo__subtitle"
-}, _r = {
+}, Cr = {
 	key: 0,
 	class: "brand-logo__divider"
-}, vr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, wr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "BrandLogo",
 	__name: "index",
 	props: {
@@ -1760,7 +1910,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 		return (n, i) => (y(), o("div", { class: h(["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", _r, [i[0] ||= s("div", { class: "brand-logo__glow" }, null, -1), r.logoType === "video" && r.logoSrc ? (y(), o("video", {
 			key: 0,
 			src: r.logoSrc,
 			width: t.size,
@@ -1770,19 +1920,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, vr)) : r.logoSrc ? (y(), 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, yr)) : a("", !0)]), t.showName && !t.collapsed ? (y(), o(e, { key: 0 }, [s("div", br, [s("span", xr, E(r.name), 1), r.subtitle ? (y(), o("span", Sr, E(r.subtitle), 1)) : a("", !0)]), t.showDivider ? (y(), o("div", Cr)) : 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"]]), Tr = { class: "icon-menu" }, Er = ["onClick"], Dr = { class: "icon-menu__icon" }, Or = {
 	key: 1,
 	class: "icon-menu__fallback"
-}, Cr = { class: "icon-menu__label" }, wr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}, kr = { class: "icon-menu__label" }, Ar = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "IconMenu",
 	__name: "index",
 	props: {
@@ -1792,20 +1942,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) => (y(), o("div", Tr, [(y(!0), o(e, null, S(t.menus, (e) => (y(), o("div", {
 			key: e.path,
 			class: h(["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", Dr, [O(a).iconComponent && e.meta?.icon ? (y(), i(T(O(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"])) : (y(), o("span", Or, E(e.meta?.title?.charAt(0) || "?"), 1))]), s("div", kr, E(e.meta?.title), 1)], 10, Er))), 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"]]), jr = { class: "floating-menu__header" }, Mr = { class: "floating-menu__brand" }, Nr = { class: "floating-menu__brand-title" }, Pr = { class: "floating-menu__brand-subtitle" }, Fr = { class: "floating-menu__list" }, Ir = {
 	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({
+}, Lr = { class: "floating-menu__group-title" }, Rr = ["onClick", "onKeydown"], zr = { class: "floating-menu__item-text" }, Br = ["onClick", "onKeydown"], Vr = { class: "floating-menu__item-text" }, Hr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "FloatingMenu",
 	__name: "index",
 	props: {
@@ -1822,35 +1972,43 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 		return (r, d) => (y(), i(n, { name: "slide-fade" }, {
 			default: j(() => [t.show && t.menuItem ? (y(), 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: h(["floating-menu", [O(l).isDark.value ? "dark-theme" : "light-theme"]]),
+				role: "navigation",
+				"aria-label": "二级功能导航"
+			}, [s("div", jr, [s("div", Mr, [s("span", Nr, E(u.name), 1), s("span", Pr, E(u.subtitle), 1)])]), s("div", Fr, [(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", Ir, [s("div", Lr, [O(l).iconComponent && n.meta?.icon ? (y(), i(T(O(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", {
 				key: e.path,
 				class: h(["floating-menu__item floating-menu__item--sub", { active: t.isActive?.(e.path) }]),
-				onClick: (t) => c("click", e)
+				role: "link",
+				tabindex: "0",
+				onClick: (t) => c("click", e),
+				onKeydown: [M((t) => c("click", e), ["enter"]), M(N((t) => c("click", e), ["prevent"]), ["space"])]
 			}, [O(l).iconComponent && e.meta?.icon ? (y(), i(T(O(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", zr, E(e.meta?.title), 1)], 42, Rr))), 128))])) : (y(), o("div", {
 				key: 1,
 				class: h(["floating-menu__item", { active: t.isActive?.(n.path) }]),
-				onClick: (e) => c("click", n)
+				role: "link",
+				tabindex: "0",
+				onClick: (e) => c("click", n),
+				onKeydown: [M((e) => c("click", n), ["enter"]), M(N((e) => c("click", n), ["prevent"]), ["space"])]
 			}, [O(l).iconComponent && n.meta?.icon ? (y(), i(T(O(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", Vr, E(n.meta?.title), 1)], 42, Br))], 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"]]), Ur = { class: "side-menu__header" }, Wr = { class: "side-menu__header-icon" }, Gr = { class: "side-menu__header-title" }, Kr = { class: "side-menu__list" }, qr = {
 	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({
+}, Jr = { class: "side-menu__group-label" }, Yr = ["onClick"], Xr = { class: "side-menu__item-text" }, Zr = ["onClick"], Qr = { class: "side-menu__item-text" }, $r = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "SideMenu",
 	__name: "index",
 	props: {
@@ -1868,11 +2026,11 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			default: j(() => [d.value ? a("", !0) : (y(), 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), {
+			}, [s("div", Ur, [s("div", Wr, [O(l).iconComponent && t.activeItem?.meta?.icon ? (y(), i(T(O(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", Gr, E(t.activeItem?.meta?.title || "菜单"), 1)]), s("div", Kr, [(y(!0), o(e, null, S(t.menus, (n) => (y(), o(e, { key: n.path }, [n.children && n.children.length > 0 ? (y(), o("div", qr, [s("div", Jr, [O(l).iconComponent && n.meta?.icon ? (y(), i(T(O(l).iconComponent), {
 				key: 0,
 				name: n.meta.icon,
 				size: 14
@@ -1884,7 +2042,7 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				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", Xr, E(e.meta?.title), 1)], 10, Yr))), 128))])) : (y(), o("div", {
 				key: 1,
 				class: h(["side-menu__item", { active: t.isActive?.(n.path) }]),
 				onClick: (e) => c("click", n)
@@ -1892,17 +2050,17 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 				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", Qr, E(n.meta?.title), 1)], 10, Zr))], 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"]]), ei = ["aria-hidden"], ti = { class: "drawer-menu__content" }, ni = { class: "drawer-menu__grid" }, ri = ["onClick", "onKeydown"], ii = {
 	key: 0,
 	class: "drawer-menu__items"
-}, Qr = ["onClick"], $r = { class: "drawer-menu__item-text" }, ei = {
+}, ai = ["onClick", "onKeydown"], oi = { class: "drawer-menu__item-text" }, si = {
 	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({
+}, ci = { class: "drawer-menu__sub-title" }, li = ["onClick", "onKeydown"], ui = { class: "drawer-menu__item-text" }, di = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "DrawerMenu",
 	__name: "index",
 	props: {
@@ -1910,7 +2068,7 @@ 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(xe, {
 			show: () => {},
 			startHide: () => {},
 			hide: () => {}
@@ -1919,6 +2077,9 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 		};
 		return (r, u) => (y(), o("div", {
 			class: h(["drawer-menu", [O(n).isDark.value ? "dark-theme" : "light-theme", { visible: t.show }]]),
+			role: "navigation",
+			"aria-label": "功能导航",
+			"aria-hidden": !t.show,
 			onMouseenter: u[0] ||= (e) => O(c).show(),
 			onMouseleave: u[1] ||= (e) => O(c).startHide()
 		}, [u[2] ||= s("div", { class: "drawer-menu__header" }, [s("div", { class: "drawer-menu__title" }, [s("span", { class: "grid-icon" }, [
@@ -1926,40 +2087,49 @@ var Ne = { class: "mix-layout-container" }, Pe = { class: "logo-container" }, Fe
 			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", ti, [s("div", ni, [(y(!0), o(e, null, S(t.menus, (t) => (y(), o("div", {
 			key: t.path,
 			class: "drawer-menu__category"
 		}, [s("div", {
 			class: "drawer-menu__category-header",
-			onClick: (e) => l(t)
+			role: "link",
+			tabindex: "0",
+			onClick: (e) => l(t),
+			onKeydown: [M((e) => l(t), ["enter"]), M(N((e) => l(t), ["prevent"]), ["space"])]
 		}, [O(n).iconComponent && t.meta?.icon ? (y(), i(T(O(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, E(t.meta?.title), 1)], 40, ri), t.children && t.children.length > 0 ? (y(), o("div", ii, [(y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
 			key: e.path,
 			class: "drawer-menu__item",
-			onClick: (t) => l(e)
+			role: "link",
+			tabindex: "0",
+			onClick: (t) => l(e),
+			onKeydown: [M((t) => l(e), ["enter"]), M(N((t) => l(e), ["prevent"]), ["space"])]
 		}, [O(n).iconComponent && e.meta?.icon ? (y(), i(T(O(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", oi, E(e.meta?.title), 1)], 40, ai))), 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", si, [s("div", ci, E(t.meta?.title), 1), (y(!0), o(e, null, S(t.children, (e) => (y(), o("div", {
 			key: e.path,
 			class: "drawer-menu__item drawer-menu__item--sub",
-			onClick: (t) => l(e)
+			role: "link",
+			tabindex: "0",
+			onClick: (t) => l(e),
+			onKeydown: [M((t) => l(e), ["enter"]), M(N((t) => l(e), ["prevent"]), ["space"])]
 		}, [O(n).iconComponent && e.meta?.icon ? (y(), i(T(O(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", ui, E(e.meta?.title), 1)], 40, li))), 128))])) : a("", !0)], 64))), 128))])) : a("", !0)]))), 128))])])], 42, ei));
 	}
-}), [["__scopeId", "data-v-b0d3e73b"]]), ai = /* @__PURE__ */ Q(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-91d54a20"]]), fi = /* @__PURE__ */ Q(/* @__PURE__ */ d({
 	name: "MenuTrigger",
 	__name: "index",
 	props: { show: { type: Boolean } },
 	setup(e) {
-		let t = p(ge, {
+		let t = p(xe, {
 			show: () => {},
 			startHide: () => {},
 			hide: () => {}
@@ -1977,11 +2147,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);
+function pi(e, t = {}) {
+	let n = ve(t);
 	return n().syncCSSVariables(), 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 { ue as BORDER_RADIUS_MAP, wr as BrandLogo, fe as COLOR_SWATCHES, on as C_CardLayout, on as CardLayout, cn as C_LayoutContainer, et as C_MixLayout, et as MixLayout, _t as C_MixTopLayout, _t as MixTopLayout, Rt as C_ReverseHorizontalMixLayout, Rt as ReverseHorizontalMixLayout, Se as C_SideLayout, Se as SideLayout, Ie as C_TopLayout, Ie as TopLayout, X as DEFAULT_BRAND_CONFIG, J as DEFAULT_SETTINGS, xe as DRAWER_HANDLER_KEY, di as DrawerMenu, Hr as FloatingMenu, Ar as IconMenu, be as LAYOUT_CONTEXT_KEY, le as LAYOUT_MODES, fi as MenuTrigger, se as PRESET_COLORS, $ as ResponsiveMenu, gr as SettingsDrawer, $r as SideMenu, ce as THEME_PRESETS, de as TRANSITION_MAP, _e as adjustColor, ve as createSettingsStore, ge as sanitizeSettingsPatch, pi as setupLayout, Z as useLayoutCache, Y as useLayoutContext, Re as useMenuSplit, ye as useSettingsStore };
 
 //# sourceMappingURL=index.js.map