@robot-admin/layout 3.1.0 → 3.2.0

package/dist/naive-Bd8pxcrF.js

@@ -0,0 +1,1635 @@
+import { A as e, C as t, F as n, L as r, M as i, O as a, P as o, T as s, c, f as l, g as u, j as d, n as f, t as p } from "./vue-BRQ1Fg0b.js";
+import { Fragment as m, KeepAlive as h, Transition as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, defineComponent as T, h as E, inject as D, isRef as O, mergeModels as k, normalizeClass as A, normalizeStyle as j, onUnmounted as M, openBlock as N, provide as P, ref as F, renderList as I, renderSlot as L, resolveComponent as ee, resolveDynamicComponent as R, toDisplayString as z, unref as B, useModel as te, watch as ne, withCtx as V, withKeys as H, withModifiers as U } from "vue";
+import { NButton as W, NColorPicker as re, NDrawer as ie, NDrawerContent as ae, NDropdown as oe, NInput as se, NLayout as G, NLayoutContent as K, NLayoutSider as ce, NMenu as le, NRadioButton as q, NRadioGroup as J, NSlider as ue, NSwitch as Y, NTabPane as X, NTabs as de, useDialog as fe, useMessage as pe } from "naive-ui";
+import { useRoute as me, useRouter as he } from "vue-router";
+//#endregion
+//#region src/components/LayoutRouterView/index.vue
+var Z = /* @__PURE__ */ T({
+	name: "LayoutRouterView",
+	__name: "index",
+	setup(t) {
+		let n = r(), { cachedViews: i, maxCacheCount: a } = e();
+		return (e, t) => {
+			let r = ee("RouterView");
+			return N(), v(r, null, {
+				default: V(({ Component: e, route: t }) => [w(g, {
+					name: B(n).transitionName.value,
+					mode: "out-in"
+				}, {
+					default: V(() => [(N(), v(h, {
+						include: B(i),
+						max: B(a)
+					}, [(N(), v(R(e), { key: t.path }))], 1032, ["include", "max"]))]),
+					_: 2
+				}, 1032, ["name"])]),
+				_: 1
+			});
+		};
+	}
+}), ge = /* @__PURE__ */ T({
+	name: "C_SideLayout",
+	__name: "index",
+	props: { collapsed: {
+		type: Boolean,
+		default: !1
+	} },
+	emits: ["update:collapsed"],
+	setup(e, { expose: t, emit: n }) {
+		let i = e, a = n, o = r(), s = F(i.collapsed);
+		ne(() => i.collapsed, (e) => {
+			s.value = e;
+		});
+		let c = _(() => s.value), l = (e) => {
+			s.value = e, a("update:collapsed", e);
+		};
+		return t({
+			collapsed: c,
+			toggleCollapse: () => {
+				let e = !s.value;
+				s.value = e, a("update:collapsed", e);
+			}
+		}), (e, t) => (N(), v(B(G), { "has-sider": "" }, {
+			default: V(() => [w(B(ce), {
+				bordered: "",
+				"collapse-mode": "width",
+				"collapsed-width": B(o).sidebarCollapsedWidth.value,
+				width: B(o).sidebarWidth.value,
+				"native-scrollbar": !1,
+				collapsed: c.value,
+				"onUpdate:collapsed": l,
+				class: A([
+					"layout-sider",
+					"no-horizontal-scroll",
+					B(o).isDark.value ? "dark-theme" : "light-theme"
+				])
+			}, {
+				default: V(() => [L(e.$slots, "logo"), L(e.$slots, "menu", { collapsed: c.value })]),
+				_: 3
+			}, 8, [
+				"collapsed-width",
+				"width",
+				"collapsed",
+				"class"
+			]), w(B(G), null, {
+				default: V(() => [
+					L(e.$slots, "header"),
+					w(B(K), { class: "content-with-header p16px app-content" }, {
+						default: V(() => [w(Z)]),
+						_: 1
+					}),
+					L(e.$slots, "footer")
+				]),
+				_: 3
+			})]),
+			_: 3
+		}));
+	}
+}), _e = { class: "responsive-menu__visible" }, ve = { class: "responsive-menu__more" }, ye = /* @__PURE__ */ T({
+	name: "ResponsiveMenu",
+	__name: "index",
+	props: { data: {} },
+	setup(e) {
+		let t = e, n = me(), i = he(), o = r(), s = _(() => n.path), { containerRef: c, visibleItems: l, hiddenItems: u } = a({ data: () => t.data || [] }), d = (e) => {
+			c.value = e instanceof HTMLElement ? e : void 0;
+		}, f = o.isDark, p = {
+			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)"
+		}, m = {
+			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)"
+		}, h = _(() => f.value ? m : p), g = (e, t = 18) => o.iconComponent ? () => E(o.iconComponent, {
+			name: e,
+			size: t
+		}) : () => E("i", {
+			class: e,
+			style: {
+				fontSize: `${t}px`,
+				display: "inline-flex",
+				alignItems: "center"
+			}
+		}), S = (e) => e.meta?.icon ?? (typeof e.icon == "string" ? e.icon : void 0), C = (e) => {
+			let t = S(e);
+			return {
+				key: e.path || e.key || "",
+				label: e.meta?.title || e.label || e.name || "",
+				icon: t ? g(t, 18) : void 0,
+				children: e.children?.length ? e.children.map(C) : void 0
+			};
+		}, T = _(() => l.value.map(C)), D = _(() => u.value.map((e) => {
+			let t = S(e);
+			return {
+				key: e.path || e.key || "",
+				label: e.meta?.title || e.label || e.name || "",
+				icon: t ? g(t, 16) : void 0,
+				children: e.children?.length ? e.children.map((e) => {
+					let t = S(e);
+					return {
+						key: e.path || e.key || "",
+						label: e.meta?.title || e.label || e.name || "",
+						icon: t ? g(t, 16) : void 0
+					};
+				}) : void 0
+			};
+		})), O = (e) => {
+			e && i.push(e);
+		};
+		return (e, t) => (N(), b("div", {
+			ref: d,
+			class: "responsive-menu"
+		}, [x("div", _e, [T.value.length > 0 ? (N(), v(B(le), {
+			key: 0,
+			mode: "horizontal",
+			value: s.value,
+			options: T.value,
+			"theme-overrides": h.value,
+			"onUpdate:value": O
+		}, null, 8, [
+			"value",
+			"options",
+			"theme-overrides"
+		])) : y("", !0)]), B(u).length > 0 ? (N(), v(B(oe), {
+			key: 0,
+			options: D.value,
+			placement: "bottom-end",
+			trigger: "hover",
+			onSelect: O
+		}, {
+			default: V(() => [x("div", ve, [w(B(W), {
+				text: "",
+				class: "responsive-menu__more-btn"
+			}, {
+				default: V(() => [...t[0] ||= [x("span", { class: "dots-icon" }, [
+					x("span"),
+					x("span"),
+					x("span")
+				], -1)]]),
+				_: 1
+			})])]),
+			_: 1
+		}, 8, ["options"])) : y("", !0)], 512));
+	}
+}), Q = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, $ = /* @__PURE__ */ Q(ye, [["__scopeId", "data-v-e1abe4de"]]), be = { class: "top-layout-container" }, xe = { class: "navbar-left" }, Se = { class: "logo-container" }, Ce = [
+	"src",
+	"width",
+	"height"
+], we = [
+	"src",
+	"width",
+	"height",
+	"alt"
+], Te = { class: "brand-name" }, Ee = { class: "brand-title" }, De = { class: "brand-subtitle" }, Oe = { class: "navbar-center" }, ke = { class: "page-content" }, Ae = /* @__PURE__ */ T({
+	name: "C_TopLayout",
+	__name: "index",
+	setup(e) {
+		let t = r(), n = t.isDark, i = _(() => t.menus.value), a = _(() => t.showTagsView.value), o = _(() => t.tagsViewHeight.value), s = _(() => t.showFooter.value), c = {
+			...d,
+			...t.brand
+		};
+		return (e, t) => (N(), b("div", be, [
+			x("div", { class: A(["top-navbar", [B(n) ? "dark-theme" : "light-theme"]]) }, [
+				x("div", xe, [L(e.$slots, "logo", {}, () => [
+					x("div", Se, [t[0] ||= x("div", { class: "logo-glow" }, null, -1), c.logoType === "video" && c.logoSrc ? (N(), b("video", {
+						key: 0,
+						src: c.logoSrc,
+						width: c.logoSize || 36,
+						height: c.logoSize || 36,
+						autoplay: "",
+						loop: "",
+						muted: "",
+						playsinline: "",
+						class: "logo-video"
+					}, " 您的浏览器不支持 video 标签。 ", 8, Ce)) : c.logoSrc ? (N(), b("img", {
+						key: 1,
+						src: c.logoSrc,
+						width: c.logoSize || 36,
+						height: c.logoSize || 36,
+						class: "logo-video",
+						alt: c.name || "Logo"
+					}, null, 8, we)) : y("", !0)]),
+					x("div", Te, [x("span", Ee, z(c.name), 1), x("span", De, z(c.subtitle), 1)]),
+					t[1] ||= x("div", { class: "navbar-divider" }, null, -1)
+				])]),
+				x("div", Oe, [L(e.$slots, "menu", {}, () => [w($, { data: i.value }, null, 8, ["data"])])]),
+				L(e.$slots, "header-extra")
+			], 2),
+			a.value ? (N(), b("div", {
+				key: 0,
+				class: "tags-view-container",
+				style: j({ height: `${o.value}px` })
+			}, [L(e.$slots, "tags-view")], 4)) : y("", !0),
+			w(B(G), null, {
+				default: V(() => [w(B(K), { class: "main-content" }, {
+					default: V(() => [x("div", ke, [w(Z)])]),
+					_: 1
+				}), s.value ? L(e.$slots, "footer", {}, void 0, void 0, 0) : y("", !0)]),
+				_: 3
+			})
+		]));
+	}
+}), 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__ */ T({
+	name: "C_MixLayout",
+	__name: "index",
+	setup(e) {
+		let n = r(), i = n.isDark, a = _(() => n.menus.value), o = _(() => n.showFooter.value), c = {
+			...d,
+			...n.brand
+		}, l = s({
+			menus: n.menus,
+			floatingSecondMenu: _(() => !0)
+		}), u = t();
+		return (e, t) => (N(), b("div", je, [
+			x("div", { class: A(["first-level-menu", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", Me, [L(e.$slots, "logo", {}, () => [t[0] ||= x("div", { class: "logo-glow" }, null, -1), c.logoType === "video" && c.logoSrc ? (N(), b("video", {
+				key: 0,
+				src: c.logoSrc,
+				width: c.logoSize || 40,
+				height: c.logoSize || 40,
+				autoplay: "",
+				loop: "",
+				muted: "",
+				playsinline: "",
+				class: "logo-video"
+			}, " 您的浏览器不支持 video 标签。 ", 8, Ne)) : c.logoSrc ? (N(), b("img", {
+				key: 1,
+				src: c.logoSrc,
+				width: c.logoSize || 40,
+				height: c.logoSize || 40,
+				class: "logo-video",
+				alt: c.name || "Logo"
+			}, null, 8, Pe)) : y("", !0)])]), x("div", Fe, [(N(!0), b(m, null, I(a.value, (e) => (N(), b("div", {
+				key: e.path,
+				class: A(["first-menu-item", { active: B(l).activeFirstMenu.value === e.path }]),
+				role: "button",
+				tabindex: e.disabled ? -1 : 0,
+				"aria-disabled": e.disabled || void 0,
+				onClick: (t) => B(l).handleFirstMenuClick(e),
+				onKeydown: [H((t) => B(l).handleFirstMenuClick(e), ["enter"]), H(U((t) => B(l).handleFirstMenuClick(e), ["prevent"]), ["space"])]
+			}, [x("div", Le, [e.meta?.icon ? (N(), v(R(B(u)), {
+				key: 0,
+				name: e.meta.icon,
+				size: 22
+			}, null, 8, ["name"])) : (N(), b("span", Re, z((e.meta?.title || "")[0]), 1))]), x("span", ze, z(e.meta?.title), 1)], 42, Ie))), 128))])], 2),
+			w(g, { name: "slide-fade" }, {
+				default: V(() => [B(l).showSecondMenu.value ? (N(), b("div", {
+					key: 0,
+					class: A(["second-level-menu-popup", [B(i) ? "dark-theme" : "light-theme"]])
+				}, [x("div", Be, [B(l).displayMenuItem.value?.meta?.icon ? (N(), v(R(B(u)), {
+					key: 0,
+					name: B(l).displayMenuItem.value.meta.icon,
+					size: 20
+				}, null, 8, ["name"])) : y("", !0), x("span", Ve, z(B(l).displayMenuItem.value?.meta?.title), 1)]), x("div", He, [(N(!0), b(m, null, I(B(l).displayMenuItem.value?.children || [], (e) => (N(), b("div", {
+					key: e.path,
+					class: A(["second-menu-item", { active: B(l).isMenuItemActive(e.path) }]),
+					role: "link",
+					tabindex: e.disabled ? -1 : 0,
+					"aria-disabled": e.disabled || void 0,
+					onClick: (t) => B(l).handleSecondMenuClick(e),
+					onKeydown: [H((t) => B(l).handleSecondMenuClick(e), ["enter"]), H(U((t) => B(l).handleSecondMenuClick(e), ["prevent"]), ["space"])]
+				}, [e.meta?.icon ? (N(), v(R(B(u)), {
+					key: 0,
+					name: e.meta.icon,
+					size: 16
+				}, null, 8, ["name"])) : y("", !0), x("span", We, z(e.meta?.title), 1)], 42, Ue))), 128))])], 2)) : y("", !0)]),
+				_: 1
+			}),
+			x("div", Ge, [L(e.$slots, "header"), w(B(G), null, {
+				default: V(() => [w(B(K), { class: "content-with-header p16px app-content" }, {
+					default: V(() => [w(Z)]),
+					_: 1
+				}), o.value ? L(e.$slots, "footer", {}, void 0, void 0, 0) : y("", !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__ */ T({
+	name: "C_MixTopLayout",
+	__name: "index",
+	setup(e) {
+		let n = r(), i = n.isDark, a = _(() => n.menus.value), o = _(() => n.showTagsView.value), c = _(() => n.tagsViewHeight.value), l = _(() => n.showFooter.value), u = {
+			...d,
+			...n.brand
+		}, f = s({
+			menus: n.menus,
+			floatingSecondMenu: _(() => !1)
+		}), p = t();
+		return (e, t) => (N(), b("div", qe, [x("div", { class: A(["first-level-sidebar", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", Je, [L(e.$slots, "logo", {}, () => [t[0] ||= x("div", { class: "logo-glow" }, null, -1), u.logoType === "video" && u.logoSrc ? (N(), b("video", {
+			key: 0,
+			src: u.logoSrc,
+			width: u.logoSize || 40,
+			height: u.logoSize || 40,
+			autoplay: "",
+			loop: "",
+			muted: "",
+			playsinline: "",
+			class: "logo-video"
+		}, " 您的浏览器不支持 video 标签。 ", 8, Ye)) : u.logoSrc ? (N(), b("img", {
+			key: 1,
+			src: u.logoSrc,
+			width: u.logoSize || 40,
+			height: u.logoSize || 40,
+			class: "logo-video",
+			alt: u.name || "Logo"
+		}, null, 8, Xe)) : y("", !0)])]), x("div", Ze, [(N(!0), b(m, null, I(a.value, (e) => (N(), b("div", {
+			key: e.path,
+			class: A(["first-menu-item", { active: B(f).activeFirstMenu.value === e.path }]),
+			role: "button",
+			tabindex: e.disabled ? -1 : 0,
+			"aria-disabled": e.disabled || void 0,
+			"aria-current": B(f).activeFirstMenu.value === e.path ? "page" : void 0,
+			onClick: (t) => B(f).handleFirstMenuClick(e),
+			onKeydown: [H((t) => B(f).handleFirstMenuClick(e), ["enter"]), H(U((t) => B(f).handleFirstMenuClick(e), ["prevent"]), ["space"])]
+		}, [x("div", $e, [e.meta?.icon ? (N(), v(R(B(p)), {
+			key: 0,
+			name: e.meta.icon,
+			size: 22
+		}, null, 8, ["name"])) : (N(), b("span", et, z((e.meta?.title || "")[0]), 1))]), x("span", tt, z(e.meta?.title), 1)], 42, Qe))), 128))])], 2), x("div", nt, [
+			x("div", { class: A(["top-navbar", [B(i) ? "dark-theme" : "light-theme"]]) }, [
+				x("div", rt, [L(e.$slots, "brand", {}, () => [x("div", it, [x("span", at, z(u.name), 1), x("span", ot, z(u.subtitle), 1)]), t[1] ||= x("div", { class: "navbar-divider" }, null, -1)])]),
+				x("div", st, [L(e.$slots, "top-menu", {}, () => [B(f).currentSecondMenus.value.length > 0 ? (N(), v($, {
+					key: 0,
+					data: B(f).currentSecondMenus.value
+				}, null, 8, ["data"])) : y("", !0)])]),
+				L(e.$slots, "header-extra")
+			], 2),
+			o.value ? (N(), b("div", {
+				key: 0,
+				class: "tags-view-container",
+				style: j({ height: `${c.value}px` })
+			}, [L(e.$slots, "tags-view")], 4)) : y("", !0),
+			w(B(G), { class: "content-layout" }, {
+				default: V(() => [w(B(K), { class: "main-content" }, {
+					default: V(() => [x("div", ct, [w(Z)])]),
+					_: 1
+				}), l.value ? L(e.$slots, "footer", {}, void 0, void 0, 0) : y("", !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__ */ T({
+	name: "C_ReverseHorizontalMixLayout",
+	__name: "index",
+	setup(e) {
+		let n = r(), i = n.isDark, a = _(() => n.menus.value), o = _(() => n.showTagsView.value), c = _(() => n.tagsViewHeight.value), l = _(() => n.showFooter.value), u = {
+			...d,
+			...n.brand
+		}, f = s({
+			menus: n.menus,
+			floatingSecondMenu: _(() => !1)
+		}), p = F(!1), h = () => {
+			p.value = !p.value;
+		}, g = t();
+		return (e, t) => (N(), b("div", ut, [
+			x("div", { class: A(["top-navbar", [B(i) ? "dark-theme" : "light-theme"]]) }, [
+				x("div", dt, [L(e.$slots, "logo", {}, () => [
+					x("div", ft, [t[0] ||= x("div", { class: "logo-glow" }, null, -1), u.logoType === "video" && u.logoSrc ? (N(), b("video", {
+						key: 0,
+						src: u.logoSrc,
+						width: u.logoSize || 36,
+						height: u.logoSize || 36,
+						autoplay: "",
+						loop: "",
+						muted: "",
+						playsinline: "",
+						class: "logo-video"
+					}, " 您的浏览器不支持 video 标签。 ", 8, pt)) : u.logoSrc ? (N(), b("img", {
+						key: 1,
+						src: u.logoSrc,
+						width: u.logoSize || 36,
+						height: u.logoSize || 36,
+						class: "logo-video",
+						alt: u.name || "Logo"
+					}, null, 8, mt)) : y("", !0)]),
+					x("div", ht, [x("span", gt, z(u.name), 1), x("span", _t, z(u.subtitle), 1)]),
+					t[1] ||= x("div", { class: "navbar-divider" }, null, -1)
+				])]),
+				x("div", vt, [L(e.$slots, "top-menu", {}, () => [w($, { data: a.value }, null, 8, ["data"])])]),
+				L(e.$slots, "header-extra")
+			], 2),
+			o.value ? (N(), b("div", {
+				key: 0,
+				class: "tags-view-container",
+				style: j({ height: `${c.value}px` })
+			}, [L(e.$slots, "tags-view")], 4)) : y("", !0),
+			x("div", yt, [
+				w(B(G), { class: "content-layout" }, {
+					default: V(() => [w(B(K), { class: "main-content" }, {
+						default: V(() => [x("div", bt, [w(Z)])]),
+						_: 1
+					}), l.value ? L(e.$slots, "footer", {}, void 0, void 0, 0) : y("", !0)]),
+					_: 3
+				}),
+				B(f).currentSecondMenus.value.length > 0 ? (N(), b("div", {
+					key: 0,
+					class: A(["sidebar-toggle", [B(i) ? "dark-theme" : "light-theme", { active: !p.value }]]),
+					onClick: h,
+					role: "button",
+					tabindex: "0",
+					"aria-expanded": !p.value,
+					onKeydown: [H(h, ["enter"]), H(U(h, ["prevent"]), ["space"])]
+				}, [x("span", { class: A([
+					"collapse-arrow",
+					"toggle-icon",
+					p.value ? "collapsed" : "expanded"
+				]) }, [...t[2] ||= [x("span", { class: "arrow-line" }, null, -1), x("span", { class: "arrow-line" }, null, -1)]], 2)], 42, xt)) : y("", !0),
+				B(f).currentSecondMenus.value.length > 0 ? (N(), b("div", {
+					key: 1,
+					class: A(["right-sidebar-wrapper", { collapsed: p.value }])
+				}, [x("div", { class: A(["right-sidebar", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", { class: A(["sidebar-header", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", St, [B(f).activeFirstMenuItem.value?.meta?.icon ? (N(), v(R(B(g)), {
+					key: 0,
+					name: B(f).activeFirstMenuItem.value.meta.icon,
+					size: 20
+				}, null, 8, ["name"])) : y("", !0)]), x("span", Ct, z(B(f).activeFirstMenuItem.value?.meta?.title || "菜单"), 1)], 2), x("div", wt, [(N(!0), b(m, null, I(B(f).currentSecondMenus.value, (e) => (N(), b(m, { key: e.path }, [e.children && e.children.length > 0 ? (N(), b("div", Tt, [x("div", Et, [e.meta?.icon ? (N(), v(R(B(g)), {
+					key: 0,
+					name: e.meta.icon,
+					size: 16
+				}, null, 8, ["name"])) : y("", !0), x("span", null, z(e.meta?.title), 1)]), (N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
+					key: e.path,
+					class: A(["menu-item sub-item", { active: B(f).isMenuItemActive(e.path) }]),
+					role: "button",
+					tabindex: e.disabled ? -1 : 0,
+					"aria-disabled": e.disabled || void 0,
+					"aria-current": B(f).isMenuItemActive(e.path) ? "page" : void 0,
+					onClick: (t) => B(f).handleSecondMenuClick(e),
+					onKeydown: [H((t) => B(f).handleSecondMenuClick(e), ["enter"]), H(U((t) => B(f).handleSecondMenuClick(e), ["prevent"]), ["space"])]
+				}, [e.meta?.icon ? (N(), v(R(B(g)), {
+					key: 0,
+					name: e.meta.icon,
+					size: 16
+				}, null, 8, ["name"])) : y("", !0), x("span", Ot, z(e.meta?.title), 1)], 42, Dt))), 128))])) : (N(), b("div", {
+					key: 1,
+					class: A(["menu-item", { active: B(f).isMenuItemActive(e.path) }]),
+					role: "button",
+					tabindex: e.disabled ? -1 : 0,
+					"aria-disabled": e.disabled || void 0,
+					"aria-current": B(f).isMenuItemActive(e.path) ? "page" : void 0,
+					onClick: (t) => B(f).handleSecondMenuClick(e),
+					onKeydown: [H((t) => B(f).handleSecondMenuClick(e), ["enter"]), H(U((t) => B(f).handleSecondMenuClick(e), ["prevent"]), ["space"])]
+				}, [e.meta?.icon ? (N(), v(R(B(g)), {
+					key: 0,
+					name: e.meta.icon,
+					size: 18
+				}, null, 8, ["name"])) : y("", !0), x("span", At, z(e.meta?.title), 1)], 42, kt))], 64))), 128))])], 2)], 2)) : y("", !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__ */ T({
+	name: "C_CardLayout",
+	__name: "index",
+	setup(e) {
+		let n = r(), i = he(), a = n.isDark, o = _(() => n.menus.value), s = _(() => n.showTagsView.value), c = _(() => n.tagsViewHeight.value), l = _(() => n.showFooter.value), u = {
+			...d,
+			...n.brand
+		}, f = F(!1), p = F(null), h = () => {
+			p.value && clearTimeout(p.value), p.value = setTimeout(() => {
+				f.value = !1;
+			}, 300);
+		}, g = () => {
+			p.value &&= (clearTimeout(p.value), null), f.value = !0;
+		}, S = (e) => {
+			!e.disabled && e.path && (i.push(e.path), f.value = !1);
+		}, C = t();
+		return M(() => {
+			p.value && clearTimeout(p.value);
+		}), (e, t) => (N(), b("div", Mt, [
+			x("div", { class: A(["top-navbar", [B(a) ? "dark-theme" : "light-theme"]]) }, [x("div", Nt, [x("div", {
+				class: "hover-trigger-area",
+				onMouseenter: g,
+				onMouseleave: h
+			}, [L(e.$slots, "menu-trigger", {}, () => [t[0] ||= x("div", { class: "menu-indicator" }, [x("span", { class: "hamburger-icon" }, [
+				x("span"),
+				x("span"),
+				x("span")
+			])], -1)], !0)], 32), L(e.$slots, "logo", {}, () => [
+				x("div", Pt, [t[1] ||= x("div", { class: "logo-glow" }, null, -1), u.logoType === "video" && u.logoSrc ? (N(), b("video", {
+					key: 0,
+					src: u.logoSrc,
+					width: u.logoSize || 36,
+					height: u.logoSize || 36,
+					autoplay: "",
+					loop: "",
+					muted: "",
+					playsinline: "",
+					class: "logo-video"
+				}, " 您的浏览器不支持 video 标签。 ", 8, Ft)) : u.logoSrc ? (N(), b("img", {
+					key: 1,
+					src: u.logoSrc,
+					width: u.logoSize || 36,
+					height: u.logoSize || 36,
+					class: "logo-video",
+					alt: u.name || "Logo"
+				}, null, 8, It)) : y("", !0)]),
+				x("div", Lt, [x("span", Rt, z(u.name), 1), x("span", zt, z(u.subtitle), 1)]),
+				t[2] ||= x("div", { class: "navbar-divider" }, null, -1)
+			], !0)]), L(e.$slots, "header-extra", {}, void 0, !0)], 2),
+			s.value ? (N(), b("div", {
+				key: 0,
+				class: "tags-view-container",
+				style: j({ height: `${c.value}px` })
+			}, [L(e.$slots, "tags-view", {}, void 0, !0)], 4)) : y("", !0),
+			x("div", {
+				class: A(["drawer-menu", [B(a) ? "dark-theme" : "light-theme", { visible: f.value }]]),
+				onMouseenter: g,
+				onMouseleave: h
+			}, [L(e.$slots, "drawer-menu", {}, () => [t[3] ||= x("div", { class: "drawer-header" }, [x("div", { class: "drawer-title" }, [x("span", { class: "grid-icon" }, [
+				x("span"),
+				x("span"),
+				x("span"),
+				x("span")
+			]), x("span", null, "功能导航")])], -1), x("div", Bt, [x("div", Vt, [(N(!0), b(m, null, I(o.value, (e) => (N(), b("div", {
+				key: e.path,
+				class: "menu-category"
+			}, [x("div", {
+				class: "category-header",
+				role: "link",
+				tabindex: e.disabled ? -1 : 0,
+				"aria-disabled": e.disabled || void 0,
+				onClick: (t) => S(e),
+				onKeydown: [H((t) => S(e), ["enter"]), H(U((t) => S(e), ["prevent"]), ["space"])]
+			}, [e.meta?.icon ? (N(), v(R(B(C)), {
+				key: 0,
+				name: e.meta.icon,
+				size: 18
+			}, null, 8, ["name"])) : y("", !0), x("span", null, z(e.meta?.title), 1)], 40, Ht), e.children && e.children.length > 0 ? (N(), b("div", Ut, [(N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
+				key: e.path,
+				class: "menu-item",
+				role: "link",
+				tabindex: e.disabled ? -1 : 0,
+				"aria-disabled": e.disabled || void 0,
+				onClick: (t) => S(e),
+				onKeydown: [H((t) => S(e), ["enter"]), H(U((t) => S(e), ["prevent"]), ["space"])]
+			}, [e.meta?.icon ? (N(), v(R(B(C)), {
+				key: 0,
+				name: e.meta.icon,
+				size: 16
+			}, null, 8, ["name"])) : y("", !0), x("span", Gt, z(e.meta?.title), 1)], 40, Wt))), 128)), (N(!0), b(m, null, I(e.children, (e) => (N(), b(m, { key: "sub-" + e.path }, [e.children && e.children.length > 0 ? (N(), b("div", Kt, [x("div", qt, z(e.meta?.title), 1), (N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
+				key: e.path,
+				class: "menu-item submenu-item",
+				role: "link",
+				tabindex: e.disabled ? -1 : 0,
+				"aria-disabled": e.disabled || void 0,
+				onClick: (t) => S(e),
+				onKeydown: [H((t) => S(e), ["enter"]), H(U((t) => S(e), ["prevent"]), ["space"])]
+			}, [e.meta?.icon ? (N(), v(R(B(C)), {
+				key: 0,
+				name: e.meta.icon,
+				size: 14
+			}, null, 8, ["name"])) : y("", !0), x("span", Yt, z(e.meta?.title), 1)], 40, Jt))), 128))])) : y("", !0)], 64))), 128))])) : y("", !0)]))), 128))])])], !0)], 34),
+			x("div", Xt, [w(B(G), { class: "content-layout" }, {
+				default: V(() => [w(B(K), { class: "main-content p16px app-content" }, {
+					default: V(() => [x("div", Zt, [w(Z)])]),
+					_: 1
+				}), l.value ? L(e.$slots, "footer", {}, void 0, !0, 0) : y("", !0)]),
+				_: 3
+			})])
+		]));
+	}
+}), [["__scopeId", "data-v-e4257b69"]]), $t = {
+	key: 6,
+	class: "layout-coming-soon"
+}, en = /* @__PURE__ */ T({
+	name: "C_LayoutContainer",
+	__name: "index",
+	setup(e) {
+		let t = r(), i = t.layoutMode, a = t.isDark, o = F(!1), s = _({
+			get: () => t.collapsed?.value ?? o.value,
+			set: (e) => {
+				t.collapsed ? t.collapsed.value = e : o.value = e;
+			}
+		}), c = {
+			isCollapsed: s,
+			handleCollapsedChange: (e) => {
+				s.value = e;
+			}
+		};
+		return P(n, c), P("menuCollapse", c), (e, t) => (N(), b("div", {
+			"data-ra-layout": "",
+			class: A(["layout-container", B(a) ? "dark-mode" : "light-mode"])
+		}, [B(i) === "side" ? (N(), v(ge, {
+			key: 0,
+			collapsed: s.value,
+			"onUpdate:collapsed": t[0] ||= (e) => s.value = e
+		}, S({
+			menu: V(() => [L(e.$slots, "menu", { collapsed: s.value })]),
+			header: V(() => [L(e.$slots, "header")]),
+			footer: V(() => [L(e.$slots, "footer")]),
+			_: 2
+		}, [e.$slots.logo ? {
+			name: "logo",
+			fn: V(() => [L(e.$slots, "logo")]),
+			key: "0"
+		} : void 0]), 1032, ["collapsed"])) : B(i) === "top" ? (N(), v(Ae, { key: 1 }, S({ _: 2 }, [
+			e.$slots.logo ? {
+				name: "logo",
+				fn: V(() => [L(e.$slots, "logo")]),
+				key: "0"
+			} : void 0,
+			e.$slots["top-menu"] ? {
+				name: "menu",
+				fn: V(() => [L(e.$slots, "top-menu")]),
+				key: "1"
+			} : void 0,
+			e.$slots["header-extra"] ? {
+				name: "header-extra",
+				fn: V(() => [L(e.$slots, "header-extra")]),
+				key: "2"
+			} : void 0,
+			e.$slots["tags-view"] ? {
+				name: "tags-view",
+				fn: V(() => [L(e.$slots, "tags-view")]),
+				key: "3"
+			} : void 0,
+			e.$slots.footer ? {
+				name: "footer",
+				fn: V(() => [L(e.$slots, "footer")]),
+				key: "4"
+			} : void 0
+		]), 1024)) : B(i) === "mix" ? (N(), v(Ke, { key: 2 }, S({
+			header: V(() => [L(e.$slots, "header")]),
+			_: 2
+		}, [e.$slots.logo ? {
+			name: "logo",
+			fn: V(() => [L(e.$slots, "logo")]),
+			key: "0"
+		} : void 0, e.$slots.footer ? {
+			name: "footer",
+			fn: V(() => [L(e.$slots, "footer")]),
+			key: "1"
+		} : void 0]), 1024)) : B(i) === "mix-top" ? (N(), v(lt, { key: 3 }, S({ _: 2 }, [
+			e.$slots.logo ? {
+				name: "logo",
+				fn: V(() => [L(e.$slots, "logo")]),
+				key: "0"
+			} : void 0,
+			e.$slots.brand ? {
+				name: "brand",
+				fn: V(() => [L(e.$slots, "brand")]),
+				key: "1"
+			} : void 0,
+			e.$slots["top-menu"] ? {
+				name: "top-menu",
+				fn: V(() => [L(e.$slots, "top-menu")]),
+				key: "2"
+			} : void 0,
+			e.$slots["header-extra"] ? {
+				name: "header-extra",
+				fn: V(() => [L(e.$slots, "header-extra")]),
+				key: "3"
+			} : void 0,
+			e.$slots["tags-view"] ? {
+				name: "tags-view",
+				fn: V(() => [L(e.$slots, "tags-view")]),
+				key: "4"
+			} : void 0,
+			e.$slots.footer ? {
+				name: "footer",
+				fn: V(() => [L(e.$slots, "footer")]),
+				key: "5"
+			} : void 0
+		]), 1024)) : B(i) === "reverse-horizontal-mix" ? (N(), v(jt, { key: 4 }, S({ _: 2 }, [
+			e.$slots.logo ? {
+				name: "logo",
+				fn: V(() => [L(e.$slots, "logo")]),
+				key: "0"
+			} : void 0,
+			e.$slots["top-menu"] ? {
+				name: "top-menu",
+				fn: V(() => [L(e.$slots, "top-menu")]),
+				key: "1"
+			} : void 0,
+			e.$slots["header-extra"] ? {
+				name: "header-extra",
+				fn: V(() => [L(e.$slots, "header-extra")]),
+				key: "2"
+			} : void 0,
+			e.$slots["tags-view"] ? {
+				name: "tags-view",
+				fn: V(() => [L(e.$slots, "tags-view")]),
+				key: "3"
+			} : void 0,
+			e.$slots.footer ? {
+				name: "footer",
+				fn: V(() => [L(e.$slots, "footer")]),
+				key: "4"
+			} : void 0
+		]), 1024)) : B(i) === "card-layout" ? (N(), v(Qt, { key: 5 }, S({ _: 2 }, [
+			e.$slots["menu-trigger"] ? {
+				name: "menu-trigger",
+				fn: V(() => [L(e.$slots, "menu-trigger")]),
+				key: "0"
+			} : void 0,
+			e.$slots.logo ? {
+				name: "logo",
+				fn: V(() => [L(e.$slots, "logo")]),
+				key: "1"
+			} : void 0,
+			e.$slots["header-extra"] ? {
+				name: "header-extra",
+				fn: V(() => [L(e.$slots, "header-extra")]),
+				key: "2"
+			} : void 0,
+			e.$slots["tags-view"] ? {
+				name: "tags-view",
+				fn: V(() => [L(e.$slots, "tags-view")]),
+				key: "3"
+			} : void 0,
+			e.$slots["drawer-menu"] ? {
+				name: "drawer-menu",
+				fn: V(() => [L(e.$slots, "drawer-menu")]),
+				key: "4"
+			} : void 0,
+			e.$slots.footer ? {
+				name: "footer",
+				fn: V(() => [L(e.$slots, "footer")]),
+				key: "5"
+			} : void 0
+		]), 1024)) : (N(), b("div", $t, [...t[1] ||= [x("div", { class: "coming-soon-content" }, [x("div", { class: "coming-soon-icon" }, "🚧"), x("div", { class: "coming-soon-title" }, "布局开发中")], -1)]]))], 2));
+	}
+}), tn = [
+	{
+		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    "
+	}
+], nn = { class: "settings-section" }, rn = { class: "preset-grid" }, an = [
+	"aria-pressed",
+	"onClick",
+	"onKeydown"
+], on = { class: "preset-icon" }, sn = { class: "preset-name" }, cn = { class: "preset-color" }, ln = { class: "settings-section" }, un = { class: "settings-section" }, dn = { class: "color-picker-wrapper" }, fn = { class: "color-value" }, pn = { class: "settings-section" }, mn = { class: "settings-section" }, hn = { class: "flex items-center justify-between mb-2" }, gn = { class: "settings-section" }, _n = { class: "settings-section" }, vn = { class: "layout-grid" }, yn = [
+	"tabindex",
+	"aria-disabled",
+	"aria-pressed",
+	"onClick",
+	"onKeydown"
+], bn = { class: "layout-screenshot" }, xn = {
+	class: "layout-svg",
+	viewBox: "0 0 56 48",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+}, Sn = ["innerHTML"], Cn = { class: "layout-label" }, wn = {
+	key: 0,
+	class: "badge-soon"
+}, Tn = {
+	class: "settings-section menu-expand-section",
+	"data-menu-expand-mode": "built-in"
+}, En = { class: "settings-section" }, Dn = { class: "setting-item" }, On = { class: "setting-item" }, kn = { class: "setting-item" }, An = { class: "setting-item" }, jn = { class: "settings-section" }, Mn = { class: "slider-item" }, Nn = { class: "slider-label" }, Pn = { class: "slider-value" }, Fn = { class: "slider-item" }, In = { class: "slider-label" }, Ln = { class: "slider-value" }, Rn = { class: "settings-section" }, zn = { class: "settings-section" }, Bn = { class: "action-buttons-grid" }, Vn = { class: "settings-section" }, Hn = { class: "action-buttons-grid" }, Un = { class: "settings-section" }, Wn = { class: "setting-item" }, Gn = { class: "setting-item" }, Kn = { class: "settings-section" }, qn = { class: "setting-item" }, Jn = {
+	key: 0,
+	class: "mt-2"
+}, Yn = { class: "settings-section" }, Xn = { class: "system-info" }, Zn = { class: "info-item" }, Qn = { class: "info-value" }, $n = { class: "info-item" }, er = { class: "info-value" }, tr = { class: "info-item" }, nr = { class: "info-value" }, rr = { class: "info-item" }, ir = { class: "info-value" }, ar = { class: "info-item" }, or = { class: "info-value" }, sr = { class: "info-item" }, cr = { class: "info-value" }, lr = /* @__PURE__ */ Q(/* @__PURE__ */ T({
+	__name: "index",
+	props: /* @__PURE__ */ k({
+		width: { default: 380 },
+		store: {},
+		actions: {},
+		maxImportBytes: { default: 1024 * 1024 }
+	}, {
+		show: {
+			type: Boolean,
+			default: !1
+		},
+		showModifiers: {}
+	}),
+	emits: ["update:show"],
+	setup(e) {
+		let t = e, n = pe(), r = fe(), i = D(o, null), a = t.store ?? i ?? c(), s = te(e, "show"), d = F("appearance"), h = f({
+			store: a,
+			actions: t.actions,
+			maxImportBytes: t.maxImportBytes,
+			onVisualEffectError: (e) => n.error(e)
+		}), { colorWeakMode: g, grayMode: _, systemInfo: S, watermarkEnabled: T, watermarkText: E } = h, k = (e, t) => {
+			t || (a.layoutMode = e);
+		}, M = (e) => a.primaryColor === e.primaryColor, P = (e) => {
+			h.applyPreset(e), n.success(`已应用「${e.name}」主题方案`);
+		}, ee = async (e) => {
+			try {
+				await h.updateThemeMode(e);
+			} catch {
+				n.error("主题模式切换失败");
+			}
+		}, R = async () => {
+			try {
+				await h.resetAppearance(), n.success("已恢复外观默认设置");
+			} catch {
+				n.error("恢复外观默认设置失败");
+			}
+		}, ne = () => {
+			h.resetLayout(), n.success("已恢复布局默认设置");
+		}, oe = () => {
+			r.warning({
+				title: "确认重置",
+				content: "确定要恢复默认配置吗？此操作不可撤销。",
+				positiveText: "确认",
+				negativeText: "取消",
+				onPositiveClick: async () => {
+					try {
+						await h.resetAll(), n.success("已恢复默认配置");
+					} catch {
+						n.error("恢复默认配置失败");
+					}
+				}
+			});
+		}, G = () => {
+			r.warning({
+				title: "确认清除",
+				content: "确定要清除浏览器缓存吗？",
+				positiveText: "确认",
+				negativeText: "取消",
+				onPositiveClick: async () => {
+					try {
+						await h.clearCache(), n.success("缓存已清除");
+					} catch (e) {
+						if (e instanceof p) {
+							n.warning("宿主应用未配置可安全清理的缓存");
+							return;
+						}
+						n.error("缓存清除失败");
+					}
+				}
+			});
+		}, K = () => {
+			h.reloadPage();
+		}, ce = () => {
+			h.downloadConfig() ? n.success("配置已导出") : n.error("当前环境不支持配置导出");
+		}, le = () => {
+			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 {
+					await h.importFile(t), n.success("配置已导入");
+				} catch {
+					n.error("配置文件格式错误");
+				}
+			}, e.click();
+		};
+		return (t, n) => (N(), v(B(ie), {
+			show: s.value,
+			"onUpdate:show": n[16] ||= (e) => s.value = e,
+			width: e.width,
+			placement: "right",
+			"trap-focus": !0,
+			"block-scroll": !0
+		}, {
+			default: V(() => [w(B(ae), {
+				title: "⚙️ 布局配置",
+				closable: ""
+			}, {
+				default: V(() => [w(B(de), {
+					value: d.value,
+					"onUpdate:value": n[15] ||= (e) => d.value = e,
+					animated: "",
+					class: "settings-tabs"
+				}, {
+					default: V(() => [
+						w(B(X), {
+							name: "appearance",
+							tab: "🎨 外观"
+						}, {
+							default: V(() => [
+								L(t.$slots, "appearance-prepend", { settings: B(a) }, void 0, !0),
+								x("div", nn, [x("div", rn, [(N(!0), b(m, null, I(B(u), (e) => (N(), b("div", {
+									key: e.name,
+									class: A(["preset-card", { active: M(e) }]),
+									role: "button",
+									tabindex: "0",
+									"aria-pressed": M(e),
+									onClick: (t) => P(e),
+									onKeydown: [H((t) => P(e), ["enter"]), H(U((t) => P(e), ["prevent"]), ["space"])]
+								}, [
+									x("div", on, z(e.icon), 1),
+									x("div", sn, z(e.name), 1),
+									x("div", cn, [x("span", {
+										class: "color-dot",
+										style: j({ backgroundColor: e.primaryColor })
+									}, null, 4)])
+								], 42, an))), 128))])]),
+								x("div", ln, [n[20] ||= x("div", { class: "section-title" }, "主题模式", -1), w(B(J), {
+									value: B(a).themeMode,
+									class: "mode-group",
+									"onUpdate:value": ee
+								}, {
+									default: V(() => [
+										w(B(q), { value: "light" }, {
+											default: V(() => [...n[17] ||= [x("span", { class: "i-mdi:white-balance-sunny mr-1" }, null, -1), C(" 浅色 ", -1)]]),
+											_: 1
+										}),
+										w(B(q), { value: "dark" }, {
+											default: V(() => [...n[18] ||= [x("span", { class: "i-mdi:moon-waning-crescent mr-1" }, null, -1), C(" 深色 ", -1)]]),
+											_: 1
+										}),
+										w(B(q), { value: "system" }, {
+											default: V(() => [...n[19] ||= [x("span", { class: "i-mdi:theme-light-dark mr-1" }, null, -1), C(" 自动 ", -1)]]),
+											_: 1
+										})
+									]),
+									_: 1
+								}, 8, ["value"])]),
+								x("div", un, [n[21] ||= x("div", { class: "section-title" }, "主题色", -1), x("div", dn, [w(B(re), {
+									value: B(a).primaryColor,
+									"onUpdate:value": n[0] ||= (e) => B(a).primaryColor = e,
+									"show-alpha": !1,
+									swatches: B(l),
+									actions: ["confirm"]
+								}, null, 8, ["value", "swatches"]), x("span", fn, z(B(a).primaryColor), 1)])]),
+								x("div", pn, [n[25] ||= x("div", { class: "section-title" }, "圆角大小", -1), w(B(J), {
+									value: B(a).borderRadius,
+									"onUpdate:value": n[1] ||= (e) => B(a).borderRadius = e,
+									class: "radius-group"
+								}, {
+									default: V(() => [
+										w(B(q), { value: "small" }, {
+											default: V(() => [...n[22] ||= [C("小 (4px)", -1)]]),
+											_: 1
+										}),
+										w(B(q), { value: "medium" }, {
+											default: V(() => [...n[23] ||= [C("中 (6px)", -1)]]),
+											_: 1
+										}),
+										w(B(q), { value: "large" }, {
+											default: V(() => [...n[24] ||= [C("大 (8px)", -1)]]),
+											_: 1
+										})
+									]),
+									_: 1
+								}, 8, ["value"])]),
+								x("div", mn, [
+									n[31] ||= x("div", { class: "section-title" }, "页面动画", -1),
+									x("div", hn, [n[26] ||= x("span", { class: "text-sm" }, "启用动画", -1), w(B(Y), {
+										value: B(a).enableTransition,
+										"onUpdate:value": n[2] ||= (e) => B(a).enableTransition = e
+									}, null, 8, ["value"])]),
+									w(B(J), {
+										value: B(a).transitionType,
+										"onUpdate:value": n[3] ||= (e) => B(a).transitionType = e,
+										disabled: !B(a).enableTransition,
+										class: "transition-group"
+									}, {
+										default: V(() => [
+											w(B(q), { value: "fade" }, {
+												default: V(() => [...n[27] ||= [C("淡入", -1)]]),
+												_: 1
+											}),
+											w(B(q), { value: "slide" }, {
+												default: V(() => [...n[28] ||= [C("滑动", -1)]]),
+												_: 1
+											}),
+											w(B(q), { value: "zoom" }, {
+												default: V(() => [...n[29] ||= [C("缩放", -1)]]),
+												_: 1
+											}),
+											w(B(q), { value: "none" }, {
+												default: V(() => [...n[30] ||= [C("无", -1)]]),
+												_: 1
+											})
+										]),
+										_: 1
+									}, 8, ["value", "disabled"])
+								]),
+								x("div", gn, [w(B(W), {
+									block: "",
+									secondary: "",
+									onClick: R
+								}, {
+									icon: V(() => [...n[32] ||= [x("span", { class: "i-mdi:restore" }, null, -1)]]),
+									default: V(() => [n[33] ||= C(" 恢复外观默认设置 ", -1)]),
+									_: 1
+								})]),
+								L(t.$slots, "appearance-append", { settings: B(a) }, void 0, !0)
+							]),
+							_: 3
+						}),
+						w(B(X), {
+							name: "layout",
+							tab: "📐 布局"
+						}, {
+							default: V(() => [
+								L(t.$slots, "layout-prepend", { settings: B(a) }, void 0, !0),
+								x("div", _n, [n[34] ||= x("div", { class: "section-title" }, "布局模式", -1), x("div", vn, [(N(!0), b(m, null, I(B(tn), (e) => (N(), b("div", {
+									key: e.value,
+									class: A(["layout-item", {
+										active: B(a).layoutMode === e.value,
+										disabled: e.disabled
+									}]),
+									role: "button",
+									tabindex: e.disabled ? -1 : 0,
+									"aria-disabled": e.disabled,
+									"aria-pressed": B(a).layoutMode === e.value,
+									onClick: U((t) => k(e.value, e.disabled), ["stop"]),
+									onKeydown: [H(U((t) => k(e.value, e.disabled), ["stop"]), ["enter"]), H(U((t) => k(e.value, e.disabled), ["stop", "prevent"]), ["space"])]
+								}, [x("div", bn, [(N(), b("svg", xn, [x("g", { innerHTML: e.svg }, null, 8, Sn)]))]), x("div", Cn, [C(z(e.label) + " ", 1), e.disabled ? (N(), b("span", wn, "敬请期待")) : y("", !0)])], 42, yn))), 128))])]),
+								L(t.$slots, "layout-after-mode", { settings: B(a) }, void 0, !0),
+								x("div", Tn, [n[37] ||= x("div", { class: "section-title" }, "菜单展开方式", -1), w(B(J), {
+									value: B(a).menuExpandMode,
+									"onUpdate:value": n[4] ||= (e) => B(a).menuExpandMode = e,
+									class: "menu-expand-group"
+								}, {
+									default: V(() => [w(B(q), { value: "inline" }, {
+										default: V(() => [...n[35] ||= [C("传统展开", -1)]]),
+										_: 1
+									}), w(B(q), { value: "panel" }, {
+										default: V(() => [...n[36] ||= [C("右侧面板", -1)]]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, ["value"])]),
+								x("div", En, [
+									n[42] ||= x("div", { class: "section-title" }, "界面元素", -1),
+									x("div", Dn, [n[38] ||= x("span", null, "显示面包屑", -1), w(B(Y), {
+										value: B(a).showBreadcrumb,
+										"onUpdate:value": n[5] ||= (e) => B(a).showBreadcrumb = e
+									}, null, 8, ["value"])]),
+									x("div", On, [n[39] ||= x("span", null, "显示面包屑图标", -1), w(B(Y), {
+										value: B(a).showBreadcrumbIcon,
+										"onUpdate:value": n[6] ||= (e) => B(a).showBreadcrumbIcon = e,
+										disabled: !B(a).showBreadcrumb
+									}, null, 8, ["value", "disabled"])]),
+									x("div", kn, [n[40] ||= x("span", null, "显示标签页", -1), w(B(Y), {
+										value: B(a).showTagsView,
+										"onUpdate:value": n[7] ||= (e) => B(a).showTagsView = e
+									}, null, 8, ["value"])]),
+									x("div", An, [n[41] ||= x("span", null, "显示页脚", -1), w(B(Y), {
+										value: B(a).showFooter,
+										"onUpdate:value": n[8] ||= (e) => B(a).showFooter = e
+									}, null, 8, ["value"])])
+								]),
+								x("div", jn, [
+									n[45] ||= x("div", { class: "section-title" }, "尺寸调整", -1),
+									x("div", Mn, [x("div", Nn, [n[43] ||= x("span", null, "侧边栏宽度", -1), x("span", Pn, z(B(a).sidebarWidth) + "px", 1)]), w(B(ue), {
+										value: B(a).sidebarWidth,
+										"onUpdate:value": n[9] ||= (e) => B(a).sidebarWidth = e,
+										min: 180,
+										max: 280,
+										step: 10,
+										marks: {
+											180: "180",
+											220: "220",
+											280: "280"
+										}
+									}, null, 8, ["value"])]),
+									x("div", Fn, [x("div", In, [n[44] ||= x("span", null, "头部高度", -1), x("span", Ln, z(B(a).headerHeight) + "px", 1)]), w(B(ue), {
+										value: B(a).headerHeight,
+										"onUpdate:value": n[10] ||= (e) => B(a).headerHeight = e,
+										min: 48,
+										max: 64,
+										step: 4,
+										marks: {
+											48: "48",
+											56: "56",
+											64: "64"
+										}
+									}, null, 8, ["value"])])
+								]),
+								x("div", Rn, [w(B(W), {
+									block: "",
+									secondary: "",
+									onClick: ne
+								}, {
+									icon: V(() => [...n[46] ||= [x("span", { class: "i-mdi:restore" }, null, -1)]]),
+									default: V(() => [n[47] ||= C(" 恢复布局默认设置 ", -1)]),
+									_: 1
+								})]),
+								L(t.$slots, "layout-append", { settings: B(a) }, void 0, !0)
+							]),
+							_: 3
+						}),
+						w(B(X), {
+							name: "features",
+							tab: "🔧 功能"
+						}, {
+							default: V(() => [
+								L(t.$slots, "features-prepend", { settings: B(a) }, void 0, !0),
+								x("div", zn, [n[52] ||= x("div", { class: "section-title" }, "缓存管理", -1), x("div", Bn, [w(B(W), {
+									secondary: "",
+									onClick: G
+								}, {
+									icon: V(() => [...n[48] ||= [x("span", { class: "i-mdi:delete-sweep" }, null, -1)]]),
+									default: V(() => [n[49] ||= C(" 清除缓存 ", -1)]),
+									_: 1
+								}), w(B(W), {
+									secondary: "",
+									onClick: K
+								}, {
+									icon: V(() => [...n[50] ||= [x("span", { class: "i-mdi:refresh" }, null, -1)]]),
+									default: V(() => [n[51] ||= C(" 重新加载 ", -1)]),
+									_: 1
+								})])]),
+								x("div", Vn, [
+									n[59] ||= x("div", { class: "section-title" }, "配置管理", -1),
+									x("div", Hn, [w(B(W), {
+										secondary: "",
+										onClick: ce
+									}, {
+										icon: V(() => [...n[53] ||= [x("span", { class: "i-mdi:download" }, null, -1)]]),
+										default: V(() => [n[54] ||= C(" 导出配置 ", -1)]),
+										_: 1
+									}), w(B(W), {
+										secondary: "",
+										onClick: le
+									}, {
+										icon: V(() => [...n[55] ||= [x("span", { class: "i-mdi:upload" }, null, -1)]]),
+										default: V(() => [n[56] ||= C(" 导入配置 ", -1)]),
+										_: 1
+									})]),
+									w(B(W), {
+										block: "",
+										type: "error",
+										secondary: "",
+										class: "mt-2",
+										onClick: oe
+									}, {
+										icon: V(() => [...n[57] ||= [x("span", { class: "i-mdi:restore" }, null, -1)]]),
+										default: V(() => [n[58] ||= C(" 重置所有配置 ", -1)]),
+										_: 1
+									})
+								]),
+								x("div", Un, [
+									n[62] ||= x("div", { class: "section-title" }, "系统模式", -1),
+									x("div", Wn, [n[60] ||= x("div", { class: "setting-label" }, [x("span", null, "灰色模式"), x("span", { class: "setting-desc" }, "用于哀悼日场景")], -1), w(B(Y), {
+										value: B(_),
+										"onUpdate:value": n[11] ||= (e) => O(_) ? _.value = e : null
+									}, null, 8, ["value"])]),
+									x("div", Gn, [n[61] ||= x("div", { class: "setting-label" }, [x("span", null, "色弱模式"), x("span", { class: "setting-desc" }, "提供无障碍访问支持")], -1), w(B(Y), {
+										value: B(g),
+										"onUpdate:value": n[12] ||= (e) => O(g) ? g.value = e : null
+									}, null, 8, ["value"])])
+								]),
+								x("div", Kn, [
+									n[64] ||= x("div", { class: "section-title" }, "水印设置", -1),
+									x("div", qn, [n[63] ||= x("span", null, "启用水印", -1), w(B(Y), {
+										value: B(T),
+										"onUpdate:value": n[13] ||= (e) => O(T) ? T.value = e : null
+									}, null, 8, ["value"])]),
+									B(T) ? (N(), b("div", Jn, [w(B(se), {
+										value: B(E),
+										"onUpdate:value": n[14] ||= (e) => O(E) ? E.value = e : null,
+										placeholder: "请输入水印内容",
+										size: "small"
+									}, null, 8, ["value"])])) : y("", !0)
+								]),
+								x("div", Yn, [n[71] ||= x("div", { class: "section-title" }, "系统信息", -1), x("div", Xn, [
+									x("div", Zn, [n[65] ||= x("span", { class: "info-label" }, "浏览器", -1), x("span", Qn, z(B(S).browser), 1)]),
+									x("div", $n, [n[66] ||= x("span", { class: "info-label" }, "操作系统", -1), x("span", er, z(B(S).os), 1)]),
+									x("div", tr, [n[67] ||= x("span", { class: "info-label" }, "屏幕分辨率", -1), x("span", nr, z(B(S).resolution), 1)]),
+									x("div", rr, [n[68] ||= x("span", { class: "info-label" }, "设备像素比", -1), x("span", ir, z(B(S).pixelRatio), 1)]),
+									x("div", ar, [n[69] ||= x("span", { class: "info-label" }, "语言", -1), x("span", or, z(B(S).language), 1)]),
+									x("div", sr, [n[70] ||= x("span", { class: "info-label" }, "时区", -1), x("span", cr, z(B(S).timezone), 1)])
+								])]),
+								L(t.$slots, "features-append", { settings: B(a) }, void 0, !0)
+							]),
+							_: 3
+						})
+					]),
+					_: 3
+				}, 8, ["value"])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["show", "width"]));
+	}
+}), [["__scopeId", "data-v-3701cd4c"]]), ur = { class: "brand-logo__icon" }, dr = [
+	"src",
+	"width",
+	"height"
+], fr = [
+	"src",
+	"width",
+	"height"
+], pr = { class: "brand-logo__name" }, mr = { class: "brand-logo__title" }, hr = {
+	key: 0,
+	class: "brand-logo__subtitle"
+}, gr = {
+	key: 0,
+	class: "brand-logo__divider"
+}, _r = /* @__PURE__ */ Q(/* @__PURE__ */ T({
+	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(e) {
+		let t = r(), n = {
+			...d,
+			...t.brand
+		};
+		return (t, r) => (N(), b("div", { class: A(["brand-logo", {
+			"brand-logo--collapsed": e.collapsed,
+			"brand-logo--horizontal": e.variant === "horizontal"
+		}]) }, [x("div", ur, [r[0] ||= x("div", { class: "brand-logo__glow" }, null, -1), n.logoType === "video" && n.logoSrc ? (N(), b("video", {
+			key: 0,
+			src: n.logoSrc,
+			width: e.size,
+			height: e.size,
+			autoplay: "",
+			loop: "",
+			muted: "",
+			playsinline: "",
+			class: "brand-logo__media"
+		}, null, 8, dr)) : n.logoSrc ? (N(), b("img", {
+			key: 1,
+			src: n.logoSrc,
+			width: e.size,
+			height: e.size,
+			class: "brand-logo__media",
+			alt: "Logo"
+		}, null, 8, fr)) : y("", !0)]), e.showName && !e.collapsed ? (N(), b(m, { key: 0 }, [x("div", pr, [x("span", mr, z(n.name), 1), n.subtitle ? (N(), b("span", hr, z(n.subtitle), 1)) : y("", !0)]), e.showDivider ? (N(), b("div", gr)) : y("", !0)], 64)) : y("", !0)], 2));
+	}
+}), [["__scopeId", "data-v-fd1c2eec"]]), vr = { class: "icon-menu" }, yr = ["onClick"], br = { class: "icon-menu__icon" }, xr = {
+	key: 1,
+	class: "icon-menu__fallback"
+}, Sr = { class: "icon-menu__label" }, Cr = /* @__PURE__ */ Q(/* @__PURE__ */ T({
+	name: "IconMenu",
+	__name: "index",
+	props: {
+		menus: {},
+		active: {}
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = t, i = r();
+		return (t, r) => (N(), b("div", vr, [(N(!0), b(m, null, I(e.menus, (t) => (N(), b("div", {
+			key: t.path,
+			class: A(["icon-menu__item", { "icon-menu__item--active": e.active === t.path }]),
+			onClick: (e) => n("click", t)
+		}, [x("div", br, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
+			key: 0,
+			name: t.meta.icon,
+			size: 20
+		}, null, 8, ["name"])) : (N(), b("span", xr, z(t.meta?.title?.charAt(0) || "?"), 1))]), x("div", Sr, z(t.meta?.title), 1)], 10, yr))), 128))]));
+	}
+}), [["__scopeId", "data-v-f985d475"]]), wr = { class: "floating-menu__header" }, Tr = { class: "floating-menu__brand" }, Er = { class: "floating-menu__brand-title" }, Dr = { class: "floating-menu__brand-subtitle" }, Or = { class: "floating-menu__list" }, kr = {
+	key: 0,
+	class: "floating-menu__group"
+}, Ar = { class: "floating-menu__group-title" }, jr = ["onClick", "onKeydown"], Mr = { class: "floating-menu__item-text" }, Nr = ["onClick", "onKeydown"], Pr = { class: "floating-menu__item-text" }, Fr = /* @__PURE__ */ Q(/* @__PURE__ */ T({
+	name: "FloatingMenu",
+	__name: "index",
+	props: {
+		show: { type: Boolean },
+		menuItem: {},
+		isActive: { type: Function }
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = t, i = r(), a = {
+			...d,
+			...i.brand
+		};
+		return (t, r) => (N(), v(g, { name: "slide-fade" }, {
+			default: V(() => [e.show && e.menuItem ? (N(), b("div", {
+				key: 0,
+				class: A(["floating-menu", [B(i).isDark.value ? "dark-theme" : "light-theme"]]),
+				role: "navigation",
+				"aria-label": "二级功能导航"
+			}, [x("div", wr, [x("div", Tr, [x("span", Er, z(a.name), 1), x("span", Dr, z(a.subtitle), 1)])]), x("div", Or, [(N(!0), b(m, null, I(e.menuItem.children, (t) => (N(), b(m, { key: t.path }, [t.children && t.children.length > 0 ? (N(), b("div", kr, [x("div", Ar, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
+				key: 0,
+				name: t.meta.icon,
+				size: 16
+			}, null, 8, ["name"])) : y("", !0), x("span", null, z(t.meta?.title), 1)]), (N(!0), b(m, null, I(t.children, (t) => (N(), b("div", {
+				key: t.path,
+				class: A(["floating-menu__item floating-menu__item--sub", { active: e.isActive?.(t.path) }]),
+				role: "link",
+				tabindex: "0",
+				onClick: (e) => n("click", t),
+				onKeydown: [H((e) => n("click", t), ["enter"]), H(U((e) => n("click", t), ["prevent"]), ["space"])]
+			}, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
+				key: 0,
+				name: t.meta.icon,
+				size: 16
+			}, null, 8, ["name"])) : y("", !0), x("span", Mr, z(t.meta?.title), 1)], 42, jr))), 128))])) : (N(), b("div", {
+				key: 1,
+				class: A(["floating-menu__item", { active: e.isActive?.(t.path) }]),
+				role: "link",
+				tabindex: "0",
+				onClick: (e) => n("click", t),
+				onKeydown: [H((e) => n("click", t), ["enter"]), H(U((e) => n("click", t), ["prevent"]), ["space"])]
+			}, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
+				key: 0,
+				name: t.meta.icon,
+				size: 18
+			}, null, 8, ["name"])) : y("", !0), x("span", Pr, z(t.meta?.title), 1)], 42, Nr))], 64))), 128))])], 2)) : y("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-44a1db17"]]), Ir = { class: "side-menu__header" }, Lr = { class: "side-menu__header-icon" }, Rr = { class: "side-menu__header-title" }, zr = { class: "side-menu__list" }, Br = {
+	key: 0,
+	class: "side-menu__group"
+}, Vr = { class: "side-menu__group-label" }, Hr = ["onClick"], Ur = { class: "side-menu__item-text" }, Wr = ["onClick"], Gr = { class: "side-menu__item-text" }, Kr = /* @__PURE__ */ Q(/* @__PURE__ */ T({
+	name: "SideMenu",
+	__name: "index",
+	props: {
+		menus: {},
+		activeItem: {},
+		isActive: { type: Function }
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = t, i = r(), a = F(!1);
+		return (t, r) => e.menus.length > 0 ? (N(), b(m, { key: 0 }, [x("div", {
+			class: A(["side-menu-toggle", [B(i).isDark.value ? "dark-theme" : "light-theme", { active: !a.value }]]),
+			onClick: r[0] ||= (e) => a.value = !a.value
+		}, [x("i", { class: A(["toggle-icon", a.value ? "i-ri:side-bar-line" : "i-ri:arrow-right-s-line"]) }, null, 2)], 2), w(g, { name: "glass-slide" }, {
+			default: V(() => [a.value ? y("", !0) : (N(), b("div", {
+				key: 0,
+				class: A(["side-menu", [B(i).isDark.value ? "dark-theme" : "light-theme"]])
+			}, [x("div", Ir, [x("div", Lr, [B(i).iconComponent && e.activeItem?.meta?.icon ? (N(), v(R(B(i).iconComponent), {
+				key: 0,
+				name: e.activeItem.meta.icon,
+				size: 17
+			}, null, 8, ["name"])) : y("", !0)]), x("span", Rr, z(e.activeItem?.meta?.title || "菜单"), 1)]), x("div", zr, [(N(!0), b(m, null, I(e.menus, (t) => (N(), b(m, { key: t.path }, [t.children && t.children.length > 0 ? (N(), b("div", Br, [x("div", Vr, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
+				key: 0,
+				name: t.meta.icon,
+				size: 14
+			}, null, 8, ["name"])) : y("", !0), x("span", null, z(t.meta?.title), 1)]), (N(!0), b(m, null, I(t.children, (t) => (N(), b("div", {
+				key: t.path,
+				class: A(["side-menu__item", { active: e.isActive?.(t.path) }]),
+				onClick: (e) => n("click", t)
+			}, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
+				key: 0,
+				name: t.meta.icon,
+				size: 15
+			}, null, 8, ["name"])) : y("", !0), x("span", Ur, z(t.meta?.title), 1)], 10, Hr))), 128))])) : (N(), b("div", {
+				key: 1,
+				class: A(["side-menu__item", { active: e.isActive?.(t.path) }]),
+				onClick: (e) => n("click", t)
+			}, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
+				key: 0,
+				name: t.meta.icon,
+				size: 16
+			}, null, 8, ["name"])) : y("", !0), x("span", Gr, z(t.meta?.title), 1)], 10, Wr))], 64))), 128))])], 2))]),
+			_: 1
+		})], 64)) : y("", !0);
+	}
+}), [["__scopeId", "data-v-4862c878"]]), qr = ["aria-hidden"], Jr = { class: "drawer-menu__content" }, Yr = { class: "drawer-menu__grid" }, Xr = ["onClick", "onKeydown"], Zr = {
+	key: 0,
+	class: "drawer-menu__items"
+}, Qr = ["onClick", "onKeydown"], $r = { class: "drawer-menu__item-text" }, ei = {
+	key: 0,
+	class: "drawer-menu__sub-items"
+}, ti = { class: "drawer-menu__sub-title" }, ni = ["onClick", "onKeydown"], ri = { class: "drawer-menu__item-text" }, ii = /* @__PURE__ */ Q(/* @__PURE__ */ T({
+	name: "DrawerMenu",
+	__name: "index",
+	props: {
+		menus: {},
+		show: { type: Boolean }
+	},
+	setup(e) {
+		let t = r(), n = he(), a = D(i, {
+			show: () => {},
+			startHide: () => {},
+			hide: () => {}
+		}), o = (e) => {
+			e.path && (n.push(e.path), a.hide());
+		};
+		return (n, r) => (N(), b("div", {
+			class: A(["drawer-menu", [B(t).isDark.value ? "dark-theme" : "light-theme", { visible: e.show }]]),
+			role: "navigation",
+			"aria-label": "功能导航",
+			"aria-hidden": !e.show,
+			onMouseenter: r[0] ||= (e) => B(a).show(),
+			onMouseleave: r[1] ||= (e) => B(a).startHide()
+		}, [r[2] ||= x("div", { class: "drawer-menu__header" }, [x("div", { class: "drawer-menu__title" }, [x("span", { class: "grid-icon" }, [
+			x("span"),
+			x("span"),
+			x("span"),
+			x("span")
+		]), x("span", null, "功能导航")])], -1), x("div", Jr, [x("div", Yr, [(N(!0), b(m, null, I(e.menus, (e) => (N(), b("div", {
+			key: e.path,
+			class: "drawer-menu__category"
+		}, [x("div", {
+			class: "drawer-menu__category-header",
+			role: "link",
+			tabindex: "0",
+			onClick: (t) => o(e),
+			onKeydown: [H((t) => o(e), ["enter"]), H(U((t) => o(e), ["prevent"]), ["space"])]
+		}, [B(t).iconComponent && e.meta?.icon ? (N(), v(R(B(t).iconComponent), {
+			key: 0,
+			name: e.meta.icon,
+			size: 18
+		}, null, 8, ["name"])) : y("", !0), x("span", null, z(e.meta?.title), 1)], 40, Xr), e.children && e.children.length > 0 ? (N(), b("div", Zr, [(N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
+			key: e.path,
+			class: "drawer-menu__item",
+			role: "link",
+			tabindex: "0",
+			onClick: (t) => o(e),
+			onKeydown: [H((t) => o(e), ["enter"]), H(U((t) => o(e), ["prevent"]), ["space"])]
+		}, [B(t).iconComponent && e.meta?.icon ? (N(), v(R(B(t).iconComponent), {
+			key: 0,
+			name: e.meta.icon,
+			size: 16
+		}, null, 8, ["name"])) : y("", !0), x("span", $r, z(e.meta?.title), 1)], 40, Qr))), 128)), (N(!0), b(m, null, I(e.children, (e) => (N(), b(m, { key: e.path }, [e.children && e.children.length > 0 ? (N(), b("div", ei, [x("div", ti, z(e.meta?.title), 1), (N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
+			key: e.path,
+			class: "drawer-menu__item drawer-menu__item--sub",
+			role: "link",
+			tabindex: "0",
+			onClick: (t) => o(e),
+			onKeydown: [H((t) => o(e), ["enter"]), H(U((t) => o(e), ["prevent"]), ["space"])]
+		}, [B(t).iconComponent && e.meta?.icon ? (N(), v(R(B(t).iconComponent), {
+			key: 0,
+			name: e.meta.icon,
+			size: 14
+		}, null, 8, ["name"])) : y("", !0), x("span", ri, z(e.meta?.title), 1)], 40, ni))), 128))])) : y("", !0)], 64))), 128))])) : y("", !0)]))), 128))])])], 42, qr));
+	}
+}), [["__scopeId", "data-v-cf56db54"]]), ai = /* @__PURE__ */ Q(/* @__PURE__ */ T({
+	name: "MenuTrigger",
+	__name: "index",
+	props: { show: { type: Boolean } },
+	setup(e) {
+		let t = D(i, {
+			show: () => {},
+			startHide: () => {},
+			hide: () => {}
+		});
+		return (e, n) => (N(), b("div", {
+			class: "menu-trigger",
+			onMouseenter: n[0] ||= (e) => B(t).show(),
+			onMouseleave: n[1] ||= (e) => B(t).startHide()
+		}, [...n[2] ||= [x("div", { class: "menu-trigger__indicator" }, [x("span", { class: "hamburger-icon" }, [
+			x("span"),
+			x("span"),
+			x("span")
+		])], -1)]], 32));
+	}
+}), [["__scopeId", "data-v-ae2e009f"]]), oi = ge, si = Ae, ci = Ke, li = lt, ui = jt, di = Qt, fi = oi, pi = si, mi = ci, hi = li, gi = ui, _i = di;
+//#endregion
+export { Cr as _, oi as a, en as b, mi as c, fi as d, pi as f, Fr as g, Kr as h, ui as i, hi as l, ii as m, ci as n, si as o, ai as p, li as r, _i as s, di as t, gi as u, _r as v, $ as x, lr as y };
+
+//# sourceMappingURL=naive-Bd8pxcrF.js.map