@lumal/core 0.0.2-beta → 0.0.4-beta

package/dist/{layout-CuuRkGBF.js → layout-DQzFKvly.js}

@@ -1,40 +1,40 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Fragment as t, KeepAlive as n, Teleport as r, Transition as i, TransitionGroup as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, inject as m, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as ee, onMounted as te, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveComponent as w, resolveDynamicComponent as T, shallowRef as E, toDisplayString as D, unref as O, useId as k, useModel as ne, useTemplateRef as A, vModelText as j, vShow as re, watch as M, withCtx as N, withDirectives as ie, withModifiers as ae } from "vue";
-import { LumalIcon as P } from "@lumal/icons-vue";
-import { ElAside as F, ElButton as I, ElContainer as L, ElHeader as oe, ElMain as se, ElMenu as R, ElMenuItem as z, ElScrollbar as ce, ElSubMenu as B } from "element-plus";
-import { RouterView as V, routeLocationKey as le, routerKey as ue } from "vue-router";
+import { Fragment as t, KeepAlive as n, Teleport as r, Transition as i, TransitionGroup as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, h as m, inject as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as ee, onMounted as te, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveComponent as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, unref as k, useId as A, useModel as j, useTemplateRef as M, vModelText as N, vShow as ne, watch as P, withCtx as F, withDirectives as re, withModifiers as ie } from "vue";
+import { LumalIcon as I } from "@lumal/icons-vue";
+import { ElAside as L, ElButton as R, ElContainer as ae, ElHeader as oe, ElMain as z, ElMenu as B, ElMenuItem as se, ElScrollbar as V, ElSubMenu as H } from "element-plus";
+import { RouterView as ce, routeLocationKey as le, routerKey as ue } from "vue-router";
 import de from "sortablejs";
 //#region src/layout/state/menu-layout.ts
-function H(e, t) {
-	return e.hidden ? !1 : e.path === t ? !0 : e.children?.some((e) => H(e, t)) ?? !1;
-}
 function U(e, t) {
+	return e.hidden ? !1 : e.path === t ? !0 : e.children?.some((e) => U(e, t)) ?? !1;
+}
+function W(e, t) {
 	for (let n of e) {
 		if (n.hidden) continue;
 		if (n.path === t) return n;
-		let e = U(n.children ?? [], t);
+		let e = W(n.children ?? [], t);
 		if (e) return e;
 	}
 }
-function W(e, t) {
+function G(e, t) {
 	for (let n of e) {
 		if (n.hidden) continue;
 		if (n.path === t) return [n];
-		let e = W(n.children ?? [], t);
+		let e = G(n.children ?? [], t);
 		if (e.length > 0) return [n, ...e];
 	}
 	return [];
 }
-function fe(e) {
+function K(e) {
 	if (!e) return "";
 	if (e.redirect) return e.redirect;
 	let t = e.children?.filter((e) => !e.hidden) ?? [];
-	return t.length === 0 ? e.path : fe(t[0]);
+	return t.length === 0 ? e.path : K(t[0]);
 }
-function pe(e, t) {
-	return e.find((e) => H(e, t))?.path ?? "";
+function q(e, t) {
+	return e.find((e) => U(e, t))?.path ?? "";
 }
-function G(e) {
+function fe(e) {
 	let { activeTopMenuPath: t = "", layout: n } = e, r = e.menus.filter((e) => !e.hidden);
 	return n === "sidebar-nav" ? {
 		sidebarMenus: r,
@@ -43,17 +43,17 @@ function G(e) {
 		sidebarMenus: [],
 		topMenus: r
 	} : {
-		sidebarMenus: (r.find((e) => e.path === t) ?? r.find((e) => H(e, t)))?.children?.filter((e) => !e.hidden) ?? [],
+		sidebarMenus: (r.find((e) => e.path === t) ?? r.find((e) => U(e, t)))?.children?.filter((e) => !e.hidden) ?? [],
 		topMenus: r
 	};
 }
 //#endregion
 //#region src/layout/LumalBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var K = {
+var pe = {
 	key: 0,
 	class: "lumal-breadcrumb",
 	"aria-label": "面包屑"
-}, me = { class: "lumal-breadcrumb__list" }, q = {
+}, J = { class: "lumal-breadcrumb__list" }, me = {
 	key: 1,
 	class: "lumal-breadcrumb__current",
 	"aria-current": "page"
@@ -80,7 +80,7 @@ var K = {
 	},
 	emits: ["select"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, a = m(le, void 0);
+		let r = e, i = n, a = h(le, void 0);
 		function d(e) {
 			return {
 				icon: e.icon,
@@ -101,71 +101,71 @@ var K = {
 				}];
 			});
 		}), p = o(() => {
-			let e = W(r.menus, r.activePath), t = (e.length > 0 ? e : W(r.menus, r.activeMenuPath)).map(d), n = typeof a?.meta.title == "string" ? a.meta.title : "", i = typeof a?.meta.icon == "string" ? a.meta.icon : void 0, o = a?.meta.hideInBreadcrumb === !0;
+			let e = G(r.menus, r.activePath), t = (e.length > 0 ? e : G(r.menus, r.activeMenuPath)).map(d), n = typeof a?.meta.title == "string" ? a.meta.title : "", i = typeof a?.meta.icon == "string" ? a.meta.icon : void 0, o = a?.meta.hideInBreadcrumb === !0;
 			return o && t.at(-1)?.path === r.activePath && t.pop(), n && !o && r.activePath && r.activePath === a?.path && !t.some((e) => e.path === r.activePath) && t.push({
 				icon: i,
 				path: r.activePath,
 				title: n
 			}), t;
-		}), h = o(() => f.value.length > 0 ? f.value : p.value), g = o(() => {
-			let e = r.homePath ? W(r.menus, r.homePath).at(-1) : void 0, t = r.menus.find((e) => !e.hidden), n = r.homePath || fe(t);
+		}), m = o(() => f.value.length > 0 ? f.value : p.value), g = o(() => {
+			let e = r.homePath ? G(r.menus, r.homePath).at(-1) : void 0, t = r.menus.find((e) => !e.hidden), n = r.homePath || K(t);
 			if (n) return {
 				icon: e?.icon ?? t?.icon,
 				path: n,
 				title: e?.title ?? r.homeTitle
 			};
 		}), _ = o(() => {
-			let e = [...h.value], t = g.value;
+			let e = [...m.value], t = g.value;
 			return r.showHome && t && !e.some((e) => e.path === t.path) && e.unshift(t), e;
-		}), v = o(() => _.value.length > 0 && !(r.hideOnlyOne && h.value.length <= 1));
-		return (n, r) => v.value ? (b(), l("nav", K, [u("ol", me, [(b(!0), l(t, null, S(_.value, (t, n) => (b(), l("li", {
+		}), v = o(() => _.value.length > 0 && !(r.hideOnlyOne && m.value.length <= 1));
+		return (n, r) => v.value ? (x(), l("nav", pe, [u("ol", J, [(x(!0), l(t, null, C(_.value, (t, n) => (x(), l("li", {
 			key: `${t.path}:${n}`,
 			class: "lumal-breadcrumb__item"
-		}, [n > 0 ? (b(), s(O(P), {
+		}, [n > 0 ? (x(), s(k(I), {
 			key: 0,
 			class: "lumal-breadcrumb__separator",
 			name: "lumal:chevron-right",
 			size: 14
-		})) : c("", !0), n === _.value.length - 1 ? (b(), l("span", q, [e.showIcon && t.icon ? (b(), s(O(P), {
+		})) : c("", !0), n === _.value.length - 1 ? (x(), l("span", me, [e.showIcon && t.icon ? (x(), s(k(I), {
 			key: 0,
 			name: t.icon,
 			size: 15
-		}, null, 8, ["name"])) : c("", !0), u("span", null, D(t.title), 1)])) : (b(), l("button", {
+		}, null, 8, ["name"])) : c("", !0), u("span", null, O(t.title), 1)])) : (x(), l("button", {
 			key: 2,
 			class: "lumal-breadcrumb__link",
 			type: "button",
 			onClick: (e) => i("select", t.path)
-		}, [e.showIcon && t.icon ? (b(), s(O(P), {
+		}, [e.showIcon && t.icon ? (x(), s(k(I), {
 			key: 0,
 			name: t.icon,
 			size: 15
-		}, null, 8, ["name"])) : c("", !0), u("span", null, D(t.title), 1)], 8, he))]))), 128))])])) : c("", !0);
+		}, null, 8, ["name"])) : c("", !0), u("span", null, O(t.title), 1)], 8, he))]))), 128))])])) : c("", !0);
 	}
 }), [["__scopeId", "data-v-53a036d9"]]), _e = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalContent",
 	setup(e, { expose: t }) {
-		let n = A("contentRef");
+		let n = M("contentRef");
 		return t({
 			getContentElement: () => n.value?.$el,
 			getContentInstance: () => n.value
-		}), (e, t) => (b(), s(O(se), {
+		}), (e, t) => (x(), s(k(z), {
 			ref_key: "contentRef",
 			ref: n,
 			class: "lumal-content"
 		}, {
-			default: N(() => [C(e.$slots, "default", {}, void 0, !0)]),
+			default: F(() => [w(e.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 512));
 	}
-}), [["__scopeId", "data-v-a0d6361c"]]), ve = { class: "lumal-global-search" }, ye = { key: 0 }, J = ["aria-labelledby"], be = { class: "lumal-global-search__header" }, xe = ["id"], Se = { class: "lumal-global-search__input-wrap" }, Y = [
+}), [["__scopeId", "data-v-a0d6361c"]]), ve = { class: "lumal-global-search" }, Y = { key: 0 }, ye = ["aria-labelledby"], be = { class: "lumal-global-search__header" }, xe = ["id"], X = { class: "lumal-global-search__input-wrap" }, Se = [
 	"aria-activedescendant",
 	"aria-controls",
 	"placeholder"
-], X = ["id"], Z = ["id", "aria-selected"], Ce = ["onMouseenter", "onClick"], we = {
+], Z = ["id"], Ce = ["id", "aria-selected"], we = ["onMouseenter", "onClick"], Te = {
 	key: 0,
 	class: "lumal-global-search__empty",
 	role: "status"
-}, Te = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.8\"/><path d=\"m16.2 16.2 4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/></svg>", Ee = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, Ee = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalGlobalSearch",
 	props: {
 		maxResults: { default: 12 },
@@ -178,101 +178,116 @@ var K = {
 	},
 	emits: ["select"],
 	setup(e, { expose: n, emit: i }) {
-		let a = e, d = i, p = `lumal-global-search-${k()}`, m = A("inputRef"), h = A("triggerRef"), g = x(!1), y = x(""), C = x(0);
-		function w(e, t = []) {
+		let a = e, d = i, p = `lumal-global-search-${A()}`, m = M("inputRef"), h = M("triggerRef"), g = M("dialogRef"), _ = S(!1), b = S(""), w = S(0), T;
+		function E(e, t = []) {
 			return e.flatMap((e) => {
 				if (e.hidden) return [];
 				let n = [...t, e.title];
 				return [{
 					item: e,
 					trail: n
-				}, ...w(e.children ?? [], n)];
+				}, ...E(e.children ?? [], n)];
 			});
 		}
-		let T = o(() => w(a.menus)), E = o(() => {
-			let e = y.value.trim().toLocaleLowerCase();
-			return (e ? T.value.filter(({ item: t, trail: n }) => `${n.join(" ")} ${t.path}`.toLocaleLowerCase().includes(e)) : T.value).slice(0, Math.max(1, a.maxResults));
-		}), ne = o(() => E.value[C.value] ? `${p}-option-${C.value}` : void 0);
-		function re() {
-			g.value = !0, y.value = "", C.value = 0, _(() => m.value?.focus());
+		let D = o(() => E(a.menus)), j = o(() => {
+			let e = b.value.trim().toLocaleLowerCase();
+			return (e ? D.value.filter(({ item: t, trail: n }) => `${n.join(" ")} ${t.path}`.toLocaleLowerCase().includes(e)) : D.value).slice(0, Math.max(1, a.maxResults));
+		}), ne = o(() => j.value[w.value] ? `${p}-option-${w.value}` : void 0);
+		function F() {
+			_.value || (T = document.activeElement instanceof HTMLElement ? document.activeElement : void 0, _.value = !0, b.value = "", w.value = 0, v(() => m.value?.focus()));
 		}
-		function N(e = !0) {
-			g.value = !1, e && _(() => h.value?.focus());
+		function L(e = !0) {
+			_.value = !1, document.removeEventListener("focusin", R), e && v(() => {
+				_.value || (T?.isConnected ? T : h.value)?.focus();
+			});
 		}
-		function F(e) {
-			e && (d("select", e.item.path, e.item), N());
+		function R(e) {
+			_.value && g.value && !g.value.contains(e.target) && m.value?.focus();
 		}
-		function I(e) {
+		function ae(e) {
+			if (e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), L()), e.key !== "Tab") return;
+			let t = [...g.value?.querySelectorAll("button, input, [tabindex]") ?? []].filter((e) => e.tabIndex >= 0 && !e.matches(":disabled") && !e.closest("[hidden], [inert]")), n = t[0], r = t.at(-1);
+			(!n || (e.shiftKey ? document.activeElement === n : document.activeElement === r)) && (e.preventDefault(), (e.shiftKey ? r : n)?.focus());
+		}
+		function oe(e) {
+			e && (d("select", e.item.path, e.item), L());
+		}
+		function z(e) {
 			if (e.key === "Escape") {
-				e.preventDefault(), N();
+				e.preventDefault(), L();
 				return;
 			}
-			if (E.value.length !== 0) {
+			if (j.value.length !== 0) {
 				if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 					e.preventDefault();
 					let t = e.key === "ArrowDown" ? 1 : -1;
-					C.value = (C.value + t + E.value.length) % E.value.length;
+					w.value = (w.value + t + j.value.length) % j.value.length;
 					return;
 				}
-				e.key === "Enter" && (e.preventDefault(), F(E.value[C.value]));
+				e.key === "Enter" && (e.preventDefault(), oe(j.value[w.value]));
 			}
 		}
-		function L(e) {
-			!a.shortcut || e.altKey || e.shiftKey || e.key.toLocaleLowerCase() !== "k" || !e.ctrlKey && !e.metaKey || (e.preventDefault(), g.value ? N(!1) : re());
+		function B(e) {
+			!a.shortcut || e.altKey || e.shiftKey || e.key.toLocaleLowerCase() !== "k" || !e.ctrlKey && !e.metaKey || (e.preventDefault(), _.value ? L() : F());
 		}
-		return M(E, () => {
-			C.value = 0;
+		return P(j, () => {
+			w.value = 0;
+		}), P(_, (e) => {
+			e ? document.addEventListener("focusin", R) : document.removeEventListener("focusin", R);
 		}), te(() => {
-			window.addEventListener("keydown", L);
+			window.addEventListener("keydown", B);
 		}), ee(() => {
-			window.removeEventListener("keydown", L);
+			window.removeEventListener("keydown", B), document.removeEventListener("focusin", R), _.value && T?.isConnected && T.focus();
 		}), n({
-			close: N,
-			open: re
-		}), (n, i) => (b(), l("div", ve, [u("button", {
+			close: L,
+			open: F
+		}), (n, i) => (x(), l("div", ve, [u("button", {
 			ref_key: "triggerRef",
 			ref: h,
 			class: "lumal-global-search__trigger",
 			type: "button",
 			"aria-label": "打开全局搜索",
 			title: "全局搜索",
-			onClick: re
+			onClick: F
 		}, [
-			f(O(P), {
-				icon: Te,
+			f(k(I), {
+				name: "lumal:search",
 				size: 17
 			}),
 			i[3] ||= u("span", { class: "lumal-global-search__trigger-label" }, "搜索", -1),
-			e.shortcut ? (b(), l("kbd", ye, "Ctrl K")) : c("", !0)
-		], 512), (b(), s(r, { to: "body" }, [g.value ? (b(), l("div", {
+			e.shortcut ? (x(), l("kbd", Y, "Ctrl K")) : c("", !0)
+		], 512), (x(), s(r, { to: "body" }, [_.value ? (x(), l("div", {
 			key: 0,
 			class: "lumal-global-search__backdrop",
-			onMousedown: i[2] ||= ae((e) => N(), ["self"])
+			onMousedown: i[2] ||= ie((e) => L(), ["self"])
 		}, [u("section", {
+			ref_key: "dialogRef",
+			ref: g,
 			class: "lumal-global-search__dialog",
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": `${p}-title`
+			"aria-labelledby": `${p}-title`,
+			onKeydown: ae
 		}, [
 			u("header", be, [u("h2", { id: `${p}-title` }, " 全局搜索 ", 8, xe), u("button", {
 				type: "button",
 				"aria-label": "关闭全局搜索",
 				title: "关闭",
-				onClick: i[0] ||= (e) => N()
-			}, [f(O(P), {
+				onClick: i[0] ||= (e) => L()
+			}, [f(k(I), {
 				name: "lumal:close",
 				size: 17
 			})])]),
-			u("label", Se, [
+			u("label", X, [
 				i[4] ||= u("span", { class: "lumal-global-search__sr-only" }, "搜索菜单", -1),
-				f(O(P), {
-					icon: Te,
+				f(k(I), {
+					name: "lumal:search",
 					size: 18
 				}),
-				ie(u("input", {
+				re(u("input", {
 					ref_key: "inputRef",
 					ref: m,
-					"onUpdate:modelValue": i[1] ||= (e) => y.value = e,
+					"onUpdate:modelValue": i[1] ||= (e) => b.value = e,
 					role: "combobox",
 					autocomplete: "off",
 					"aria-activedescendant": ne.value,
@@ -280,46 +295,46 @@ var K = {
 					"aria-controls": `${p}-results`,
 					"aria-expanded": "true",
 					placeholder: e.placeholder,
-					onKeydown: I
-				}, null, 40, Y), [[j, y.value]])
+					onKeydown: z
+				}, null, 40, Se), [[N, b.value]])
 			]),
 			u("ul", {
 				id: `${p}-results`,
 				class: "lumal-global-search__results",
 				role: "listbox"
-			}, [(b(!0), l(t, null, S(E.value, (e, t) => (b(), l("li", {
+			}, [(x(!0), l(t, null, C(j.value, (e, t) => (x(), l("li", {
 				id: `${p}-option-${t}`,
 				key: e.item.path,
 				role: "option",
-				"aria-selected": t === C.value
+				"aria-selected": t === w.value
 			}, [u("button", {
 				type: "button",
-				class: v({ "is-active": t === C.value }),
-				onMouseenter: (e) => C.value = t,
-				onClick: (t) => F(e)
+				class: y({ "is-active": t === w.value }),
+				onMouseenter: (e) => w.value = t,
+				onClick: (t) => oe(e)
 			}, [
-				e.item.icon ? (b(), s(O(P), {
+				e.item.icon ? (x(), s(k(I), {
 					key: 0,
 					name: e.item.icon,
 					size: 18
 				}, null, 8, ["name"])) : c("", !0),
-				u("span", null, [u("strong", null, D(e.item.title), 1), u("small", null, D(e.trail.join(" / ")), 1)]),
-				u("code", null, D(e.item.path), 1)
-			], 42, Ce)], 8, Z))), 128))], 8, X),
-			E.value.length === 0 ? (b(), l("p", we, " 未找到匹配菜单，请尝试其他关键词 ")) : c("", !0)
-		], 8, J)], 32)) : c("", !0)]))]));
+				u("span", null, [u("strong", null, O(e.item.title), 1), u("small", null, O(e.trail.join(" / ")), 1)]),
+				u("code", null, O(e.item.path), 1)
+			], 42, we)], 8, Ce))), 128))], 8, Z),
+			j.value.length === 0 ? (x(), l("p", Te, " 未找到匹配菜单，请尝试其他关键词 ")) : c("", !0)
+		], 40, ye)], 32)) : c("", !0)]))]));
 	}
-}), [["__scopeId", "data-v-a433539f"]]), De = { class: "lumal-header__left" }, Oe = {
+}), [["__scopeId", "data-v-f2b1e55b"]]), De = { class: "lumal-header__left" }, Oe = {
 	key: 0,
 	class: "lumal-header__title"
 }, ke = {
 	key: 0,
 	class: "lumal-header__breadcrumb"
-}, Q = {
+}, Ae = {
 	key: 1,
 	class: "lumal-header__navigation",
 	"aria-label": "主导航"
-}, Ae = {
+}, Q = {
 	key: 2,
 	class: "lumal-header__actions"
 }, je = /*#__PURE__*/ e(/* @__PURE__ */ p({
@@ -346,45 +361,46 @@ var K = {
 	},
 	emits: ["toggleCollapse"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = A("headerRef"), d = o(() => r.collapsed ? "展开侧边栏" : "收起侧边栏");
-		function f() {
+		let r = e, i = n, a = M("headerRef"), d = o(() => r.collapsed ? "展开侧边栏" : "收起侧边栏");
+		function p() {
 			i("toggleCollapse");
 		}
 		return t({
 			getHeaderElement: () => a.value?.$el,
 			getHeaderInstance: () => a.value
-		}), (t, n) => (b(), s(O(oe), {
+		}), (t, n) => (x(), s(k(oe), {
 			ref_key: "headerRef",
 			ref: a,
 			class: "lumal-header",
 			height: e.height
 		}, {
-			default: N(() => [
-				u("div", De, [C(t.$slots, "logo", {}, () => [e.title ? (b(), l("span", Oe, D(e.title), 1)) : c("", !0)], !0), e.sidebarEnabled ? (b(), s(O(I), {
+			default: F(() => [
+				u("div", De, [w(t.$slots, "logo", {}, () => [e.title ? (x(), l("span", Oe, O(e.title), 1)) : c("", !0)], !0), e.sidebarEnabled ? (x(), s(k(R), {
 					key: 0,
-					class: v(["lumal-header__toggle", {
+					class: y(["lumal-header__toggle", {
 						"is-after-title": e.toggleAfterTitle,
 						"is-mobile-only": e.mobileOnlyToggle
 					}]),
 					text: "",
 					"aria-label": d.value,
 					"data-action": "toggle-sidebar",
-					onClick: f
+					onClick: p
 				}, {
-					default: N(() => [...n[0] ||= [u("svg", {
-						"aria-hidden": "true",
-						viewBox: "0 0 24 24"
-					}, [u("path", { d: "M4 7h16M4 12h16M4 17h16" })], -1)]]),
+					default: F(() => [f(k(I), {
+						name: e.collapsed ? "lumal:sidebar-expand" : "lumal:sidebar-collapse",
+						morph: "",
+						size: 18
+					}, null, 8, ["name"])]),
 					_: 1
 				}, 8, ["class", "aria-label"])) : c("", !0)]),
-				t.$slots.breadcrumb ? (b(), l("div", ke, [C(t.$slots, "breadcrumb", {}, void 0, !0)])) : c("", !0),
-				t.$slots.navigation ? (b(), l("nav", Q, [C(t.$slots, "navigation", {}, void 0, !0)])) : c("", !0),
-				t.$slots.actions ? (b(), l("div", Ae, [C(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
+				t.$slots.breadcrumb ? (x(), l("div", ke, [w(t.$slots, "breadcrumb", {}, void 0, !0)])) : c("", !0),
+				t.$slots.navigation ? (x(), l("nav", Ae, [w(t.$slots, "navigation", {}, void 0, !0)])) : c("", !0),
+				t.$slots.actions ? (x(), l("div", Q, [w(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
 			]),
 			_: 3
 		}, 8, ["height"]));
 	}
-}), [["__scopeId", "data-v-e9574860"]]), Me = ["aria-label"], Ne = {
+}), [["__scopeId", "data-v-abe2c07a"]]), Me = ["aria-label"], Ne = {
 	key: 0,
 	"aria-hidden": "true"
 }, $ = /*#__PURE__*/ e(/* @__PURE__ */ p({
@@ -397,34 +413,26 @@ var K = {
 	},
 	setup(e) {
 		let t = e, n = o(() => t.type === "dot" || t.badge === 0 || !!t.badge), r = o(() => t.type === "dot" ? `${t.label}有新内容` : `${t.label}：${t.badge}`);
-		return (t, i) => n.value ? (b(), l("span", {
+		return (t, i) => n.value ? (x(), l("span", {
 			key: 0,
-			class: v(["lumal-menu-badge", [`is-${e.tone}`, { "is-dot": e.type === "dot" }]]),
+			class: y(["lumal-menu-badge", [`is-${e.tone}`, { "is-dot": e.type === "dot" }]]),
 			role: "status",
 			"aria-label": r.value
-		}, [e.type === "text" ? (b(), l("span", Ne, D(e.badge), 1)) : c("", !0)], 10, Me)) : c("", !0);
+		}, [e.type === "text" ? (x(), l("span", Ne, O(e.badge), 1)) : c("", !0)], 10, Me)) : c("", !0);
 	}
 }), [["__scopeId", "data-v-0ca73e4b"]]), Pe = {
 	key: 0,
 	class: "lumal-sidebar-menu-item__icon",
 	"aria-hidden": "true"
-}, Fe = { class: "lumal-sidebar-menu-item__label" }, Ie = { class: "lumal-sidebar-menu-item__title" }, Le = {
-	key: 1,
-	class: "lumal-sidebar-menu-item__external",
-	"aria-hidden": "true"
-}, Re = ["title"], ze = {
+}, Fe = { class: "lumal-sidebar-menu-item__label" }, Ie = { class: "lumal-sidebar-menu-item__title" }, Le = ["title"], Re = {
 	key: 0,
 	class: "lumal-sidebar-menu-item__icon",
 	"aria-hidden": "true"
-}, Be = { class: "lumal-sidebar-menu-item__label" }, Ve = { class: "lumal-sidebar-menu-item__title" }, He = {
+}, ze = { class: "lumal-sidebar-menu-item__label" }, Be = { class: "lumal-sidebar-menu-item__title" }, Ve = {
 	key: 0,
 	class: "lumal-sidebar-menu-item__icon",
 	"aria-hidden": "true"
-}, Ue = { class: "lumal-sidebar-menu-item__label" }, We = { class: "lumal-sidebar-menu-item__title" }, Ge = {
-	key: 1,
-	class: "lumal-sidebar-menu-item__external",
-	"aria-hidden": "true"
-}, Ke = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, He = { class: "lumal-sidebar-menu-item__label" }, Ue = { class: "lumal-sidebar-menu-item__title" }, We = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalSidebarMenuItem",
 	props: {
 		activePath: {},
@@ -439,19 +447,19 @@ var K = {
 			i("select", e);
 		}
 		return (n, r) => {
-			let i = w("LumalSidebarMenuItem", !0);
-			return d.value ? (b(), s(O(B), {
+			let i = T("LumalSidebarMenuItem", !0);
+			return d.value ? (x(), s(k(H), {
 				key: 0,
 				class: "lumal-sidebar-menu-item",
 				index: e.item.path,
 				title: e.collapsed ? e.item.title : void 0
 			}, {
-				title: N(() => [
-					e.item.icon ? (b(), l("i", Pe, [f(O(P), {
+				title: F(() => [
+					e.item.icon ? (x(), l("i", Pe, [f(k(I), {
 						name: e.item.icon,
 						size: 16
 					}, null, 8, ["name"])])) : c("", !0),
-					u("span", Fe, [u("span", Ie, D(e.item.title), 1), f($, {
+					u("span", Fe, [u("span", Ie, O(e.item.title), 1), f($, {
 						badge: e.item.badge,
 						label: e.item.title,
 						tone: e.item.badgeTone,
@@ -462,9 +470,14 @@ var K = {
 						"tone",
 						"type"
 					])]),
-					e.item.externalLink ? (b(), l("span", Le, "↗")) : c("", !0)
+					e.item.externalLink ? (x(), s(k(I), {
+						key: 1,
+						class: "lumal-sidebar-menu-item__external",
+						name: "lumal:external-link",
+						size: 12
+					})) : c("", !0)
 				]),
-				default: N(() => [(b(!0), l(t, null, S(a.value, (t) => (b(), s(i, {
+				default: F(() => [(x(!0), l(t, null, C(a.value, (t) => (x(), s(i, {
 					key: t.path,
 					item: t,
 					"active-path": e.activePath,
@@ -478,7 +491,7 @@ var K = {
 					"depth"
 				]))), 128))]),
 				_: 1
-			}, 8, ["index", "title"])) : p.value ? (b(), l("li", {
+			}, 8, ["index", "title"])) : p.value ? (x(), l("li", {
 				key: 1,
 				class: "el-menu-item lumal-sidebar-menu-item lumal-sidebar-menu-item--external",
 				role: "menuitem",
@@ -486,11 +499,11 @@ var K = {
 				title: e.collapsed ? e.item.title : void 0,
 				onClick: r[0] ||= (t) => m(e.item.path)
 			}, [
-				e.item.icon ? (b(), l("i", ze, [f(O(P), {
+				e.item.icon ? (x(), l("i", Re, [f(k(I), {
 					name: e.item.icon,
 					size: 16
 				}, null, 8, ["name"])])) : c("", !0),
-				u("span", Be, [u("span", Ve, D(e.item.title), 1), f($, {
+				u("span", ze, [u("span", Be, O(e.item.title), 1), f($, {
 					badge: e.item.badge,
 					label: e.item.title,
 					tone: e.item.badgeTone,
@@ -501,23 +514,24 @@ var K = {
 					"tone",
 					"type"
 				])]),
-				r[2] ||= u("span", {
+				f(k(I), {
 					class: "lumal-sidebar-menu-item__external",
-					"aria-hidden": "true"
-				}, "↗", -1)
-			], 8, Re)) : (b(), s(O(z), {
+					name: "lumal:external-link",
+					size: 12
+				})
+			], 8, Le)) : (x(), s(k(se), {
 				key: 2,
 				class: "lumal-sidebar-menu-item",
 				index: e.item.path,
 				title: e.collapsed ? e.item.title : void 0,
 				onClick: r[1] ||= (t) => m(e.item.path)
 			}, {
-				default: N(() => [
-					e.item.icon ? (b(), l("i", He, [f(O(P), {
+				default: F(() => [
+					e.item.icon ? (x(), l("i", Ve, [f(k(I), {
 						name: e.item.icon,
 						size: 16
 					}, null, 8, ["name"])])) : c("", !0),
-					u("span", Ue, [u("span", We, D(e.item.title), 1), f($, {
+					u("span", He, [u("span", Ue, O(e.item.title), 1), f($, {
 						badge: e.item.badge,
 						label: e.item.title,
 						tone: e.item.badgeTone,
@@ -528,13 +542,18 @@ var K = {
 						"tone",
 						"type"
 					])]),
-					e.item.externalLink ? (b(), l("span", Ge, "↗")) : c("", !0)
+					e.item.externalLink ? (x(), s(k(I), {
+						key: 1,
+						class: "lumal-sidebar-menu-item__external",
+						name: "lumal:external-link",
+						size: 12
+					})) : c("", !0)
 				]),
 				_: 1
 			}, 8, ["index", "title"]));
 		};
 	}
-}), [["__scopeId", "data-v-a5f8c946"]]), qe = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-9466482e"]]), Ge = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalSidebar",
 	props: {
 		menus: { default: () => [] },
@@ -549,27 +568,27 @@ var K = {
 	},
 	emits: ["select"],
 	setup(e, { expose: n, emit: r }) {
-		let i = e, a = r, c = A("asideRef"), u = o(() => i.collapsed ? i.collapsedWidth : i.width);
+		let i = e, a = r, c = M("asideRef"), u = o(() => i.collapsed ? i.collapsedWidth : i.width);
 		function d(e) {
 			a("select", e);
 		}
 		return n({
 			getAsideElement: () => c.value?.$el,
 			getAsideInstance: () => c.value
-		}), (n, r) => (b(), s(O(F), {
+		}), (n, r) => (x(), s(k(L), {
 			ref_key: "asideRef",
 			ref: c,
 			class: "lumal-sidebar",
 			width: u.value,
 			"aria-label": e.ariaLabel
 		}, {
-			default: N(() => [f(O(ce), { class: "lumal-sidebar__scrollbar" }, {
-				default: N(() => [f(O(R), {
+			default: F(() => [f(k(V), { class: "lumal-sidebar__scrollbar" }, {
+				default: F(() => [f(k(B), {
 					class: "lumal-sidebar__menu",
 					collapse: e.collapsed,
 					"default-active": e.activePath
 				}, {
-					default: N(() => [(b(!0), l(t, null, S(e.menus.filter((e) => !e.hidden), (t) => (b(), s(Ke, {
+					default: F(() => [(x(!0), l(t, null, C(e.menus.filter((e) => !e.hidden), (t) => (x(), s(We, {
 						key: t.path,
 						item: t,
 						"active-path": e.activePath,
@@ -588,15 +607,15 @@ var K = {
 			_: 1
 		}, 8, ["width", "aria-label"]));
 	}
-}), [["__scopeId", "data-v-d9c4d4bc"]]), Je = ["disabled"], Ye = ["onContextmenu"], Xe = [
+}), [["__scopeId", "data-v-d9c4d4bc"]]), Ke = ["disabled"], qe = ["onContextmenu"], Je = [
 	"aria-selected",
 	"tabindex",
 	"onClick",
 	"onKeydown",
 	"onMousedown"
-], Ze = ["title"], Qe = ["aria-label", "onClick"], $e = ["disabled"], et = ["disabled"], tt = ["aria-expanded"], nt = ["aria-label"], rt = ["disabled"], it = ["disabled"], at = ["disabled"], ot = ["disabled"], st = ["disabled"], ct = ["disabled"], lt = ["disabled"], ut = ["disabled"], dt = ["disabled"], ft = 192, pt = 220, mt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+], Ye = ["title"], Xe = ["aria-label", "onClick"], Ze = ["disabled"], Qe = ["disabled"], $e = ["aria-expanded"], et = ["aria-label"], tt = ["disabled"], nt = ["disabled"], rt = ["disabled"], it = ["disabled"], at = ["disabled"], ot = ["disabled"], st = ["disabled"], ct = ["disabled"], lt = ["disabled"], ut = 192, dt = 220, ft = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalTabs",
-	props: /*@__PURE__*/ h({
+	props: /*@__PURE__*/ g({
 		activePath: { default: "" },
 		draggable: {
 			type: Boolean,
@@ -641,7 +660,7 @@ var K = {
 		activePath: { default: "" },
 		activePathModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h([
+	emits: /*@__PURE__*/ g([
 		"change",
 		"closeAll",
 		"closeLeft",
@@ -655,29 +674,29 @@ var K = {
 		"reorder"
 	], ["update:activePath"]),
 	setup(e, { expose: n, emit: i }) {
-		let d = e, p = i, m = ne(e, "activePath"), h = A("tabsViewportRef"), g = E({
+		let d = e, p = i, m = j(e, "activePath"), h = M("tabsViewportRef"), g = D({
 			path: "",
 			style: {},
 			visible: !1
-		}), x = E({
+		}), _ = D({
 			path: "",
 			style: {},
 			visible: !1
-		}), C = E(!1), w = E(!1), T = E(!0), k = E(!1), j, F, I = null, L = o(() => g.value.visible ? g.value : x.value), oe = o(() => L.value.path), se = E(!0), R;
-		function z() {
-			se.value = !R || !R.matches;
+		}), S = D(!1), w = D(!1), T = D(!0), E = D(!1), A, N, L = null, R = o(() => g.value.visible ? g.value : _.value), ae = o(() => R.value.path), oe = D(!0), z;
+		function B() {
+			oe.value = !z || !z.matches;
 		}
-		function ce() {
-			typeof window > "u" || typeof window.matchMedia != "function" || (R = window.matchMedia("(max-width: 768px)"), z(), typeof R.addEventListener == "function" ? R.addEventListener("change", z) : R.addListener?.(z));
+		function se() {
+			typeof window > "u" || typeof window.matchMedia != "function" || (z = window.matchMedia("(max-width: 768px)"), B(), typeof z.addEventListener == "function" ? z.addEventListener("change", B) : z.addListener?.(B));
 		}
-		function B() {
-			typeof R?.removeEventListener == "function" ? R.removeEventListener("change", z) : R?.removeListener?.(z), R = void 0;
+		function V() {
+			typeof z?.removeEventListener == "function" ? z.removeEventListener("change", B) : z?.removeListener?.(B), z = void 0;
 		}
-		let V = o(() => d.draggable && se.value), le = o(() => d.tabs.some((e) => e.closable !== !1 && e.pinned !== !0));
-		function ue(e) {
+		let H = o(() => d.draggable && oe.value), ce = o(() => d.tabs.some((e) => e.closable !== !1 && e.pinned !== !0));
+		function le(e) {
 			return d.tabs.length > 1 && d.tabs.some((t) => t.path === e && t.closable !== !1 && t.pinned !== !0);
 		}
-		function H(e, t) {
+		function ue(e, t) {
 			let n = d.tabs.findIndex((t) => t.path === e);
 			return (t === "left" ? d.tabs.slice(0, n) : d.tabs.slice(n + 1)).some((e) => e.closable !== !1 && e.pinned !== !0);
 		}
@@ -687,37 +706,37 @@ var K = {
 		function W(e) {
 			return e === m.value;
 		}
-		function fe(e) {
+		function G(e) {
 			let t = d.tabs.find((t) => t.path === e);
 			return !!t && t.pinned !== !0 && t.closable !== !1;
 		}
-		function pe(e) {
+		function K(e) {
 			let t = d.tabs.find((t) => t.path === e);
 			return !!t && t.pinned === !0 && t.closable !== !1;
 		}
-		function G(e) {
-			let t = oe.value;
-			return e === "close" ? !ue(t) : e === "close-left" || e === "close-right" ? !t || !W(t) || !H(t, e === "close-left" ? "left" : "right") : e === "close-others" ? !t || !W(t) || !U(t) : e === "close-all" ? !le.value : e === "refresh" ? !t || !W(t) : e === "pin" ? !fe(t) && !pe(t) : e === "new-window" && !t;
+		function q(e) {
+			let t = ae.value;
+			return e === "close" ? !le(t) : e === "close-left" || e === "close-right" ? !t || !W(t) || !ue(t, e === "close-left" ? "left" : "right") : e === "close-others" ? !t || !W(t) || !U(t) : e === "close-all" ? !ce.value : e === "refresh" ? !t || !W(t) : e === "pin" ? !G(t) && !K(t) : e === "new-window" && !t;
 		}
-		function K(e) {
-			return pe(e) ? "取消固定" : "固定";
+		function fe(e) {
+			return K(e) ? "取消固定" : "固定";
 		}
-		function me() {
-			return C.value ? "还原" : "内容最大化";
+		function pe() {
+			return S.value ? "还原" : "内容最大化";
 		}
-		function q(e) {
+		function J(e) {
 			e !== m.value && (m.value = e, p("change", e));
 		}
-		function he(e) {
-			ue(e) && p("remove", e);
+		function me(e) {
+			le(e) && p("remove", e);
 		}
-		function ge(e) {
+		function he(e) {
 			e && W(e) && p("refresh", e);
 		}
-		function _e(e, t) {
-			e.button !== 1 || !d.middleClickToClose || !ue(t.path) || (e.preventDefault(), p("remove", t.path));
+		function ge(e, t) {
+			e.button !== 1 || !d.middleClickToClose || !le(t.path) || (e.preventDefault(), p("remove", t.path));
 		}
-		function ve(e, t) {
+		function _e(e, t) {
 			if (![
 				"ArrowLeft",
 				"ArrowRight",
@@ -726,58 +745,58 @@ var K = {
 			].includes(e.key) || d.tabs.length === 0) return;
 			e.preventDefault();
 			let n = e.key === "Home" ? 0 : e.key === "End" ? d.tabs.length - 1 : e.key === "ArrowLeft" ? (t - 1 + d.tabs.length) % d.tabs.length : (t + 1) % d.tabs.length, r = d.tabs[n];
-			r && (q(r.path), _(() => {
+			r && (J(r.path), v(() => {
 				h.value?.querySelectorAll("[role=\"tab\"]").item(n).focus();
 			}));
 		}
-		function ye(e, t) {
+		function ve(e, t) {
 			return {
-				left: `${Math.max(8, Math.min(e, window.innerWidth - ft - 8))}px`,
-				top: `${Math.max(8, Math.min(t, window.innerHeight - pt - 8))}px`
+				left: `${Math.max(8, Math.min(e, window.innerWidth - ut - 8))}px`,
+				top: `${Math.max(8, Math.min(t, window.innerHeight - dt - 8))}px`
 			};
 		}
-		function J() {
+		function Y() {
 			g.value = {
 				...g.value,
 				visible: !1
-			}, x.value = {
-				...x.value,
+			}, _.value = {
+				..._.value,
 				visible: !1
 			};
 		}
-		function be(e, t) {
-			e.preventDefault(), e.stopPropagation(), I = e.currentTarget, g.value = {
+		function ye(e, t) {
+			e.preventDefault(), e.stopPropagation(), L = e.currentTarget, g.value = {
 				path: t,
-				style: ye(e.clientX, e.clientY),
+				style: ve(e.clientX, e.clientY),
 				visible: !0
-			}, x.value = {
-				...x.value,
+			}, _.value = {
+				..._.value,
 				visible: !1
 			};
 		}
-		function xe(e) {
+		function be(e) {
 			e.preventDefault(), e.stopPropagation();
 			let t = m.value || d.tabs[0]?.path || "";
-			I = e.currentTarget, x.value = {
+			L = e.currentTarget, _.value = {
 				path: t,
-				style: ye(e.clientX, e.clientY),
+				style: ve(e.clientX, e.clientY),
 				visible: !0
 			}, g.value = {
 				...g.value,
 				visible: !1
 			};
 		}
-		function Se() {
-			I && document.body.contains(I) && (I.focus(), I = null);
-		}
-		function Y(e) {
-			if (G(e)) return;
-			let t = oe.value;
-			J(), e === "close" ? p("remove", t) : e === "close-left" ? p("closeLeft", t) : e === "close-right" ? p("closeRight", t) : e === "close-others" ? p("closeOthers", t) : e === "close-all" ? p("closeAll") : e === "refresh" ? p("refresh", t) : e === "pin" ? p("pin", t, !pe(t)) : e === "new-window" ? p("newWindow", t) : e === "maximize" && ke(), _(Se);
+		function xe() {
+			L && document.body.contains(L) && (L.focus(), L = null);
 		}
 		function X(e) {
+			if (q(e)) return;
+			let t = ae.value;
+			Y(), e === "close" ? p("remove", t) : e === "close-left" ? p("closeLeft", t) : e === "close-right" ? p("closeRight", t) : e === "close-others" ? p("closeOthers", t) : e === "close-all" ? p("closeAll") : e === "refresh" ? p("refresh", t) : e === "pin" ? p("pin", t, !K(t)) : e === "new-window" ? p("newWindow", t) : e === "maximize" && ke(), v(xe);
+		}
+		function Se(e) {
 			if (e.key === "Escape") {
-				e.preventDefault(), J(), _(Se);
+				e.preventDefault(), Y(), v(xe);
 				return;
 			}
 			let t = Array.from(document.querySelectorAll("[data-menu-active=\"true\"] [role=\"menuitem\"]:not(:disabled)"));
@@ -789,7 +808,7 @@ var K = {
 		}
 		function Z() {
 			let e = h.value;
-			e && (w.value = e.scrollWidth > e.clientWidth + 1, T.value = e.scrollLeft <= 1, k.value = e.scrollLeft + e.clientWidth >= e.scrollWidth - 1);
+			e && (w.value = e.scrollWidth > e.clientWidth + 1, T.value = e.scrollLeft <= 1, E.value = e.scrollLeft + e.clientWidth >= e.scrollWidth - 1);
 		}
 		function Ce() {
 			return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
@@ -807,7 +826,7 @@ var K = {
 			!t || !w.value || (e.preventDefault(), t.scrollBy({ left: Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX }));
 		}
 		async function Ee() {
-			await _(), (h.value?.querySelector("[role=\"tab\"][aria-selected=\"true\"]"))?.scrollIntoView({
+			await v(), (h.value?.querySelector("[role=\"tab\"][aria-selected=\"true\"]"))?.scrollIntoView({
 				behavior: Ce(),
 				block: "nearest",
 				inline: "nearest"
@@ -815,11 +834,11 @@ var K = {
 		}
 		function De() {
 			let e = h.value?.querySelector(".lumal-tabs__list");
-			if (!e || !V.value) {
+			if (!e || !H.value) {
 				Oe();
 				return;
 			}
-			F && F.el === e || (Oe(), F = de.create(e, {
+			N && N.el === e || (Oe(), N = de.create(e, {
 				animation: 160,
 				draggable: ".lumal-tabs__item",
 				filter: ".is-not-draggable",
@@ -833,60 +852,60 @@ var K = {
 			}));
 		}
 		function Oe() {
-			F?.destroy(), F = void 0;
+			N?.destroy(), N = void 0;
 		}
-		M(V, (e) => {
-			e ? _(De) : Oe();
+		P(H, (e) => {
+			e ? v(De) : Oe();
 		});
 		function ke() {
 			if (d.standaloneMaximize) {
-				Q();
+				Ae();
 				return;
 			}
-			C.value = !C.value, p("maximize", C.value);
+			S.value = !S.value, p("maximize", S.value);
 		}
-		async function Q() {
+		async function Ae() {
 			let e = document.querySelector(d.fullscreenTarget);
 			e instanceof HTMLElement && (document.fullscreenElement ? await document.exitFullscreen?.() : await e.requestFullscreen?.());
 		}
-		function Ae() {
-			C.value = !!document.fullscreenElement && d.standaloneMaximize, d.standaloneMaximize && p("maximize", C.value);
+		function Q() {
+			S.value = !!document.fullscreenElement && d.standaloneMaximize, d.standaloneMaximize && p("maximize", S.value);
 		}
 		function je(e) {
-			d.standaloneMaximize || (C.value = e);
+			d.standaloneMaximize || (S.value = e);
 		}
 		n({
 			getTabsElement: () => h.value,
-			refreshCurrent: () => ge(m.value),
+			refreshCurrent: () => he(m.value),
 			scrollTabs: we,
 			toggleFullscreen: ke,
 			setMaximized: je
-		}), M(() => [d.activePath, d.tabs.length], () => void Ee(), { flush: "post" }), M(() => d.tabs, () => void _(Z), { flush: "post" });
+		}), P(() => [d.activePath, d.tabs.length], () => void Ee(), { flush: "post" }), P(() => d.tabs, () => void v(Z), { flush: "post" });
 		function Me(e) {
 			let t = e.target;
-			t && (t.closest?.(".lumal-tabs-context-menu") || t.closest?.("[data-tab-menu-trigger]") || J());
+			t && (t.closest?.(".lumal-tabs-context-menu") || t.closest?.("[data-tab-menu-trigger]") || Y());
 		}
 		function Ne(e) {
-			e.key === "Escape" && L.value.visible && (e.preventDefault(), J(), _(Se));
+			e.key === "Escape" && R.value.visible && (e.preventDefault(), Y(), v(xe));
 		}
 		return te(() => {
-			ce(), document.addEventListener("click", Me), document.addEventListener("fullscreenchange", Ae), document.addEventListener("keydown", Ne), Z(), typeof ResizeObserver < "u" && h.value && (j = new ResizeObserver(Z), j.observe(h.value)), V.value && _(De);
+			se(), document.addEventListener("click", Me), document.addEventListener("fullscreenchange", Q), document.addEventListener("keydown", Ne), Z(), typeof ResizeObserver < "u" && h.value && (A = new ResizeObserver(Z), A.observe(h.value)), H.value && v(De);
 		}), ee(() => {
-			B(), document.removeEventListener("click", Me), document.removeEventListener("fullscreenchange", Ae), document.removeEventListener("keydown", Ne), j?.disconnect(), Oe();
-		}), (n, i) => e.visible && e.tabs.length ? (b(), l("div", {
+			V(), document.removeEventListener("click", Me), document.removeEventListener("fullscreenchange", Q), document.removeEventListener("keydown", Ne), A?.disconnect(), Oe();
+		}), (n, i) => e.visible && e.tabs.length ? (x(), l("div", {
 			key: 0,
-			class: v(["lumal-tabs", [`is-style-${e.styleType}`]])
+			class: y(["lumal-tabs", [`is-style-${e.styleType}`]])
 		}, [
-			ie(u("button", {
+			re(u("button", {
 				class: "lumal-tabs__tool",
 				type: "button",
 				"aria-label": "向左滚动标签",
 				disabled: T.value,
 				onClick: i[0] ||= (e) => we("left")
-			}, [f(O(P), {
+			}, [f(k(I), {
 				name: "lumal:chevron-left",
 				size: 16
-			})], 8, Je), [[re, w.value]]),
+			})], 8, Ke), [[ne, w.value]]),
 			u("div", {
 				ref_key: "tabsViewportRef",
 				ref: h,
@@ -900,196 +919,190 @@ var K = {
 				role: "tablist",
 				"aria-label": "页面标签"
 			}, {
-				default: N(() => [(b(!0), l(t, null, S(e.tabs, (t, n) => (b(), l("div", {
+				default: F(() => [(x(!0), l(t, null, C(e.tabs, (t, n) => (x(), l("div", {
 					key: t.path,
-					class: v(["lumal-tabs__item", {
+					class: y(["lumal-tabs__item", {
 						"is-active": t.path === m.value,
 						"is-pinned": t.pinned === !0,
-						"is-not-draggable": t.pinned === !0 || !V.value
+						"is-not-draggable": t.pinned === !0 || !H.value
 					}]),
-					onContextmenu: (e) => be(e, t.path)
+					onContextmenu: (e) => ye(e, t.path)
 				}, [u("button", {
 					class: "lumal-tabs__tab",
 					type: "button",
 					role: "tab",
 					"aria-selected": t.path === m.value,
 					tabindex: t.path === m.value ? 0 : -1,
-					onClick: (e) => q(t.path),
-					onKeydown: (e) => ve(e, n),
-					onMousedown: (e) => _e(e, t)
-				}, [t.pinned === !0 ? (b(), s(O(P), {
+					onClick: (e) => J(t.path),
+					onKeydown: (e) => _e(e, n),
+					onMousedown: (e) => ge(e, t)
+				}, [t.pinned === !0 ? (x(), s(k(I), {
 					key: 0,
 					class: "lumal-tabs__pin",
 					name: "lumal:pin",
 					size: 14
-				})) : e.showIcon && t.icon ? (b(), s(O(P), {
+				})) : e.showIcon && t.icon ? (x(), s(k(I), {
 					key: 1,
 					name: t.icon,
 					size: 14
 				}, null, 8, ["name"])) : c("", !0), u("span", {
 					class: "lumal-tabs__label",
 					title: t.title
-				}, D(t.title), 9, Ze)], 40, Xe), ue(t.path) ? (b(), l("button", {
+				}, O(t.title), 9, Ye)], 40, Je), le(t.path) ? (x(), l("button", {
 					key: 0,
 					class: "lumal-tabs__close",
 					type: "button",
 					"aria-label": `关闭${t.title}`,
-					onClick: (e) => he(t.path)
-				}, [f(O(P), {
+					onClick: (e) => me(t.path)
+				}, [f(k(I), {
 					name: "lumal:close",
 					size: 14
-				})], 8, Qe)) : c("", !0)], 42, Ye))), 128))]),
+				})], 8, Xe)) : c("", !0)], 42, qe))), 128))]),
 				_: 1
 			})], 544),
-			ie(u("button", {
+			re(u("button", {
 				class: "lumal-tabs__tool",
 				type: "button",
 				"aria-label": "向右滚动标签",
-				disabled: k.value,
+				disabled: E.value,
 				onClick: i[1] ||= (e) => we("right")
-			}, [f(O(P), {
+			}, [f(k(I), {
 				name: "lumal:chevron-right",
 				size: 16
-			})], 8, $e), [[re, w.value]]),
-			e.showRefresh ? (b(), l("button", {
+			})], 8, Ze), [[ne, w.value]]),
+			e.showRefresh ? (x(), l("button", {
 				key: 0,
 				class: "lumal-tabs__tool lumal-tabs__tool--refresh",
 				type: "button",
 				"aria-label": "刷新当前页面",
 				"data-action": "refresh-current-tab",
 				disabled: !m.value,
-				onClick: i[2] ||= (e) => ge(m.value)
-			}, [f(O(P), {
+				onClick: i[2] ||= (e) => he(m.value)
+			}, [f(k(I), {
 				name: "lumal:refresh",
 				size: 16
-			})], 8, et)) : c("", !0),
-			e.showMore ? (b(), l("button", {
+			})], 8, Qe)) : c("", !0),
+			e.showMore ? (x(), l("button", {
 				key: 1,
 				class: "lumal-tabs__tool",
 				type: "button",
 				"aria-label": "更多操作",
 				"aria-haspopup": "menu",
-				"aria-expanded": x.value.visible,
+				"aria-expanded": _.value.visible,
 				"data-tab-menu-trigger": "",
-				onClick: i[3] ||= (e) => xe(e)
-			}, [f(O(P), {
+				onClick: i[3] ||= (e) => be(e)
+			}, [f(k(I), {
 				name: "lumal:more",
 				size: 16
-			})], 8, tt)) : c("", !0),
-			e.showMaximize ? (b(), l("button", {
+			})], 8, $e)) : c("", !0),
+			e.showMaximize ? (x(), l("button", {
 				key: 2,
 				class: "lumal-tabs__tool lumal-tabs__tool--maximize",
 				type: "button",
-				"aria-label": C.value ? "退出内容最大化" : "内容最大化",
+				"aria-label": S.value ? "退出内容最大化" : "内容最大化",
 				"data-action": "maximize-content",
 				onClick: ke
-			}, [f(O(P), {
-				name: C.value ? "lumal:restore" : "lumal:maximize",
+			}, [f(k(I), {
+				name: S.value ? "lumal:restore" : "lumal:maximize",
+				morph: "",
 				size: 16
-			}, null, 8, ["name"])], 8, nt)) : c("", !0),
-			(b(), s(r, { to: "body" }, [g.value.visible || x.value.visible ? (b(), l("div", {
+			}, null, 8, ["name"])], 8, et)) : c("", !0),
+			(x(), s(r, { to: "body" }, [g.value.visible || _.value.visible ? (x(), l("div", {
 				key: 0,
 				class: "lumal-tabs-context-menu",
 				role: "menu",
 				"data-menu-active": !0,
-				style: y(L.value.style),
-				onClick: i[13] ||= ae(() => {}, ["stop"]),
-				onKeydown: X
+				style: b(R.value.style),
+				onClick: i[13] ||= ie(() => {}, ["stop"]),
+				onKeydown: Se
 			}, [
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("refresh"),
-					onClick: i[4] ||= (e) => Y("refresh")
-				}, [f(O(P), {
+					disabled: q("refresh"),
+					onClick: i[4] ||= (e) => X("refresh")
+				}, [f(k(I), {
 					name: "lumal:refresh",
 					size: 14
-				}), i[14] ||= u("span", null, "重新加载", -1)], 8, rt),
+				}), i[14] ||= u("span", null, "重新加载", -1)], 8, tt),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("pin"),
-					onClick: i[5] ||= (e) => Y("pin")
-				}, [f(O(P), {
-					name: pe(oe.value) ? "lumal:pin-off" : "lumal:pin",
+					disabled: q("pin"),
+					onClick: i[5] ||= (e) => X("pin")
+				}, [f(k(I), {
+					name: K(ae.value) ? "lumal:pin-off" : "lumal:pin",
 					size: 14
-				}, null, 8, ["name"]), u("span", null, D(K(oe.value)), 1)], 8, it),
+				}, null, 8, ["name"]), u("span", null, O(fe(ae.value)), 1)], 8, nt),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("maximize"),
-					onClick: i[6] ||= (e) => Y("maximize")
-				}, [f(O(P), {
-					name: C.value ? "lumal:restore" : "lumal:maximize",
+					disabled: q("maximize"),
+					onClick: i[6] ||= (e) => X("maximize")
+				}, [f(k(I), {
+					name: S.value ? "lumal:restore" : "lumal:maximize",
+					morph: "",
 					size: 14
-				}, null, 8, ["name"]), u("span", null, D(me()), 1)], 8, at),
+				}, null, 8, ["name"]), u("span", null, O(pe()), 1)], 8, rt),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("new-window"),
-					onClick: i[7] ||= (e) => Y("new-window")
-				}, [f(O(P), {
+					disabled: q("new-window"),
+					onClick: i[7] ||= (e) => X("new-window")
+				}, [f(k(I), {
 					name: "lumal:external-link",
 					size: 14
-				}), i[15] ||= u("span", null, "在新窗口打开", -1)], 8, ot),
+				}), i[15] ||= u("span", null, "在新窗口打开", -1)], 8, it),
 				i[21] ||= u("span", { class: "lumal-tabs-context-menu__divider" }, null, -1),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("close"),
-					onClick: i[8] ||= (e) => Y("close")
-				}, [f(O(P), {
+					disabled: q("close"),
+					onClick: i[8] ||= (e) => X("close")
+				}, [f(k(I), {
 					name: "lumal:close",
 					size: 14
-				}), i[16] ||= u("span", null, "关闭", -1)], 8, st),
+				}), i[16] ||= u("span", null, "关闭", -1)], 8, at),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("close-left"),
-					onClick: i[9] ||= (e) => Y("close-left")
-				}, [f(O(P), {
+					disabled: q("close-left"),
+					onClick: i[9] ||= (e) => X("close-left")
+				}, [f(k(I), {
 					name: "lumal:chevron-left",
 					size: 14
-				}), i[17] ||= u("span", null, "关闭左侧", -1)], 8, ct),
+				}), i[17] ||= u("span", null, "关闭左侧", -1)], 8, ot),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("close-right"),
-					onClick: i[10] ||= (e) => Y("close-right")
-				}, [f(O(P), {
+					disabled: q("close-right"),
+					onClick: i[10] ||= (e) => X("close-right")
+				}, [f(k(I), {
 					name: "lumal:chevron-right",
 					size: 14
-				}), i[18] ||= u("span", null, "关闭右侧", -1)], 8, lt),
+				}), i[18] ||= u("span", null, "关闭右侧", -1)], 8, st),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("close-others"),
-					onClick: i[11] ||= (e) => Y("close-others")
-				}, [f(O(P), {
+					disabled: q("close-others"),
+					onClick: i[11] ||= (e) => X("close-others")
+				}, [f(k(I), {
 					name: "lumal:close",
 					size: 14
-				}), i[19] ||= u("span", null, "关闭其他", -1)], 8, ut),
+				}), i[19] ||= u("span", null, "关闭其他", -1)], 8, ct),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: G("close-all"),
-					onClick: i[12] ||= (e) => Y("close-all")
-				}, [f(O(P), {
+					disabled: q("close-all"),
+					onClick: i[12] ||= (e) => X("close-all")
+				}, [f(k(I), {
 					name: "lumal:close",
 					size: 14
-				}), i[20] ||= u("span", null, "关闭全部", -1)], 8, dt)
+				}), i[20] ||= u("span", null, "关闭全部", -1)], 8, lt)
 			], 36)) : c("", !0)]))
 		], 2)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-5ebf2b13"]]), ht = { class: "lumal-top-nav-menu-item__label" }, gt = {
-	key: 1,
-	class: "lumal-top-nav-menu-item__external",
-	"aria-hidden": "true"
-}, _t = { class: "lumal-top-nav-menu-item__label" }, vt = { class: "lumal-top-nav-menu-item__label" }, yt = {
-	key: 1,
-	class: "lumal-top-nav-menu-item__external",
-	"aria-hidden": "true"
-}, bt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-d6a33e63"]]), pt = { class: "lumal-top-nav-menu-item__label" }, mt = { class: "lumal-top-nav-menu-item__label" }, ht = { class: "lumal-top-nav-menu-item__label" }, gt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalTopNavMenuItem",
 	props: {
 		activePath: { default: "" },
@@ -1097,24 +1110,24 @@ var K = {
 	},
 	emits: ["select"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, a = o(() => r.item.children?.filter((e) => !e.hidden) ?? []), d = o(() => !!r.item.externalLink && r.item.externalTarget !== "_self"), p = o(() => !!r.activePath && H(r.item, r.activePath));
+		let r = e, i = n, a = o(() => r.item.children?.filter((e) => !e.hidden) ?? []), d = o(() => !!r.item.externalLink && r.item.externalTarget !== "_self"), p = o(() => !!r.activePath && U(r.item, r.activePath));
 		function m(e) {
 			i("select", e);
 		}
 		return (n, r) => {
-			let i = w("LumalTopNavMenuItem", !0);
-			return a.value.length ? (b(), s(O(B), {
+			let i = T("LumalTopNavMenuItem", !0);
+			return a.value.length ? (x(), s(k(H), {
 				key: 0,
 				index: e.item.path,
-				class: v({ "is-active": p.value })
+				class: y({ "is-active": p.value })
 			}, {
-				title: N(() => [
-					e.item.icon ? (b(), s(O(P), {
+				title: F(() => [
+					e.item.icon ? (x(), s(k(I), {
 						key: 0,
 						name: e.item.icon,
 						size: 16
 					}, null, 8, ["name"])) : c("", !0),
-					u("span", ht, [u("span", null, D(e.item.title), 1), f($, {
+					u("span", pt, [u("span", null, O(e.item.title), 1), f($, {
 						badge: e.item.badge,
 						label: e.item.title,
 						tone: e.item.badgeTone,
@@ -1125,28 +1138,33 @@ var K = {
 						"tone",
 						"type"
 					])]),
-					e.item.externalLink ? (b(), l("span", gt, "↗")) : c("", !0)
+					e.item.externalLink ? (x(), s(k(I), {
+						key: 1,
+						class: "lumal-top-nav-menu-item__external",
+						name: "lumal:external-link",
+						size: 12
+					})) : c("", !0)
 				]),
-				default: N(() => [(b(!0), l(t, null, S(a.value, (t) => (b(), s(i, {
+				default: F(() => [(x(!0), l(t, null, C(a.value, (t) => (x(), s(i, {
 					key: t.path,
 					item: t,
 					"active-path": e.activePath,
 					onSelect: m
 				}, null, 8, ["item", "active-path"]))), 128))]),
 				_: 1
-			}, 8, ["index", "class"])) : d.value ? (b(), l("li", {
+			}, 8, ["index", "class"])) : d.value ? (x(), l("li", {
 				key: 1,
-				class: v(["el-menu-item lumal-top-nav-menu-item--external", { "is-active": p.value }]),
+				class: y(["el-menu-item lumal-top-nav-menu-item--external", { "is-active": p.value }]),
 				role: "menuitem",
 				tabindex: "-1",
 				onClick: r[0] ||= (t) => m(e.item.path)
 			}, [
-				e.item.icon ? (b(), s(O(P), {
+				e.item.icon ? (x(), s(k(I), {
 					key: 0,
 					name: e.item.icon,
 					size: 16
 				}, null, 8, ["name"])) : c("", !0),
-				u("span", _t, [u("span", null, D(e.item.title), 1), f($, {
+				u("span", mt, [u("span", null, O(e.item.title), 1), f($, {
 					badge: e.item.badge,
 					label: e.item.title,
 					tone: e.item.badgeTone,
@@ -1157,23 +1175,24 @@ var K = {
 					"tone",
 					"type"
 				])]),
-				r[2] ||= u("span", {
+				f(k(I), {
 					class: "lumal-top-nav-menu-item__external",
-					"aria-hidden": "true"
-				}, "↗", -1)
-			], 2)) : (b(), s(O(z), {
+					name: "lumal:external-link",
+					size: 12
+				})
+			], 2)) : (x(), s(k(se), {
 				key: 2,
 				index: e.item.path,
-				class: v({ "is-active": p.value }),
+				class: y({ "is-active": p.value }),
 				onClick: r[1] ||= (t) => m(e.item.path)
 			}, {
-				default: N(() => [
-					e.item.icon ? (b(), s(O(P), {
+				default: F(() => [
+					e.item.icon ? (x(), s(k(I), {
 						key: 0,
 						name: e.item.icon,
 						size: 16
 					}, null, 8, ["name"])) : c("", !0),
-					u("span", vt, [u("span", null, D(e.item.title), 1), f($, {
+					u("span", ht, [u("span", null, O(e.item.title), 1), f($, {
 						badge: e.item.badge,
 						label: e.item.title,
 						tone: e.item.badgeTone,
@@ -1184,17 +1203,18 @@ var K = {
 						"tone",
 						"type"
 					])]),
-					e.item.externalLink ? (b(), l("span", yt, "↗")) : c("", !0)
+					e.item.externalLink ? (x(), s(k(I), {
+						key: 1,
+						class: "lumal-top-nav-menu-item__external",
+						name: "lumal:external-link",
+						size: 12
+					})) : c("", !0)
 				]),
 				_: 1
 			}, 8, ["index", "class"]));
 		};
 	}
-}), [["__scopeId", "data-v-f78b5b43"]]), xt = { class: "lumal-top-nav__label" }, St = {
-	key: 1,
-	class: "lumal-top-nav__external",
-	"aria-hidden": "true"
-}, Ct = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-71cabfc8"]]), _t = { class: "lumal-top-nav__label" }, vt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalTopNav",
 	props: {
 		activePath: { default: "" },
@@ -1205,14 +1225,14 @@ var K = {
 	},
 	emits: ["select"],
 	setup(e, { expose: n, emit: r }) {
-		let i = e, a = r, d = A("menuRef"), p = o(() => i.menus.filter((e) => !e.hidden));
+		let i = e, a = r, d = M("menuRef"), p = o(() => i.menus.filter((e) => !e.hidden));
 		function m(e) {
 			return !!e.externalLink && e.externalTarget !== "_self";
 		}
 		function h(e) {
-			return i.activePath ? i.mode === "flat" ? e.path === i.activePath : H(e, i.activePath) : !1;
+			return i.activePath ? i.mode === "flat" ? e.path === i.activePath : U(e, i.activePath) : !1;
 		}
-		function _(e) {
+		function g(e) {
 			let t = h(e);
 			return m(e) ? {
 				class: [
@@ -1227,36 +1247,36 @@ var K = {
 				index: e.path
 			};
 		}
-		let ee = o(() => ({ "--lumal-top-nav-max-width": typeof i.maxWidth == "number" ? `${i.maxWidth}px` : i.maxWidth }));
-		function te(e) {
+		let v = o(() => ({ "--lumal-top-nav-max-width": typeof i.maxWidth == "number" ? `${i.maxWidth}px` : i.maxWidth }));
+		function ee(e) {
 			a("select", e);
 		}
 		return n({
 			getMenuElement: () => d.value?.$el,
 			getMenuInstance: () => d.value
-		}), (n, r) => (b(), s(O(R), {
+		}), (n, r) => (x(), s(k(B), {
 			key: `top-nav:${e.mode}:${e.activePath}`,
 			ref_key: "menuRef",
 			ref: d,
-			class: v(["lumal-top-nav", `is-align-${e.align}`]),
+			class: y(["lumal-top-nav", `is-align-${e.align}`]),
 			mode: "horizontal",
 			"default-active": e.activePath,
 			ellipsis: !0,
-			style: y(ee.value)
+			style: b(v.value)
 		}, {
-			default: N(() => [(b(!0), l(t, null, S(e.mode === "tree" ? p.value : [], (t) => (b(), s(bt, {
+			default: F(() => [(x(!0), l(t, null, C(e.mode === "tree" ? p.value : [], (t) => (x(), s(gt, {
 				key: `tree:${t.path}`,
 				item: t,
 				"active-path": e.activePath,
-				onSelect: te
-			}, null, 8, ["item", "active-path"]))), 128)), (b(!0), l(t, null, S(e.mode === "flat" ? p.value : [], (e) => (b(), s(T(m(e) ? "li" : O(z)), g({ key: `flat:${e.path}` }, { ref_for: !0 }, _(e), { onClick: (t) => te(e.path) }), {
-				default: N(() => [
-					e.icon ? (b(), s(O(P), {
+				onSelect: ee
+			}, null, 8, ["item", "active-path"]))), 128)), (x(!0), l(t, null, C(e.mode === "flat" ? p.value : [], (e) => (x(), s(E(m(e) ? "li" : k(se)), _({ key: `flat:${e.path}` }, { ref_for: !0 }, g(e), { onClick: (t) => ee(e.path) }), {
+				default: F(() => [
+					e.icon ? (x(), s(k(I), {
 						key: 0,
 						name: e.icon,
 						size: 16
 					}, null, 8, ["name"])) : c("", !0),
-					u("span", xt, [u("span", null, D(e.title), 1), f($, {
+					u("span", _t, [u("span", null, O(e.title), 1), f($, {
 						badge: e.badge,
 						label: e.title,
 						tone: e.badgeTone,
@@ -1267,7 +1287,12 @@ var K = {
 						"tone",
 						"type"
 					])]),
-					e.externalLink ? (b(), l("span", St, "↗")) : c("", !0)
+					e.externalLink ? (x(), s(k(I), {
+						key: 1,
+						class: "lumal-top-nav__external",
+						name: "lumal:external-link",
+						size: 12
+					})) : c("", !0)
 				]),
 				_: 2
 			}, 1040, ["onClick"]))), 128))]),
@@ -1278,14 +1303,14 @@ var K = {
 			"style"
 		]));
 	}
-}), [["__scopeId", "data-v-1c664f72"]]), wt = 1, Tt = 50;
-function Et(e) {
+}), [["__scopeId", "data-v-3669f4a6"]]), yt = 1, bt = 50;
+function xt(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Dt(e) {
-	return Et(e) ? typeof e.path == "string" && typeof e.title == "string" : !1;
+function St(e) {
+	return xt(e) ? typeof e.path == "string" && typeof e.title == "string" : !1;
 }
-function Ot(e) {
+function Ct(e) {
 	let t = Math.max(1, e.maxHistory ?? 50), n = e.history.slice(0, t);
 	return {
 		v: 1,
@@ -1299,7 +1324,7 @@ function Ot(e) {
 		history: n
 	};
 }
-function kt(e) {
+function wt(e) {
 	if (!e) return;
 	let t;
 	try {
@@ -1307,27 +1332,27 @@ function kt(e) {
 	} catch {
 		return;
 	}
-	return !Et(t) || t.v !== 1 || !Array.isArray(t.tabs) || !Array.isArray(t.history) || !t.history.every((e) => typeof e == "string") ? void 0 : {
+	return !xt(t) || t.v !== 1 || !Array.isArray(t.tabs) || !Array.isArray(t.history) || !t.history.every((e) => typeof e == "string") ? void 0 : {
 		v: 1,
-		tabs: t.tabs.filter(Dt),
+		tabs: t.tabs.filter(St),
 		history: t.history
 	};
 }
-function At(e, t, n) {
+function Tt(e, t, n) {
 	try {
 		return e.setItem(t, JSON.stringify(n)), !0;
 	} catch {
 		return !1;
 	}
 }
-function jt(e, t) {
+function Et(e, t) {
 	let n = null;
 	try {
 		n = e.getItem(t);
 	} catch {
 		return;
 	}
-	let r = kt(n);
+	let r = wt(n);
 	if (n) {
 		if (!r) {
 			try {
@@ -1338,12 +1363,12 @@ function jt(e, t) {
 		return r;
 	}
 }
-function Mt(e, t) {
+function Dt(e, t) {
 	try {
 		e.removeItem(t);
 	} catch {}
 }
-function Nt(e, t) {
+function Ot(e, t) {
 	let n = t.fixedTabs.map((e) => ({
 		...e,
 		pinned: !0,
@@ -1386,13 +1411,13 @@ function Nt(e, t) {
 }
 //#endregion
 //#region src/layout/state/tab-strategy.ts
-function Pt(e) {
+function kt(e) {
 	return [...e].sort((e, t) => {
 		let n = +(e.pinned === !0);
 		return +(t.pinned === !0) - n;
 	});
 }
-function Ft(e, t, n = {}) {
+function At(e, t, n = {}) {
 	let r = e.some((e) => e.path === t.path) ? [...e] : [...e, t], i = n.maxCount ?? 0;
 	if (i <= 0 || r.length <= i) return r;
 	let a = [...r];
@@ -1403,7 +1428,7 @@ function Ft(e, t, n = {}) {
 	}
 	return a;
 }
-function It(e, t, n) {
+function jt(e, t, n) {
 	if (t <= 0 || e.length <= t) return [...e];
 	let r = [...e];
 	for (; r.length > t;) {
@@ -1413,53 +1438,53 @@ function It(e, t, n) {
 	}
 	return r;
 }
-function Lt(e, t) {
+function Mt(e, t) {
 	return e.filter((e) => !(e.path === t && e.closable !== !1 && e.pinned !== !0));
 }
-function Rt(e, t) {
+function Nt(e, t) {
 	let n = e.findIndex((e) => e.path === t);
 	return n <= 0 ? [...e] : e.filter((e, t) => t >= n || e.closable === !1 || e.pinned === !0);
 }
-function zt(e, t) {
+function Pt(e, t) {
 	let n = e.findIndex((e) => e.path === t);
 	return n === -1 || n >= e.length - 1 ? [...e] : e.filter((e, t) => t <= n || e.closable === !1 || e.pinned === !0);
 }
-function Bt(e, t) {
+function Ft(e, t) {
 	return e.filter((e) => e.path === t || e.closable === !1 || e.pinned === !0);
 }
-function Vt(e) {
+function It(e) {
 	let t = e.filter((e) => e.closable === !1 || e.pinned === !0);
 	return t.length > 0 ? t : e.length > 0 ? [e[0]] : [];
 }
-function Ht(e, t) {
+function Lt(e, t) {
 	let n = !1, r = e.map((e) => e.path === t ? (n = !0, {
 		...e,
 		pinned: !0
 	}) : e);
-	return n ? Pt(r) : r;
+	return n ? kt(r) : r;
 }
-function Ut(e, t) {
+function Rt(e, t) {
 	return e.map((e) => e.path === t && e.closable !== !1 ? {
 		...e,
 		pinned: !1
 	} : e);
 }
-function Wt(e) {
+function zt(e) {
 	return e.closable === !1;
 }
-function Gt(e) {
+function Bt(e) {
 	return e.pinned === !0 && e.closable !== !1;
 }
-function Kt(e) {
+function Vt(e) {
 	return e.pinned !== !0 && e.closable !== !1;
 }
-var qt = 50;
-function Jt(e, t, n = {}) {
+var Ht = 50;
+function Ut(e, t, n = {}) {
 	if (!t) return [...e];
-	let r = n.maxCount ?? qt;
+	let r = n.maxCount ?? Ht;
 	return [t, ...e.filter((e) => e !== t)].slice(0, Math.max(1, r));
 }
-function Yt(e, t, n = [], r = {}) {
+function Wt(e, t, n = [], r = {}) {
 	if (e.length === 0) return "";
 	if (r.useHistory && n.length > 0) {
 		let r = new Set(e.map((e) => e.path));
@@ -1474,20 +1499,20 @@ function Yt(e, t, n = [], r = {}) {
 	}
 	return e[0]?.path ?? "";
 }
-function Xt(e, t, n) {
+function Gt(e, t, n) {
 	let r = e.findIndex((e) => e.path === t), i = e.findIndex((e) => e.path === n);
 	if (r === -1 || i === -1 || r === i || e[r].pinned === !0 != (e[i].pinned === !0)) return [...e];
 	let a = [...e], [o] = a.splice(r, 1);
 	return o && a.splice(i, 0, o), a;
 }
-function Zt(e, t = {}) {
+function Kt(e, t = {}) {
 	return t.enable === !1 ? [] : e.map((e) => e.path);
 }
 //#endregion
 //#region src/layout/LumalLayout.vue
-var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+var qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalLayout",
-	props: /*@__PURE__*/ h({
+	props: /*@__PURE__*/ g({
 		title: {},
 		menus: { default: () => [] },
 		preferences: {},
@@ -1515,7 +1540,7 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		activeTabPath: {},
 		activeTabPathModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h([
+	emits: /*@__PURE__*/ g([
 		"menuSelect",
 		"topMenuSelect",
 		"toggleSidebar",
@@ -1529,14 +1554,15 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		"tabPin",
 		"tabReorder",
 		"tabMaximize",
-		"tabNewWindow"
+		"tabNewWindow",
+		"tabsChange"
 	], ["update:activeTabPath"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = e, a = n, u = ne(e, "activeTabPath"), p = m(le, void 0), h = m(ue, void 0), g = A("layoutRef"), _ = A("tabsRef"), y = E(!1), x = E(!1), S = E(!1), w = E([]), T = E(""), D = E([]), k = o(() => r.tabMaxCount ?? r.preferences.tabbar.maxCount), j;
-		function ae(e) {
+		let r = e, a = n, u = j(e, "activeTabPath"), p = h(le, void 0), m = h(ue, void 0), g = M("layoutRef"), _ = M("tabsRef"), v = D(!1), b = D(!1), S = D(!1), C = D([]), T = D(""), E = D([]), O = o(() => r.tabMaxCount ?? r.preferences.tabbar.maxCount), A;
+		function N(e) {
 			return e.meta.layout !== "public" && e.meta.hideInTab !== !0 && !!e.meta.title;
 		}
-		function P(e) {
+		function ie(e) {
 			let t = typeof e.meta.title == "string" ? e.meta.title : void 0;
 			if (t) return {
 				closable: e.meta.affixTab !== !0,
@@ -1545,14 +1571,14 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				title: t
 			};
 		}
-		function F() {
+		function I() {
 			return r.fixedTabs.map((e) => ({
 				...e,
 				closable: !1,
 				pinned: !0
 			}));
 		}
-		function I(e) {
+		function L(e) {
 			return {
 				closable: e.closable !== !1,
 				icon: e.icon,
@@ -1561,20 +1587,20 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				title: e.title
 			};
 		}
-		function oe() {
+		function R() {
 			if (r.isValidTabPath) return r.isValidTabPath;
-			if (!(!h || !r.routeDriven)) return (e) => {
+			if (!(!m || !r.routeDriven)) return (e) => {
 				try {
-					let t = h.resolve(e)?.matched ?? [], n = t[t.length - 1];
+					let t = m.resolve(e)?.matched ?? [], n = t[t.length - 1];
 					return n ? n.meta?.layout !== "public" && n.meta?.hideInTab !== !0 : !1;
 				} catch {
 					return !1;
 				}
 			};
 		}
-		function se(e) {
-			if (!(!h || !r.routeDriven)) try {
-				let t = h.resolve(e)?.matched ?? [], n = t[t.length - 1], r = typeof n?.meta?.title == "string" ? n.meta.title : void 0, i = typeof n?.meta?.icon == "string" ? n.meta.icon : void 0;
+		function oe(e) {
+			if (!(!m || !r.routeDriven)) try {
+				let t = m.resolve(e)?.matched ?? [], n = t[t.length - 1], r = typeof n?.meta?.title == "string" ? n.meta.title : void 0, i = typeof n?.meta?.icon == "string" ? n.meta.icon : void 0;
 				return !r && !i ? void 0 : {
 					icon: i,
 					title: r
@@ -1583,35 +1609,37 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				return;
 			}
 		}
-		function R(e) {
-			if (!r.routeDriven || !(r.routeTabFilter ?? ae)(e)) return;
-			let t = (r.routeTabResolver ?? P)(e);
+		function z(e) {
+			if (!r.routeDriven || !(r.routeTabFilter ?? N)(e)) return;
+			let t = (r.routeTabResolver ?? ie)(e);
 			if (!t) return;
-			let n = F(), i = new Set(n.map((e) => e.path)), a = w.value.filter((e) => !i.has(e.path)), o = Ft([...n, ...a], t, { maxCount: k.value });
-			w.value = o, r.preferences.tabbar.visitHistory && (D.value = Jt(D.value, e.path)), Q();
+			let n = I(), i = new Set(n.map((e) => e.path)), a = C.value.filter((e) => !i.has(e.path)), o = At([...n, ...a], t, { maxCount: O.value });
+			C.value = o, r.preferences.tabbar.visitHistory && (E.value = Ut(E.value, e.path)), Q();
 		}
-		function z(e) {
-			r.routeDriven && h && e && e !== p?.path && h.push(e);
+		function B(e) {
+			r.routeDriven && m && e && e !== p?.path && m.push(e);
 		}
-		function ce(e) {
+		function se(e) {
 			return r.tabFallbackPath ? r.tabFallbackPath : e[0]?.path ?? "";
 		}
-		let B = o({
+		let V = o({
 			get: () => r.routeDriven ? p?.path ?? r.activeTabPath : u.value ?? r.activeTabPath,
 			set: (e) => {
-				r.routeDriven ? z(e) : u.value = e;
+				r.routeDriven ? B(e) : u.value = e;
 			}
-		}), V = o(() => r.routeDriven ? w.value : r.tabs), de = o(() => V.value.length > 0), H = o(() => r.preferences.sidebar.collapsed), W = o(() => typeof p?.meta.activeMenu == "string" ? p.meta.activeMenu : ""), K = o(() => {
-			let e = p?.path || B.value, t = W.value;
-			return t && U(r.menus, t) ? t : e && U(r.menus, e) ? e : r.activeMenuPath && U(r.menus, r.activeMenuPath) ? r.activeMenuPath : r.activeMenuPath || e;
-		}), me = o(() => p?.path || B.value || K.value), q = o(() => ({
+		}), H = o(() => r.routeDriven ? C.value : r.tabs);
+		P(H, (e) => a("tabsChange", [...e]), { immediate: !0 });
+		let ce = o(() => H.value.length > 0), de = o(() => r.preferences.sidebar.collapsed), U = o(() => typeof p?.meta.activeMenu == "string" ? p.meta.activeMenu : ""), G = o(() => {
+			let e = p?.path || V.value, t = U.value;
+			return t && W(r.menus, t) ? t : e && W(r.menus, e) ? e : r.activeMenuPath && W(r.menus, r.activeMenuPath) ? r.activeMenuPath : r.activeMenuPath || e;
+		}), pe = o(() => p?.path || V.value || G.value), J = o(() => ({
 			enable: r.preferences.breadcrumb?.enable ?? !0,
 			hideOnlyOne: r.preferences.breadcrumb?.hideOnlyOne ?? !1,
 			showHome: r.preferences.breadcrumb?.showHome ?? !0,
 			showIcon: r.preferences.breadcrumb?.showIcon ?? !0
-		})), he = o(() => r.preferences.header.globalSearch ?? !0), ve = o(() => r.preferences.shortcutKeys?.globalSearch ?? !0), ye = o(() => pe(r.menus, K.value)), J = o(() => r.preferences.app.layout === "mixed-nav" && r.preferences.sidebar.enable), be = o(() => J.value ? r.menus.find((e) => !e.hidden && e.path === T.value)?.path ?? ye.value : ye.value), xe = o(() => {
-			let e = G({
-				activeTopMenuPath: be.value,
+		})), me = o(() => r.preferences.header.globalSearch ?? !0), he = o(() => r.preferences.shortcutKeys?.globalSearch ?? !0), ve = o(() => q(r.menus, G.value)), Y = o(() => r.preferences.app.layout === "mixed-nav" && r.preferences.sidebar.enable), ye = o(() => Y.value ? r.menus.find((e) => !e.hidden && e.path === T.value)?.path ?? ve.value : ve.value), be = o(() => {
+			let e = fe({
+				activeTopMenuPath: ye.value,
 				layout: r.preferences.app.layout,
 				menus: r.menus
 			});
@@ -1619,16 +1647,16 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				...e,
 				sidebarMenus: r.preferences.sidebar.enable ? e.sidebarMenus : []
 			};
-		}), Se = o(() => xe.value.sidebarMenus), Y = o(() => xe.value.topMenus), X = o(() => Se.value.length > 0), Z = o(() => Y.value.length > 0), Ce = o(() => q.value.enable && X.value && !Z.value), we = o(() => J.value ? "flat" : "tree"), Te = o(() => we.value === "tree" ? K.value : be.value), De = o(() => Z.value ? Y.value : Se.value), Oe = o(() => De.value.some((e) => !e.hidden));
-		M(() => [
+		}), xe = o(() => be.value.sidebarMenus), X = o(() => be.value.topMenus), Se = o(() => xe.value.length > 0), Z = o(() => X.value.length > 0), Ce = o(() => J.value.enable && Se.value && !Z.value), we = o(() => Y.value ? "flat" : "tree"), Te = o(() => we.value === "tree" ? G.value : ye.value), De = o(() => Z.value ? X.value : xe.value), Oe = o(() => De.value.some((e) => !e.hidden));
+		P(() => [
 			p?.fullPath,
-			K.value,
+			G.value,
 			r.menus,
 			r.preferences.app.layout,
 			r.preferences.sidebar.enable
 		], () => {
-			T.value = ye.value;
-		}, { immediate: !0 }), M(() => [
+			T.value = ve.value;
+		}, { immediate: !0 }), P(() => [
 			r.preferences.app.dynamicTitle ?? !0,
 			p?.meta.title,
 			r.title
@@ -1641,129 +1669,128 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			}
 			!r && !i || (document.title = r && i && r !== i ? `${r} - ${i}` : r || i);
 		}, { immediate: !0 });
-		function ke() {
-			if (!(!r.tabStorageKey || !r.preferences.tabbar.persist) && !(typeof sessionStorage > "u")) return {
+		let ke = !1;
+		function Ae() {
+			if (r.tabStorageKey && !(typeof sessionStorage > "u")) return {
 				getItem: sessionStorage.getItem.bind(sessionStorage),
 				removeItem: sessionStorage.removeItem.bind(sessionStorage),
 				setItem: sessionStorage.setItem.bind(sessionStorage)
 			};
 		}
 		function Q() {
-			let e = ke();
-			if (!e || !r.tabStorageKey || !r.routeDriven) return;
-			let t = Ot({
-				tabs: w.value.map(I),
-				history: D.value
+			let e = Ae();
+			if (!ke || !r.preferences.tabbar.persist || !e || !r.tabStorageKey || !r.routeDriven) return;
+			let t = Ct({
+				tabs: C.value.map(L),
+				history: E.value
 			});
-			At(e, r.tabStorageKey, t);
-		}
-		function Ae() {
-			let e = ke();
-			!e || !r.tabStorageKey || Mt(e, r.tabStorageKey);
+			Tt(e, r.tabStorageKey, t);
 		}
 		function Me() {
+			let e = Ae();
+			!e || !r.tabStorageKey || Dt(e, r.tabStorageKey);
+		}
+		function Ne() {
 			if (!r.routeDriven) return;
-			let e = ke();
+			let e = Ae();
 			if (!e || !r.tabStorageKey) return;
-			let t = jt(e, r.tabStorageKey), n = p?.path ?? "", i = Nt(t, {
+			let t = Et(e, r.tabStorageKey), n = p?.path ?? "", i = Ot(t, {
 				currentPath: n,
-				currentTab: p ? (r.routeTabResolver ?? P)(p) : void 0,
-				fixedTabs: F(),
-				isValidPath: oe(),
-				resolveTab: se
+				currentTab: p ? (r.routeTabResolver ?? ie)(p) : void 0,
+				fixedTabs: I(),
+				isValidPath: R(),
+				resolveTab: oe
 			});
-			w.value = i.tabs, r.preferences.tabbar.visitHistory ? (n && i.history.unshift(n), D.value = Jt(i.history, n || "")) : D.value = [];
+			C.value = jt(i.tabs, O.value, V.value), r.preferences.tabbar.visitHistory ? (n && i.history.unshift(n), E.value = Ut(i.history, n || "")) : E.value = [];
 		}
-		function Ne(e) {
-			y.value = e?.matches ?? j?.matches ?? !1, y.value && (x.value = !1);
+		function $(e) {
+			v.value = e?.matches ?? A?.matches ?? !1, v.value && (b.value = !1);
 		}
 		te(() => {
-			typeof window > "u" || typeof window.matchMedia != "function" || (j = window.matchMedia("(max-width: 768px)"), Ne(), j.addEventListener?.("change", Ne));
+			typeof window > "u" || typeof window.matchMedia != "function" || (A = window.matchMedia("(max-width: 768px)"), $(), A.addEventListener?.("change", $));
 		}), ee(() => {
-			j?.removeEventListener?.("change", Ne);
-		}), M(() => [
+			A?.removeEventListener?.("change", $);
+		}), P(() => [
 			r.routeDriven,
-			k.value,
+			O.value,
 			r.fixedTabs
 		], () => {
 			if (!r.routeDriven) {
-				w.value = [];
+				C.value = [];
 				return;
 			}
-			let e = F(), t = new Set(e.map((e) => e.path)), n = [...e];
-			for (let e of w.value.filter((e) => !t.has(e.path))) n = Ft(n, e, { maxCount: k.value });
-			w.value = It(Pt(n), k.value, B.value), Q();
+			let e = I(), t = new Set(e.map((e) => e.path)), n = [...e];
+			for (let e of C.value.filter((e) => !t.has(e.path))) n = At(n, e, { maxCount: O.value });
+			C.value = jt(kt(n), O.value, V.value), Q();
 		}, {
 			deep: !0,
 			immediate: !0
-		}), M(() => p?.fullPath, () => {
-			p && R(p);
-		}, { immediate: !0 }), M(() => [
+		}), P(() => p?.fullPath, () => {
+			p && z(p);
+		}, { immediate: !0 }), r.preferences.tabbar.persist && Ne(), ke = !0, Q(), P(() => [
 			r.routeDriven,
 			r.tabStorageKey,
 			r.preferences.tabbar.persist
 		], (e, t) => {
-			let n = e[0], r = e[2], i = t?.[1] && t?.[2];
-			n && r && !i && Me(), !r && i && Ae();
-		}, { immediate: !1 }), ee(() => {
-			Q();
-		});
-		function $() {
-			if (y.value) {
-				x.value = !x.value;
+			let n = e[0], r = e[2], i = t?.[2];
+			n && r && (e[1] !== t?.[1] || !i || !t?.[0]) && Ne(), !r && i && Me();
+		}, { immediate: !1 });
+		function Pe() {
+			if (v.value) {
+				b.value = !b.value;
 				return;
 			}
 			a("toggleSidebar");
 		}
-		function Pe(e) {
-			x.value = !1, a("menuSelect", e);
-		}
 		function Fe(e) {
-			let t = U(r.menus, e), n = t?.children?.filter((e) => !e.hidden) ?? [], i = !!t?.externalLink && t?.externalTarget !== "_self";
-			J.value && t && (n.length > 0 || !i) && (T.value = t.path), a("topMenuSelect", e), !(J.value && n.length > 0 && !r.preferences.sidebar.autoActivateChild) && Pe(fe(t) || e);
+			b.value = !1, a("menuSelect", e);
 		}
 		function Ie(e) {
-			Pe(fe(U(r.menus, e)) || e);
+			let t = W(r.menus, e), n = t?.children?.filter((e) => !e.hidden) ?? [], i = !!t?.externalLink && t?.externalTarget !== "_self";
+			Y.value && t && (n.length > 0 || !i) && (T.value = t.path), a("topMenuSelect", e), !(Y.value && n.length > 0 && !r.preferences.sidebar.autoActivateChild) && Fe(K(t) || e);
 		}
 		function Le(e) {
-			a("tabChange", e);
+			Fe(K(W(r.menus, e)) || e);
 		}
 		function Re(e) {
+			a("tabChange", e);
+		}
+		function ze(e) {
 			if (r.routeDriven) {
-				let t = w.value.findIndex((t) => t.path === e), n = Lt(w.value, e);
-				if (w.value = n, B.value === e) {
+				let t = C.value.findIndex((t) => t.path === e), n = Mt(C.value, e);
+				if (C.value = n, V.value === e) {
 					let i = r.preferences.tabbar.visitHistory;
-					z(Yt(n, e, D.value, {
+					B(Wt(n, e, E.value, {
 						useHistory: i,
 						priorClosedIndex: t
-					}) || ce(n));
+					}) || se(n));
 				}
 				Q();
 			}
 			a("tabRemove", e);
 		}
-		function ze(e) {
-			r.routeDriven && (w.value = Rt(w.value, e), z(e), Q()), a("tabCloseLeft", e);
-		}
 		function Be(e) {
-			r.routeDriven && (w.value = zt(w.value, e), z(e), Q()), a("tabCloseRight", e);
+			r.routeDriven && (C.value = Nt(C.value, e), B(e), Q()), a("tabCloseLeft", e);
 		}
 		function Ve(e) {
-			r.routeDriven && (w.value = Bt(w.value, e), z(e), Q()), a("tabCloseOthers", e);
+			r.routeDriven && (C.value = Pt(C.value, e), B(e), Q()), a("tabCloseRight", e);
 		}
-		function He() {
-			r.routeDriven && (w.value = Vt(w.value), z(ce(w.value)), Q()), a("tabCloseAll");
+		function He(e) {
+			r.routeDriven && (C.value = Ft(C.value, e), B(e), Q()), a("tabCloseOthers", e);
 		}
-		function Ue(e, t) {
-			r.routeDriven && (w.value = t ? Ht(w.value, e) : Ut(w.value, e), Q()), a("tabPin", e, t);
+		function Ue() {
+			r.routeDriven && (C.value = It(C.value), B(se(C.value)), Q()), a("tabCloseAll");
 		}
 		function We(e, t) {
-			r.routeDriven && (w.value = Xt(w.value, e, t), Q()), a("tabReorder", e, t);
+			r.routeDriven && (C.value = t ? Lt(C.value, e) : Rt(C.value, e), Q()), a("tabPin", e, t);
 		}
-		function Ge(e) {
+		function Ke(e, t) {
+			r.routeDriven && (C.value = Gt(C.value, e, t), Q()), a("tabReorder", e, t);
+		}
+		function qe(e) {
 			let t = r.resolveTabUrl ? r.resolveTabUrl(e) : (() => {
-				if (h) try {
-					return h.resolve(e)?.fullPath ?? e;
+				if (m) try {
+					return m.resolve(e)?.href ?? e;
 				} catch {
 					return e;
 				}
@@ -1771,63 +1798,63 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			})();
 			window.open(t, "_blank", "noopener,noreferrer"), a("tabNewWindow", e);
 		}
-		function Ke(e) {
+		function Je(e) {
 			S.value = e, a("tabMaximize", e);
 		}
-		function Je(e) {
-			e.key === "Escape" && S.value && (e.preventDefault(), _.value?.setMaximized(!1), a("tabMaximize", !1));
+		function Ye(e) {
+			e.key === "Escape" && S.value && (e.preventDefault(), _.value?.setMaximized(!1), Je(!1));
 		}
-		return M(S, (e) => {
-			typeof document > "u" || (e ? document.addEventListener("keydown", Je) : document.removeEventListener("keydown", Je));
+		return P(S, (e) => {
+			typeof document > "u" || (e ? document.addEventListener("keydown", Ye) : document.removeEventListener("keydown", Ye));
 		}), ee(() => {
-			typeof document < "u" && document.removeEventListener("keydown", Je);
+			typeof document < "u" && document.removeEventListener("keydown", Ye);
 		}), t({
 			getLayoutElement: () => g.value?.$el,
 			getLayoutInstance: () => g.value,
-			getTabs: () => [...V.value],
-			getVisitHistory: () => [...D.value],
+			getTabs: () => [...H.value],
+			getVisitHistory: () => [...E.value],
 			resetTabs: () => {
-				w.value = Vt(w.value), D.value = [], z(ce(w.value)), Q();
+				C.value = It(C.value), E.value = [], B(se(C.value)), Q();
 			},
 			resetTabSnapshot: () => {
-				Ae();
+				Me();
 			}
-		}), (t, n) => (b(), s(O(L), {
+		}), (t, n) => (x(), s(k(ae), {
 			ref_key: "layoutRef",
 			ref: g,
-			class: v(["lumal-layout", {
-				"is-sidebar-collapsed": H.value,
-				"is-sidebar-hidden": !X.value,
-				"is-mobile-menu-hidden": !x.value,
+			class: y(["lumal-layout", {
+				"is-sidebar-collapsed": de.value,
+				"is-sidebar-hidden": !Se.value,
+				"is-mobile-menu-hidden": !b.value,
 				"is-content-maximized": S.value
 			}]),
 			"data-layout": e.preferences.app.layout,
 			direction: "vertical"
 		}, {
-			default: N(() => [e.showHeader ? ie((b(), s(je, {
+			default: F(() => [e.showHeader ? re((x(), s(je, {
 				key: 0,
 				title: e.title,
-				collapsed: y.value ? !x.value : H.value,
+				collapsed: v.value ? !b.value : de.value,
 				height: e.headerHeight,
-				"mobile-only-toggle": !X.value && Z.value,
-				"sidebar-enabled": X.value || Z.value,
-				"toggle-after-title": X.value && !y.value,
-				onToggleCollapse: $
+				"mobile-only-toggle": !Se.value && Z.value,
+				"sidebar-enabled": Se.value || Z.value,
+				"toggle-after-title": Se.value && !v.value,
+				onToggleCollapse: Pe
 			}, d({ _: 2 }, [
 				t.$slots.logo ? {
 					name: "logo",
-					fn: N(() => [C(t.$slots, "logo", {}, void 0, !0)]),
+					fn: F(() => [w(t.$slots, "logo", {}, void 0, !0)]),
 					key: "0"
 				} : void 0,
 				Z.value ? {
 					name: "navigation",
-					fn: N(() => [f(Ct, {
-						menus: Y.value,
+					fn: F(() => [f(vt, {
+						menus: X.value,
 						"active-path": Te.value,
 						align: e.preferences.header.menuAlign,
 						"max-width": e.preferences.header.menuMaxWidth,
 						mode: we.value,
-						onSelect: Fe
+						onSelect: Ie
 					}, null, 8, [
 						"menus",
 						"active-path",
@@ -1839,15 +1866,15 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				} : void 0,
 				Ce.value ? {
 					name: "breadcrumb",
-					fn: N(() => [f(ge, {
+					fn: F(() => [f(ge, {
 						class: "lumal-layout__header-breadcrumb",
-						"active-menu-path": K.value,
-						"active-path": me.value,
-						"hide-only-one": q.value.hideOnlyOne,
+						"active-menu-path": G.value,
+						"active-path": pe.value,
+						"hide-only-one": J.value.hideOnlyOne,
 						menus: e.menus,
-						"show-home": q.value.showHome,
-						"show-icon": q.value.showIcon,
-						onSelect: Ie
+						"show-home": J.value.showHome,
+						"show-icon": J.value.showIcon,
+						onSelect: Le
 					}, null, 8, [
 						"active-menu-path",
 						"active-path",
@@ -1858,14 +1885,14 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 					])]),
 					key: "2"
 				} : void 0,
-				he.value || t.$slots.headerActions ? {
+				me.value || t.$slots.headerActions ? {
 					name: "actions",
-					fn: N(() => [he.value ? (b(), s(Ee, {
+					fn: F(() => [me.value ? (x(), s(Ee, {
 						key: 0,
 						menus: e.menus,
-						shortcut: ve.value,
-						onSelect: Ie
-					}, null, 8, ["menus", "shortcut"])) : c("", !0), C(t.$slots, "headerActions", {}, void 0, !0)]),
+						shortcut: he.value,
+						onSelect: Le
+					}, null, 8, ["menus", "shortcut"])) : c("", !0), w(t.$slots, "headerActions", {}, void 0, !0)]),
 					key: "3"
 				} : void 0
 			]), 1032, [
@@ -1875,30 +1902,30 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				"mobile-only-toggle",
 				"sidebar-enabled",
 				"toggle-after-title"
-			])), [[re, !S.value]]) : c("", !0), f(O(L), { class: "lumal-layout__body" }, {
-				default: N(() => [
-					Oe.value && !S.value ? (b(), l("button", {
+			])), [[ne, !S.value]]) : c("", !0), f(k(ae), { class: "lumal-layout__body" }, {
+				default: F(() => [
+					Oe.value && !S.value ? (x(), l("button", {
 						key: 0,
 						class: "lumal-layout__sidebar-scrim",
 						type: "button",
 						"aria-label": "关闭侧边栏",
-						onClick: n[0] ||= (e) => x.value = !1
+						onClick: n[0] ||= (e) => b.value = !1
 					})) : c("", !0),
-					S.value ? c("", !0) : (b(), s(i, {
+					S.value ? c("", !0) : (x(), s(i, {
 						key: 1,
 						name: "lumal-layout-sidebar",
 						appear: ""
 					}, {
-						default: N(() => [X.value ? (b(), s(qe, {
+						default: F(() => [Se.value ? (x(), s(Ge, {
 							key: 0,
 							class: "lumal-layout__desktop-sidebar",
 							"aria-label": "主菜单",
-							menus: Se.value,
-							"active-path": K.value,
-							collapsed: H.value,
+							menus: xe.value,
+							"active-path": G.value,
+							collapsed: de.value,
 							width: `${e.preferences.sidebar.width}px`,
 							"collapsed-width": "64px",
-							onSelect: Pe
+							onSelect: Fe
 						}, null, 8, [
 							"menus",
 							"active-path",
@@ -1907,18 +1934,18 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 						])) : c("", !0)]),
 						_: 1
 					})),
-					Oe.value && !S.value ? (b(), s(qe, {
+					Oe.value && !S.value ? (x(), s(Ge, {
 						key: 2,
 						class: "lumal-layout__mobile-sidebar",
 						"aria-label": "移动菜单",
-						"aria-hidden": !x.value,
-						inert: !x.value || void 0,
+						"aria-hidden": !b.value,
+						inert: !b.value || void 0,
 						menus: De.value,
-						"active-path": K.value,
+						"active-path": G.value,
 						collapsed: !1,
 						width: `${e.preferences.sidebar.width}px`,
 						"collapsed-width": "64px",
-						onSelect: Pe
+						onSelect: Fe
 					}, null, 8, [
 						"aria-hidden",
 						"inert",
@@ -1926,21 +1953,21 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 						"active-path",
 						"width"
 					])) : c("", !0),
-					f(O(L), {
+					f(k(ae), {
 						class: "lumal-layout__main",
 						direction: "vertical",
 						"data-layout-fullscreen-target": ""
 					}, {
-						default: N(() => [
-							q.value.enable && !Ce.value && !S.value ? (b(), s(ge, {
+						default: F(() => [
+							J.value.enable && !Ce.value && !S.value ? (x(), s(ge, {
 								key: 0,
-								"active-menu-path": K.value,
-								"active-path": me.value,
-								"hide-only-one": q.value.hideOnlyOne,
+								"active-menu-path": G.value,
+								"active-path": pe.value,
+								"hide-only-one": J.value.hideOnlyOne,
 								menus: e.menus,
-								"show-home": q.value.showHome,
-								"show-icon": q.value.showIcon,
-								onSelect: Ie
+								"show-home": J.value.showHome,
+								"show-icon": J.value.showIcon,
+								onSelect: Le
 							}, null, 8, [
 								"active-menu-path",
 								"active-path",
@@ -1949,13 +1976,13 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 								"show-home",
 								"show-icon"
 							])) : c("", !0),
-							de.value && e.preferences.tabbar.enable ? (b(), s(mt, {
+							ce.value && e.preferences.tabbar.enable ? (x(), s(ft, {
 								key: 1,
 								ref_key: "tabsRef",
 								ref: _,
-								"active-path": B.value,
-								"onUpdate:activePath": n[1] ||= (e) => B.value = e,
-								tabs: V.value,
+								"active-path": V.value,
+								"onUpdate:activePath": n[1] ||= (e) => V.value = e,
+								tabs: H.value,
 								"show-icon": e.preferences.tabbar.showIcon,
 								"show-maximize": e.preferences.tabbar.showMaximize,
 								"show-more": e.preferences.tabbar.showMore,
@@ -1964,17 +1991,17 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 								wheelable: e.preferences.tabbar.wheelable,
 								"middle-click-to-close": e.preferences.tabbar.middleClickToClose,
 								"style-type": e.preferences.tabbar.styleType,
-								onChange: Le,
-								onCloseAll: He,
-								onCloseLeft: ze,
-								onCloseOthers: Ve,
-								onCloseRight: Be,
-								onMaximize: Ke,
-								onNewWindow: Ge,
-								onPin: Ue,
+								onChange: Re,
+								onCloseAll: Ue,
+								onCloseLeft: Be,
+								onCloseOthers: He,
+								onCloseRight: Ve,
+								onMaximize: Je,
+								onNewWindow: qe,
+								onPin: We,
 								onRefresh: n[2] ||= (e) => a("tabRefresh", e),
-								onRemove: Re,
-								onReorder: We
+								onRemove: ze,
+								onReorder: Ke
 							}, null, 8, [
 								"active-path",
 								"tabs",
@@ -1988,7 +2015,7 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 								"style-type"
 							])) : c("", !0),
 							f(_e, null, {
-								default: N(() => [C(t.$slots, "default", {}, void 0, !0)]),
+								default: F(() => [w(t.$slots, "default", { tabs: H.value }, void 0, !0)]),
 								_: 3
 							})
 						]),
@@ -2000,15 +2027,15 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			_: 3
 		}, 8, ["data-layout", "class"]));
 	}
-}), [["__scopeId", "data-v-c4a60970"]]), $t = {
+}), [["__scopeId", "data-v-d4178515"]]), Jt = {
 	key: 0,
 	class: "lumal-router-view__progress",
 	"aria-hidden": "true"
-}, en = {
+}, Yt = {
 	key: 1,
 	class: "lumal-router-view__loading",
 	"aria-hidden": "true"
-}, tn = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, Xt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalRouterView",
 	props: {
 		viewKey: { default: "default" },
@@ -2029,57 +2056,91 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			type: Boolean,
 			default: !1
 		},
-		cacheMax: { default: 0 }
+		cacheMax: { default: 20 },
+		cacheKeys: {}
 	},
 	setup(e, { expose: t }) {
-		let r = e, a = A("routerViewRef"), d = E(!1), p = E(!1), m = /* @__PURE__ */ new Set([r.viewKey]), h = o(() => r.cacheMax > 0 ? r.cacheMax : void 0), g = o(() => r.transition ? r.transitionName : void 0), _;
-		function v() {
-			_ &&= (clearTimeout(_), void 0);
-		}
-		function y(e) {
-			return r.cache && m.has(e);
-		}
-		function te(e) {
-			d.value = !1, p.value = !1, m.add(e), _ = void 0;
-		}
-		function x(e) {
-			if (v(), d.value = r.progress && !y(e), p.value = r.loading && !y(e), !d.value && !p.value) {
-				m.add(e);
-				return;
-			}
-			_ = setTimeout(te, 520, e);
+		let r = e, a = M("routerViewRef"), d = h(le, void 0), g = h(ue, void 0), _ = D(!1), v = o(() => r.progress && _.value), y = o(() => r.loading && _.value), b = o(() => Number.isFinite(r.cacheMax) && r.cacheMax > 0 ? Math.max(1, Math.floor(r.cacheMax)) : 20), te = o(() => r.transition ? r.transitionName : void 0);
+		function S(e) {
+			return p({
+				name: e,
+				setup: (e, { slots: t }) => () => m("div", { class: "lumal-router-view__page" }, t.default?.())
+			});
 		}
-		return M(() => r.viewKey, (e, t) => {
-			t !== void 0 && x(e);
-		}), ee(() => {
-			v();
-		}), t({ getRouterViewElement: () => a.value }), (t, r) => (b(), l("div", {
+		let C = /* @__PURE__ */ new WeakMap();
+		function w(e) {
+			if (!e) return;
+			let t = e.type, n = C.get(t);
+			return n || (n = S("LumalUncachedView"), C.set(t, n)), n;
+		}
+		let T = /* @__PURE__ */ new Map(), O = D(), A = D([]), j = 0;
+		P([
+			() => r.viewKey,
+			() => r.cacheKeys?.slice(),
+			() => r.cache,
+			b,
+			() => d?.meta.keepAlive
+		], () => {
+			let e = r.cacheKeys ? new Set(r.cacheKeys) : void 0;
+			for (let t of T.keys()) (!r.cache || e && !e.has(t) || t === r.viewKey && d?.meta.keepAlive === !1) && T.delete(t);
+			let t = T.get(r.viewKey);
+			if (r.cache && d?.meta.keepAlive !== !1 && (!e || e.has(r.viewKey))) {
+				if (!t) {
+					let e = `LumalCachedView${++j}`;
+					t = {
+						name: e,
+						component: S(e)
+					};
+				}
+				T.delete(r.viewKey), T.set(r.viewKey, t);
+			} else t = void 0;
+			for (; T.size > b.value;) T.delete(T.keys().next().value);
+			O.value = t?.component, A.value = [...T.values()].map((e) => e.name);
+		}, { immediate: !0 });
+		let N, ne = g?.beforeEach((e) => {
+			N = e, _.value = !0;
+		}), re = g?.afterEach((e) => {
+			N === e && (_.value = !1);
+		}), ie = g?.onError((e, t) => {
+			N === t && (_.value = !1);
+		});
+		return ee(() => {
+			ne?.(), re?.(), ie?.(), T.clear();
+		}), t({ getRouterViewElement: () => a.value }), (t, r) => (x(), l("div", {
 			ref_key: "routerViewRef",
 			ref: a,
 			class: "lumal-router-view"
 		}, [
-			d.value ? (b(), l("div", $t, [...r[0] ||= [u("span", { class: "lumal-router-view__progress-bar" }, null, -1)]])) : c("", !0),
-			f(O(V), null, {
-				default: N(({ Component: t }) => [g.value ? (b(), s(i, {
-					key: 0,
+			v.value ? (x(), l("div", Jt, [...r[0] ||= [u("span", { class: "lumal-router-view__progress-bar" }, null, -1)]])) : c("", !0),
+			f(k(ce), null, {
+				default: F(({ Component: t }) => [f(i, {
 					appear: "",
-					mode: "out-in",
-					name: g.value
+					mode: e.transition ? "out-in" : void 0,
+					name: te.value,
+					css: e.transition
 				}, {
-					default: N(() => [e.cache ? (b(), s(n, {
+					default: F(() => [e.cache ? (x(), s(n, {
 						key: 0,
-						max: h.value
-					}, [(b(), s(T(t), { key: e.viewKey }))], 1032, ["max"])) : (b(), s(T(t), { key: e.viewKey }))]),
+						include: A.value,
+						max: b.value
+					}, [(x(), s(E(O.value ?? w(t)), { key: e.viewKey }, {
+						default: F(() => [(x(), s(E(t)))]),
+						_: 2
+					}, 1024))], 1032, ["include", "max"])) : (x(), s(E(w(t)), { key: e.viewKey }, {
+						default: F(() => [(x(), s(E(t)))]),
+						_: 2
+					}, 1024))]),
 					_: 2
-				}, 1032, ["name"])) : e.cache ? (b(), s(n, {
-					key: 1,
-					max: h.value
-				}, [(b(), s(T(t), { key: e.viewKey }))], 1032, ["max"])) : (b(), s(T(t), { key: e.viewKey }))]),
+				}, 1032, [
+					"mode",
+					"name",
+					"css"
+				])]),
 				_: 1
 			}),
-			p.value ? (b(), l("div", en, [...r[1] ||= [u("span", { class: "lumal-router-view__loading-dot" }, null, -1)]])) : c("", !0)
+			y.value ? (x(), l("div", Yt, [...r[1] ||= [u("span", { class: "lumal-router-view__loading-dot" }, null, -1)]])) : c("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-1d1d75ee"]]);
+}), [["__scopeId", "data-v-e4c57039"]]);
 //#endregion
-export { qe as A, G as B, kt as C, At as D, Ot as E, U as F, W as I, H as L, Ee as M, _e as N, Ct as O, ge as P, pe as R, Mt as S, Nt as T, Yt as _, Gt as a, Tt as b, Bt as c, zt as d, Wt as f, Zt as g, Xt as h, Kt as i, je as j, mt as k, Lt as l, Jt as m, Qt as n, It as o, Ht as p, Ft as r, Vt as s, tn as t, Rt as u, Pt as v, jt as w, wt as x, Ut as y, fe as z };
+export { Ge as A, fe as B, wt as C, Tt as D, Ct as E, W as F, G as I, U as L, Ee as M, _e as N, vt as O, ge as P, q as R, Dt as S, Ot as T, Wt as _, Bt as a, bt as b, Ft as c, Pt as d, zt as f, Kt as g, Gt as h, Vt as i, je as j, ft as k, Mt as l, Ut as m, qt as n, jt as o, Lt as p, At as r, It as s, Xt as t, Nt as u, kt as v, Et as w, yt as x, Rt as y, K as z };