@robot-admin/layout 3.0.0 → 3.2.0

package/dist/index.js

@@ -1,2296 +1,3 @@
-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";
-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 de(e) {
-	return x(J, e), e;
-}
-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;
-	return r && typeof window < "u" && (window.__clearCache__ = u, window.__removeCache__ = l, window.__getCachedViews__ = d, y(() => {
-		window.__clearCache__ === u && delete window.__clearCache__, window.__removeCache__ === l && delete window.__removeCache__, window.__getCachedViews__ === d && delete window.__getCachedViews__;
-	})), j(() => [i.name, i.meta.keepAlive], () => {
-		fe(i) && c(i.name);
-	}, { immediate: !0 }), {
-		cachedViews: o,
-		maxCacheCount: s,
-		addCache: c,
-		removeCache: l,
-		clearAllCache: u
-	};
-}
-//#endregion
-//#region src/components/layouts/SideLayout/index.vue
-var pe = /* @__PURE__ */ d({
-	name: "SideLayout",
-	__name: "index",
-	props: { collapsed: {
-		type: Boolean,
-		default: !1
-	} },
-	emits: ["update:collapsed"],
-	setup(e, { expose: a, emit: o }) {
-		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), h = (e) => {
-			p.value = e, c("update:collapsed", e);
-		};
-		return a({
-			collapsed: m,
-			toggleCollapse: () => {
-				let e = !p.value;
-				p.value = e, c("update:collapsed", e);
-			}
-		}), (e, r) => {
-			let a = T("RouterView");
-			return b(), i(k(V), { "has-sider": "" }, {
-				default: M(() => [u(k(U), {
-					bordered: "",
-					"collapse-mode": "width",
-					"collapsed-width": k(l).sidebarCollapsedWidth.value,
-					width: k(l).sidebarWidth.value,
-					"native-scrollbar": !1,
-					collapsed: m.value,
-					"onUpdate:collapsed": h,
-					class: g([
-						"layout-sider",
-						"no-horizontal-scroll",
-						k(l).isDark.value ? "dark-theme" : "light-theme"
-					])
-				}, {
-					default: M(() => [w(e.$slots, "logo"), w(e.$slots, "menu", { collapsed: m.value })]),
-					_: 3
-				}, 8, [
-					"collapsed-width",
-					"width",
-					"collapsed",
-					"class"
-				]), 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: 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
-						}),
-						w(e.$slots, "footer")
-					]),
-					_: 3
-				})]),
-				_: 3
-			});
-		};
-	}
-}), 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), m = l.isDark, g = {
-			itemTextColor: "rgba(51, 65, 85, 0.85)",
-			itemTextColorHover: "rgba(30, 64, 175, 0.95)",
-			itemTextColorActive: "rgba(30, 64, 175, 1)",
-			itemTextColorActiveHover: "rgba(30, 64, 175, 1)",
-			itemTextColorChildActive: "rgba(30, 64, 175, 1)",
-			itemIconColor: "rgba(51, 65, 85, 0.7)",
-			itemIconColorHover: "rgba(30, 64, 175, 0.85)",
-			itemIconColorActive: "rgba(30, 64, 175, 1)",
-			itemIconColorActiveHover: "rgba(30, 64, 175, 1)",
-			itemIconColorChildActive: "rgba(30, 64, 175, 1)",
-			itemColorHover: "rgba(30, 64, 175, 0.06)",
-			itemColorActive: "rgba(30, 64, 175, 0.1)",
-			itemColorActiveHover: "rgba(30, 64, 175, 0.12)",
-			itemColorActiveCollapsed: "rgba(30, 64, 175, 0.1)",
-			arrowColor: "rgba(51, 65, 85, 0.6)",
-			arrowColorHover: "rgba(30, 64, 175, 0.8)",
-			arrowColorActive: "rgba(30, 64, 175, 1)",
-			arrowColorChildActive: "rgba(30, 64, 175, 1)",
-			itemHeight: "42px",
-			itemPadding: "0 18px",
-			itemBorderRadius: "10px",
-			groupTextColor: "rgba(51, 65, 85, 0.65)"
-		}, _ = {
-			itemTextColor: "rgba(226, 232, 240, 0.85)",
-			itemTextColorHover: "rgba(255, 255, 255, 0.95)",
-			itemTextColorActive: "rgba(147, 197, 253, 1)",
-			itemTextColorActiveHover: "rgba(147, 197, 253, 1)",
-			itemTextColorChildActive: "rgba(147, 197, 253, 1)",
-			itemIconColor: "rgba(226, 232, 240, 0.7)",
-			itemIconColorHover: "rgba(255, 255, 255, 0.85)",
-			itemIconColorActive: "rgba(147, 197, 253, 1)",
-			itemIconColorActiveHover: "rgba(147, 197, 253, 1)",
-			itemIconColorChildActive: "rgba(147, 197, 253, 1)",
-			itemColorHover: "rgba(59, 130, 246, 0.1)",
-			itemColorActive: "rgba(59, 130, 246, 0.15)",
-			itemColorActiveHover: "rgba(59, 130, 246, 0.18)",
-			itemColorActiveCollapsed: "rgba(59, 130, 246, 0.15)",
-			arrowColor: "rgba(226, 232, 240, 0.5)",
-			arrowColorHover: "rgba(255, 255, 255, 0.7)",
-			arrowColorActive: "rgba(147, 197, 253, 1)",
-			arrowColorChildActive: "rgba(147, 197, 253, 1)",
-			itemHeight: "42px",
-			itemPadding: "0 18px",
-			itemBorderRadius: "10px",
-			groupTextColor: "rgba(226, 232, 240, 0.6)"
-		}, x = r(() => m.value ? _ : g), C = (e, t = 18) => l.iconComponent ? () => f(l.iconComponent, {
-			name: e,
-			size: t
-		}) : () => f("i", {
-			class: e,
-			style: {
-				fontSize: `${t}px`,
-				display: "inline-flex",
-				alignItems: "center"
-			}
-		}), w = (e) => ({
-			key: e.path || "",
-			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 = 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,
-			children: e.children?.length ? e.children.map((e) => ({
-				key: e.path || "",
-				label: e.meta?.title || e.name || "",
-				icon: e.meta?.icon ? C(e.meta.icon, 16) : void 0
-			})) : void 0
-		}))), N = (e) => {
-			e && c.push(e);
-		}, P = (e) => {
-			let t = e.meta?.title || e.name || "", n = 0;
-			for (let e of t) {
-				let t = e.charCodeAt(0);
-				t >= 19968 && t <= 40959 || t >= 13312 && t <= 19903 || t >= 12288 && t <= 12351 || t >= 65280 && t <= 65519 || t >= 12352 && t <= 12447 || t >= 12448 && t <= 12543 ? n += 15 : n += 8;
-			}
-			let r = e.meta?.icon ? 26 : 0;
-			return n + r + 36 + 8 + 8;
-		}, I = (e) => {
-			if (!d.value.length) return 0;
-			let t = 0;
-			for (let e of d.value) t += P(e);
-			if (t + 15 <= e) return d.value.length;
-			let n = 0, r = 0, i = e - 80 - 15;
-			for (let e of d.value) {
-				let t = P(e);
-				if (n + t <= i) n += t, r++;
-				else break;
-			}
-			return Math.max(r, 1);
-		}, L = () => {
-			if (!T.value || !d.value.length) return;
-			let e = T.value.offsetWidth;
-			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 = setTimeout(() => L(), 100);
-		}, V = null;
-		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", me, [O.value.length > 0 ? (b(), i(k(ee), {
-			key: 0,
-			mode: "horizontal",
-			value: p.value,
-			options: O.value,
-			"theme-overrides": x.value,
-			"onUpdate:value": N
-		}, null, 8, [
-			"value",
-			"options",
-			"theme-overrides"
-		])) : a("", !0)]), D.value.length > 0 ? (b(), i(k(z), {
-			key: 0,
-			options: A.value,
-			placement: "bottom-end",
-			trigger: "hover",
-			onSelect: N
-		}, {
-			default: M(() => [s("div", he, [u(k(F), {
-				text: "",
-				class: "responsive-menu__more-btn"
-			}, {
-				default: M(() => [...t[0] ||= [s("span", { class: "dots-icon" }, [
-					s("span"),
-					s("span"),
-					s("span")
-				], -1)]]),
-				_: 1
-			})])]),
-			_: 1
-		}, 8, ["options"])) : a("", !0)], 512));
-	}
-}), Q = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, _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"
-], Se = [
-	"src",
-	"width",
-	"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), h = r(() => c.tagsViewHeight.value), v = r(() => c.showFooter.value), y = r(() => c.transitionName.value), x = {
-			...X,
-			...c.brand
-		};
-		return (e, r) => {
-			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,
-							height: x.logoSize || 36,
-							autoplay: "",
-							loop: "",
-							muted: "",
-							playsinline: "",
-							class: "logo-video"
-						}, " 您的浏览器不支持 video 标签。 ", 8, xe)) : x.logoSrc ? (b(), o("img", {
-							key: 1,
-							src: x.logoSrc,
-							width: x.logoSize || 36,
-							height: x.logoSize || 36,
-							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", Ee, [w(e.$slots, "menu", {}, () => [u(_e, { data: p.value }, null, 8, ["data"])])]),
-					w(e.$slots, "header-extra")
-				], 2),
-				m.value ? (b(), o("div", {
-					key: 0,
-					class: "tags-view-container",
-					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: 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 ? w(e.$slots, "footer", {}, void 0, void 0, 0) : a("", !0)]),
-					_: 3
-				})
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/composables/useMenuSplit.ts
-function ke(e, t) {
-	if (!e) return !1;
-	let n = e.split("/").filter(Boolean), r = t.split("/").filter(Boolean);
-	return n.length === 0 ? r.length === 0 : n.every((e, t) => r[t] === e);
-}
-function Ae(e) {
-	let { menus: t, floatingSecondMenu: n = !1 } = e, i = K(), a = q(), o = S(""), s = S(null), c = S(!1), l = r(() => s.value || f.value || null), u = (e) => ke(e, i.path), d = (e) => {
-		for (let t of e) if (u(t.path) || t.children?.length && d(t.children)) return t;
-		return null;
-	}, f = r(() => t.value.find((e) => e.path === o.value)), p = r(() => f.value?.children || []), m = (e) => {
-		e.disabled || (O(n) ? e.children && e.children.length > 0 ? c.value && o.value === e.path ? c.value = !1 : (o.value = e.path || "", c.value = !0) : (o.value = e.path || "", c.value = !1, e.path && a.push(e.path)) : (!e.children || e.children.length === 0) && e.path && a.push(e.path));
-	}, h = (e) => {
-		!e.disabled && e.path && a.push(e.path);
-	}, g = () => {
-		let e = t.value, r = d(e);
-		r ? (o.value = r.path || "", O(n) && r.children?.length && (c.value = !0)) : e.length > 0 && !o.value && (o.value = e[0].path || "");
-	};
-	return j(() => i.path, () => g(), { immediate: !0 }), j(t, (e) => {
-		e && e.length > 0 && g();
-	}, { immediate: !0 }), v(() => g()), {
-		activeFirstMenu: o,
-		activeFirstMenuItem: f,
-		currentSecondMenus: p,
-		hoveredMenuItem: s,
-		displayMenuItem: l,
-		showSecondMenu: c,
-		handleFirstMenuClick: m,
-		handleSecondMenuClick: h,
-		isMenuItemActive: u
-	};
-}
-//#endregion
-//#region src/components/layouts/MixLayout/index.vue?vue&type=script&setup=true&lang.ts
-var je = { class: "mix-layout-container" }, Me = { class: "logo-container" }, Ne = [
-	"src",
-	"width",
-	"height"
-], Pe = [
-	"src",
-	"width",
-	"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"
-}, 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(), h = l.isDark, _ = r(() => l.menus.value), v = r(() => l.showFooter.value), y = r(() => l.transitionName.value), x = {
-			...X,
-			...l.brand
-		}, S = Ae({
-			menus: l.menus,
-			floatingSecondMenu: r(() => !0)
-		}), O = 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", 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,
-					height: x.logoSize || 40,
-					autoplay: "",
-					loop: "",
-					muted: "",
-					playsinline: "",
-					class: "logo-video"
-				}, " 您的浏览器不支持 video 标签。 ", 8, Ne)) : x.logoSrc ? (b(), o("img", {
-					key: 1,
-					src: x.logoSrc,
-					width: x.logoSize || 40,
-					height: x.logoSize || 40,
-					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: 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"])) : (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: M(() => [k(S).showSecondMenu.value ? (b(), o("div", {
-						key: 0,
-						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: k(S).displayMenuItem.value.meta.icon,
-						size: 20
-					}, 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: 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", We, D(e.meta?.title), 1)], 42, Ue))), 128))])], 2)) : a("", !0)]),
-					_: 1
-				}),
-				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: 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 ? w(r.$slots, "footer", {}, void 0, void 0, 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.0.0"
-}, sn = tn.map((e) => e.value), cn = {
-	themeMode: new Set([
-		"light",
-		"dark",
-		"system"
-	]),
-	borderRadius: new Set([
-		"small",
-		"medium",
-		"large"
-	]),
-	transitionType: new Set([
-		"fade",
-		"slide",
-		"zoom",
-		"none"
-	]),
-	layoutMode: new Set([
-		"side",
-		"top",
-		"mix",
-		"mix-top",
-		"reverse-horizontal-mix",
-		"card-layout"
-	]),
-	menuExpandMode: new Set(["inline", "panel"]),
-	tagsViewStyle: new Set([
-		"default",
-		"card",
-		"smart"
-	])
-}, ln = new Set([
-	"enableTransition",
-	"collapsed",
-	"fixedHeader",
-	"showBreadcrumb",
-	"showBreadcrumbIcon",
-	"showTagsView",
-	"showFooter",
-	"enableHotkeys"
-]), un = {
-	tagsViewHeight: [24, 100],
-	sidebarWidth: [120, 480],
-	sidebarCollapsedWidth: [32, 160],
-	headerHeight: [32, 160]
-}, dn = 1;
-function fn(e) {
-	if (!e || typeof e != "object" || Array.isArray(e)) throw TypeError("settings 必须是对象");
-	let t = e, n = {}, r = (e, t) => {
-		n[e] = t;
-	};
-	for (let [e, n] of Object.entries(cn)) {
-		let i = t[e];
-		if (i !== void 0) {
-			if (typeof i != "string" || !n.has(i)) throw RangeError(`无效的设置项 ${e}: ${String(i)}`);
-			r(e, i);
-		}
-	}
-	for (let e of ln) {
-		let n = t[e];
-		if (n !== void 0) {
-			if (typeof n != "boolean") throw TypeError(`设置项 ${e} 必须是布尔值`);
-			r(e, n);
-		}
-	}
-	for (let [e, n] of Object.entries(un)) {
-		let i = t[e];
-		if (i !== void 0) {
-			if (typeof i != "number" || !Number.isFinite(i) || i < n[0] || i > n[1]) throw RangeError(`设置项 ${e} 超出允许范围`);
-			r(e, i);
-		}
-	}
-	if (t.primaryColor !== void 0) {
-		if (typeof t.primaryColor != "string" || !/^#[0-9a-fA-F]{6}$/.test(t.primaryColor)) throw RangeError("primaryColor 必须是 #rrggbb 格式");
-		n.primaryColor = t.primaryColor;
-	}
-	if (t.version !== void 0) {
-		if (typeof t.version != "string" || t.version.length > 50) throw TypeError("version 必须是长度不超过 50 的字符串");
-		n.version = t.version;
-	}
-	return n;
-}
-function pn(e) {
-	if (!e || typeof e != "object" || Array.isArray(e)) throw TypeError("配置文件根节点必须是对象");
-	let t = e, n = {};
-	if (t.schemaVersion !== void 0) {
-		if (typeof t.schemaVersion != "number" || !Number.isInteger(t.schemaVersion) || t.schemaVersion < 1 || t.schemaVersion > 1) throw RangeError("不支持的配置格式版本");
-		n.schemaVersion = t.schemaVersion;
-	}
-	t.settings !== void 0 && (n.settings = fn(t.settings));
-	for (let e of ["gray", "colorWeak"]) {
-		let r = t[e];
-		if (r !== void 0) {
-			if (typeof r != "boolean") throw TypeError(`${e} 必须是布尔值`);
-			n[e] = r;
-		}
-	}
-	if (t.watermark !== void 0) {
-		if (!t.watermark || typeof t.watermark != "object" || Array.isArray(t.watermark)) throw TypeError("watermark 必须是对象");
-		let e = t.watermark;
-		if (typeof e.enabled != "boolean" || typeof e.text != "string" || e.text.length > 200) throw TypeError("watermark 配置无效");
-		n.watermark = {
-			enabled: e.enabled,
-			text: e.text
-		};
-	}
-	return n;
-}
-function mn(e, t) {
-	if (typeof e != "string") return "#000000";
-	if (!Number.isFinite(t)) return e;
-	let n = Math.round(t), r = e.trim(), i = r.startsWith("#") ? r.slice(1) : r;
-	if (i.length === 3 && (i = i.split("").map((e) => e + e).join("")), !/^[0-9a-fA-F]{6}$/.test(i)) return e;
-	let a = parseInt(i, 16), o = Math.min(255, Math.max(0, (a >> 16) + n)), s = Math.min(255, Math.max(0, (a >> 8 & 255) + n)), c = Math.min(255, Math.max(0, (a & 255) + n));
-	return `#${(o << 16 | s << 8 | c).toString(16).padStart(6, "0")}`;
-}
-//#endregion
-//#region src/stores/settings.ts
-function hn(e = {}) {
-	let { id: t = "settings", defaults: n = {}, onThemeModeChange: i } = e;
-	if (typeof t != "string" || !t.trim()) throw RangeError("Settings store id 不能为空");
-	let a = {
-		...$,
-		...fn(n)
-	};
-	return se(t, () => {
-		let e = S(a.themeMode), t = S(a.primaryColor), n = S(a.borderRadius), o = S(a.transitionType), s = S(a.enableTransition), c = S(a.layoutMode), l = S(a.menuExpandMode), u = S(a.collapsed), d = S(a.fixedHeader), f = S(a.showBreadcrumb), p = S(a.showBreadcrumbIcon), m = S(a.showTagsView), h = S(a.tagsViewHeight), g = S(a.tagsViewStyle), _ = S(a.showFooter), v = S(a.sidebarWidth), y = S(a.sidebarCollapsedWidth), b = S(a.headerHeight), x = S(a.enableHotkeys), C = S(a.version), w = r(() => an[n.value]), T = r(() => s.value && o.value !== "none"), E = r(() => T.value ? on[o.value] : ""), D = r(() => ({
-			themeMode: e.value,
-			primaryColor: t.value,
-			borderRadius: n.value,
-			transitionType: o.value,
-			enableTransition: s.value,
-			layoutMode: c.value,
-			menuExpandMode: l.value,
-			collapsed: u.value,
-			fixedHeader: d.value,
-			showBreadcrumb: f.value,
-			showBreadcrumbIcon: p.value,
-			showTagsView: m.value,
-			tagsViewHeight: h.value,
-			tagsViewStyle: g.value,
-			showFooter: _.value,
-			sidebarWidth: v.value,
-			sidebarCollapsedWidth: y.value,
-			headerHeight: b.value,
-			enableHotkeys: x.value,
-			version: C.value
-		})), O = () => {
-			if (typeof document > "u") return;
-			let e = document.documentElement;
-			e.style.setProperty("--primary-color", t.value), e.style.setProperty("--primary-color-hover", mn(t.value, 10)), e.style.setProperty("--primary-color-pressed", mn(t.value, -10)), e.style.setProperty("--border-radius", w.value), e.style.setProperty("--sidebar-width", `${v.value}px`), e.style.setProperty("--sidebar-collapsed-width", `${y.value}px`), e.style.setProperty("--header-height", `${b.value}px`), e.style.setProperty("--tags-view-height", `${h.value}px`);
-		};
-		return j([
-			t,
-			w,
-			v,
-			y,
-			b,
-			h
-		], () => {
-			O();
-		}, { immediate: !0 }), {
-			themeMode: e,
-			primaryColor: t,
-			borderRadius: n,
-			transitionType: o,
-			enableTransition: s,
-			layoutMode: c,
-			menuExpandMode: l,
-			collapsed: u,
-			fixedHeader: d,
-			showBreadcrumb: f,
-			showBreadcrumbIcon: p,
-			showTagsView: m,
-			tagsViewHeight: h,
-			tagsViewStyle: g,
-			showFooter: _,
-			sidebarWidth: v,
-			sidebarCollapsedWidth: y,
-			headerHeight: b,
-			enableHotkeys: x,
-			version: C,
-			borderRadiusValue: w,
-			transitionName: E,
-			shouldEnableTransition: T,
-			settingsState: D,
-			syncCSSVariables: O,
-			applyPreset: async (e) => {
-				t.value = e.primaryColor, e.settings && (e.settings.borderRadius && (n.value = e.settings.borderRadius), e.settings.transitionType && (o.value = e.settings.transitionType), e.settings.showBreadcrumb !== void 0 && (f.value = e.settings.showBreadcrumb), e.settings.showTagsView !== void 0 && (m.value = e.settings.showTagsView), e.settings.tagsViewStyle && (g.value = e.settings.tagsViewStyle));
-			},
-			resetSettings: () => {
-				e.value = a.themeMode, t.value = a.primaryColor, n.value = a.borderRadius, o.value = a.transitionType, s.value = a.enableTransition, c.value = a.layoutMode, l.value = a.menuExpandMode, u.value = a.collapsed, d.value = a.fixedHeader, f.value = a.showBreadcrumb, p.value = a.showBreadcrumbIcon, m.value = a.showTagsView, h.value = a.tagsViewHeight, g.value = a.tagsViewStyle, _.value = a.showFooter, v.value = a.sidebarWidth, y.value = a.sidebarCollapsedWidth, b.value = a.headerHeight, x.value = a.enableHotkeys, C.value = a.version;
-			},
-			updateThemeMode: async (t) => {
-				fn({ themeMode: t });
-				let n = e.value;
-				e.value = t;
-				try {
-					i && await i(t);
-				} catch (t) {
-					throw e.value = n, t;
-				}
-			},
-			toggleCollapse: () => {
-				u.value = !u.value;
-			}
-		};
-	});
-}
-var gn = hn(), _n = [
-	{
-		label: "左侧菜单（默认）",
-		value: "side",
-		disabled: !1,
-		svg: "\n      <rect x=\"0\" y=\"0\" width=\"16\" height=\"48\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.9\"/>\n      <rect x=\"18\" y=\"0\" width=\"38\" height=\"10\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.7\"/>\n      <rect x=\"18\" y=\"12\" width=\"38\" height=\"34\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n    "
-	},
-	{
-		label: "顶部菜单（清爽）",
-		value: "top",
-		disabled: !1,
-		svg: "\n      <rect x=\"0\" y=\"0\" width=\"56\" height=\"10\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.9\"/>\n      <rect x=\"0\" y=\"12\" width=\"56\" height=\"8\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.7\"/>\n      <rect x=\"0\" y=\"22\" width=\"56\" height=\"24\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n    "
-	},
-	{
-		label: "左侧混合（灵巧）",
-		value: "mix",
-		disabled: !1,
-		svg: "\n      <rect x=\"0\" y=\"0\" width=\"8\" height=\"48\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.9\"/>\n      <rect x=\"10\" y=\"0\" width=\"14\" height=\"48\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.7\"/>\n      <rect x=\"26\" y=\"0\" width=\"30\" height=\"10\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.6\"/>\n      <rect x=\"26\" y=\"12\" width=\"30\" height=\"34\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n    "
-	},
-	{
-		label: "顶部混合（侧优）",
-		value: "mix-top",
-		disabled: !1,
-		svg: "\n      <rect x=\"0\" y=\"0\" width=\"8\" height=\"48\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.9\"/>\n      <rect x=\"10\" y=\"0\" width=\"46\" height=\"10\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.7\"/>\n      <rect x=\"10\" y=\"12\" width=\"46\" height=\"34\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n    "
-	},
-	{
-		label: "反转混合（另类）",
-		value: "reverse-horizontal-mix",
-		disabled: !1,
-		svg: "\n      <rect x=\"0\" y=\"0\" width=\"56\" height=\"10\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.9\"/>\n      <rect x=\"44\" y=\"12\" width=\"12\" height=\"34\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.7\"/>\n      <rect x=\"0\" y=\"12\" width=\"42\" height=\"34\" rx=\"1\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n    "
-	},
-	{
-		label: "卡片网格（新颖）",
-		value: "card-layout",
-		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    "
-	}
-], vn = { class: "settings-section" }, yn = { class: "preset-grid" }, bn = [
-	"aria-pressed",
-	"onClick",
-	"onKeydown"
-], xn = { class: "preset-icon" }, Sn = { class: "preset-name" }, Cn = { class: "preset-color" }, wn = { class: "settings-section" }, Tn = { class: "settings-section" }, En = { class: "color-picker-wrapper" }, Dn = { class: "color-value" }, On = { class: "settings-section" }, kn = { class: "settings-section" }, An = { class: "flex items-center justify-between mb-2" }, jn = { class: "settings-section" }, Mn = { class: "settings-section" }, Nn = { class: "layout-grid" }, Pn = [
-	"tabindex",
-	"aria-disabled",
-	"aria-pressed",
-	"onClick",
-	"onKeydown"
-], Fn = { class: "layout-screenshot" }, In = {
-	class: "layout-svg",
-	viewBox: "0 0 56 48",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg"
-}, Ln = ["innerHTML"], Rn = { class: "layout-label" }, zn = {
-	key: 0,
-	class: "badge-soon"
-}, Bn = {
-	class: "settings-section menu-expand-section",
-	"data-menu-expand-mode": "built-in"
-}, 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"
-}, 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: /* @__PURE__ */ m({
-		width: { default: 380 },
-		store: {},
-		actions: {},
-		maxImportBytes: { default: 1024 * 1024 }
-	}, {
-		show: {
-			type: Boolean,
-			default: !1
-		},
-		showModifiers: {}
-	}),
-	emits: ["update:show"],
-	setup(t) {
-		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, 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;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    background-image: url(${t.toDataURL()});
-    background-repeat: repeat;
-    z-index: 9999;
-    user-select: none;
-  `, document.body.appendChild(H);
-		}, ee = () => {
-			H &&= (H.remove(), null);
-		};
-		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 K = r(() => {
-			if (typeof navigator > "u" || typeof window > "u") return {
-				browser: "Unknown",
-				os: "Unknown",
-				resolution: "Unknown",
-				pixelRatio: "Unknown",
-				language: "Unknown",
-				timezone: "Unknown"
-			};
-			let e = navigator.userAgent, t = "Unknown", n = "Unknown";
-			return e.includes("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}`,
-				pixelRatio: window.devicePixelRatio + "x",
-				language: navigator.language,
-				timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
-			};
-		});
-		y(() => {
-			ee(), typeof document < "u" && (document.documentElement.classList.toggle("gray-mode", x), document.documentElement.classList.toggle("color-weak-mode", T));
-		});
-		let q = (e, t) => {
-			t || (m.layoutMode = e);
-		}, se = (e) => m.primaryColor === e.primaryColor, J = (e) => {
-			m.applyPreset(e), c.success(`已应用「${e.name}」主题方案`);
-		}, le = async (e) => {
-			try {
-				await m.updateThemeMode(e);
-			} catch {
-				c.error("主题模式切换失败");
-			}
-		}, ue = async () => {
-			try {
-				await m.updateThemeMode($.themeMode), m.primaryColor = $.primaryColor, m.borderRadius = $.borderRadius, m.transitionType = $.transitionType, m.enableTransition = $.enableTransition, c.success("已恢复外观默认设置");
-			} catch {
-				c.error("恢复外观默认设置失败");
-			}
-		}, Y = () => {
-			m.layoutMode = $.layoutMode, m.menuExpandMode = $.menuExpandMode, m.fixedHeader = $.fixedHeader, m.showBreadcrumb = $.showBreadcrumb, m.showBreadcrumbIcon = $.showBreadcrumbIcon, m.showTagsView = $.showTagsView, m.tagsViewHeight = $.tagsViewHeight, m.tagsViewStyle = $.tagsViewStyle, m.showFooter = $.showFooter, m.sidebarWidth = $.sidebarWidth, m.sidebarCollapsedWidth = $.sidebarCollapsedWidth, m.headerHeight = $.headerHeight, c.success("已恢复布局默认设置");
-		}, de = () => {
-			d.warning({
-				title: "确认重置",
-				content: "确定要恢复默认配置吗？此操作不可撤销。",
-				positiveText: "确认",
-				negativeText: "取消",
-				onPositiveClick: async () => {
-					let e = { ...m.settingsState };
-					try {
-						m.resetSettings(), await m.updateThemeMode(m.themeMode), c.success("已恢复默认配置");
-					} catch {
-						m.$patch(e), c.error("恢复默认配置失败");
-					}
-				}
-			});
-		}, X = () => {
-			d.warning({
-				title: "确认清除",
-				content: "确定要清除浏览器缓存吗？",
-				positiveText: "确认",
-				negativeText: "取消",
-				onPositiveClick: async () => {
-					if (!n.actions?.clearCache) {
-						c.warning("宿主应用未配置可安全清理的缓存");
-						return;
-					}
-					try {
-						await n.actions.clearCache(), c.success("缓存已清除");
-					} catch {
-						c.error("缓存清除失败");
-					}
-				}
-			});
-		}, fe = () => {
-			n.actions?.reloadPage ? n.actions.reloadPage() : typeof window < "u" && window.location.reload();
-		}, Z = () => {
-			let e = {
-				schemaVersion: 1,
-				settings: m.settingsState,
-				gray: E.value,
-				colorWeak: O.value,
-				watermark: {
-					enabled: z.value,
-					text: V.value
-				},
-				exportTime: (/* @__PURE__ */ new Date()).toISOString()
-			}, 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 {
-					if (t.size > n.maxImportBytes) throw RangeError("配置文件过大");
-					let e = await t.text(), r = pn(JSON.parse(e));
-					if (r.settings !== void 0) {
-						let { themeMode: e, ...t } = r.settings;
-						e !== void 0 && await m.updateThemeMode(e), m.$patch(t);
-					}
-					r.gray !== void 0 && (E.value = r.gray), r.colorWeak !== void 0 && (O.value = r.colorWeak), r.watermark !== void 0 && (z.value = r.watermark.enabled, V.value = r.watermark.text), c.success("配置已导入");
-				} catch {
-					c.error("配置文件格式错误");
-				}
-			}, e.click();
-		};
-		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: M(() => [u(k(R), {
-				title: "⚙️ 布局配置",
-				closable: ""
-			}, {
-				default: M(() => [u(k(ie), {
-					value: v.value,
-					"onUpdate:value": r[15] ||= (e) => v.value = e,
-					animated: "",
-					class: "settings-tabs"
-				}, {
-					default: M(() => [
-						u(k(re), {
-							name: "appearance",
-							tab: "🎨 外观"
-						}, {
-							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: g(["preset-card", { active: se(e) }]),
-									role: "button",
-									tabindex: "0",
-									"aria-pressed": se(e),
-									onClick: (t) => J(e),
-									onKeydown: [N((t) => J(e), ["enter"]), N(P((t) => J(e), ["prevent"]), ["space"])]
-								}, [
-									s("div", xn, D(e.icon), 1),
-									s("div", Sn, D(e.name), 1),
-									s("div", Cn, [s("span", {
-										class: "color-dot",
-										style: _({ backgroundColor: e.primaryColor })
-									}, null, 4)])
-								], 42, bn))), 128))])]),
-								s("div", wn, [r[20] ||= s("div", { class: "section-title" }, "主题模式", -1), u(k(te), {
-									value: k(m).themeMode,
-									class: "mode-group",
-									"onUpdate:value": le
-								}, {
-									default: 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(k(W), { value: "dark" }, {
-											default: M(() => [...r[18] ||= [s("span", { class: "i-mdi:moon-waning-crescent mr-1" }, null, -1), l(" 深色 ", -1)]]),
-											_: 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", 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: k(sn),
-									actions: ["confirm"]
-								}, 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: M(() => [
-										u(k(W), { value: "small" }, {
-											default: M(() => [...r[22] ||= [l("小 (4px)", -1)]]),
-											_: 1
-										}),
-										u(k(W), { value: "medium" }, {
-											default: M(() => [...r[23] ||= [l("中 (6px)", -1)]]),
-											_: 1
-										}),
-										u(k(W), { value: "large" }, {
-											default: M(() => [...r[24] ||= [l("大 (8px)", -1)]]),
-											_: 1
-										})
-									]),
-									_: 1
-								}, 8, ["value"])]),
-								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(k(te), {
-										value: k(m).transitionType,
-										"onUpdate:value": r[3] ||= (e) => k(m).transitionType = e,
-										disabled: !k(m).enableTransition,
-										class: "transition-group"
-									}, {
-										default: M(() => [
-											u(k(W), { value: "fade" }, {
-												default: M(() => [...r[27] ||= [l("淡入", -1)]]),
-												_: 1
-											}),
-											u(k(W), { value: "slide" }, {
-												default: M(() => [...r[28] ||= [l("滑动", -1)]]),
-												_: 1
-											}),
-											u(k(W), { value: "zoom" }, {
-												default: M(() => [...r[29] ||= [l("缩放", -1)]]),
-												_: 1
-											}),
-											u(k(W), { value: "none" }, {
-												default: M(() => [...r[30] ||= [l("无", -1)]]),
-												_: 1
-											})
-										]),
-										_: 1
-									}, 8, ["value", "disabled"])
-								]),
-								s("div", jn, [u(k(F), {
-									block: "",
-									secondary: "",
-									onClick: ue
-								}, {
-									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)
-							]),
-							_: 3
-						}),
-						u(k(re), {
-							name: "layout",
-							tab: "📐 布局"
-						}, {
-							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: 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": 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: M(() => [u(k(W), { value: "inline" }, {
-										default: M(() => [...r[35] ||= [l("传统展开", -1)]]),
-										_: 1
-									}), u(k(W), { value: "panel" }, {
-										default: M(() => [...r[36] ||= [l("右侧面板", -1)]]),
-										_: 1
-									})]),
-									_: 1
-								}, 8, ["value"])]),
-								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", 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", 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", 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", 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,
-										marks: {
-											180: "180",
-											220: "220",
-											280: "280"
-										}
-									}, null, 8, ["value"])]),
-									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,
-										marks: {
-											48: "48",
-											56: "56",
-											64: "64"
-										}
-									}, null, 8, ["value"])])
-								]),
-								s("div", $n, [u(k(F), {
-									block: "",
-									secondary: "",
-									onClick: Y
-								}, {
-									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)
-							]),
-							_: 3
-						}),
-						u(k(re), {
-							name: "features",
-							tab: "🔧 功能"
-						}, {
-							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: X
-								}, {
-									icon: M(() => [...r[48] ||= [s("span", { class: "i-mdi:delete-sweep" }, null, -1)]]),
-									default: M(() => [r[49] ||= l(" 清除缓存 ", -1)]),
-									_: 1
-								}), u(k(F), {
-									secondary: "",
-									onClick: fe
-								}, {
-									icon: M(() => [...r[50] ||= [s("span", { class: "i-mdi:refresh" }, null, -1)]]),
-									default: M(() => [r[51] ||= l(" 重新加载 ", -1)]),
-									_: 1
-								})])]),
-								s("div", nr, [
-									r[59] ||= s("div", { class: "section-title" }, "配置管理", -1),
-									s("div", rr, [u(k(F), {
-										secondary: "",
-										onClick: Z
-									}, {
-										icon: M(() => [...r[53] ||= [s("span", { class: "i-mdi:download" }, null, -1)]]),
-										default: M(() => [r[54] ||= l(" 导出配置 ", -1)]),
-										_: 1
-									}), u(k(F), {
-										secondary: "",
-										onClick: pe
-									}, {
-										icon: M(() => [...r[55] ||= [s("span", { class: "i-mdi:upload" }, null, -1)]]),
-										default: M(() => [r[56] ||= l(" 导入配置 ", -1)]),
-										_: 1
-									})]),
-									u(k(F), {
-										block: "",
-										type: "error",
-										secondary: "",
-										class: "mt-2",
-										onClick: de
-									}, {
-										icon: M(() => [...r[57] ||= [s("span", { class: "i-mdi:restore" }, null, -1)]]),
-										default: M(() => [r[58] ||= l(" 重置所有配置 ", -1)]),
-										_: 1
-									})
-								]),
-								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", 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", 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"])]),
-									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", 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)
-							]),
-							_: 3
-						})
-					]),
-					_: 3
-				}, 8, ["value"])]),
-				_: 3
-			})]),
-			_: 3
-		}, 8, ["show", "width"]));
-	}
-}), [["__scopeId", "data-v-c78e9ba9"]]), Tr = { class: "brand-logo__icon" }, Er = [
-	"src",
-	"width",
-	"height"
-], Dr = [
-	"src",
-	"width",
-	"height"
-], Or = { class: "brand-logo__name" }, kr = { class: "brand-logo__title" }, Ar = {
-	key: 0,
-	class: "brand-logo__subtitle"
-}, jr = {
-	key: 0,
-	class: "brand-logo__divider"
-}, Mr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
-	name: "BrandLogo",
-	__name: "index",
-	props: {
-		showName: {
-			type: Boolean,
-			default: !1
-		},
-		showDivider: {
-			type: Boolean,
-			default: !1
-		},
-		size: { default: 36 },
-		collapsed: {
-			type: Boolean,
-			default: !1
-		},
-		variant: { default: "horizontal" }
-	},
-	setup(t) {
-		let n = Y(), r = {
-			...X,
-			...n.brand
-		};
-		return (n, i) => (b(), o("div", { class: g(["brand-logo", {
-			"brand-logo--collapsed": t.collapsed,
-			"brand-logo--horizontal": t.variant === "horizontal"
-		}]) }, [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,
-			height: t.size,
-			autoplay: "",
-			loop: "",
-			muted: "",
-			playsinline: "",
-			class: "brand-logo__media"
-		}, 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, 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"]]), Nr = { class: "icon-menu" }, Pr = ["onClick"], Fr = { class: "icon-menu__icon" }, Ir = {
-	key: 1,
-	class: "icon-menu__fallback"
-}, Lr = { class: "icon-menu__label" }, Rr = /* @__PURE__ */ Q(/* @__PURE__ */ d({
-	name: "IconMenu",
-	__name: "index",
-	props: {
-		menus: {},
-		active: {}
-	},
-	emits: ["click"],
-	setup(t, { emit: n }) {
-		let r = n, a = Y();
-		return (n, c) => (b(), o("div", Nr, [(b(!0), o(e, null, C(t.menus, (e) => (b(), o("div", {
-			key: e.path,
-			class: g(["icon-menu__item", { "icon-menu__item--active": t.active === e.path }]),
-			onClick: (t) => r("click", e)
-		}, [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"])) : (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"]]), 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"
-}, 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: {
-		show: { type: Boolean },
-		menuItem: {},
-		isActive: { type: Function }
-	},
-	emits: ["click"],
-	setup(t, { emit: r }) {
-		let c = r, l = Y(), u = {
-			...X,
-			...l.brand
-		};
-		return (r, d) => (b(), i(n, { name: "slide-fade" }, {
-			default: M(() => [t.show && t.menuItem ? (b(), o("div", {
-				key: 0,
-				class: g(["floating-menu", [k(l).isDark.value ? "dark-theme" : "light-theme"]]),
-				role: "navigation",
-				"aria-label": "二级功能导航"
-			}, [s("div", zr, [s("div", Br, [s("span", Vr, D(u.name), 1), s("span", Hr, D(u.subtitle), 1)])]), s("div", Ur, [(b(!0), o(e, null, C(t.menuItem.children, (n) => (b(), o(e, { key: n.path }, [n.children && n.children.length > 0 ? (b(), o("div", Wr, [s("div", Gr, [k(l).iconComponent && n.meta?.icon ? (b(), i(E(k(l).iconComponent), {
-				key: 0,
-				name: n.meta.icon,
-				size: 16
-			}, null, 8, ["name"])) : a("", !0), s("span", null, D(n.meta?.title), 1)]), (b(!0), o(e, null, C(n.children, (e) => (b(), o("div", {
-				key: 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: [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", qr, D(e.meta?.title), 1)], 42, Kr))), 128))])) : (b(), o("div", {
-				key: 1,
-				class: g(["floating-menu__item", { active: t.isActive?.(n.path) }]),
-				role: "link",
-				tabindex: "0",
-				onClick: (e) => c("click", n),
-				onKeydown: [N((e) => c("click", n), ["enter"]), N(P((e) => c("click", n), ["prevent"]), ["space"])]
-			}, [k(l).iconComponent && n.meta?.icon ? (b(), i(E(k(l).iconComponent), {
-				key: 0,
-				name: n.meta.icon,
-				size: 18
-			}, null, 8, ["name"])) : a("", !0), s("span", Yr, D(n.meta?.title), 1)], 42, Jr))], 64))), 128))])], 2)) : a("", !0)]),
-			_: 1
-		}));
-	}
-}), [["__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"
-}, 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: {
-		menus: {},
-		activeItem: {},
-		isActive: { type: Function }
-	},
-	emits: ["click"],
-	setup(t, { emit: r }) {
-		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: 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: 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", $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, D(n.meta?.title), 1)]), (b(!0), o(e, null, C(n.children, (e) => (b(), o("div", {
-				key: e.path,
-				class: g(["side-menu__item", { active: t.isActive?.(e.path) }]),
-				onClick: (t) => c("click", e)
-			}, [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", ii, D(e.meta?.title), 1)], 10, ri))), 128))])) : (b(), o("div", {
-				key: 1,
-				class: g(["side-menu__item", { active: t.isActive?.(n.path) }]),
-				onClick: (e) => c("click", n)
-			}, [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", oi, D(n.meta?.title), 1)], 10, ai))], 64))), 128))])], 2))]),
-			_: 1
-		})], 64)) : a("", !0);
-	}
-}), [["__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"
-}, pi = ["onClick", "onKeydown"], mi = { class: "drawer-menu__item-text" }, hi = {
-	key: 0,
-	class: "drawer-menu__sub-items"
-}, 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: {
-		menus: {},
-		show: { type: Boolean }
-	},
-	setup(t) {
-		let n = Y(), r = q(), c = p(ue, {
-			show: () => {},
-			startHide: () => {},
-			hide: () => {}
-		}), l = (e) => {
-			e.path && (r.push(e.path), c.hide());
-		};
-		return (r, u) => (b(), o("div", {
-			class: g(["drawer-menu", [k(n).isDark.value ? "dark-theme" : "light-theme", { visible: t.show }]]),
-			role: "navigation",
-			"aria-label": "功能导航",
-			"aria-hidden": !t.show,
-			onMouseenter: u[0] ||= (e) => k(c).show(),
-			onMouseleave: u[1] ||= (e) => k(c).startHide()
-		}, [u[2] ||= s("div", { class: "drawer-menu__header" }, [s("div", { class: "drawer-menu__title" }, [s("span", { class: "grid-icon" }, [
-			s("span"),
-			s("span"),
-			s("span"),
-			s("span")
-		]), s("span", null, "功能导航")])], -1), s("div", li, [s("div", ui, [(b(!0), o(e, null, C(t.menus, (t) => (b(), o("div", {
-			key: t.path,
-			class: "drawer-menu__category"
-		}, [s("div", {
-			class: "drawer-menu__category-header",
-			role: "link",
-			tabindex: "0",
-			onClick: (e) => l(t),
-			onKeydown: [N((e) => l(t), ["enter"]), N(P((e) => l(t), ["prevent"]), ["space"])]
-		}, [k(n).iconComponent && t.meta?.icon ? (b(), i(E(k(n).iconComponent), {
-			key: 0,
-			name: t.meta.icon,
-			size: 18
-		}, null, 8, ["name"])) : a("", !0), s("span", null, 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: [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", 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: [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", vi, D(e.meta?.title), 1)], 40, _i))), 128))])) : a("", !0)], 64))), 128))])) : a("", !0)]))), 128))])])], 42, ci));
-	}
-}), [["__scopeId", "data-v-91d54a20"]]), bi = /* @__PURE__ */ Q(/* @__PURE__ */ d({
-	name: "MenuTrigger",
-	__name: "index",
-	props: { show: { type: Boolean } },
-	setup(e) {
-		let t = p(ue, {
-			show: () => {},
-			startHide: () => {},
-			hide: () => {}
-		});
-		return (e, n) => (b(), o("div", {
-			class: "menu-trigger",
-			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"),
-			s("span")
-		])], -1)]], 32));
-	}
-}), [["__scopeId", "data-v-2c20af78"]]);
-//#endregion
-//#region src/setup.ts
-function xi(e, t = {}) {
-	let n = hn(t), r = n();
-	return e.provide(ce, r), n;
-}
-//#endregion
-export { an as BORDER_RADIUS_MAP, Mr as BrandLogo, sn as COLOR_SWATCHES, Qt as C_CardLayout, Qt as CardLayout, en as C_LayoutContainer, Ke as C_MixLayout, Ke as MixLayout, lt as C_MixTopLayout, lt as MixTopLayout, jt as C_ReverseHorizontalMixLayout, jt as ReverseHorizontalMixLayout, pe as C_SideLayout, pe as SideLayout, Oe as C_TopLayout, Oe as TopLayout, X as DEFAULT_BRAND_CONFIG, $ as DEFAULT_SETTINGS, ue as DRAWER_HANDLER_KEY, yi as DrawerMenu, Xr as FloatingMenu, Rr as IconMenu, J as LAYOUT_CONTEXT_KEY, rn as LAYOUT_MODES, ce as LAYOUT_SETTINGS_KEY, le as MENU_COLLAPSE_KEY, bi as MenuTrigger, tn as PRESET_COLORS, _e as ResponsiveMenu, dn as SETTINGS_CONFIG_SCHEMA_VERSION, wr as SettingsDrawer, si as SideMenu, nn as THEME_PRESETS, on as TRANSITION_MAP, mn as adjustColor, hn as createSettingsStore, de as provideLayoutContext, pn as sanitizeLayoutSettingsConfig, fn as sanitizeSettingsPatch, xi as setupLayout, fe as shouldCacheRoute, Z as useLayoutCache, Y as useLayoutContext, Ae as useMenuSplit, gn as useSettingsStore };
-
-//# sourceMappingURL=index.js.map
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, v as N, w as P, x as F, y as I } from "./vue-BRQ1Fg0b.js";
+import { _ as L, a as R, b as z, c as B, d as V, f as H, g as U, h as W, i as G, l as K, m as q, n as J, o as Y, p as X, r as Z, s as Q, t as $, u as ee, v as te, x as ne, y as re } from "./naive-Bd8pxcrF.js";
+export { _ as BORDER_RADIUS_MAP, te as BrandLogo, v as COLOR_SWATCHES, $ as C_CardLayout, z as C_LayoutContainer, J as C_MixLayout, Z as C_MixTopLayout, G as C_ReverseHorizontalMixLayout, R as C_SideLayout, Y as C_TopLayout, Q as CardLayout, S as DEFAULT_BRAND_CONFIG, O as DEFAULT_SETTINGS, s as DRAWER_HANDLER_KEY, q as DrawerMenu, U as FloatingMenu, L as IconMenu, c as LAYOUT_CONTEXT_KEY, T as LAYOUT_MODES, u as LAYOUT_SETTINGS_KEY, j as LayoutActionUnavailableError, i as MENU_COLLAPSE_KEY, X as MenuTrigger, B as MixLayout, K as MixTopLayout, b as PRESET_COLORS, ne as ResponsiveMenu, ee as ReverseHorizontalMixLayout, N as SETTINGS_CONFIG_SCHEMA_VERSION, re as SettingsDrawer, V as SideLayout, W as SideMenu, y as THEME_PRESETS, p as TRANSITION_MAP, H as TopLayout, I as adjustColor, h as assertLayoutSettingsRelationships, w as bindLayoutCssVariables, r as calculateVisibleMenuCount, k as createLayoutContext, A as createSettingsStore, n as estimateMenuItemWidth, P as isPathSegmentPrefix, m as normalizeLayoutMenus, x as provideLayout, a as provideLayoutContext, F as sanitizeLayoutSettingsConfig, d as sanitizeSettingsPatch, D as setupLayout, C as shouldCacheRoute, e as useLayoutCache, o as useLayoutContext, M as useLayoutCssVariables, t as useLayoutIcon, f as useMenuSplit, l as useResponsiveMenu, E as useSettingsController, g as useSettingsStore };