@lumal/core 0.0.3-beta → 0.0.4-beta

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

@@ -1,9 +1,9 @@
 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 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";
+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 U(e, t) {
 	return e.hidden ? !1 : e.path === t ? !0 : e.children?.some((e) => U(e, t)) ?? !1;
@@ -25,16 +25,16 @@ function G(e, t) {
 	}
 	return [];
 }
-function de(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 : de(t[0]);
+	return t.length === 0 ? e.path : K(t[0]);
 }
-function fe(e, t) {
+function q(e, t) {
 	return e.find((e) => U(e, t))?.path ?? "";
 }
-function K(e) {
+function fe(e) {
 	let { activeTopMenuPath: t = "", layout: n } = e, r = e.menus.filter((e) => !e.hidden);
 	return n === "sidebar-nav" ? {
 		sidebarMenus: r,
@@ -49,15 +49,15 @@ function K(e) {
 }
 //#endregion
 //#region src/layout/LumalBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var q = {
+var pe = {
 	key: 0,
 	class: "lumal-breadcrumb",
 	"aria-label": "面包屑"
-}, pe = { class: "lumal-breadcrumb__list" }, J = {
+}, J = { class: "lumal-breadcrumb__list" }, me = {
 	key: 1,
 	class: "lumal-breadcrumb__current",
 	"aria-current": "page"
-}, me = ["onClick"], he = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, he = ["onClick"], ge = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	__name: "LumalBreadcrumb",
 	props: {
 		activeMenuPath: { default: "" },
@@ -80,7 +80,7 @@ var q = {
 	},
 	emits: ["select"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, a = m(ce, void 0);
+		let r = e, i = n, a = h(le, void 0);
 		function d(e) {
 			return {
 				icon: e.icon,
@@ -107,65 +107,65 @@ var q = {
 				path: r.activePath,
 				title: n
 			}), t;
-		}), h = 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 || de(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", q, [u("ol", pe, [(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(F), {
+		}, [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", J, [e.showIcon && t.icon ? (b(), s(O(F), {
+		})) : 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(F), {
+		}, [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, me))]))), 128))])])) : c("", !0);
+		}, null, 8, ["name"])) : c("", !0), u("span", null, O(t.title), 1)], 8, he))]))), 128))])])) : c("", !0);
 	}
-}), [["__scopeId", "data-v-53a036d9"]]), ge = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__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(oe), {
+		}), (e, t) => (x(), s(k(z), {
 			ref_key: "contentRef",
 			ref: n,
 			class: "lumal-content"
 		}, {
-			default: P(() => [C(e.$slots, "default", {}, void 0, !0)]),
+			default: F(() => [w(e.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 512));
 	}
-}), [["__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 = [
+}), [["__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"
-], Se = ["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,7 +178,7 @@ var q = {
 	},
 	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 = A("dialogRef"), y = x(!1), C = x(""), w = x(0), 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 [];
@@ -189,20 +189,20 @@ var q = {
 				}, ...E(e.children ?? [], n)];
 			});
 		}
-		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()));
+		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 L(e = !0) {
-			y.value = !1, document.removeEventListener("focusin", R), e && _(() => {
-				y.value || (T?.isConnected ? T : h.value)?.focus();
+			_.value = !1, document.removeEventListener("focusin", R), e && v(() => {
+				_.value || (T?.isConnected ? T : h.value)?.focus();
 			});
 		}
 		function R(e) {
-			y.value && g.value && !g.value.contains(e.target) && m.value?.focus();
+			_.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;
@@ -217,46 +217,46 @@ var q = {
 				e.preventDefault(), L();
 				return;
 			}
-			if (M.value.length !== 0) {
+			if (j.value.length !== 0) {
 				if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 					e.preventDefault();
 					let t = e.key === "ArrowDown" ? 1 : -1;
-					w.value = (w.value + t + M.value.length) % M.value.length;
+					w.value = (w.value + t + j.value.length) % j.value.length;
 					return;
 				}
-				e.key === "Enter" && (e.preventDefault(), oe(M.value[w.value]));
+				e.key === "Enter" && (e.preventDefault(), oe(j.value[w.value]));
 			}
 		}
 		function B(e) {
-			!a.shortcut || e.altKey || e.shiftKey || e.key.toLocaleLowerCase() !== "k" || !e.ctrlKey && !e.metaKey || (e.preventDefault(), y.value ? L() : I());
+			!a.shortcut || e.altKey || e.shiftKey || e.key.toLocaleLowerCase() !== "k" || !e.ctrlKey && !e.metaKey || (e.preventDefault(), _.value ? L() : F());
 		}
-		return N(M, () => {
+		return P(j, () => {
 			w.value = 0;
-		}), N(y, (e) => {
+		}), P(_, (e) => {
 			e ? document.addEventListener("focusin", R) : document.removeEventListener("focusin", R);
 		}), te(() => {
 			window.addEventListener("keydown", B);
 		}), ee(() => {
-			window.removeEventListener("keydown", B), document.removeEventListener("focusin", R), y.value && T?.isConnected && T.focus();
+			window.removeEventListener("keydown", B), document.removeEventListener("focusin", R), _.value && T?.isConnected && T.focus();
 		}), n({
 			close: L,
-			open: I
-		}), (n, i) => (b(), l("div", _e, [u("button", {
+			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: I
+			onClick: F
 		}, [
-			f(O(F), {
-				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", ve, "Ctrl K")) : c("", !0)
-		], 512), (b(), s(r, { to: "body" }, [y.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] ||= ie((e) => L(), ["self"])
@@ -269,62 +269,62 @@ var q = {
 			"aria-labelledby": `${p}-title`,
 			onKeydown: ae
 		}, [
-			u("header", ye, [u("h2", { id: `${p}-title` }, " 全局搜索 ", 8, be), u("button", {
+			u("header", be, [u("h2", { id: `${p}-title` }, " 全局搜索 ", 8, xe), u("button", {
 				type: "button",
 				"aria-label": "关闭全局搜索",
 				title: "关闭",
 				onClick: i[0] ||= (e) => L()
-			}, [f(O(F), {
+			}, [f(k(I), {
 				name: "lumal:close",
 				size: 17
 			})])]),
-			u("label", xe, [
+			u("label", X, [
 				i[4] ||= u("span", { class: "lumal-global-search__sr-only" }, "搜索菜单", -1),
-				f(O(F), {
-					icon: Te,
+				f(k(I), {
+					name: "lumal:search",
 					size: 18
 				}),
 				re(u("input", {
 					ref_key: "inputRef",
 					ref: m,
-					"onUpdate:modelValue": i[1] ||= (e) => C.value = e,
+					"onUpdate:modelValue": i[1] ||= (e) => b.value = e,
 					role: "combobox",
 					autocomplete: "off",
-					"aria-activedescendant": P.value,
+					"aria-activedescendant": ne.value,
 					"aria-autocomplete": "list",
 					"aria-controls": `${p}-results`,
 					"aria-expanded": "true",
 					placeholder: e.placeholder,
 					onKeydown: z
-				}, null, 40, X), [[j, C.value]])
+				}, null, 40, Se), [[N, b.value]])
 			]),
 			u("ul", {
 				id: `${p}-results`,
 				class: "lumal-global-search__results",
 				role: "listbox"
-			}, [(b(!0), l(t, null, S(M.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 === w.value
 			}, [u("button", {
 				type: "button",
-				class: v({ "is-active": t === w.value }),
+				class: y({ "is-active": t === w.value }),
 				onMouseenter: (e) => w.value = t,
 				onClick: (t) => oe(e)
 			}, [
-				e.item.icon ? (b(), s(O(F), {
+				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, Se),
-			M.value.length === 0 ? (b(), l("p", we, " 未找到匹配菜单，请尝试其他关键词 ")) : c("", !0)
-		], 40, Y)], 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-d6fd5c73"]]), De = { class: "lumal-header__left" }, Oe = {
+}), [["__scopeId", "data-v-f2b1e55b"]]), De = { class: "lumal-header__left" }, Oe = {
 	key: 0,
 	class: "lumal-header__title"
 }, ke = {
@@ -361,45 +361,46 @@ var q = {
 	},
 	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(ae), {
+		}), (t, n) => (x(), s(k(oe), {
 			ref_key: "headerRef",
 			ref: a,
 			class: "lumal-header",
 			height: e.height
 		}, {
-			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), {
+			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: P(() => [...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", 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)
+				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({
@@ -412,34 +413,26 @@ var q = {
 	},
 	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: {},
@@ -454,19 +447,19 @@ var q = {
 			i("select", e);
 		}
 		return (n, r) => {
-			let i = w("LumalSidebarMenuItem", !0);
-			return d.value ? (b(), s(O(V), {
+			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: P(() => [
-					e.item.icon ? (b(), l("i", Pe, [f(O(F), {
+				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,
@@ -477,9 +470,14 @@ var q = {
 						"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: P(() => [(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,
@@ -493,7 +491,7 @@ var q = {
 					"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",
@@ -501,11 +499,11 @@ var q = {
 				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(F), {
+				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,
@@ -516,23 +514,24 @@ var q = {
 					"tone",
 					"type"
 				])]),
-				r[2] ||= u("span", {
+				f(k(I), {
 					class: "lumal-sidebar-menu-item__external",
-					"aria-hidden": "true"
-				}, "↗", -1)
-			], 8, Re)) : (b(), s(O(B), {
+					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: P(() => [
-					e.item.icon ? (b(), l("i", He, [f(O(F), {
+				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,
@@ -543,13 +542,18 @@ var q = {
 						"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: () => [] },
@@ -564,27 +568,27 @@ var q = {
 	},
 	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(I), {
+		}), (n, r) => (x(), s(k(L), {
 			ref_key: "asideRef",
 			ref: c,
 			class: "lumal-sidebar",
 			width: u.value,
 			"aria-label": e.ariaLabel
 		}, {
-			default: P(() => [f(O(se), { class: "lumal-sidebar__scrollbar" }, {
-				default: P(() => [f(O(z), {
+			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: P(() => [(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,
@@ -603,15 +607,15 @@ var q = {
 			_: 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,
@@ -656,7 +660,7 @@ var q = {
 		activePath: { default: "" },
 		activePathModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h([
+	emits: /*@__PURE__*/ g([
 		"change",
 		"closeAll",
 		"closeLeft",
@@ -670,15 +674,15 @@ var q = {
 		"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, I, L = null, R = o(() => g.value.visible ? g.value : x.value), ae = o(() => R.value.path), oe = E(!0), z;
+		}), 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;
 		}
@@ -692,33 +696,33 @@ var q = {
 		function le(e) {
 			return d.tabs.length > 1 && d.tabs.some((t) => t.path === e && t.closable !== !1 && t.pinned !== !0);
 		}
-		function U(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);
 		}
-		function W(e) {
+		function U(e) {
 			return d.tabs.some((t) => t.path !== e && t.closable !== !1 && t.pinned !== !0);
 		}
-		function G(e) {
+		function W(e) {
 			return e === m.value;
 		}
-		function de(e) {
+		function G(e) {
 			let t = d.tabs.find((t) => t.path === e);
 			return !!t && t.pinned !== !0 && t.closable !== !1;
 		}
-		function fe(e) {
+		function K(e) {
 			let t = d.tabs.find((t) => t.path === e);
 			return !!t && t.pinned === !0 && t.closable !== !1;
 		}
-		function K(e) {
+		function q(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;
+			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 q(e) {
-			return fe(e) ? "取消固定" : "固定";
+		function fe(e) {
+			return K(e) ? "取消固定" : "固定";
 		}
 		function pe() {
-			return C.value ? "还原" : "内容最大化";
+			return S.value ? "还原" : "内容最大化";
 		}
 		function J(e) {
 			e !== m.value && (m.value = e, p("change", e));
@@ -727,7 +731,7 @@ var q = {
 			le(e) && p("remove", e);
 		}
 		function he(e) {
-			e && G(e) && p("refresh", e);
+			e && W(e) && p("refresh", e);
 		}
 		function ge(e, t) {
 			e.button !== 1 || !d.middleClickToClose || !le(t.path) || (e.preventDefault(), p("remove", t.path));
@@ -741,22 +745,22 @@ var q = {
 			].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 && (J(r.path), _(() => {
+			r && (J(r.path), v(() => {
 				h.value?.querySelectorAll("[role=\"tab\"]").item(n).focus();
 			}));
 		}
 		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 Y() {
 			g.value = {
 				...g.value,
 				visible: !1
-			}, x.value = {
-				...x.value,
+			}, _.value = {
+				..._.value,
 				visible: !1
 			};
 		}
@@ -765,15 +769,15 @@ var q = {
 				path: t,
 				style: ve(e.clientX, e.clientY),
 				visible: !0
-			}, x.value = {
-				...x.value,
+			}, _.value = {
+				..._.value,
 				visible: !1
 			};
 		}
 		function be(e) {
 			e.preventDefault(), e.stopPropagation();
 			let t = m.value || d.tabs[0]?.path || "";
-			L = e.currentTarget, x.value = {
+			L = e.currentTarget, _.value = {
 				path: t,
 				style: ve(e.clientX, e.clientY),
 				visible: !0
@@ -786,13 +790,13 @@ var q = {
 			L && document.body.contains(L) && (L.focus(), L = null);
 		}
 		function X(e) {
-			if (K(e)) return;
+			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, !fe(t)) : e === "new-window" ? p("newWindow", t) : e === "maximize" && ke(), _(xe);
+			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(), Y(), _(xe);
+				e.preventDefault(), Y(), v(xe);
 				return;
 			}
 			let t = Array.from(document.querySelectorAll("[data-menu-active=\"true\"] [role=\"menuitem\"]:not(:disabled)"));
@@ -804,7 +808,7 @@ var q = {
 		}
 		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";
@@ -822,7 +826,7 @@ var q = {
 			!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"
@@ -834,7 +838,7 @@ var q = {
 				Oe();
 				return;
 			}
-			I && I.el === e || (Oe(), I = ue.create(e, {
+			N && N.el === e || (Oe(), N = de.create(e, {
 				animation: 160,
 				draggable: ".lumal-tabs__item",
 				filter: ".is-not-draggable",
@@ -848,27 +852,27 @@ var q = {
 			}));
 		}
 		function Oe() {
-			I?.destroy(), I = void 0;
+			N?.destroy(), N = void 0;
 		}
-		N(H, (e) => {
-			e ? _(De) : Oe();
+		P(H, (e) => {
+			e ? v(De) : Oe();
 		});
 		function ke() {
 			if (d.standaloneMaximize) {
 				Ae();
 				return;
 			}
-			C.value = !C.value, p("maximize", C.value);
+			S.value = !S.value, p("maximize", S.value);
 		}
 		async function Ae() {
 			let e = document.querySelector(d.fullscreenTarget);
 			e instanceof HTMLElement && (document.fullscreenElement ? await document.exitFullscreen?.() : await e.requestFullscreen?.());
 		}
 		function Q() {
-			C.value = !!document.fullscreenElement && d.standaloneMaximize, d.standaloneMaximize && p("maximize", C.value);
+			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,
@@ -876,21 +880,21 @@ var q = {
 			scrollTabs: we,
 			toggleFullscreen: ke,
 			setMaximized: je
-		}), N(() => [d.activePath, d.tabs.length], () => void Ee(), { flush: "post" }), N(() => 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]") || Y());
 		}
 		function Ne(e) {
-			e.key === "Escape" && R.value.visible && (e.preventDefault(), Y(), _(xe));
+			e.key === "Escape" && R.value.visible && (e.preventDefault(), Y(), v(xe));
 		}
 		return te(() => {
-			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);
+			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(() => {
-			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", {
+			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}`]])
 		}, [
 			re(u("button", {
 				class: "lumal-tabs__tool",
@@ -898,10 +902,10 @@ var q = {
 				"aria-label": "向左滚动标签",
 				disabled: T.value,
 				onClick: i[0] ||= (e) => we("left")
-			}, [f(O(F), {
+			}, [f(k(I), {
 				name: "lumal:chevron-left",
 				size: 16
-			})], 8, Je), [[M, w.value]]),
+			})], 8, Ke), [[ne, w.value]]),
 			u("div", {
 				ref_key: "tabsViewportRef",
 				ref: h,
@@ -915,9 +919,9 @@ var q = {
 				role: "tablist",
 				"aria-label": "页面标签"
 			}, {
-				default: P(() => [(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 || !H.value
@@ -932,41 +936,41 @@ var q = {
 					onClick: (e) => J(t.path),
 					onKeydown: (e) => _e(e, n),
 					onMousedown: (e) => ge(e, t)
-				}, [t.pinned === !0 ? (b(), s(O(F), {
+				}, [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(F), {
+				})) : 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), le(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) => me(t.path)
-				}, [f(O(F), {
+				}, [f(k(I), {
 					name: "lumal:close",
 					size: 14
-				})], 8, Qe)) : c("", !0)], 42, Ye))), 128))]),
+				})], 8, Xe)) : c("", !0)], 42, qe))), 128))]),
 				_: 1
 			})], 544),
 			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(F), {
+			}, [f(k(I), {
 				name: "lumal:chevron-right",
 				size: 16
-			})], 8, $e), [[M, 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",
@@ -974,137 +978,131 @@ var q = {
 				"data-action": "refresh-current-tab",
 				disabled: !m.value,
 				onClick: i[2] ||= (e) => he(m.value)
-			}, [f(O(F), {
+			}, [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) => be(e)
-			}, [f(O(F), {
+			}, [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(F), {
-				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(R.value.style),
+				style: b(R.value.style),
 				onClick: i[13] ||= ie(() => {}, ["stop"]),
 				onKeydown: Se
 			}, [
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: K("refresh"),
+					disabled: q("refresh"),
 					onClick: i[4] ||= (e) => X("refresh")
-				}, [f(O(F), {
+				}, [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: K("pin"),
+					disabled: q("pin"),
 					onClick: i[5] ||= (e) => X("pin")
-				}, [f(O(F), {
-					name: fe(ae.value) ? "lumal:pin-off" : "lumal:pin",
+				}, [f(k(I), {
+					name: K(ae.value) ? "lumal:pin-off" : "lumal:pin",
 					size: 14
-				}, null, 8, ["name"]), u("span", null, D(q(ae.value)), 1)], 8, it),
+				}, null, 8, ["name"]), u("span", null, O(fe(ae.value)), 1)], 8, nt),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: K("maximize"),
+					disabled: q("maximize"),
 					onClick: i[6] ||= (e) => X("maximize")
-				}, [f(O(F), {
-					name: C.value ? "lumal:restore" : "lumal:maximize",
+				}, [f(k(I), {
+					name: S.value ? "lumal:restore" : "lumal:maximize",
+					morph: "",
 					size: 14
-				}, null, 8, ["name"]), u("span", null, D(pe()), 1)], 8, at),
+				}, null, 8, ["name"]), u("span", null, O(pe()), 1)], 8, rt),
 				u("button", {
 					type: "button",
 					role: "menuitem",
-					disabled: K("new-window"),
+					disabled: q("new-window"),
 					onClick: i[7] ||= (e) => X("new-window")
-				}, [f(O(F), {
+				}, [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: K("close"),
+					disabled: q("close"),
 					onClick: i[8] ||= (e) => X("close")
-				}, [f(O(F), {
+				}, [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: K("close-left"),
+					disabled: q("close-left"),
 					onClick: i[9] ||= (e) => X("close-left")
-				}, [f(O(F), {
+				}, [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: K("close-right"),
+					disabled: q("close-right"),
 					onClick: i[10] ||= (e) => X("close-right")
-				}, [f(O(F), {
+				}, [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: K("close-others"),
+					disabled: q("close-others"),
 					onClick: i[11] ||= (e) => X("close-others")
-				}, [f(O(F), {
+				}, [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: K("close-all"),
+					disabled: q("close-all"),
 					onClick: i[12] ||= (e) => X("close-all")
-				}, [f(O(F), {
+				}, [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: "" },
@@ -1117,19 +1115,19 @@ var q = {
 			i("select", e);
 		}
 		return (n, r) => {
-			let i = w("LumalTopNavMenuItem", !0);
-			return a.value.length ? (b(), s(O(V), {
+			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: P(() => [
-					e.item.icon ? (b(), s(O(F), {
+				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,
@@ -1140,28 +1138,33 @@ var q = {
 						"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: P(() => [(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(F), {
+				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,
@@ -1172,23 +1175,24 @@ var q = {
 					"tone",
 					"type"
 				])]),
-				r[2] ||= u("span", {
+				f(k(I), {
 					class: "lumal-top-nav-menu-item__external",
-					"aria-hidden": "true"
-				}, "↗", -1)
-			], 2)) : (b(), s(O(B), {
+					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: P(() => [
-					e.item.icon ? (b(), s(O(F), {
+				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,
@@ -1199,17 +1203,18 @@ var q = {
 						"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: "" },
@@ -1220,14 +1225,14 @@ var q = {
 	},
 	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 : U(e, i.activePath) : !1;
 		}
-		function _(e) {
+		function g(e) {
 			let t = h(e);
 			return m(e) ? {
 				class: [
@@ -1242,36 +1247,36 @@ var q = {
 				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(z), {
+		}), (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: P(() => [(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(B)), g({ key: `flat:${e.path}` }, { ref_for: !0 }, _(e), { onClick: (t) => te(e.path) }), {
-				default: P(() => [
-					e.icon ? (b(), s(O(F), {
+				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,
@@ -1282,7 +1287,12 @@ var q = {
 						"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))]),
@@ -1293,14 +1303,14 @@ var q = {
 			"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,
@@ -1314,7 +1324,7 @@ function Ot(e) {
 		history: n
 	};
 }
-function kt(e) {
+function wt(e) {
 	if (!e) return;
 	let t;
 	try {
@@ -1322,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 {
@@ -1353,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,
@@ -1401,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];
@@ -1418,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;) {
@@ -1428,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));
@@ -1489,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: {},
@@ -1530,7 +1540,7 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		activeTabPath: {},
 		activeTabPathModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h([
+	emits: /*@__PURE__*/ g([
 		"menuSelect",
 		"topMenuSelect",
 		"toggleSidebar",
@@ -1548,11 +1558,11 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		"tabsChange"
 	], ["update:activeTabPath"]),
 	setup(e, { expose: t, emit: n }) {
-		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) {
+		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 F(e) {
+		function ie(e) {
 			let t = typeof e.meta.title == "string" ? e.meta.title : void 0;
 			if (t) return {
 				closable: e.meta.affixTab !== !0,
@@ -1577,11 +1587,11 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				title: e.title
 			};
 		}
-		function ae() {
+		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;
@@ -1589,8 +1599,8 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			};
 		}
 		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;
+			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
@@ -1600,14 +1610,14 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			}
 		}
 		function z(e) {
-			if (!r.routeDriven || !(r.routeTabFilter ?? ie)(e)) return;
-			let t = (r.routeTabResolver ?? F)(e);
+			if (!r.routeDriven || !(r.routeTabFilter ?? N)(e)) return;
+			let t = (r.routeTabResolver ?? ie)(e);
 			if (!t) return;
-			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();
+			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 B(e) {
-			r.routeDriven && h && e && e !== p?.path && h.push(e);
+			r.routeDriven && m && e && e !== p?.path && m.push(e);
 		}
 		function se(e) {
 			return r.tabFallbackPath ? r.tabFallbackPath : e[0]?.path ?? "";
@@ -1617,18 +1627,18 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			set: (e) => {
 				r.routeDriven ? B(e) : u.value = e;
 			}
-		}), 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;
+		}), 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 || q.value), J = o(() => ({
+		}), 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
-		})), 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({
+		})), 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
@@ -1637,16 +1647,16 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				...e,
 				sidebarMenus: r.preferences.sidebar.enable ? e.sidebarMenus : []
 			};
-		}), 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(() => [
+		}), 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,
-			q.value,
+			G.value,
 			r.menus,
 			r.preferences.app.layout,
 			r.preferences.sidebar.enable
 		], () => {
 			T.value = ve.value;
-		}, { immediate: !0 }), N(() => [
+		}, { immediate: !0 }), P(() => [
 			r.preferences.app.dynamicTitle ?? !0,
 			p?.meta.title,
 			r.title
@@ -1670,54 +1680,54 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		function Q() {
 			let e = Ae();
 			if (!ke || !r.preferences.tabbar.persist || !e || !r.tabStorageKey || !r.routeDriven) return;
-			let t = Ot({
-				tabs: w.value.map(L),
-				history: D.value
+			let t = Ct({
+				tabs: C.value.map(L),
+				history: E.value
 			});
-			At(e, r.tabStorageKey, t);
+			Tt(e, r.tabStorageKey, t);
 		}
 		function Me() {
 			let e = Ae();
-			!e || !r.tabStorageKey || Mt(e, r.tabStorageKey);
+			!e || !r.tabStorageKey || Dt(e, r.tabStorageKey);
 		}
 		function Ne() {
 			if (!r.routeDriven) return;
 			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 ?? F)(p) : void 0,
+				currentTab: p ? (r.routeTabResolver ?? ie)(p) : void 0,
 				fixedTabs: I(),
-				isValidPath: ae(),
+				isValidPath: R(),
 				resolveTab: oe
 			});
-			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 = [];
+			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 $(e) {
-			y.value = e?.matches ?? j?.matches ?? !1, y.value && (x.value = !1);
+			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)"), $(), j.addEventListener?.("change", $));
+			typeof window > "u" || typeof window.matchMedia != "function" || (A = window.matchMedia("(max-width: 768px)"), $(), A.addEventListener?.("change", $));
 		}), ee(() => {
-			j?.removeEventListener?.("change", $);
-		}), N(() => [
+			A?.removeEventListener?.("change", $);
+		}), P(() => [
 			r.routeDriven,
-			k.value,
+			O.value,
 			r.fixedTabs
 		], () => {
 			if (!r.routeDriven) {
-				w.value = [];
+				C.value = [];
 				return;
 			}
 			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, V.value), Q();
+			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
-		}), N(() => p?.fullPath, () => {
+		}), P(() => p?.fullPath, () => {
 			p && z(p);
-		}, { immediate: !0 }), r.preferences.tabbar.persist && Ne(), ke = !0, Q(), N(() => [
+		}, { immediate: !0 }), r.preferences.tabbar.persist && Ne(), ke = !0, Q(), P(() => [
 			r.routeDriven,
 			r.tabStorageKey,
 			r.preferences.tabbar.persist
@@ -1726,31 +1736,31 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			n && r && (e[1] !== t?.[1] || !i || !t?.[0]) && Ne(), !r && i && Me();
 		}, { immediate: !1 });
 		function Pe() {
-			if (y.value) {
-				x.value = !x.value;
+			if (v.value) {
+				b.value = !b.value;
 				return;
 			}
 			a("toggleSidebar");
 		}
 		function Fe(e) {
-			x.value = !1, a("menuSelect", e);
+			b.value = !1, a("menuSelect", e);
 		}
 		function Ie(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);
+			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) {
-			Fe(de(W(r.menus, e)) || 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, V.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;
-					B(Yt(n, e, D.value, {
+					B(Wt(n, e, E.value, {
 						useHistory: i,
 						priorClosedIndex: t
 					}) || se(n));
@@ -1760,27 +1770,27 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			a("tabRemove", e);
 		}
 		function Be(e) {
-			r.routeDriven && (w.value = Rt(w.value, e), B(e), Q()), a("tabCloseLeft", e);
+			r.routeDriven && (C.value = Nt(C.value, e), B(e), Q()), a("tabCloseLeft", e);
 		}
 		function Ve(e) {
-			r.routeDriven && (w.value = zt(w.value, e), B(e), Q()), a("tabCloseRight", e);
+			r.routeDriven && (C.value = Pt(C.value, e), B(e), Q()), a("tabCloseRight", e);
 		}
 		function He(e) {
-			r.routeDriven && (w.value = Bt(w.value, e), B(e), Q()), a("tabCloseOthers", e);
+			r.routeDriven && (C.value = Ft(C.value, e), B(e), Q()), a("tabCloseOthers", e);
 		}
 		function Ue() {
-			r.routeDriven && (w.value = Vt(w.value), B(se(w.value)), Q()), a("tabCloseAll");
+			r.routeDriven && (C.value = It(C.value), B(se(C.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);
+			r.routeDriven && (C.value = t ? Lt(C.value, e) : Rt(C.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 Ke(e, t) {
+			r.routeDriven && (C.value = Gt(C.value, e, t), Q()), a("tabReorder", e, t);
 		}
-		function Ke(e) {
+		function qe(e) {
 			let t = r.resolveTabUrl ? r.resolveTabUrl(e) : (() => {
-				if (h) try {
-					return h.resolve(e)?.href ?? e;
+				if (m) try {
+					return m.resolve(e)?.href ?? e;
 				} catch {
 					return e;
 				}
@@ -1794,7 +1804,7 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		function Ye(e) {
 			e.key === "Escape" && S.value && (e.preventDefault(), _.value?.setMaximized(!1), Je(!1));
 		}
-		return N(S, (e) => {
+		return P(S, (e) => {
 			typeof document > "u" || (e ? document.addEventListener("keydown", Ye) : document.removeEventListener("keydown", Ye));
 		}), ee(() => {
 			typeof document < "u" && document.removeEventListener("keydown", Ye);
@@ -1802,43 +1812,43 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			getLayoutElement: () => g.value?.$el,
 			getLayoutInstance: () => g.value,
 			getTabs: () => [...H.value],
-			getVisitHistory: () => [...D.value],
+			getVisitHistory: () => [...E.value],
 			resetTabs: () => {
-				w.value = Vt(w.value), D.value = [], B(se(w.value)), Q();
+				C.value = It(C.value), E.value = [], B(se(C.value)), Q();
 			},
 			resetTabSnapshot: () => {
 				Me();
 			}
-		}), (t, n) => (b(), s(O(R), {
+		}), (t, n) => (x(), s(k(ae), {
 			ref_key: "layoutRef",
 			ref: g,
-			class: v(["lumal-layout", {
-				"is-sidebar-collapsed": U.value,
+			class: y(["lumal-layout", {
+				"is-sidebar-collapsed": de.value,
 				"is-sidebar-hidden": !Se.value,
-				"is-mobile-menu-hidden": !x.value,
+				"is-mobile-menu-hidden": !b.value,
 				"is-content-maximized": S.value
 			}]),
 			"data-layout": e.preferences.app.layout,
 			direction: "vertical"
 		}, {
-			default: P(() => [e.showHeader ? re((b(), s(je, {
+			default: F(() => [e.showHeader ? re((x(), s(je, {
 				key: 0,
 				title: e.title,
-				collapsed: y.value ? !x.value : U.value,
+				collapsed: v.value ? !b.value : de.value,
 				height: e.headerHeight,
 				"mobile-only-toggle": !Se.value && Z.value,
 				"sidebar-enabled": Se.value || Z.value,
-				"toggle-after-title": Se.value && !y.value,
+				"toggle-after-title": Se.value && !v.value,
 				onToggleCollapse: Pe
 			}, d({ _: 2 }, [
 				t.$slots.logo ? {
 					name: "logo",
-					fn: P(() => [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: P(() => [f(Ct, {
+					fn: F(() => [f(vt, {
 						menus: X.value,
 						"active-path": Te.value,
 						align: e.preferences.header.menuAlign,
@@ -1856,9 +1866,9 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				} : void 0,
 				Ce.value ? {
 					name: "breadcrumb",
-					fn: P(() => [f(he, {
+					fn: F(() => [f(ge, {
 						class: "lumal-layout__header-breadcrumb",
-						"active-menu-path": q.value,
+						"active-menu-path": G.value,
 						"active-path": pe.value,
 						"hide-only-one": J.value.hideOnlyOne,
 						menus: e.menus,
@@ -1877,12 +1887,12 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				} : void 0,
 				me.value || t.$slots.headerActions ? {
 					name: "actions",
-					fn: P(() => [me.value ? (b(), s(Ee, {
+					fn: F(() => [me.value ? (x(), s(Ee, {
 						key: 0,
 						menus: e.menus,
-						shortcut: _e.value,
+						shortcut: he.value,
 						onSelect: Le
-					}, null, 8, ["menus", "shortcut"])) : c("", !0), C(t.$slots, "headerActions", {}, void 0, !0)]),
+					}, null, 8, ["menus", "shortcut"])) : c("", !0), w(t.$slots, "headerActions", {}, void 0, !0)]),
 					key: "3"
 				} : void 0
 			]), 1032, [
@@ -1892,27 +1902,27 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				"mobile-only-toggle",
 				"sidebar-enabled",
 				"toggle-after-title"
-			])), [[M, !S.value]]) : c("", !0), f(O(R), { class: "lumal-layout__body" }, {
-				default: P(() => [
-					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: P(() => [Se.value ? (b(), s(qe, {
+						default: F(() => [Se.value ? (x(), s(Ge, {
 							key: 0,
 							class: "lumal-layout__desktop-sidebar",
 							"aria-label": "主菜单",
 							menus: xe.value,
-							"active-path": q.value,
-							collapsed: U.value,
+							"active-path": G.value,
+							collapsed: de.value,
 							width: `${e.preferences.sidebar.width}px`,
 							"collapsed-width": "64px",
 							onSelect: Fe
@@ -1924,14 +1934,14 @@ 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": q.value,
+						"active-path": G.value,
 						collapsed: !1,
 						width: `${e.preferences.sidebar.width}px`,
 						"collapsed-width": "64px",
@@ -1943,15 +1953,15 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 						"active-path",
 						"width"
 					])) : c("", !0),
-					f(O(R), {
+					f(k(ae), {
 						class: "lumal-layout__main",
 						direction: "vertical",
 						"data-layout-fullscreen-target": ""
 					}, {
-						default: P(() => [
-							J.value.enable && !Ce.value && !S.value ? (b(), s(he, {
+						default: F(() => [
+							J.value.enable && !Ce.value && !S.value ? (x(), s(ge, {
 								key: 0,
-								"active-menu-path": q.value,
+								"active-menu-path": G.value,
 								"active-path": pe.value,
 								"hide-only-one": J.value.hideOnlyOne,
 								menus: e.menus,
@@ -1966,7 +1976,7 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 								"show-home",
 								"show-icon"
 							])) : c("", !0),
-							ue.value && e.preferences.tabbar.enable ? (b(), s(mt, {
+							ce.value && e.preferences.tabbar.enable ? (x(), s(ft, {
 								key: 1,
 								ref_key: "tabsRef",
 								ref: _,
@@ -1987,11 +1997,11 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 								onCloseOthers: He,
 								onCloseRight: Ve,
 								onMaximize: Je,
-								onNewWindow: Ke,
+								onNewWindow: qe,
 								onPin: We,
 								onRefresh: n[2] ||= (e) => a("tabRefresh", e),
 								onRemove: ze,
-								onReorder: Ge
+								onReorder: Ke
 							}, null, 8, [
 								"active-path",
 								"tabs",
@@ -2004,8 +2014,8 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 								"middle-click-to-close",
 								"style-type"
 							])) : c("", !0),
-							f(ge, null, {
-								default: P(() => [C(t.$slots, "default", { tabs: H.value }, void 0, !0)]),
+							f(_e, null, {
+								default: F(() => [w(t.$slots, "default", { tabs: H.value }, void 0, !0)]),
 								_: 3
 							})
 						]),
@@ -2017,15 +2027,15 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			_: 3
 		}, 8, ["data-layout", "class"]));
 	}
-}), [["__scopeId", "data-v-bac59663"]]), $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" },
@@ -2050,70 +2060,87 @@ var Qt = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		cacheKeys: {}
 	},
 	setup(e, { expose: t }) {
-		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([
+		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?.())
+			});
+		}
+		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,
-			y,
+			b,
 			() => 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);
+			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${++w}`;
+					let e = `LumalCachedView${++j}`;
 					t = {
 						name: e,
-						component: p({
-							name: e,
-							setup: (e, { slots: t }) => () => t.default?.()
-						})
+						component: S(e)
 					};
 				}
-				x.delete(r.viewKey), x.set(r.viewKey, t);
+				T.delete(r.viewKey), T.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);
+			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 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);
+		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(() => {
-			k?.(), ne?.(), j?.(), x.clear();
-		}), t({ getRouterViewElement: () => a.value }), (t, r) => (b(), l("div", {
+			ne?.(), re?.(), ie?.(), T.clear();
+		}), t({ getRouterViewElement: () => a.value }), (t, r) => (x(), l("div", {
 			ref_key: "routerViewRef",
 			ref: a,
 			class: "lumal-router-view"
 		}, [
-			_.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, {
+			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",
+					mode: e.transition ? "out-in" : void 0,
 					name: te.value,
 					css: e.transition
 				}, {
-					default: P(() => [e.cache ? (b(), s(n, {
+					default: F(() => [e.cache ? (x(), s(n, {
 						key: 0,
-						include: C.value,
-						max: y.value
-					}, [S.value ? (b(), s(T(S.value), { key: e.viewKey }, {
-						default: P(() => [(b(), s(T(t)))]),
+						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)) : (b(), s(T(t), { key: e.viewKey }))], 1032, ["include", "max"])) : (b(), s(T(t), { key: e.viewKey }))]),
+					}, 1024))]),
 					_: 2
-				}, 1032, ["name", "css"])]),
+				}, 1032, [
+					"mode",
+					"name",
+					"css"
+				])]),
 				_: 1
 			}),
-			v.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-f438a089"]]);
+}), [["__scopeId", "data-v-e4c57039"]]);
 //#endregion
-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 };
+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 };