@robot-admin/layout 2.3.2 → 3.1.0

package/dist/index.js

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