@lumal/core 0.0.1-beta → 0.0.3-beta

package/dist/{layout-C8H9wuQa.js → layout-B7yJhQXN.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 ce, ElMenuItem as R, ElScrollbar as z, ElSubMenu as B } from "element-plus";
-import { RouterView as le, routeLocationKey as ue, routerKey as de } from "vue-router";
-import fe from "sortablejs";
+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 M, watch as N, withCtx as P, withDirectives as re, withModifiers as ie } from "vue";
+import { LumalIcon as F } from "@lumal/icons-vue";
+import { ElAside as I, ElButton as L, ElContainer as R, ElHeader as ae, ElMain as oe, ElMenu as z, ElMenuItem as B, ElScrollbar as se, ElSubMenu as V } from "element-plus";
+import { RouterView as H, routeLocationKey as ce, routerKey as le } from "vue-router";
+import ue from "sortablejs";
 //#region src/layout/state/menu-layout.ts
-function V(e, t) {
-	return e.hidden ? !1 : e.path === t ? !0 : e.children?.some((e) => V(e, t)) ?? !1;
+function U(e, t) {
+	return e.hidden ? !1 : e.path === t ? !0 : e.children?.some((e) => U(e, t)) ?? !1;
 }
-function H(e, t) {
+function W(e, t) {
 	for (let n of e) {
 		if (n.hidden) continue;
 		if (n.path === t) return n;
-		let e = H(n.children ?? [], t);
+		let e = W(n.children ?? [], t);
 		if (e) return e;
 	}
 }
-function U(e, t) {
+function G(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 = G(n.children ?? [], t);
 		if (e.length > 0) return [n, ...e];
 	}
 	return [];
 }
-function pe(e) {
+function de(e) {
 	if (!e) return "";
 	if (e.redirect) return e.redirect;
 	let t = e.children?.filter((e) => !e.hidden) ?? [];
-	return t.length === 0 ? e.path : pe(t[0]);
+	return t.length === 0 ? e.path : de(t[0]);
 }
-function me(e, t) {
-	return e.find((e) => V(e, t))?.path ?? "";
+function fe(e, t) {
+	return e.find((e) => U(e, t))?.path ?? "";
 }
-function he(e) {
+function K(e) {
 	let { activeTopMenuPath: t = "", layout: n } = e, r = e.menus.filter((e) => !e.hidden);
 	return n === "sidebar-nav" ? {
 		sidebarMenus: r,
@@ -43,21 +43,21 @@ function he(e) {
 		sidebarMenus: [],
 		topMenus: r
 	} : {
-		sidebarMenus: (r.find((e) => e.path === t) ?? r.find((e) => V(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 W = {
+var q = {
 	key: 0,
 	class: "lumal-breadcrumb",
 	"aria-label": "面包屑"
-}, ge = { class: "lumal-breadcrumb__list" }, G = {
+}, pe = { class: "lumal-breadcrumb__list" }, J = {
 	key: 1,
 	class: "lumal-breadcrumb__current",
 	"aria-current": "page"
-}, _e = ["onClick"], K = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, me = ["onClick"], he = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalBreadcrumb",
 	props: {
 		activeMenuPath: { default: "" },
@@ -80,7 +80,7 @@ var W = {
 	},
 	emits: ["select"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, a = m(ue, void 0);
+		let r = e, i = n, a = m(ce, void 0);
 		function d(e) {
 			return {
 				icon: e.icon,
@@ -101,14 +101,14 @@ var W = {
 				}];
 			});
 		}), p = o(() => {
-			let e = U(r.menus, r.activePath), t = (e.length > 0 ? e : U(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 ? U(r.menus, r.homePath).at(-1) : void 0, t = r.menus.find((e) => !e.hidden), n = r.homePath || pe(t);
+			let e = r.homePath ? G(r.menus, r.homePath).at(-1) : void 0, t = r.menus.find((e) => !e.hidden), n = r.homePath || de(t);
 			if (n) return {
 				icon: e?.icon ?? t?.icon,
 				path: n,
@@ -118,15 +118,15 @@ var W = {
 			let e = [...h.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", W, [u("ol", ge, [(b(!0), l(t, null, S(_.value, (t, n) => (b(), l("li", {
+		return (n, r) => v.value ? (b(), l("nav", q, [u("ol", pe, [(b(!0), l(t, null, S(_.value, (t, n) => (b(), l("li", {
 			key: `${t.path}:${n}`,
 			class: "lumal-breadcrumb__item"
-		}, [n > 0 ? (b(), s(O(P), {
+		}, [n > 0 ? (b(), s(O(F), {
 			key: 0,
 			class: "lumal-breadcrumb__separator",
 			name: "lumal:chevron-right",
 			size: 14
-		})) : c("", !0), n === _.value.length - 1 ? (b(), l("span", G, [e.showIcon && t.icon ? (b(), s(O(P), {
+		})) : c("", !0), n === _.value.length - 1 ? (b(), l("span", J, [e.showIcon && t.icon ? (b(), s(O(F), {
 			key: 0,
 			name: t.icon,
 			size: 15
@@ -135,33 +135,33 @@ var W = {
 			class: "lumal-breadcrumb__link",
 			type: "button",
 			onClick: (e) => i("select", t.path)
-		}, [e.showIcon && t.icon ? (b(), s(O(P), {
+		}, [e.showIcon && t.icon ? (b(), s(O(F), {
 			key: 0,
 			name: t.icon,
 			size: 15
-		}, null, 8, ["name"])) : c("", !0), u("span", null, D(t.title), 1)], 8, _e))]))), 128))])])) : c("", !0);
+		}, null, 8, ["name"])) : c("", !0), u("span", null, D(t.title), 1)], 8, me))]))), 128))])])) : c("", !0);
 	}
-}), [["__scopeId", "data-v-53a036d9"]]), ve = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-53a036d9"]]), ge = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalContent",
 	setup(e, { expose: t }) {
 		let n = A("contentRef");
 		return t({
 			getContentElement: () => n.value?.$el,
 			getContentInstance: () => n.value
-		}), (e, t) => (b(), s(O(se), {
+		}), (e, t) => (b(), s(O(oe), {
 			ref_key: "contentRef",
 			ref: n,
 			class: "lumal-content"
 		}, {
-			default: N(() => [C(e.$slots, "default", {}, void 0, !0)]),
+			default: P(() => [C(e.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 512));
 	}
-}), [["__scopeId", "data-v-50b337c5"]]), ye = { class: "lumal-global-search" }, q = { key: 0 }, J = ["aria-labelledby"], be = { class: "lumal-global-search__header" }, Y = ["id"], xe = { class: "lumal-global-search__input-wrap" }, X = [
+}), [["__scopeId", "data-v-a0d6361c"]]), _e = { class: "lumal-global-search" }, ve = { key: 0 }, Y = ["aria-labelledby"], ye = { class: "lumal-global-search__header" }, be = ["id"], xe = { class: "lumal-global-search__input-wrap" }, X = [
 	"aria-activedescendant",
 	"aria-controls",
 	"placeholder"
-], Z = ["id"], Se = ["id", "aria-selected"], Ce = ["onMouseenter", "onClick"], we = {
+], Se = ["id"], Z = ["id", "aria-selected"], Ce = ["onMouseenter", "onClick"], we = {
 	key: 0,
 	class: "lumal-global-search__empty",
 	role: "status"
@@ -178,148 +178,163 @@ var W = {
 	},
 	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-${k()}`, m = A("inputRef"), h = A("triggerRef"), g = A("dialogRef"), y = x(!1), C = x(""), w = x(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 ne = o(() => E(a.menus)), M = o(() => {
+			let e = C.value.trim().toLocaleLowerCase();
+			return (e ? ne.value.filter(({ item: t, trail: n }) => `${n.join(" ")} ${t.path}`.toLocaleLowerCase().includes(e)) : ne.value).slice(0, Math.max(1, a.maxResults));
+		}), P = o(() => M.value[w.value] ? `${p}-option-${w.value}` : void 0);
+		function I() {
+			y.value || (T = document.activeElement instanceof HTMLElement ? document.activeElement : void 0, y.value = !0, C.value = "", w.value = 0, _(() => m.value?.focus()));
 		}
-		function N(e = !0) {
-			g.value = !1, e && _(() => h.value?.focus());
+		function L(e = !0) {
+			y.value = !1, document.removeEventListener("focusin", R), e && _(() => {
+				y.value || (T?.isConnected ? T : h.value)?.focus();
+			});
 		}
-		function F(e) {
-			e && (d("select", e.item.path, e.item), N());
+		function R(e) {
+			y.value && g.value && !g.value.contains(e.target) && m.value?.focus();
+		}
+		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 I(e) {
+		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 (M.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 + M.value.length) % M.value.length;
 					return;
 				}
-				e.key === "Enter" && (e.preventDefault(), F(E.value[C.value]));
+				e.key === "Enter" && (e.preventDefault(), oe(M.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(), y.value ? L() : I());
 		}
-		return M(E, () => {
-			C.value = 0;
+		return N(M, () => {
+			w.value = 0;
+		}), N(y, (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), y.value && T?.isConnected && T.focus();
 		}), n({
-			close: N,
-			open: re
-		}), (n, i) => (b(), l("div", ye, [u("button", {
+			close: L,
+			open: I
+		}), (n, i) => (b(), l("div", _e, [u("button", {
 			ref_key: "triggerRef",
 			ref: h,
 			class: "lumal-global-search__trigger",
 			type: "button",
 			"aria-label": "打开全局搜索",
 			title: "全局搜索",
-			onClick: re
+			onClick: I
 		}, [
-			f(O(P), {
+			f(O(F), {
 				icon: Te,
 				size: 17
 			}),
 			i[3] ||= u("span", { class: "lumal-global-search__trigger-label" }, "搜索", -1),
-			e.shortcut ? (b(), l("kbd", q, "Ctrl K")) : c("", !0)
-		], 512), (b(), s(r, { to: "body" }, [g.value ? (b(), l("div", {
+			e.shortcut ? (b(), l("kbd", ve, "Ctrl K")) : c("", !0)
+		], 512), (b(), s(r, { to: "body" }, [y.value ? (b(), 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, Y), u("button", {
+			u("header", ye, [u("h2", { id: `${p}-title` }, " 全局搜索 ", 8, be), u("button", {
 				type: "button",
 				"aria-label": "关闭全局搜索",
 				title: "关闭",
-				onClick: i[0] ||= (e) => N()
-			}, [f(O(P), {
+				onClick: i[0] ||= (e) => L()
+			}, [f(O(F), {
 				name: "lumal:close",
 				size: 17
 			})])]),
 			u("label", xe, [
 				i[4] ||= u("span", { class: "lumal-global-search__sr-only" }, "搜索菜单", -1),
-				f(O(P), {
+				f(O(F), {
 					icon: Te,
 					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) => C.value = e,
 					role: "combobox",
 					autocomplete: "off",
-					"aria-activedescendant": ne.value,
+					"aria-activedescendant": P.value,
 					"aria-autocomplete": "list",
 					"aria-controls": `${p}-results`,
 					"aria-expanded": "true",
 					placeholder: e.placeholder,
-					onKeydown: I
-				}, null, 40, X), [[j, y.value]])
+					onKeydown: z
+				}, null, 40, X), [[j, C.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", {
+			}, [(b(!0), l(t, null, S(M.value, (e, t) => (b(), 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: v({ "is-active": t === w.value }),
+				onMouseenter: (e) => w.value = t,
+				onClick: (t) => oe(e)
 			}, [
-				e.item.icon ? (b(), s(O(P), {
+				e.item.icon ? (b(), s(O(F), {
 					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, Se))), 128))], 8, Z),
-			E.value.length === 0 ? (b(), l("p", we, " 未找到匹配菜单，请尝试其他关键词 ")) : c("", !0)
-		], 8, J)], 32)) : c("", !0)]))]));
+			], 42, Ce)], 8, Z))), 128))], 8, Se),
+			M.value.length === 0 ? (b(), l("p", we, " 未找到匹配菜单，请尝试其他关键词 ")) : c("", !0)
+		], 40, Y)], 32)) : c("", !0)]))]));
 	}
-}), [["__scopeId", "data-v-a433539f"]]), De = { class: "lumal-header__left" }, Oe = {
+}), [["__scopeId", "data-v-d6fd5c73"]]), 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({
@@ -353,14 +368,14 @@ var W = {
 		return t({
 			getHeaderElement: () => a.value?.$el,
 			getHeaderInstance: () => a.value
-		}), (t, n) => (b(), s(O(oe), {
+		}), (t, n) => (b(), s(O(ae), {
 			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: P(() => [
+				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(L), {
 					key: 0,
 					class: v(["lumal-header__toggle", {
 						"is-after-title": e.toggleAfterTitle,
@@ -371,15 +386,15 @@ var W = {
 					"data-action": "toggle-sidebar",
 					onClick: f
 				}, {
-					default: N(() => [...n[0] ||= [u("svg", {
+					default: P(() => [...n[0] ||= [u("svg", {
 						"aria-hidden": "true",
 						viewBox: "0 0 24 24"
 					}, [u("path", { d: "M4 7h16M4 12h16M4 17h16" })], -1)]]),
 					_: 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.navigation ? (b(), l("nav", Ae, [C(t.$slots, "navigation", {}, void 0, !0)])) : c("", !0),
+				t.$slots.actions ? (b(), l("div", Q, [C(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
 			]),
 			_: 3
 		}, 8, ["height"]));
@@ -440,14 +455,14 @@ var W = {
 		}
 		return (n, r) => {
 			let i = w("LumalSidebarMenuItem", !0);
-			return d.value ? (b(), s(O(B), {
+			return d.value ? (b(), s(O(V), {
 				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: P(() => [
+					e.item.icon ? (b(), l("i", Pe, [f(O(F), {
 						name: e.item.icon,
 						size: 16
 					}, null, 8, ["name"])])) : c("", !0),
@@ -464,7 +479,7 @@ var W = {
 					])]),
 					e.item.externalLink ? (b(), l("span", Le, "↗")) : c("", !0)
 				]),
-				default: N(() => [(b(!0), l(t, null, S(a.value, (t) => (b(), s(i, {
+				default: P(() => [(b(!0), l(t, null, S(a.value, (t) => (b(), s(i, {
 					key: t.path,
 					item: t,
 					"active-path": e.activePath,
@@ -486,7 +501,7 @@ var W = {
 				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 ? (b(), l("i", ze, [f(O(F), {
 					name: e.item.icon,
 					size: 16
 				}, null, 8, ["name"])])) : c("", !0),
@@ -505,15 +520,15 @@ var W = {
 					class: "lumal-sidebar-menu-item__external",
 					"aria-hidden": "true"
 				}, "↗", -1)
-			], 8, Re)) : (b(), s(O(R), {
+			], 8, Re)) : (b(), s(O(B), {
 				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: P(() => [
+					e.item.icon ? (b(), l("i", He, [f(O(F), {
 						name: e.item.icon,
 						size: 16
 					}, null, 8, ["name"])])) : c("", !0),
@@ -556,20 +571,20 @@ var W = {
 		return n({
 			getAsideElement: () => c.value?.$el,
 			getAsideInstance: () => c.value
-		}), (n, r) => (b(), s(O(F), {
+		}), (n, r) => (b(), s(O(I), {
 			ref_key: "asideRef",
 			ref: c,
 			class: "lumal-sidebar",
 			width: u.value,
 			"aria-label": e.ariaLabel
 		}, {
-			default: N(() => [f(O(z), { class: "lumal-sidebar__scrollbar" }, {
-				default: N(() => [f(O(ce), {
+			default: P(() => [f(O(se), { class: "lumal-sidebar__scrollbar" }, {
+				default: P(() => [f(O(z), {
 					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: P(() => [(b(!0), l(t, null, S(e.menus.filter((e) => !e.hidden), (t) => (b(), s(Ke, {
 						key: t.path,
 						item: t,
 						"active-path": e.activePath,
@@ -588,7 +603,7 @@ var W = {
 			_: 1
 		}, 8, ["width", "aria-label"]));
 	}
-}), [["__scopeId", "data-v-59a9bda5"]]), Je = ["disabled"], Ye = ["onContextmenu"], Xe = [
+}), [["__scopeId", "data-v-d9c4d4bc"]]), Je = ["disabled"], Ye = ["onContextmenu"], Xe = [
 	"aria-selected",
 	"tabindex",
 	"onClick",
@@ -663,51 +678,61 @@ var W = {
 			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 = o(() => typeof window > "u" || typeof window.matchMedia != "function" || !window.matchMedia("(max-width: 768px)").matches), ce = o(() => d.draggable && se.value), R = o(() => d.tabs.some((e) => e.closable !== !1 && e.pinned !== !0));
-		function z(e) {
+		}), C = E(!1), w = E(!1), T = E(!0), k = E(!1), j, I, L = null, R = o(() => g.value.visible ? g.value : x.value), ae = o(() => R.value.path), oe = E(!0), z;
+		function B() {
+			oe.value = !z || !z.matches;
+		}
+		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 V() {
+			typeof z?.removeEventListener == "function" ? z.removeEventListener("change", B) : z?.removeListener?.(B), z = void 0;
+		}
+		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 B(e, t) {
+		function U(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);
 		}
-		function le(e) {
+		function W(e) {
 			return d.tabs.some((t) => t.path !== e && t.closable !== !1 && t.pinned !== !0);
 		}
-		function ue(e) {
+		function G(e) {
 			return e === m.value;
 		}
 		function de(e) {
 			let t = d.tabs.find((t) => t.path === e);
 			return !!t && t.pinned !== !0 && t.closable !== !1;
 		}
-		function V(e) {
+		function fe(e) {
 			let t = d.tabs.find((t) => t.path === e);
 			return !!t && t.pinned === !0 && t.closable !== !1;
 		}
-		function H(e) {
-			let t = oe.value;
-			return e === "close" ? !z(t) : e === "close-left" || e === "close-right" ? !t || !ue(t) || !B(t, e === "close-left" ? "left" : "right") : e === "close-others" ? !t || !ue(t) || !le(t) : e === "close-all" ? !R.value : e === "refresh" ? !t || !ue(t) : e === "pin" ? !de(t) && !V(t) : e === "new-window" && !t;
+		function K(e) {
+			let t = ae.value;
+			return e === "close" ? !le(t) : e === "close-left" || e === "close-right" ? !t || !G(t) || !U(t, e === "close-left" ? "left" : "right") : e === "close-others" ? !t || !G(t) || !W(t) : e === "close-all" ? !ce.value : e === "refresh" ? !t || !G(t) : e === "pin" ? !de(t) && !fe(t) : e === "new-window" && !t;
 		}
-		function U(e) {
-			return V(e) ? "取消固定" : "固定";
+		function q(e) {
+			return fe(e) ? "取消固定" : "固定";
 		}
 		function pe() {
 			return C.value ? "还原" : "内容最大化";
 		}
-		function me(e) {
+		function J(e) {
 			e !== m.value && (m.value = e, p("change", e));
 		}
-		function he(e) {
-			z(e) && p("remove", e);
+		function me(e) {
+			le(e) && p("remove", e);
 		}
-		function W(e) {
-			e && ue(e) && p("refresh", e);
+		function he(e) {
+			e && G(e) && p("refresh", e);
 		}
 		function ge(e, t) {
-			e.button !== 1 || !d.middleClickToClose || !z(t.path) || (e.preventDefault(), p("remove", t.path));
+			e.button !== 1 || !d.middleClickToClose || !le(t.path) || (e.preventDefault(), p("remove", t.path));
 		}
-		function G(e, t) {
+		function _e(e, t) {
 			if (![
 				"ArrowLeft",
 				"ArrowRight",
@@ -716,17 +741,17 @@ var W = {
 			].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 && (me(r.path), _(() => {
+			r && (J(r.path), _(() => {
 				h.value?.querySelectorAll("[role=\"tab\"]").item(n).focus();
 			}));
 		}
-		function _e(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`
 			};
 		}
-		function K() {
+		function Y() {
 			g.value = {
 				...g.value,
 				visible: !1
@@ -735,39 +760,39 @@ var W = {
 				visible: !1
 			};
 		}
-		function ve(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: _e(e.clientX, e.clientY),
+				style: ve(e.clientX, e.clientY),
 				visible: !0
 			}, x.value = {
 				...x.value,
 				visible: !1
 			};
 		}
-		function ye(e) {
+		function be(e) {
 			e.preventDefault(), e.stopPropagation();
 			let t = m.value || d.tabs[0]?.path || "";
-			I = e.currentTarget, x.value = {
+			L = e.currentTarget, x.value = {
 				path: t,
-				style: _e(e.clientX, e.clientY),
+				style: ve(e.clientX, e.clientY),
 				visible: !0
 			}, g.value = {
 				...g.value,
 				visible: !1
 			};
 		}
-		function q() {
-			I && document.body.contains(I) && (I.focus(), I = null);
+		function xe() {
+			L && document.body.contains(L) && (L.focus(), L = null);
 		}
-		function J(e) {
-			if (H(e)) return;
-			let t = oe.value;
-			K(), 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, !V(t)) : e === "new-window" ? p("newWindow", t) : e === "maximize" && Te(), _(q);
+		function X(e) {
+			if (K(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, !fe(t)) : e === "new-window" ? p("newWindow", t) : e === "maximize" && ke(), _(xe);
 		}
-		function be(e) {
+		function Se(e) {
 			if (e.key === "Escape") {
-				e.preventDefault(), K(), _(q);
+				e.preventDefault(), Y(), _(xe);
 				return;
 			}
 			let t = Array.from(document.querySelectorAll("[data-menu-active=\"true\"] [role=\"menuitem\"]:not(:disabled)"));
@@ -777,39 +802,39 @@ var W = {
 				r = e.key === "ArrowDown" ? n === -1 ? 0 : (n + 1) % t.length : e.key === "ArrowUp" ? n === -1 ? t.length - 1 : (n - 1 + t.length) % t.length : e.key === "Home" ? 0 : t.length - 1, t[r]?.focus();
 			}
 		}
-		function Y() {
+		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);
 		}
-		function xe() {
+		function Ce() {
 			return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 		}
-		function X(e) {
+		function we(e) {
 			let t = h.value;
 			t && t.scrollBy({
-				behavior: xe(),
+				behavior: Ce(),
 				left: (e === "left" ? -1 : 1) * Math.max(160, t.clientWidth - 120)
 			});
 		}
-		function Z(e) {
+		function Te(e) {
 			if (!d.wheelable) return;
 			let t = h.value;
 			!t || !w.value || (e.preventDefault(), t.scrollBy({ left: Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX }));
 		}
-		async function Se() {
+		async function Ee() {
 			await _(), (h.value?.querySelector("[role=\"tab\"][aria-selected=\"true\"]"))?.scrollIntoView({
-				behavior: xe(),
+				behavior: Ce(),
 				block: "nearest",
 				inline: "nearest"
-			}), Y();
+			}), Z();
 		}
-		function Ce() {
+		function De() {
 			let e = h.value?.querySelector(".lumal-tabs__list");
-			if (!e || !ce.value) {
-				we();
+			if (!e || !H.value) {
+				Oe();
 				return;
 			}
-			F && F.el === e || (we(), F = fe.create(e, {
+			I && I.el === e || (Oe(), I = ue.create(e, {
 				animation: 160,
 				draggable: ".lumal-tabs__item",
 				filter: ".is-not-draggable",
@@ -822,67 +847,67 @@ var W = {
 				}
 			}));
 		}
-		function we() {
-			F?.destroy(), F = void 0;
+		function Oe() {
+			I?.destroy(), I = void 0;
 		}
-		M(ce, (e) => {
-			e ? _(Ce) : we();
+		N(H, (e) => {
+			e ? _(De) : Oe();
 		});
-		function Te() {
+		function ke() {
 			if (d.standaloneMaximize) {
-				Ee();
+				Ae();
 				return;
 			}
 			C.value = !C.value, p("maximize", C.value);
 		}
-		async function Ee() {
+		async function Ae() {
 			let e = document.querySelector(d.fullscreenTarget);
 			e instanceof HTMLElement && (document.fullscreenElement ? await document.exitFullscreen?.() : await e.requestFullscreen?.());
 		}
-		function De() {
+		function Q() {
 			C.value = !!document.fullscreenElement && d.standaloneMaximize, d.standaloneMaximize && p("maximize", C.value);
 		}
-		function Oe(e) {
+		function je(e) {
 			d.standaloneMaximize || (C.value = e);
 		}
 		n({
 			getTabsElement: () => h.value,
-			refreshCurrent: () => W(m.value),
-			scrollTabs: X,
-			toggleFullscreen: Te,
-			setMaximized: Oe
-		}), M(() => [d.activePath, d.tabs.length], () => void Se(), { flush: "post" }), M(() => d.tabs, () => void _(Y), { flush: "post" });
-		function ke(e) {
+			refreshCurrent: () => he(m.value),
+			scrollTabs: we,
+			toggleFullscreen: ke,
+			setMaximized: je
+		}), N(() => [d.activePath, d.tabs.length], () => void Ee(), { flush: "post" }), N(() => d.tabs, () => void _(Z), { flush: "post" });
+		function Me(e) {
 			let t = e.target;
-			t && (t.closest?.(".lumal-tabs-context-menu") || t.closest?.("[data-tab-menu-trigger]") || K());
+			t && (t.closest?.(".lumal-tabs-context-menu") || t.closest?.("[data-tab-menu-trigger]") || Y());
 		}
-		function Q(e) {
-			e.key === "Escape" && L.value.visible && (e.preventDefault(), K(), _(q));
+		function Ne(e) {
+			e.key === "Escape" && R.value.visible && (e.preventDefault(), Y(), _(xe));
 		}
 		return te(() => {
-			document.addEventListener("click", ke), document.addEventListener("fullscreenchange", De), document.addEventListener("keydown", Q), Y(), typeof ResizeObserver < "u" && h.value && (j = new ResizeObserver(Y), j.observe(h.value)), ce.value && _(Ce);
+			se(), document.addEventListener("click", Me), document.addEventListener("fullscreenchange", Q), document.addEventListener("keydown", Ne), Z(), typeof ResizeObserver < "u" && h.value && (j = new ResizeObserver(Z), j.observe(h.value)), H.value && _(De);
 		}), ee(() => {
-			document.removeEventListener("click", ke), document.removeEventListener("fullscreenchange", De), document.removeEventListener("keydown", Q), j?.disconnect(), we();
+			V(), document.removeEventListener("click", Me), document.removeEventListener("fullscreenchange", Q), document.removeEventListener("keydown", Ne), j?.disconnect(), Oe();
 		}), (n, i) => e.visible && e.tabs.length ? (b(), l("div", {
 			key: 0,
 			class: v(["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) => X("left")
-			}, [f(O(P), {
+				onClick: i[0] ||= (e) => we("left")
+			}, [f(O(F), {
 				name: "lumal:chevron-left",
 				size: 16
-			})], 8, Je), [[re, w.value]]),
+			})], 8, Je), [[M, w.value]]),
 			u("div", {
 				ref_key: "tabsViewportRef",
 				ref: h,
 				class: "lumal-tabs__viewport",
-				onScroll: Y,
-				onWheel: Z
+				onScroll: Z,
+				onWheel: Te
 			}, [f(a, {
 				name: "lumal-tab",
 				tag: "div",
@@ -890,57 +915,57 @@ var W = {
 				role: "tablist",
 				"aria-label": "页面标签"
 			}, {
-				default: N(() => [(b(!0), l(t, null, S(e.tabs, (t, n) => (b(), l("div", {
+				default: P(() => [(b(!0), l(t, null, S(e.tabs, (t, n) => (b(), l("div", {
 					key: t.path,
 					class: v(["lumal-tabs__item", {
 						"is-active": t.path === m.value,
 						"is-pinned": t.pinned === !0,
-						"is-not-draggable": t.pinned === !0 || !ce.value
+						"is-not-draggable": t.pinned === !0 || !H.value
 					}]),
-					onContextmenu: (e) => ve(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) => me(t.path),
-					onKeydown: (e) => G(e, n),
+					onClick: (e) => J(t.path),
+					onKeydown: (e) => _e(e, n),
 					onMousedown: (e) => ge(e, t)
-				}, [t.pinned === !0 ? (b(), s(O(P), {
+				}, [t.pinned === !0 ? (b(), s(O(F), {
 					key: 0,
 					class: "lumal-tabs__pin",
 					name: "lumal:pin",
 					size: 14
-				})) : e.showIcon && t.icon ? (b(), s(O(P), {
+				})) : e.showIcon && t.icon ? (b(), s(O(F), {
 					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), z(t.path) ? (b(), l("button", {
+				}, D(t.title), 9, Ze)], 40, Xe), le(t.path) ? (b(), 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(O(F), {
 					name: "lumal:close",
 					size: 14
 				})], 8, Qe)) : c("", !0)], 42, Ye))), 128))]),
 				_: 1
 			})], 544),
-			ie(u("button", {
+			re(u("button", {
 				class: "lumal-tabs__tool",
 				type: "button",
 				"aria-label": "向右滚动标签",
 				disabled: k.value,
-				onClick: i[1] ||= (e) => X("right")
-			}, [f(O(P), {
+				onClick: i[1] ||= (e) => we("right")
+			}, [f(O(F), {
 				name: "lumal:chevron-right",
 				size: 16
-			})], 8, $e), [[re, w.value]]),
+			})], 8, $e), [[M, w.value]]),
 			e.showRefresh ? (b(), l("button", {
 				key: 0,
 				class: "lumal-tabs__tool lumal-tabs__tool--refresh",
@@ -948,8 +973,8 @@ var W = {
 				"aria-label": "刷新当前页面",
 				"data-action": "refresh-current-tab",
 				disabled: !m.value,
-				onClick: i[2] ||= (e) => W(m.value)
-			}, [f(O(P), {
+				onClick: i[2] ||= (e) => he(m.value)
+			}, [f(O(F), {
 				name: "lumal:refresh",
 				size: 16
 			})], 8, et)) : c("", !0),
@@ -961,8 +986,8 @@ var W = {
 				"aria-haspopup": "menu",
 				"aria-expanded": x.value.visible,
 				"data-tab-menu-trigger": "",
-				onClick: i[3] ||= (e) => ye(e)
-			}, [f(O(P), {
+				onClick: i[3] ||= (e) => be(e)
+			}, [f(O(F), {
 				name: "lumal:more",
 				size: 16
 			})], 8, tt)) : c("", !0),
@@ -972,8 +997,8 @@ var W = {
 				type: "button",
 				"aria-label": C.value ? "退出内容最大化" : "内容最大化",
 				"data-action": "maximize-content",
-				onClick: Te
-			}, [f(O(P), {
+				onClick: ke
+			}, [f(O(F), {
 				name: C.value ? "lumal:restore" : "lumal:maximize",
 				size: 16
 			}, null, 8, ["name"])], 8, nt)) : c("", !0),
@@ -982,43 +1007,43 @@ var W = {
 				class: "lumal-tabs-context-menu",
 				role: "menu",
 				"data-menu-active": !0,
-				style: y(L.value.style),
-				onClick: i[13] ||= ae(() => {}, ["stop"]),
-				onKeydown: be
+				style: y(R.value.style),
+				onClick: i[13] ||= ie(() => {}, ["stop"]),
+				onKeydown: Se
 			}, [
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("refresh"),
-					onClick: i[4] ||= (e) => J("refresh")
-				}, [f(O(P), {
+					disabled: K("refresh"),
+					onClick: i[4] ||= (e) => X("refresh")
+				}, [f(O(F), {
 					name: "lumal:refresh",
 					size: 14
 				}), i[14] ||= u("span", null, "重新加载", -1)], 8, rt),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("pin"),
-					onClick: i[5] ||= (e) => J("pin")
-				}, [f(O(P), {
-					name: V(oe.value) ? "lumal:pin-off" : "lumal:pin",
+					disabled: K("pin"),
+					onClick: i[5] ||= (e) => X("pin")
+				}, [f(O(F), {
+					name: fe(ae.value) ? "lumal:pin-off" : "lumal:pin",
 					size: 14
-				}, null, 8, ["name"]), u("span", null, D(U(oe.value)), 1)], 8, it),
+				}, null, 8, ["name"]), u("span", null, D(q(ae.value)), 1)], 8, it),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("maximize"),
-					onClick: i[6] ||= (e) => J("maximize")
-				}, [f(O(P), {
+					disabled: K("maximize"),
+					onClick: i[6] ||= (e) => X("maximize")
+				}, [f(O(F), {
 					name: C.value ? "lumal:restore" : "lumal:maximize",
 					size: 14
 				}, null, 8, ["name"]), u("span", null, D(pe()), 1)], 8, at),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("new-window"),
-					onClick: i[7] ||= (e) => J("new-window")
-				}, [f(O(P), {
+					disabled: K("new-window"),
+					onClick: i[7] ||= (e) => X("new-window")
+				}, [f(O(F), {
 					name: "lumal:external-link",
 					size: 14
 				}), i[15] ||= u("span", null, "在新窗口打开", -1)], 8, ot),
@@ -1026,52 +1051,52 @@ var W = {
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("close"),
-					onClick: i[8] ||= (e) => J("close")
-				}, [f(O(P), {
+					disabled: K("close"),
+					onClick: i[8] ||= (e) => X("close")
+				}, [f(O(F), {
 					name: "lumal:close",
 					size: 14
 				}), i[16] ||= u("span", null, "关闭", -1)], 8, st),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("close-left"),
-					onClick: i[9] ||= (e) => J("close-left")
-				}, [f(O(P), {
+					disabled: K("close-left"),
+					onClick: i[9] ||= (e) => X("close-left")
+				}, [f(O(F), {
 					name: "lumal:chevron-left",
 					size: 14
 				}), i[17] ||= u("span", null, "关闭左侧", -1)], 8, ct),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("close-right"),
-					onClick: i[10] ||= (e) => J("close-right")
-				}, [f(O(P), {
+					disabled: K("close-right"),
+					onClick: i[10] ||= (e) => X("close-right")
+				}, [f(O(F), {
 					name: "lumal:chevron-right",
 					size: 14
 				}), i[18] ||= u("span", null, "关闭右侧", -1)], 8, lt),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("close-others"),
-					onClick: i[11] ||= (e) => J("close-others")
-				}, [f(O(P), {
+					disabled: K("close-others"),
+					onClick: i[11] ||= (e) => X("close-others")
+				}, [f(O(F), {
 					name: "lumal:close",
 					size: 14
 				}), i[19] ||= u("span", null, "关闭其他", -1)], 8, ut),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: H("close-all"),
-					onClick: i[12] ||= (e) => J("close-all")
-				}, [f(O(P), {
+					disabled: K("close-all"),
+					onClick: i[12] ||= (e) => X("close-all")
+				}, [f(O(F), {
 					name: "lumal:close",
 					size: 14
 				}), i[20] ||= u("span", null, "关闭全部", -1)], 8, dt)
 			], 36)) : c("", !0)]))
 		], 2)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-e1921025"]]), ht = { class: "lumal-top-nav-menu-item__label" }, gt = {
+}), [["__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"
@@ -1087,19 +1112,19 @@ var W = {
 	},
 	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 && V(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), {
+			return a.value.length ? (b(), s(O(V), {
 				key: 0,
 				index: e.item.path,
 				class: v({ "is-active": p.value })
 			}, {
-				title: N(() => [
-					e.item.icon ? (b(), s(O(P), {
+				title: P(() => [
+					e.item.icon ? (b(), s(O(F), {
 						key: 0,
 						name: e.item.icon,
 						size: 16
@@ -1117,7 +1142,7 @@ var W = {
 					])]),
 					e.item.externalLink ? (b(), l("span", gt, "↗")) : c("", !0)
 				]),
-				default: N(() => [(b(!0), l(t, null, S(a.value, (t) => (b(), s(i, {
+				default: P(() => [(b(!0), l(t, null, S(a.value, (t) => (b(), s(i, {
 					key: t.path,
 					item: t,
 					"active-path": e.activePath,
@@ -1131,7 +1156,7 @@ var W = {
 				tabindex: "-1",
 				onClick: r[0] ||= (t) => m(e.item.path)
 			}, [
-				e.item.icon ? (b(), s(O(P), {
+				e.item.icon ? (b(), s(O(F), {
 					key: 0,
 					name: e.item.icon,
 					size: 16
@@ -1151,14 +1176,14 @@ var W = {
 					class: "lumal-top-nav-menu-item__external",
 					"aria-hidden": "true"
 				}, "↗", -1)
-			], 2)) : (b(), s(O(R), {
+			], 2)) : (b(), s(O(B), {
 				key: 2,
 				index: e.item.path,
 				class: v({ "is-active": p.value }),
 				onClick: r[1] ||= (t) => m(e.item.path)
 			}, {
-				default: N(() => [
-					e.item.icon ? (b(), s(O(P), {
+				default: P(() => [
+					e.item.icon ? (b(), s(O(F), {
 						key: 0,
 						name: e.item.icon,
 						size: 16
@@ -1200,7 +1225,7 @@ var W = {
 			return !!e.externalLink && e.externalTarget !== "_self";
 		}
 		function h(e) {
-			return i.activePath ? i.mode === "flat" ? e.path === i.activePath : V(e, i.activePath) : !1;
+			return i.activePath ? i.mode === "flat" ? e.path === i.activePath : U(e, i.activePath) : !1;
 		}
 		function _(e) {
 			let t = h(e);
@@ -1224,7 +1249,7 @@ var W = {
 		return n({
 			getMenuElement: () => d.value?.$el,
 			getMenuInstance: () => d.value
-		}), (n, r) => (b(), s(O(ce), {
+		}), (n, r) => (b(), s(O(z), {
 			key: `top-nav:${e.mode}:${e.activePath}`,
 			ref_key: "menuRef",
 			ref: d,
@@ -1234,14 +1259,14 @@ var W = {
 			ellipsis: !0,
 			style: y(ee.value)
 		}, {
-			default: N(() => [(b(!0), l(t, null, S(e.mode === "tree" ? p.value : [], (t) => (b(), s(bt, {
+			default: P(() => [(b(!0), l(t, null, S(e.mode === "tree" ? p.value : [], (t) => (b(), s(bt, {
 				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(R)), g({ key: `flat:${e.path}` }, { ref_for: !0 }, _(e), { onClick: (t) => te(e.path) }), {
-				default: N(() => [
-					e.icon ? (b(), s(O(P), {
+			}, 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(B)), g({ key: `flat:${e.path}` }, { ref_for: !0 }, _(e), { onClick: (t) => te(e.path) }), {
+				default: P(() => [
+					e.icon ? (b(), s(O(F), {
 						key: 0,
 						name: e.icon,
 						size: 16
@@ -1519,14 +1544,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(ue, void 0), h = m(de, 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 = ne(e, "activeTabPath"), p = m(ce, void 0), h = m(le, 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 ie(e) {
 			return e.meta.layout !== "public" && e.meta.hideInTab !== !0 && !!e.meta.title;
 		}
-		function P(e) {
+		function F(e) {
 			let t = typeof e.meta.title == "string" ? e.meta.title : void 0;
 			if (t) return {
 				closable: e.meta.affixTab !== !0,
@@ -1535,14 +1561,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,
@@ -1551,7 +1577,7 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				title: e.title
 			};
 		}
-		function oe() {
+		function ae() {
 			if (r.isValidTabPath) return r.isValidTabPath;
 			if (!(!h || !r.routeDriven)) return (e) => {
 				try {
@@ -1562,7 +1588,7 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				}
 			};
 		}
-		function se(e) {
+		function oe(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;
 				return !r && !i ? void 0 : {
@@ -1573,35 +1599,37 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				return;
 			}
 		}
-		function ce(e) {
-			if (!r.routeDriven || !(r.routeTabFilter ?? ae)(e)) return;
-			let t = (r.routeTabResolver ?? P)(e);
+		function z(e) {
+			if (!r.routeDriven || !(r.routeTabFilter ?? ie)(e)) return;
+			let t = (r.routeTabResolver ?? F)(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 });
+			let n = I(), 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();
 		}
-		function R(e) {
+		function B(e) {
 			r.routeDriven && h && e && e !== p?.path && h.push(e);
 		}
-		function z(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 ? R(e) : u.value = e;
+				r.routeDriven ? B(e) : u.value = e;
 			}
-		}), le = o(() => r.routeDriven ? w.value : r.tabs), fe = o(() => le.value.length > 0), V = o(() => r.preferences.sidebar.collapsed), U = o(() => typeof p?.meta.activeMenu == "string" ? p.meta.activeMenu : ""), W = o(() => {
-			let e = p?.path || B.value, t = U.value;
-			return t && H(r.menus, t) ? t : e && H(r.menus, e) ? e : r.activeMenuPath && H(r.menus, r.activeMenuPath) ? r.activeMenuPath : r.activeMenuPath || e;
-		}), ge = o(() => p?.path || B.value || W.value), G = o(() => ({
+		}), H = o(() => r.routeDriven ? w.value : r.tabs);
+		N(H, (e) => a("tabsChange", [...e]), { immediate: !0 });
+		let ue = o(() => H.value.length > 0), U = o(() => r.preferences.sidebar.collapsed), G = o(() => typeof p?.meta.activeMenu == "string" ? p.meta.activeMenu : ""), q = o(() => {
+			let e = p?.path || V.value, t = G.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 || q.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
-		})), _e = o(() => r.preferences.header.globalSearch ?? !0), ye = o(() => r.preferences.shortcutKeys?.globalSearch ?? !0), q = o(() => me(r.menus, W.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 ?? q.value : q.value), Y = o(() => {
-			let e = he({
-				activeTopMenuPath: be.value,
+		})), me = o(() => r.preferences.header.globalSearch ?? !0), _e = o(() => r.preferences.shortcutKeys?.globalSearch ?? !0), ve = o(() => fe(r.menus, q.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 = K({
+				activeTopMenuPath: ye.value,
 				layout: r.preferences.app.layout,
 				menus: r.menus
 			});
@@ -1609,16 +1637,16 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				...e,
 				sidebarMenus: r.preferences.sidebar.enable ? e.sidebarMenus : []
 			};
-		}), xe = o(() => Y.value.sidebarMenus), X = o(() => Y.value.topMenus), Z = o(() => xe.value.length > 0), Se = o(() => X.value.length > 0), Ce = o(() => G.value.enable && Z.value && !Se.value), we = o(() => J.value ? "flat" : "tree"), Te = o(() => we.value === "tree" ? W.value : be.value), De = o(() => Se.value ? X.value : xe.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" ? q.value : ye.value), De = o(() => Z.value ? X.value : xe.value), Oe = o(() => De.value.some((e) => !e.hidden));
+		N(() => [
 			p?.fullPath,
-			W.value,
+			q.value,
 			r.menus,
 			r.preferences.app.layout,
 			r.preferences.sidebar.enable
 		], () => {
-			T.value = q.value;
-		}, { immediate: !0 }), M(() => [
+			T.value = ve.value;
+		}, { immediate: !0 }), N(() => [
 			r.preferences.app.dynamicTitle ?? !0,
 			p?.meta.title,
 			r.title
@@ -1631,47 +1659,48 @@ 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 e = Ae();
+			if (!ke || !r.preferences.tabbar.persist || !e || !r.tabStorageKey || !r.routeDriven) return;
 			let t = Ot({
-				tabs: w.value.map(I),
+				tabs: w.value.map(L),
 				history: D.value
 			});
 			At(e, r.tabStorageKey, t);
 		}
-		function Ae() {
-			let e = ke();
+		function Me() {
+			let e = Ae();
 			!e || !r.tabStorageKey || Mt(e, r.tabStorageKey);
 		}
-		function Me() {
+		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, {
 				currentPath: n,
-				currentTab: p ? (r.routeTabResolver ?? P)(p) : void 0,
-				fixedTabs: F(),
-				isValidPath: oe(),
-				resolveTab: se
+				currentTab: p ? (r.routeTabResolver ?? F)(p) : void 0,
+				fixedTabs: I(),
+				isValidPath: ae(),
+				resolveTab: oe
 			});
-			w.value = i.tabs, r.preferences.tabbar.visitHistory ? (n && i.history.unshift(n), D.value = Jt(i.history, n || "")) : D.value = [];
+			w.value = It(i.tabs, k.value, V.value), r.preferences.tabbar.visitHistory ? (n && i.history.unshift(n), D.value = Jt(i.history, n || "")) : D.value = [];
 		}
-		function Ne(e) {
+		function $(e) {
 			y.value = e?.matches ?? j?.matches ?? !1, y.value && (x.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" || (j = window.matchMedia("(max-width: 768px)"), $(), j.addEventListener?.("change", $));
 		}), ee(() => {
-			j?.removeEventListener?.("change", Ne);
-		}), M(() => [
+			j?.removeEventListener?.("change", $);
+		}), N(() => [
 			r.routeDriven,
 			k.value,
 			r.fixedTabs
@@ -1680,80 +1709,78 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				w.value = [];
 				return;
 			}
-			let e = F(), t = new Set(e.map((e) => e.path)), n = [...e];
+			let e = I(), 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();
+			w.value = It(Pt(n), k.value, V.value), Q();
 		}, {
 			deep: !0,
 			immediate: !0
-		}), M(() => p?.fullPath, () => {
-			p && ce(p);
-		}, { immediate: !0 }), M(() => [
+		}), N(() => p?.fullPath, () => {
+			p && z(p);
+		}, { immediate: !0 }), r.preferences.tabbar.persist && Ne(), ke = !0, Q(), N(() => [
 			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 $() {
+			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 (y.value) {
 				x.value = !x.value;
 				return;
 			}
 			a("toggleSidebar");
 		}
-		function Pe(e) {
-			x.value = !1, a("menuSelect", e);
-		}
 		function Fe(e) {
-			let t = H(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(pe(t) || e);
+			x.value = !1, a("menuSelect", e);
 		}
 		function Ie(e) {
-			Pe(pe(H(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(de(t) || e);
 		}
 		function Le(e) {
-			a("tabChange", e);
+			Fe(de(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) {
+				if (w.value = n, V.value === e) {
 					let i = r.preferences.tabbar.visitHistory;
-					R(Yt(n, e, D.value, {
+					B(Yt(n, e, D.value, {
 						useHistory: i,
 						priorClosedIndex: t
-					}) || z(n));
+					}) || se(n));
 				}
 				Q();
 			}
 			a("tabRemove", e);
 		}
-		function ze(e) {
-			r.routeDriven && (w.value = Rt(w.value, e), R(e), Q()), a("tabCloseLeft", e);
-		}
 		function Be(e) {
-			r.routeDriven && (w.value = zt(w.value, e), R(e), Q()), a("tabCloseRight", e);
+			r.routeDriven && (w.value = Rt(w.value, e), B(e), Q()), a("tabCloseLeft", e);
 		}
 		function Ve(e) {
-			r.routeDriven && (w.value = Bt(w.value, e), R(e), Q()), a("tabCloseOthers", e);
+			r.routeDriven && (w.value = zt(w.value, e), B(e), Q()), a("tabCloseRight", e);
 		}
-		function He() {
-			r.routeDriven && (w.value = Vt(w.value), R(z(w.value)), Q()), a("tabCloseAll");
+		function He(e) {
+			r.routeDriven && (w.value = Bt(w.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 && (w.value = Vt(w.value), B(se(w.value)), Q()), a("tabCloseAll");
 		}
 		function We(e, t) {
+			r.routeDriven && (w.value = t ? Ht(w.value, e) : Ut(w.value, e), Q()), a("tabPin", e, t);
+		}
+		function Ge(e, t) {
 			r.routeDriven && (w.value = Xt(w.value, e, t), Q()), a("tabReorder", e, t);
 		}
-		function Ge(e) {
+		function Ke(e) {
 			let t = r.resolveTabUrl ? r.resolveTabUrl(e) : (() => {
 				if (h) try {
-					return h.resolve(e)?.fullPath ?? e;
+					return h.resolve(e)?.href ?? e;
 				} catch {
 					return e;
 				}
@@ -1761,63 +1788,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 N(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: () => [...le.value],
+			getTabs: () => [...H.value],
 			getVisitHistory: () => [...D.value],
 			resetTabs: () => {
-				w.value = Vt(w.value), D.value = [], R(z(w.value)), Q();
+				w.value = Vt(w.value), D.value = [], B(se(w.value)), Q();
 			},
 			resetTabSnapshot: () => {
-				Ae();
+				Me();
 			}
-		}), (t, n) => (b(), s(O(L), {
+		}), (t, n) => (b(), s(O(R), {
 			ref_key: "layoutRef",
 			ref: g,
 			class: v(["lumal-layout", {
-				"is-sidebar-collapsed": V.value,
-				"is-sidebar-hidden": !Z.value,
+				"is-sidebar-collapsed": U.value,
+				"is-sidebar-hidden": !Se.value,
 				"is-mobile-menu-hidden": !x.value,
 				"is-content-maximized": S.value
 			}]),
 			"data-layout": e.preferences.app.layout,
 			direction: "vertical"
 		}, {
-			default: N(() => [e.showHeader ? ie((b(), s(je, {
+			default: P(() => [e.showHeader ? re((b(), s(je, {
 				key: 0,
 				title: e.title,
-				collapsed: y.value ? !x.value : V.value,
+				collapsed: y.value ? !x.value : U.value,
 				height: e.headerHeight,
-				"mobile-only-toggle": !Z.value && Se.value,
-				"sidebar-enabled": Z.value || Se.value,
-				"toggle-after-title": Z.value && !y.value,
-				onToggleCollapse: $
+				"mobile-only-toggle": !Se.value && Z.value,
+				"sidebar-enabled": Se.value || Z.value,
+				"toggle-after-title": Se.value && !y.value,
+				onToggleCollapse: Pe
 			}, d({ _: 2 }, [
 				t.$slots.logo ? {
 					name: "logo",
-					fn: N(() => [C(t.$slots, "logo", {}, void 0, !0)]),
+					fn: P(() => [C(t.$slots, "logo", {}, void 0, !0)]),
 					key: "0"
 				} : void 0,
-				Se.value ? {
+				Z.value ? {
 					name: "navigation",
-					fn: N(() => [f(Ct, {
+					fn: P(() => [f(Ct, {
 						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",
@@ -1829,15 +1856,15 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				} : void 0,
 				Ce.value ? {
 					name: "breadcrumb",
-					fn: N(() => [f(K, {
+					fn: P(() => [f(he, {
 						class: "lumal-layout__header-breadcrumb",
-						"active-menu-path": W.value,
-						"active-path": ge.value,
-						"hide-only-one": G.value.hideOnlyOne,
+						"active-menu-path": q.value,
+						"active-path": pe.value,
+						"hide-only-one": J.value.hideOnlyOne,
 						menus: e.menus,
-						"show-home": G.value.showHome,
-						"show-icon": G.value.showIcon,
-						onSelect: Ie
+						"show-home": J.value.showHome,
+						"show-icon": J.value.showIcon,
+						onSelect: Le
 					}, null, 8, [
 						"active-menu-path",
 						"active-path",
@@ -1848,13 +1875,13 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 					])]),
 					key: "2"
 				} : void 0,
-				_e.value || t.$slots.headerActions ? {
+				me.value || t.$slots.headerActions ? {
 					name: "actions",
-					fn: N(() => [_e.value ? (b(), s(Ee, {
+					fn: P(() => [me.value ? (b(), s(Ee, {
 						key: 0,
 						menus: e.menus,
-						shortcut: ye.value,
-						onSelect: Ie
+						shortcut: _e.value,
+						onSelect: Le
 					}, null, 8, ["menus", "shortcut"])) : c("", !0), C(t.$slots, "headerActions", {}, void 0, !0)]),
 					key: "3"
 				} : void 0
@@ -1865,8 +1892,8 @@ 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(() => [
+			])), [[M, !S.value]]) : c("", !0), f(O(R), { class: "lumal-layout__body" }, {
+				default: P(() => [
 					Oe.value && !S.value ? (b(), l("button", {
 						key: 0,
 						class: "lumal-layout__sidebar-scrim",
@@ -1879,16 +1906,16 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 						name: "lumal-layout-sidebar",
 						appear: ""
 					}, {
-						default: N(() => [Z.value ? (b(), s(qe, {
+						default: P(() => [Se.value ? (b(), s(qe, {
 							key: 0,
 							class: "lumal-layout__desktop-sidebar",
 							"aria-label": "主菜单",
 							menus: xe.value,
-							"active-path": W.value,
-							collapsed: V.value,
+							"active-path": q.value,
+							collapsed: U.value,
 							width: `${e.preferences.sidebar.width}px`,
 							"collapsed-width": "64px",
-							onSelect: Pe
+							onSelect: Fe
 						}, null, 8, [
 							"menus",
 							"active-path",
@@ -1904,11 +1931,11 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 						"aria-hidden": !x.value,
 						inert: !x.value || void 0,
 						menus: De.value,
-						"active-path": W.value,
+						"active-path": q.value,
 						collapsed: !1,
 						width: `${e.preferences.sidebar.width}px`,
 						"collapsed-width": "64px",
-						onSelect: Pe
+						onSelect: Fe
 					}, null, 8, [
 						"aria-hidden",
 						"inert",
@@ -1916,21 +1943,21 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 						"active-path",
 						"width"
 					])) : c("", !0),
-					f(O(L), {
+					f(O(R), {
 						class: "lumal-layout__main",
 						direction: "vertical",
 						"data-layout-fullscreen-target": ""
 					}, {
-						default: N(() => [
-							G.value.enable && !Ce.value && !S.value ? (b(), s(K, {
+						default: P(() => [
+							J.value.enable && !Ce.value && !S.value ? (b(), s(he, {
 								key: 0,
-								"active-menu-path": W.value,
-								"active-path": ge.value,
-								"hide-only-one": G.value.hideOnlyOne,
+								"active-menu-path": q.value,
+								"active-path": pe.value,
+								"hide-only-one": J.value.hideOnlyOne,
 								menus: e.menus,
-								"show-home": G.value.showHome,
-								"show-icon": G.value.showIcon,
-								onSelect: Ie
+								"show-home": J.value.showHome,
+								"show-icon": J.value.showIcon,
+								onSelect: Le
 							}, null, 8, [
 								"active-menu-path",
 								"active-path",
@@ -1939,13 +1966,13 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 								"show-home",
 								"show-icon"
 							])) : c("", !0),
-							fe.value && e.preferences.tabbar.enable ? (b(), s(mt, {
+							ue.value && e.preferences.tabbar.enable ? (b(), s(mt, {
 								key: 1,
 								ref_key: "tabsRef",
 								ref: _,
-								"active-path": B.value,
-								"onUpdate:activePath": n[1] ||= (e) => B.value = e,
-								tabs: le.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,
@@ -1954,17 +1981,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: Ke,
+								onPin: We,
 								onRefresh: n[2] ||= (e) => a("tabRefresh", e),
-								onRemove: Re,
-								onReorder: We
+								onRemove: ze,
+								onReorder: Ge
 							}, null, 8, [
 								"active-path",
 								"tabs",
@@ -1977,8 +2004,8 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 								"middle-click-to-close",
 								"style-type"
 							])) : c("", !0),
-							f(ve, null, {
-								default: N(() => [C(t.$slots, "default", {}, void 0, !0)]),
+							f(ge, null, {
+								default: P(() => [C(t.$slots, "default", { tabs: H.value }, void 0, !0)]),
 								_: 3
 							})
 						]),
@@ -1990,7 +2017,7 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			_: 3
 		}, 8, ["data-layout", "class"]));
 	}
-}), [["__scopeId", "data-v-c4a60970"]]), $t = {
+}), [["__scopeId", "data-v-bac59663"]]), $t = {
 	key: 0,
 	class: "lumal-router-view__progress",
 	"aria-hidden": "true"
@@ -2019,57 +2046,74 @@ 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);
-		}
-		return M(() => r.viewKey, (e, t) => {
-			t !== void 0 && x(e);
-		}), ee(() => {
-			v();
+		let r = e, a = A("routerViewRef"), d = m(ce, void 0), h = m(le, void 0), g = E(!1), _ = o(() => r.progress && g.value), v = o(() => r.loading && g.value), y = o(() => Number.isFinite(r.cacheMax) && r.cacheMax > 0 ? Math.max(1, Math.floor(r.cacheMax)) : 20), te = o(() => r.transition ? r.transitionName : void 0), x = /* @__PURE__ */ new Map(), S = E(), C = E([]), w = 0;
+		N([
+			() => r.viewKey,
+			() => r.cacheKeys?.slice(),
+			() => r.cache,
+			y,
+			() => d?.meta.keepAlive
+		], () => {
+			let e = r.cacheKeys ? new Set(r.cacheKeys) : void 0;
+			for (let t of x.keys()) (!r.cache || e && !e.has(t) || t === r.viewKey && d?.meta.keepAlive === !1) && x.delete(t);
+			let t = x.get(r.viewKey);
+			if (r.cache && d?.meta.keepAlive !== !1 && (!e || e.has(r.viewKey))) {
+				if (!t) {
+					let e = `LumalCachedView${++w}`;
+					t = {
+						name: e,
+						component: p({
+							name: e,
+							setup: (e, { slots: t }) => () => t.default?.()
+						})
+					};
+				}
+				x.delete(r.viewKey), x.set(r.viewKey, t);
+			} else t = void 0;
+			for (; x.size > y.value;) x.delete(x.keys().next().value);
+			S.value = t?.component, C.value = [...x.values()].map((e) => e.name);
+		}, { immediate: !0 });
+		let D, k = h?.beforeEach((e) => {
+			D = e, g.value = !0;
+		}), ne = h?.afterEach((e) => {
+			D === e && (g.value = !1);
+		}), j = h?.onError((e, t) => {
+			D === t && (g.value = !1);
+		});
+		return ee(() => {
+			k?.(), ne?.(), j?.(), x.clear();
 		}), t({ getRouterViewElement: () => a.value }), (t, r) => (b(), 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(le), null, {
-				default: N(({ Component: t }) => [g.value ? (b(), s(i, {
-					key: 0,
+			_.value ? (b(), l("div", $t, [...r[0] ||= [u("span", { class: "lumal-router-view__progress-bar" }, null, -1)]])) : c("", !0),
+			f(O(H), null, {
+				default: P(({ Component: t }) => [f(i, {
 					appear: "",
 					mode: "out-in",
-					name: g.value
+					name: te.value,
+					css: e.transition
 				}, {
-					default: N(() => [e.cache ? (b(), s(n, {
+					default: P(() => [e.cache ? (b(), s(n, {
 						key: 0,
-						max: h.value
-					}, [(b(), s(T(t), { key: e.viewKey }))], 1032, ["max"])) : (b(), s(T(t), { key: e.viewKey }))]),
+						include: C.value,
+						max: y.value
+					}, [S.value ? (b(), s(T(S.value), { key: e.viewKey }, {
+						default: P(() => [(b(), s(T(t)))]),
+						_: 2
+					}, 1024)) : (b(), s(T(t), { key: e.viewKey }))], 1032, ["include", "max"])) : (b(), s(T(t), { key: e.viewKey }))]),
 					_: 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, ["name", "css"])]),
 				_: 1
 			}),
-			p.value ? (b(), l("div", en, [...r[1] ||= [u("span", { class: "lumal-router-view__loading-dot" }, null, -1)]])) : c("", !0)
+			v.value ? (b(), l("div", en, [...r[1] ||= [u("span", { class: "lumal-router-view__loading-dot" }, null, -1)]])) : c("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-3ad5cc30"]]);
+}), [["__scopeId", "data-v-f438a089"]]);
 //#endregion
-export { qe as A, he as B, kt as C, At as D, Ot as E, H as F, U as I, V as L, Ee as M, ve as N, Ct as O, K as P, me 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, pe as z };
+export { qe as A, K as B, kt as C, At as D, Ot as E, W as F, G as I, U as L, Ee as M, ge as N, Ct as O, he as P, fe 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, de as z };