@gx-design-vue/pro-layout 0.1.0-alpha.21 → 0.1.0-alpha.23

package/dist/pro-layout.esm.js

@@ -3,12 +3,12 @@ import { GProConfigProvider as D, Keyframe as O, proGenStyleHooks as k, setAlpha
 import { GScrollbar as P } from "@gx-design-vue/scrollbar";
 import { App as F, Card as I, ConfigProvider as L, Drawer as R, Dropdown as z, Layout as B, LayoutContent as ee, LayoutFooter as V, LayoutHeader as H, LayoutSider as te, Popover as ne, Spin as U, Tooltip as re, Watermark as ie } from "antdv-next";
 import { useBaseConfig as W } from "antdv-next/config-provider/context";
-import ae from "antdv-next/config-provider/hooks/useCSSVarCls";
-import { createInjectionState as oe, useDark as se, useElementSize as ce, useEventListener as le, useLocalStorage as ue, useMediaQuery as de, useResizeObserver as fe, useScroll as pe, useThrottleFn as me, useVModel as he, useWindowScroll as ge } from "@vueuse/core";
-import { GIcon as G } from "@gx-design-vue/icon";
-import { unit as K } from "@antdv-next/cssinjs";
-import { mergeToken as _e } from "antdv-next/dist/theme/internal";
-import { useRoute as ve, useRouter as q } from "vue-router";
+import G from "antdv-next/config-provider/hooks/useCSSVarCls";
+import { createInjectionState as ae, useDark as oe, useElementSize as se, useEventListener as ce, useLocalStorage as le, useMediaQuery as ue, useResizeObserver as de, useScroll as fe, useThrottleFn as pe, useVModel as me, useWindowScroll as he } from "@vueuse/core";
+import { GIcon as K } from "@gx-design-vue/icon";
+import { unit as q } from "@antdv-next/cssinjs";
+import { mergeToken as ge } from "antdv-next/dist/theme/internal";
+import { useRoute as _e, useRouter as ve } from "vue-router";
 import { ThemeContext as ye, useThemeContext as be } from "@gx-design-vue/context";
 //#region ../pro-utils/dist/is/img.js
 function xe(e) {
@@ -110,7 +110,7 @@ function Me(e, ...t) {
 }
 //#endregion
 //#region src/components/AppPage/context.ts
-var [Ne, Pe] = oe((e) => e);
+var [Ne, Pe] = ae((e) => e);
 //#endregion
 //#region src/components/AppPage/style.ts
 function Fe(e, t) {
@@ -127,6 +127,7 @@ var Ie = k("ProAppPage", (e) => {
 		},
 		"&-blur": {
 			position: "absolute",
+			zIndex: 999,
 			top: 0,
 			left: 0,
 			width: "100%",
@@ -137,7 +138,7 @@ var Ie = k("ProAppPage", (e) => {
 				top: "50%",
 				left: "50%",
 				transform: "translate(-50%, -50%)",
-				[`${t}-spin-dot,.anticon`]: {
+				[`${t}-spin-dot,.anticon,.pro-anticon`]: {
 					fontSize: 32,
 					[`${e.antCls}-spin-dot,.gx-spin-icon`]: { animationDuration: "0.75s" }
 				},
@@ -178,14 +179,13 @@ var Ie = k("ProAppPage", (e) => {
 	},
 	slots: Object,
 	setup(e, { slots: t }) {
-		let { prefixCls: n } = W("pro-app-page", e), i = ae(n), [o, s] = Ie(n, i), c = M(), l = r(() => e.spinning?.loading ?? !1);
+		let { prefixCls: n } = W("pro-app-page", e), i = G(n), [o, s] = Ie(n, i), c = M(), l = r(() => e.spinning?.loading ?? !1);
 		Ne({ spinning: r(() => e.spinning?.loading) });
 		let u = r(() => je({
 			slots: t,
 			key: "indicator",
 			props: e
 		}) || (typeof c?.indicator?.value == "function" ? c?.indicator?.value?.() : c?.indicator?.value || a(U, { class: `${n.value}-spin-dot` }, null))), d = r(() => J(n.value, o.value, s.value, i.value, l.value && `${n.value}-loading`, e.class)), f = r(() => ({
-			zIndex: e.spinning?.blur ? 999 : void 0,
 			backgroundColor: e.spinning?.blur ? void 0 : "unset",
 			...e.spinning?.style || {}
 		}));
@@ -202,7 +202,7 @@ var Ie = k("ProAppPage", (e) => {
 			style: f.value
 		}, [a("div", { class: `${n.value}-spin` }, [u.value])])] });
 	}
-}), [Be, Ve] = oe((e) => e);
+}), [Be, Ve] = ae((e) => e);
 //#endregion
 //#region src/hooks/useLayoutBase.ts
 function Y(e) {
@@ -311,7 +311,7 @@ function Je(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
 }
 var Ye = /* @__PURE__ */ o((e, { slots: n }) => {
-	let { zIndex: i, setHasFooterToolbar: o } = Y(), { prefixCls: s } = W("pro-footer-toolbar"), c = ae(s), [l, u] = qe(s, c), d = r(() => Me({
+	let { zIndex: i, setHasFooterToolbar: o } = Y(), { prefixCls: s } = W("pro-footer-toolbar"), c = G(s), [l, u] = qe(s, c), d = r(() => Me({
 		slots: n,
 		props: e,
 		keys: Ge,
@@ -600,7 +600,7 @@ function Ft(e) {
 	return e ? l(e) ? e : Ee(e) ? De(e) || xe(e) ? a("img", {
 		src: e,
 		alt: "icon"
-	}, null) : a(G, { type: e }, null) : typeof e == "function" || typeof e == "object" ? s(e) : null : null;
+	}, null) : a(K, { type: e }, null) : typeof e == "function" || typeof e == "object" ? s(e) : null : null;
 }
 //#endregion
 //#region src/components/Menu/overflow.ts
@@ -632,7 +632,7 @@ function It(e) {
 		}
 		c.value = p >= n.value ? 2 ** 53 - 1 : Math.max(p - 1, 0), l.value = p < n.value;
 	}
-	fe(s, d), w([t, n], d, { flush: "post" }), m(() => {
+	de(s, d), w([t, n], d, { flush: "post" }), m(() => {
 		u = !0;
 	});
 	function f(e) {
@@ -678,7 +678,7 @@ var Lt = (e) => {
 		[`${t}-title`]: { minWidth: 0 }
 	} };
 }, Rt = (e) => {
-	let { antCls: t, componentCls: n } = e, r = K(e.iconSize || e.fontSize), i = e.headerHeightLayoutHeader || e.itemHeight || e.controlHeightLG, a = e.itemPaddingInline ?? e.padding, o = K(e.activeBarHeight), s = e.iconMarginInlineEnd ?? e.marginSM, c = K(e.menuItemIconSize || e.iconSize || e.fontSize), l = e.itemHeight || e.controlHeight, u = e.itemMarginInline ?? e.marginXXS, d = e.itemMarginBlock ?? e.marginXXS, f = e.itemPaddingInline ?? e.padding, p = e.calc(e.fontSize).div(7).mul(5).equal(), m = e.calc(p).mul(.25).equal(), h = e.calc(p).add(e.padding).add(e.marginXS).equal(), g = e.iconMarginInlineEnd ?? e.marginSM, _ = e.itemWidth || `calc(100% - ${K(e.calc(u).mul(2).equal())})`;
+	let { antCls: t, componentCls: n } = e, r = q(e.iconSize || e.fontSize), i = e.headerHeightLayoutHeader || e.itemHeight || e.controlHeightLG, a = e.itemPaddingInline ?? e.padding, o = q(e.activeBarHeight), s = e.iconMarginInlineEnd ?? e.marginSM, c = q(e.menuItemIconSize || e.iconSize || e.fontSize), l = e.itemHeight || e.controlHeight, u = e.itemMarginInline ?? e.marginXXS, d = e.itemMarginBlock ?? e.marginXXS, f = e.itemPaddingInline ?? e.padding, p = e.calc(e.fontSize).div(7).mul(5).equal(), m = e.calc(p).mul(.25).equal(), h = e.calc(p).add(e.padding).add(e.marginXS).equal(), g = e.iconMarginInlineEnd ?? e.marginSM, _ = e.itemWidth || `calc(100% - ${q(e.calc(u).mul(2).equal())})`;
 	return {
 		[`${n}`]: {
 			[`&${n}-horizontal`]: {
@@ -687,9 +687,9 @@ var Lt = (e) => {
 				flex: "auto",
 				minWidth: 0,
 				height: i,
-				lineHeight: K(i),
+				lineHeight: q(i),
 				border: 0,
-				borderBottom: `${K(e.activeBarBorderWidth ?? e.lineWidth)} ${e.lineType} ${e.colorSplit}`,
+				borderBottom: `${q(e.activeBarBorderWidth ?? e.lineWidth)} ${e.lineType} ${e.colorSplit}`,
 				boxShadow: "none",
 				whiteSpace: "nowrap",
 				overflow: "hidden",
@@ -722,7 +722,7 @@ var Lt = (e) => {
 				marginBlock: 0,
 				marginInline: 0,
 				paddingInline: a,
-				lineHeight: K(i),
+				lineHeight: q(i),
 				whiteSpace: "nowrap",
 				textOverflow: "ellipsis",
 				color: e.headerColorTextMenu || e.itemColor,
@@ -839,7 +839,7 @@ var Lt = (e) => {
 		[`${n}-horizontal-popup-list`]: {
 			minWidth: e.dropdownWidth,
 			maxWidth: e.dropdownWidth,
-			maxHeight: `calc(100vh - ${K(e.calc(e.controlHeightLG).mul(2.5).equal())})`,
+			maxHeight: `calc(100vh - ${q(e.calc(e.controlHeightLG).mul(2.5).equal())})`,
 			padding: 0,
 			overflow: "hidden auto",
 			borderInlineEnd: 0,
@@ -858,7 +858,7 @@ var Lt = (e) => {
 				paddingInline: f,
 				overflow: "hidden",
 				color: e.headerColorTextMenu || e.itemColor,
-				lineHeight: K(l),
+				lineHeight: q(l),
 				whiteSpace: "nowrap",
 				textOverflow: "ellipsis",
 				cursor: "pointer",
@@ -934,8 +934,8 @@ var Lt = (e) => {
 					].map((t) => `${t} ${e.motionDurationSlow} ${e.motionEaseInOut}`).join(","),
 					content: "\"\""
 				},
-				"&::before": { transform: `rotate(45deg) translateY(${K(e.calc(m).mul(-1).equal())})` },
-				"&::after": { transform: `rotate(-45deg) translateY(${K(m)})` }
+				"&::before": { transform: `rotate(45deg) translateY(${q(e.calc(m).mul(-1).equal())})` },
+				"&::after": { transform: `rotate(-45deg) translateY(${q(m)})` }
 			},
 			[`${n}-item:not(${n}-item-selected):not(${n}-item-active):hover,
         ${n}-submenu-title:not(${n}-item-selected):not(${n}-item-active):hover`]: {
@@ -950,7 +950,7 @@ var Lt = (e) => {
 		}
 	};
 }, zt = (e) => {
-	let { componentCls: t, antCls: n } = e, r = K(e.menuItemIconSize || e.iconSize || e.fontSize), i = K(e.collapsedIconSize || e.fontSizeLG), a = e.siderMenuItemHeight || e.itemHeight || e.controlHeight, o = e.siderMenuItemMarginInline ?? e.itemMarginInline ?? e.marginXXS, s = e.itemMarginBlock ?? e.marginXXS, c = e.itemPaddingInline ?? e.paddingSM, l = e.calc(e.fontSize).div(7).mul(5).equal(), u = e.calc(l).mul(.25).equal(), d = e.calc(l).add(e.padding).add(e.marginXS).equal(), f = e.iconMarginInlineEnd ?? e.marginSM, p = e.activeBarWidth ?? 0, m = e.itemWidth || `calc(100% - ${K(e.calc(o).mul(2).equal())})`;
+	let { componentCls: t, antCls: n } = e, r = q(e.menuItemIconSize || e.iconSize || e.fontSize), i = q(e.collapsedIconSize || e.fontSizeLG), a = e.siderMenuItemHeight || e.itemHeight || e.controlHeight, o = e.siderMenuItemMarginInline ?? e.itemMarginInline ?? e.marginXXS, s = e.itemMarginBlock ?? e.marginXXS, c = e.itemPaddingInline ?? e.paddingSM, l = e.calc(e.fontSize).div(7).mul(5).equal(), u = e.calc(l).mul(.25).equal(), d = e.calc(l).add(e.padding).add(e.marginXS).equal(), f = e.iconMarginInlineEnd ?? e.marginSM, p = e.activeBarWidth ?? 0, m = e.itemWidth || `calc(100% - ${q(e.calc(o).mul(2).equal())})`;
 	return {
 		[`${t}-inline-collapsed-tooltip`]: {
 			pointerEvents: "none",
@@ -980,7 +980,7 @@ var Lt = (e) => {
 			[`&${t}-popup-list`]: {
 				minWidth: e.dropdownWidth,
 				maxWidth: e.dropdownWidth,
-				maxHeight: `calc(100vh - ${K(e.calc(e.controlHeightLG).mul(2.5).equal())})`,
+				maxHeight: `calc(100vh - ${q(e.calc(e.controlHeightLG).mul(2.5).equal())})`,
 				padding: 0,
 				overflow: "hidden auto",
 				borderInlineEnd: 0,
@@ -1001,11 +1001,11 @@ var Lt = (e) => {
 				minHeight: a,
 				marginBlock: s,
 				marginInline: o,
-				paddingInlineStart: `calc(${K(c)} + var(--pro-menu-level, 0) * var(--pro-menu-indent, 24px))`,
+				paddingInlineStart: `calc(${q(c)} + var(--pro-menu-level, 0) * var(--pro-menu-indent, 24px))`,
 				paddingInlineEnd: c,
 				overflow: "hidden",
 				color: e.siderColorTextMenu || e.itemColor,
-				lineHeight: K(a),
+				lineHeight: q(a),
 				whiteSpace: "nowrap",
 				textOverflow: "ellipsis",
 				cursor: "pointer",
@@ -1020,7 +1020,7 @@ var Lt = (e) => {
 					position: "absolute",
 					insetBlock: 0,
 					insetInlineEnd: 0,
-					borderInlineEnd: `${K(p)} solid ${e.itemSelectedColor}`,
+					borderInlineEnd: `${q(p)} solid ${e.itemSelectedColor}`,
 					transform: "scaleY(0.0001)",
 					opacity: 0,
 					transition: ["transform", "opacity"].map((t) => `${t} ${e.motionDurationMid} ${e.motionEaseOut}`).join(","),
@@ -1032,7 +1032,7 @@ var Lt = (e) => {
 				},
 				[`&:not(${t}-item-selected):not(${t}-item-active):active`]: { backgroundColor: e.siderColorBgMenuItemActive || e.itemActiveBg },
 				"&:focus-visible": {
-					outline: `${K(e.lineWidthFocus)} solid ${e.colorPrimaryBorder}`,
+					outline: `${q(e.lineWidthFocus)} solid ${e.colorPrimaryBorder}`,
 					outlineOffset: 1
 				},
 				[`&${t}-item-active`]: { color: e.siderColorTextSubMenuSelected || e.siderColorTextMenuSelected || e.subMenuItemSelectedColor },
@@ -1053,7 +1053,7 @@ var Lt = (e) => {
 				},
 				[`&${t}-item-collapsed`]: {
 					justifyContent: "center",
-					paddingInline: `calc(50% - ${r} / 2 - ${K(o)})`,
+					paddingInline: `calc(50% - ${r} / 2 - ${q(o)})`,
 					textOverflow: "clip"
 				},
 				"> *": { flex: "none" }
@@ -1133,23 +1133,23 @@ var Lt = (e) => {
 					].map((t) => `${t} ${e.motionDurationSlow} ${e.motionEaseInOut}`).join(","),
 					content: "\"\""
 				},
-				"&::before": { transform: `rotate(-45deg) translateX(${K(u)})` },
-				"&::after": { transform: `rotate(45deg) translateX(${K(e.calc(u).mul(-1).equal())})` }
+				"&::before": { transform: `rotate(-45deg) translateX(${q(u)})` },
+				"&::after": { transform: `rotate(45deg) translateX(${q(e.calc(u).mul(-1).equal())})` }
 			},
 			[`${t}-item-open ${t}-arrow`]: {
-				transform: `translateY(${K(e.calc(l).mul(.2).mul(-1).equal())})`,
-				"&::before": { transform: `rotate(45deg) translateX(${K(u)})` },
-				"&::after": { transform: `rotate(-45deg) translateX(${K(e.calc(u).mul(-1).equal())})` }
+				transform: `translateY(${q(e.calc(l).mul(.2).mul(-1).equal())})`,
+				"&::before": { transform: `rotate(45deg) translateX(${q(u)})` },
+				"&::after": { transform: `rotate(-45deg) translateX(${q(e.calc(u).mul(-1).equal())})` }
 			},
 			[`${t}-submenu-title-popup ${t}-arrow`]: {
 				transform: "translateY(-50%)",
-				"&::before": { transform: `rotate(45deg) translateY(${K(e.calc(u).mul(-1).equal())})` },
-				"&::after": { transform: `rotate(-45deg) translateY(${K(u)})` }
+				"&::before": { transform: `rotate(45deg) translateY(${q(e.calc(u).mul(-1).equal())})` },
+				"&::after": { transform: `rotate(-45deg) translateY(${q(u)})` }
 			},
 			[`${t}-group-title`]: {
 				boxSizing: "border-box",
 				paddingBlock: e.paddingXXS,
-				paddingInlineStart: `calc(${K(c)} + var(--pro-menu-level, 0) * var(--pro-menu-indent, 24px))`,
+				paddingInlineStart: `calc(${q(c)} + var(--pro-menu-level, 0) * var(--pro-menu-indent, 24px))`,
 				paddingInlineEnd: e.padding,
 				color: e.siderColorTextMenuTitle || e.groupTitleColor || e.colorTextLabel,
 				fontSize: e.groupTitleFontSize || e.fontSizeSM,
@@ -1226,7 +1226,7 @@ function Bt(e) {
 	return Number.isNaN(n) || n !== 0;
 }
 var Vt = k("ProMenu", (e) => {
-	let t = e.calc(e.fontSize).div(7).mul(5).equal(), n = _e(e, {
+	let t = e.calc(e.fontSize).div(7).mul(5).equal(), n = ge(e, {
 		menuArrowSize: t,
 		menuHorizontalHeight: e.calc(e.controlHeightLG).mul(1.15).equal(),
 		menuArrowOffset: e.calc(t).mul(.25).equal(),
@@ -1318,7 +1318,7 @@ var Vt = k("ProMenu", (e) => {
 		darkDangerItemActiveBg: n,
 		horizontalLineHeight: `${m * 1.15}px`,
 		horizontalItemBorderRadius: 0,
-		itemWidth: Bt(w) ? `calc(100% + ${K(T)})` : `calc(100% - ${E * 2}px)`
+		itemWidth: Bt(w) ? `calc(100% + ${q(T)})` : `calc(100% - ${E * 2}px)`
 	};
 }, {
 	deprecatedTokens: [
@@ -1451,7 +1451,7 @@ var sn = {
 		on(e);
 	}
 }, cn = /* @__PURE__ */ o((e, { emit: t, slots: o }) => {
-	let { proClasses: s, proStyles: c, collapsed: l } = Y(e), { prefixCls: u } = W("pro-menu", e), d = ae(u), [h, g] = Vt(u, d), { proLayoutToken: _ } = N(), v = r(() => e.mode ?? (e.placement === "header" ? "horizontal" : "inline")), b = r(() => v.value === "horizontal"), x = r(() => !b.value && l.value), S = y([]), T = y(), D = It({
+	let { proClasses: s, proStyles: c, collapsed: l } = Y(e), { prefixCls: u } = W("pro-menu", e), d = G(u), [h, g] = Vt(u, d), { proLayoutToken: _ } = N(), v = r(() => e.mode ?? (e.placement === "header" ? "horizontal" : "inline")), b = r(() => v.value === "horizontal"), x = r(() => !b.value && l.value), S = y([]), T = y(), D = It({
 		enabled: b,
 		totalCount: r(() => (e.menus ?? []).filter((e) => !e.meta?.hideInMenu).length)
 	}), O = y(!1), k = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set(), j, M = r(() => new Set(e.selectedKeys ?? [])), P = r(() => new Set(e.openKeys ?? [])), F = r(() => Me({
@@ -1498,29 +1498,29 @@ var sn = {
 	function ie(e) {
 		U(e), S.value = e;
 	}
-	function oe(e) {
+	function ae(e) {
 		let t = $t(e);
 		if (A.delete(t), Qt(e, S.value)) {
 			let t = e.slice(0, -1);
 			S.value = t;
 			let n = $t(t);
-			t.length > 0 && A.has(n) && oe(t);
+			t.length > 0 && A.has(n) && ae(t);
 			return;
 		}
 		Zt(e, S.value) && A.add(t);
 	}
-	function se(e) {
+	function oe(e) {
 		let t = $t(e);
 		U(e);
 		let n = setTimeout(() => {
-			k.delete(t), oe(e);
+			k.delete(t), ae(e);
 		}, Wt);
 		k.set(t, n);
 	}
-	function ce() {
+	function se() {
 		U(), A.clear(), S.value = [];
 	}
-	function le(t, n) {
+	function ce(t, n) {
 		if (!t.meta?.disabled) {
 			if (R(n)) {
 				ie(z(t, n));
@@ -1529,7 +1529,7 @@ var sn = {
 			te(P.value.has(t.name) ? (e.openKeys ?? []).filter((e) => e !== t.name) : [...e.openKeys ?? [], t.name]);
 		}
 	}
-	function ue(e, n) {
+	function le(e, n) {
 		if (e.meta?.disabled) return;
 		let r = [e.name, ...n.parentKeys].filter(Boolean), i = [e.name];
 		t("select", {
@@ -1537,12 +1537,12 @@ var sn = {
 			keys: i,
 			keyPath: r,
 			route: e
-		}), t("update:selectedKeys", i), n.popup && ce();
+		}), t("update:selectedKeys", i), n.popup && se();
 	}
-	function de(e, t) {
+	function ue(e, t) {
 		e.key !== "Enter" && e.key !== " " || (e.preventDefault(), t());
 	}
-	function fe() {
+	function de() {
 		if (O.value || Xt || x.value) return;
 		let t = T.value;
 		if (!t) return;
@@ -1557,10 +1557,10 @@ var sn = {
 			behavior: "auto"
 		});
 	}
-	function pe() {
+	function fe() {
 		O.value || Xt || p(() => {
 			O.value || Xt || (j !== void 0 && cancelAnimationFrame(j), j = requestAnimationFrame(() => {
-				j = void 0, fe();
+				j = void 0, de();
 			}));
 		});
 	}
@@ -1568,13 +1568,13 @@ var sn = {
 		e.menus?.length ?? 0,
 		e.selectedKeys?.join("|") ?? "",
 		e.openKeys?.join("|") ?? ""
-	], pe, {
+	], fe, {
 		immediate: !0,
 		flush: "post"
 	}), m(() => {
 		j !== void 0 && cancelAnimationFrame(j), U();
 	});
-	function me(e, t, n) {
+	function pe(e, t, n) {
 		if (F.value.menuItemIcon) return F.value.menuItemIcon({
 			item: t,
 			route: e
@@ -1585,7 +1585,7 @@ var sn = {
 			style: e.meta?.styles?.itemIcon
 		}, [i]) : null;
 	}
-	function he(e, t) {
+	function me(e, t) {
 		let n = F.value.menuItemLabel ? F.value.menuItemLabel({
 			item: t,
 			route: e
@@ -1598,7 +1598,7 @@ var sn = {
 			style: e.meta?.styles?.itemTitle
 		}, [n]);
 	}
-	function ge(e, t) {
+	function he(e, t) {
 		if (F.value.menuItemExtra) return F.value.menuItemExtra({
 			item: t,
 			route: e
@@ -1610,7 +1610,7 @@ var sn = {
 			style: e.meta.styles?.itemRight
 		}, [n]);
 	}
-	function G(e, t) {
+	function K(e, t) {
 		let n = rn(e, "item"), r = x.value && !t.popup && t.depth === 0, i = M.value.has(e.name), o = !!e.meta?.disabled, s = r && !!e.meta?.title, c = a("div", {
 			class: J(`${u.value}-item`, e.meta?.classNames?.item, {
 				[`${u.value}-item-selected`]: i,
@@ -1623,12 +1623,12 @@ var sn = {
 			},
 			role: "menuitem",
 			tabindex: o ? -1 : 0,
-			onClick: () => ue(e, t),
-			onKeydown: (n) => de(n, () => ue(e, t))
+			onClick: () => le(e, t),
+			onKeydown: (n) => ue(n, () => le(e, t))
 		}, [
-			me(e, n, r),
-			!r && he(e, n),
-			!r && ge(e, n)
+			pe(e, n, r),
+			!r && me(e, n),
+			!r && he(e, n)
 		]);
 		return a("li", {
 			key: e.name,
@@ -1642,7 +1642,7 @@ var sn = {
 			classes: { root: `${u.value}-inline-collapsed-tooltip` }
 		}, Ht(c) ? c : { default: () => [c] }) : c]);
 	}
-	function K(e, t, n, r) {
+	function q(e, t, n, r) {
 		let i = rn(e, "submenu"), o = x.value && !t.popup && t.depth === 0, s = !!e.meta?.disabled;
 		return a("div", {
 			class: J(`${u.value}-item`, `${u.value}-submenu-title`, {
@@ -1657,17 +1657,17 @@ var sn = {
 			"aria-expanded": n,
 			tabindex: s ? -1 : 0,
 			title: o ? e.meta?.title : void 0,
-			onClick: () => le(e, t),
-			onKeydown: (n) => de(n, () => le(e, t))
+			onClick: () => ce(e, t),
+			onKeydown: (n) => ue(n, () => ce(e, t))
 		}, [
-			me(e, i, o),
+			pe(e, i, o),
+			!o && me(e, i),
 			!o && he(e, i),
-			!o && ge(e, i),
 			!o && a("i", { class: `${u.value}-arrow` }, null)
 		]);
 	}
-	function _e(e, t, r) {
-		let i, o = ee(e, r), s = nn(e, M.value), c = !!e.meta?.disabled, l = K(e, r, o, s), d = r.horizontal && r.depth === 0 && !r.popup ? "bottomLeft" : "rightTop", p = d === "bottomLeft" ? Yt : r.popup ? Jt : qt, m = r.popup || !r.popup && r.depth === 0 && (x.value || r.horizontal), h = {
+	function ge(e, t, r) {
+		let i, o = ee(e, r), s = nn(e, M.value), c = !!e.meta?.disabled, l = q(e, r, o, s), d = r.horizontal && r.depth === 0 && !r.popup ? "bottomLeft" : "rightTop", p = d === "bottomLeft" ? Yt : r.popup ? Jt : qt, m = r.popup || !r.popup && r.depth === 0 && (x.value || r.horizontal), h = {
 			depth: r.depth + 1,
 			parentKeys: [e.name, ...r.parentKeys],
 			popup: r.popup,
@@ -1701,7 +1701,7 @@ var sn = {
 					content: `${u.value}-popover-content`
 				},
 				onOpenChange: (e) => {
-					c || (e ? ie(n) : se(n));
+					c || (e ? ie(n) : oe(n));
 				}
 			}, {
 				default: () => [l],
@@ -1725,7 +1725,7 @@ var sn = {
 			role: "none"
 		}, [l, a(n, f({ name: `${u.value}-collapse` }, sn), Ht(i = E(ye(t, h), [[C, o]])) ? i : { default: () => [i] })]);
 	}
-	function ve(e, t, n) {
+	function _e(e, t, n) {
 		let r = rn(e, "group");
 		return a("li", {
 			key: e.name,
@@ -1735,7 +1735,7 @@ var sn = {
 		}, [a("div", {
 			class: `${u.value}-group-title`,
 			style: H(e, n)
-		}, [he(e, r)]), ye(t, {
+		}, [me(e, r)]), ye(t, {
 			depth: n.depth + 1,
 			parentKeys: [e.name, ...n.parentKeys],
 			popup: n.popup,
@@ -1744,13 +1744,13 @@ var sn = {
 			horizontal: n.horizontal
 		})]);
 	}
-	function q(e, t) {
+	function ve(e, t) {
 		if (e.meta?.hideInMenu) return null;
 		let n = tn(e), r = e.meta?.divider ? a("li", {
 			key: `${e.name}-divider`,
 			class: `${u.value}-divider`,
 			role: "separator"
-		}, null) : null, i = n.length > 0 ? e.meta?.menuItemType === "group" ? ve(e, n, t) : _e(e, n, t) : G(e, t);
+		}, null) : null, i = n.length > 0 ? e.meta?.menuItemType === "group" ? _e(e, n, t) : ge(e, n, t) : K(e, t);
 		return r ? [r, i] : i;
 	}
 	function ye(e, t) {
@@ -1763,7 +1763,7 @@ var sn = {
 				[`${u.value}-${t.horizontal ? "horizontal" : "inline"}-popup-list`]: t.popup
 			}),
 			role: t.popup ? "menu" : void 0
-		}, [e.map((e) => q(e, t))]);
+		}, [e.map((e) => ve(e, t))]);
 	}
 	function be(e) {
 		let t = D.hiddenIndexes.value.map((t) => e[t]).filter(Boolean);
@@ -1789,7 +1789,7 @@ var sn = {
 				content: `${u.value}-popover-content`
 			},
 			onOpenChange: (e) => {
-				e ? ie(r) : se(r);
+				e ? ie(r) : oe(r);
 			}
 		}, {
 			default: () => [a("div", {
@@ -1819,7 +1819,7 @@ var sn = {
 			},
 			role: "menu",
 			"data-pro-menu-token-key": _.value.key
-		}, [t.map((e) => q(e, {
+		}, [t.map((e) => ve(e, {
 			depth: 0,
 			parentKeys: [],
 			popup: !1,
@@ -1837,7 +1837,7 @@ var sn = {
 			},
 			role: "menubar",
 			"data-pro-menu-token-key": _.value.key
-		}, [n.map((e, t) => q(e, {
+		}, [n.map((e, t) => ve(e, {
 			depth: 0,
 			parentKeys: [],
 			popup: !1,
@@ -2047,7 +2047,7 @@ function pn(t, n) {
 	return a(e, null, [r && a("span", { class: `${t}-item-icon` }, [r]), !i && a("span", null, [n.meta?.title])]);
 }
 var mn = /* @__PURE__ */ o((t, { slots: n }) => {
-	let { navigate: o, prefixCls: s, menuState: c, breadcrumbConfig: l } = Y(), u = q(), d = r(() => t.routes ?? c?.breadcrumbRoutes.value ?? []), f = r(() => t.homeIcon === void 0 ? l ? l.value?.showHome : void 0 : t.homeIcon), p = r(() => t.homePath === void 0 ? l?.value?.homePath ?? "/" : t.homePath), m = r(() => c?.lookup.value), h = r(() => c?.selectedKeys.value ?? []), g = r(() => {
+	let { navigate: o, prefixCls: s, menuState: c, breadcrumbConfig: l } = Y(), u = ve(), d = r(() => t.routes ?? c?.breadcrumbRoutes.value ?? []), f = r(() => t.homeIcon === void 0 ? l ? l.value?.showHome : void 0 : t.homeIcon), p = r(() => t.homePath === void 0 ? l?.value?.homePath ?? "/" : t.homePath), m = r(() => c?.lookup.value), h = r(() => c?.selectedKeys.value ?? []), g = r(() => {
 		let e = d.value;
 		return f.value && e.length > 0 ? [{
 			name: fn,
@@ -2100,7 +2100,7 @@ var mn = /* @__PURE__ */ o((t, { slots: n }) => {
 			} }, { default: () => [a("span", {
 				class: `${r}-overlay-link`,
 				onClick: o.name === fn ? () => v(o, c) : void 0
-			}, [u, a(G, { type: "DownOutlined" }, null)])] }) : a("span", {
+			}, [u, a(K, { type: "DownOutlined" }, null)])] }) : a("span", {
 				class: J(`${r}-link`, c && `${r}-link-last`),
 				onClick: () => v(o, c)
 			}, [u])]), !c && a("li", { class: `${r}-separator` }, [i("/")])]);
@@ -2334,7 +2334,7 @@ var bn = [
 	"headerContent",
 	"extra"
 ], xn = ["footer"], Sn = /* @__PURE__ */ o((t, { slots: n, emit: i }) => {
-	let { prefixCls: o } = W("pro-page-container", t), s = ae(o), [c, l] = vn(o, s), { watermark: u, menuState: d, breadcrumbRender: p, contentFullscreen: m, breadcrumbConfig: h, pageContainerConfig: _ } = Y(), v = Pe(), y = dn({
+	let { prefixCls: o } = W("pro-page-container", t), s = G(o), [c, l] = vn(o, s), { watermark: u, menuState: d, breadcrumbRender: p, contentFullscreen: m, breadcrumbConfig: h, pageContainerConfig: _ } = Y(), v = Pe(), y = dn({
 		slots: n,
 		props: t,
 		keys: bn,
@@ -3893,7 +3893,7 @@ var bi = k("ProPageTransition", (e) => {
 	},
 	slots: Object,
 	setup(e, { slots: t }) {
-		let { prefixCls: i } = W("pro-page-transition", e), [o, s] = bi(i, ae(i));
+		let { prefixCls: i } = W("pro-page-transition", e), [o, s] = bi(i, G(i));
 		function c(t) {
 			return [
 				Dn({
@@ -4020,22 +4020,22 @@ function wi(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/Tabs/hooks/useTabDrag.ts
-var Ti = "button, a, input, [data-drag-ignore=\"true\"]", Ei = 3, Di = 2, Oi = 160, ki = "cubic-bezier(0.2, 0, 0, 1)";
-function Ai(e) {
+var Ti = "button, a, input, [data-drag-ignore=\"true\"]", Ei = 200, Di = 10, Oi = 2, ki = 160, Ai = "cubic-bezier(0.2, 0, 0, 1)";
+function ji(e) {
 	return e instanceof HTMLElement && !!e.closest(Ti);
 }
-function ji(e) {
-	let { items: t, scrollEl: n, onReorder: r, enabled: i } = e, a = y(!1), o = y(""), s, c = 0, l = 0, u = 0, d = 0, f = null, m = /* @__PURE__ */ new Map(), h = "", g = 0, { scroll: _, start: v, stop: b } = wi(n, () => d, { onScroll: j });
-	function x() {
+function Mi(e) {
+	let { items: t, scrollEl: n, onReorder: r, enabled: i } = e, a = y(!1), o = y(""), s, c = 0, l = 0, u = 0, d = 0, f = null, m = /* @__PURE__ */ new Map(), h = "", g = 0, _, { scroll: v, start: b, stop: x } = wi(n, () => d, { onScroll: M });
+	function S() {
 		return t.value.filter((e) => e.group === s);
 	}
-	function S(e) {
+	function C(e) {
 		return n.value?.querySelector(`[data-key="${e}"]`) ?? null;
 	}
-	function C() {
+	function w() {
 		m = /* @__PURE__ */ new Map();
-		for (let e of x()) {
-			let t = S(e.key);
+		for (let e of S()) {
+			let t = C(e.key);
 			if (!t) continue;
 			let n = t.getBoundingClientRect();
 			m.set(e.key, {
@@ -4046,22 +4046,22 @@ function ji(e) {
 			});
 		}
 	}
-	function w() {
-		return (n.value?.scrollLeft ?? 0) - l;
-	}
 	function T() {
-		return d + w();
+		return (n.value?.scrollLeft ?? 0) - l;
 	}
 	function E() {
+		return d + T();
+	}
+	function D() {
 		let e = m.get(o.value);
-		return e ? T() - u + e.width / 2 : T();
+		return e ? E() - u + e.width / 2 : E();
 	}
-	function D(e, t, n) {
-		let r = m.get(o.value), i = e < t ? x()[e + 1]?.key : x()[e - 1]?.key, a = i ? m.get(i) : void 0;
+	function O(e, t, n) {
+		let r = m.get(o.value), i = e < t ? S()[e + 1]?.key : S()[e - 1]?.key, a = i ? m.get(i) : void 0;
 		return n + (r && a ? Math.max(0, Math.abs(a.left - r.left) - (e < t ? r.width : a.width)) : 0);
 	}
-	function O(e) {
-		let t = x();
+	function k(e) {
+		let t = S();
 		if (t.findIndex((e) => e.key === o.value) < 0) return -1;
 		let n = t.filter((e) => e.key !== o.value), r = n.length;
 		for (let t = 0; t < n.length; t++) {
@@ -4073,8 +4073,8 @@ function ji(e) {
 		}
 		return r;
 	}
-	function k(e) {
-		let t = x(), n = t.findIndex((e) => e.key === o.value);
+	function A(e) {
+		let t = S(), n = t.findIndex((e) => e.key === o.value);
 		if (n < 0) return;
 		let r = m.get(o.value)?.width ?? 0;
 		for (let i = 0; i < t.length; i++) {
@@ -4083,25 +4083,25 @@ function ji(e) {
 			let s = m.get(a);
 			if (!s) continue;
 			let c = 0;
-			n < e && i > n && i <= e ? c = -D(n, e, r) : n > e && i >= e && i < n && (c = D(n, e, r)), A(s, c);
+			n < e && i > n && i <= e ? c = -O(n, e, r) : n > e && i >= e && i < n && (c = O(n, e, r)), j(s, c);
 		}
 	}
-	function A(e, t) {
+	function j(e, t) {
 		let n = e.translate;
 		if (n === t || (e.animation?.cancel(), e.translate = t, e.el.style.translate = t ? `${t}px` : "", typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches || typeof e.el.animate != "function")) return;
 		e.animation = e.el.animate({ translate: [`${n}px`, `${t}px`] }, {
-			duration: Oi,
-			easing: ki
+			duration: ki,
+			easing: Ai
 		});
 		let r = () => {
 			e.animation = void 0;
 		};
 		e.animation.addEventListener("finish", r, { once: !0 }), e.animation.addEventListener("cancel", r, { once: !0 });
 	}
-	function j() {
-		a.value && (f && (f.style.transform = `translateX(${T() - c}px)`), k(O(E())));
+	function M() {
+		a.value && (f && (f.style.transform = `translateX(${E() - c}px)`), A(k(D())));
 	}
-	function M(e = m, t = f) {
+	function N(e = m, t = f) {
 		for (let t of e.values()) {
 			t.animation?.cancel(), t.animation = void 0, t.translate = 0;
 			let { el: e } = t;
@@ -4109,16 +4109,16 @@ function ji(e) {
 		}
 		t && (t.style.transform = "");
 	}
-	function N(e, t = Di) {
+	function P(e, t = Oi) {
 		let r = n.value;
-		r && (r.scrollLeft = e, !(t <= 0 || typeof requestAnimationFrame > "u") && requestAnimationFrame(() => N(e, t - 1)));
+		r && (r.scrollLeft = e, !(t <= 0 || typeof requestAnimationFrame > "u") && requestAnimationFrame(() => P(e, t - 1)));
 	}
-	function P(e) {
-		a.value = !0, c = e, l = n.value?.scrollLeft ?? 0, d = e, f = S(o.value), C();
+	function F(e) {
+		a.value = !0, c = e, d = e, l = n.value?.scrollLeft ?? 0, f = C(o.value), w();
 		let t = m.get(o.value);
-		u = t ? e - t.left : 0, v();
+		u = t ? e - t.left : 0, b();
 	}
-	function F() {
+	function I() {
 		let e = f;
 		if (!e) return;
 		let t = (n) => {
@@ -4129,46 +4129,55 @@ function ji(e) {
 			once: !0
 		});
 	}
-	function I(e, t) {
-		e.button !== 0 || t.disabled || Ai(e.target) || i && !i.value || (e.preventDefault(), h = t.key, g = e.clientX, o.value = t.key, s = t.group);
+	function L(e, t) {
+		e.button !== 0 || t.disabled || ji(e.target) || i && !i.value || (e.preventDefault(), B(), h = t.key, g = e.clientX, s = t.group, _ = setTimeout(() => {
+			h && (o.value = h, d = g, F(g));
+		}, Ei));
 	}
-	function L(e) {
+	function R(e) {
 		if (!a.value) {
-			if (!h || Math.abs(e.clientX - g) < Ei) return;
-			P(g);
+			if (!h) return;
+			if (Math.abs(e.clientX - g) > Di) {
+				B();
+				return;
+			}
+			return;
 		}
-		d = e.clientX, j(), _();
+		d = e.clientX, M(), v();
 	}
-	function R() {
-		let e = O(E()), t = x(), i = t.findIndex((e) => e.key === o.value), c = /* @__PURE__ */ new Map();
+	function z() {
+		let e = k(D()), t = S(), i = t.findIndex((e) => e.key === o.value), c = /* @__PURE__ */ new Map();
 		for (let [e, { el: t }] of m) c.set(e, t.getBoundingClientRect());
-		b();
-		let l = o.value, d = t[e], g = e >= 0 && e !== i && d && d.key !== l, _ = m, v = f, y = n.value?.scrollLeft ?? 0;
-		g ? (r(l, d.key), p(() => {
-			N(y), M(_, v), Si(t.map((e) => ({
+		x();
+		let l = o.value, d = t[e], h = e >= 0 && e !== i && d && d.key !== l, g = m, _ = f, v = n.value?.scrollLeft ?? 0;
+		h ? (r(l, d.key), p(() => {
+			P(v), N(g, _), Si(t.map((e) => ({
 				key: e.key,
-				el: S(e.key)
-			})).filter((e) => !!e.el), c), N(y);
-		})) : M(), F(), a.value = !1, o.value = "", f = null, m = /* @__PURE__ */ new Map(), u = 0, h = "", s = void 0;
+				el: C(e.key)
+			})).filter((e) => !!e.el), c), P(v);
+		})) : N(), I(), a.value = !1, o.value = "", f = null, m = /* @__PURE__ */ new Map(), u = 0, s = void 0, B();
 	}
-	function z() {
-		a.value ? R() : h && (h = "", o.value = "", s = void 0);
+	function B() {
+		_ != null && (clearTimeout(_), _ = void 0), h = "", o.value = "", s = void 0;
+	}
+	function ee() {
+		a.value ? z() : h && B();
 	}
-	let B = typeof document > "u" ? void 0 : document;
-	le(B, "mousemove", L), le(B, "mouseup", z);
-	function ee(e) {
+	let V = typeof document > "u" ? void 0 : document;
+	ce(V, "mousemove", R), ce(V, "mouseup", ee);
+	function H(e) {
 		let n = t.value.find((t) => t.key === e);
 		return { onMousedown: (e) => {
-			n && I(e, n);
+			n && L(e, n);
 		} };
 	}
 	return {
 		isDragging: a,
 		draggingKey: o,
-		getItemProps: ee
+		getItemProps: H
 	};
 }
-var Mi = k("InnerTabs", (e) => {
+var Ni = k("InnerTabs", (e) => {
 	let { componentCls: t } = e;
 	return { [t]: {
 		display: "flex",
@@ -4213,7 +4222,7 @@ var Mi = k("InnerTabs", (e) => {
 			lineHeight: 1,
 			color: e.tabsColorText,
 			backgroundColor: e.tabsColorBgContainer,
-			border: `${K(e.lineWidth)} ${e.lineType} ${e.tabsColorBorder}`,
+			border: `${q(e.lineWidth)} ${e.lineType} ${e.tabsColorBorder}`,
 			borderRadius: e.itemBorderRadius,
 			cursor: "pointer",
 			userSelect: "none",
@@ -4317,8 +4326,8 @@ var Mi = k("InnerTabs", (e) => {
 	closeIconBoxSize: e.controlHeightXS,
 	navPaddingBlock: e.paddingXXS,
 	navPaddingInline: e.paddingSM
-})), Ni = 16, Pi = "#fff", Fi = /* @__PURE__ */ o((t, { slots: n, emit: i }) => {
-	let { prefixCls: o } = W("pro-inner-tabs", t), s = ae(o), [c, l] = Mi(o, s), u = y(), d = r(() => t.items ?? []), m = r(() => t.activeKey ?? ""), { arrivedState: h } = pe(u), { draggingKey: g, getItemProps: _ } = ji({
+})), Pi = 16, Fi = "#fff", Ii = /* @__PURE__ */ o((t, { slots: n, emit: i }) => {
+	let { prefixCls: o } = W("pro-inner-tabs", t), s = G(o), [c, l] = Ni(o, s), u = y(), d = r(() => t.items ?? []), m = r(() => t.activeKey ?? ""), { arrivedState: h } = fe(u), { draggingKey: g, getItemProps: _ } = Mi({
 		items: d,
 		scrollEl: u,
 		onReorder: (e, t) => i("reorder", e, t),
@@ -4326,7 +4335,7 @@ var Mi = k("InnerTabs", (e) => {
 	}), v = r(() => {
 		let e = h.left, t = h.right;
 		if (e && t) return {};
-		let n = !e && !t ? `linear-gradient(90deg, transparent, ${Pi} ${Ni}px, ${Pi} calc(100% - ${Ni}px), transparent)` : e ? `linear-gradient(90deg, ${Pi} calc(100% - ${Ni}px), transparent)` : `linear-gradient(90deg, transparent, ${Pi} ${Ni}px)`;
+		let n = !e && !t ? `linear-gradient(90deg, transparent, ${Fi} ${Pi}px, ${Fi} calc(100% - ${Pi}px), transparent)` : e ? `linear-gradient(90deg, ${Fi} calc(100% - ${Pi}px), transparent)` : `linear-gradient(90deg, transparent, ${Fi} ${Pi}px)`;
 		return {
 			WebkitMaskImage: n,
 			maskImage: n
@@ -4352,7 +4361,7 @@ var Mi = k("InnerTabs", (e) => {
 			}),
 			"data-key": t.key,
 			onClick: () => b(t)
-		}, _(t.key)), [s ?? a(e, null, [a("span", { class: `${o.value}-tab-btn` }, [t.label]), i && a(G, {
+		}, _(t.key)), [s ?? a(e, null, [a("span", { class: `${o.value}-tab-btn` }, [t.label]), i && a(K, {
 			type: "CloseOutlined",
 			class: `${o.value}-tab-close ${o.value}-tab-remove`,
 			"data-drag-ignore": "true",
@@ -4402,11 +4411,11 @@ var Mi = k("InnerTabs", (e) => {
 });
 //#endregion
 //#region src/utils/menu.ts
-function Ii(e) {
+function Li(e) {
 	let t = e.find((e) => (e.name === "root" || e.path === "/") && (e.children?.length ?? 0) > 0);
 	return t?.children ? [...t.children] : [];
 }
-function Li(e) {
+function Ri(e) {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	function r(e, i) {
 		let a = [];
@@ -4432,20 +4441,20 @@ function Li(e) {
 	let i = r(e, !1);
 	return n.length > 0 && console.warn("[pro-layout] 菜单存在重复或缺失的 name，已忽略：", n), i;
 }
-function Ri(e) {
+function zi(e) {
 	return e.map((e, t) => ({
 		menu: e,
 		order: e.meta?.order ?? t,
 		index: t
 	})).sort((e, t) => e.order - t.order || e.index - t.index).map(({ menu: e }) => ({
 		...e,
-		children: e.children?.length ? Ri(e.children) : e.children
+		children: e.children?.length ? zi(e.children) : e.children
 	}));
 }
-function zi(e) {
-	return Ri(Li(e));
-}
 function Bi(e) {
+	return zi(Ri(e));
+}
+function Vi(e) {
 	let t = [], n = /* @__PURE__ */ new Map();
 	function r(e, i, a) {
 		for (let o = 0; o < e.length; o++) {
@@ -4464,7 +4473,7 @@ function Bi(e) {
 		lookup: n
 	};
 }
-function Vi(e, t) {
+function Hi(e, t) {
 	let n = {
 		...e,
 		...t
@@ -4474,19 +4483,19 @@ function Vi(e, t) {
 		...t.meta
 	} : t.meta), n;
 }
-function Hi(e, t) {
+function Ui(e, t) {
 	return {
 		...e,
 		...t
 	};
 }
-function Ui(e, t, n) {
+function Wi(e, t, n) {
 	if (t.length === 0) return e;
 	let r = [...e], i = e, a = r;
 	for (let o = 0; o < t.length; o++) {
 		let s = t[o], c = i[s];
 		if (!c) return e;
-		if (o === t.length - 1) return a[s] = typeof n == "function" ? n(c) : Vi(c, n), r;
+		if (o === t.length - 1) return a[s] = typeof n == "function" ? n(c) : Hi(c, n), r;
 		let l = c.children ? [...c.children] : [];
 		a[s] = {
 			...c,
@@ -4495,21 +4504,21 @@ function Ui(e, t, n) {
 	}
 	return r;
 }
-function Wi(e, t, n) {
-	return Ui(e, t, (e) => {
-		let t = e.meta ?? {}, r = typeof n == "function" ? n(t) : Hi(t, n);
+function Gi(e, t, n) {
+	return Wi(e, t, (e) => {
+		let t = e.meta ?? {}, r = typeof n == "function" ? n(t) : Ui(t, n);
 		return {
 			...e,
 			meta: r
 		};
 	});
 }
-function Gi(e, t, n, r) {
+function Ki(e, t, n, r) {
 	if (!t?.length) {
 		let t = [...e];
 		return t.splice(r ?? t.length, 0, n), t;
 	}
-	return Ui(e, t, (e) => {
+	return Wi(e, t, (e) => {
 		let t = [...e.children ?? []];
 		return t.splice(r ?? t.length, 0, n), {
 			...e,
@@ -4517,14 +4526,14 @@ function Gi(e, t, n, r) {
 		};
 	});
 }
-function Ki(e, t) {
+function qi(e, t) {
 	if (t.length === 0) return e;
 	if (t.length === 1) {
 		let n = [...e];
 		return n.splice(t[0], 1), n;
 	}
 	let n = t.slice(0, -1), r = t[t.length - 1];
-	return Ui(e, n, (e) => {
+	return Wi(e, n, (e) => {
 		let t = [...e.children ?? []];
 		return t.splice(r, 1), {
 			...e,
@@ -4532,7 +4541,7 @@ function Ki(e, t) {
 		};
 	});
 }
-function qi(e) {
+function Ji(e) {
 	if (!e) return [];
 	let t = [e.name];
 	function n(e) {
@@ -4540,7 +4549,7 @@ function qi(e) {
 	}
 	return n(e.children), t;
 }
-function Ji(e, t) {
+function Yi(e, t) {
 	if (!t) return [];
 	let n = e.get(t);
 	if (!n) return [];
@@ -4549,22 +4558,22 @@ function Ji(e, t) {
 	let i = r ? e.get(r) : n;
 	return i ? [...i.parentNames, i.route.name].map((t) => e.get(t)?.route).filter((e) => !!e && !e.meta?.hideInMenu) : [];
 }
-function Yi(e) {
+function Xi(e) {
 	let t = e.filter((e) => !e.meta?.hideInMenu)[0];
-	return t ? t.children?.length ? Yi(t.children) : t.redirect || t.path || "" : "";
+	return t ? t.children?.length ? Xi(t.children) : t.redirect || t.path || "" : "";
 }
-function Xi(e, t) {
+function Zi(e, t) {
 	let n = e.filter((e) => e.meta?.title), r = t?.current;
 	return r?.meta?.menuSelectKey && r.meta?.title && n.push(r), n;
 }
-function Zi(e) {
+function Qi(e) {
 	return e.map((e) => ({
 		key: e.name,
 		title: e.meta?.title,
-		path: e.redirect || (e.children?.length ? Yi(e.children) : "") || e.path || ""
+		path: e.redirect || (e.children?.length ? Xi(e.children) : "") || e.path || ""
 	}));
 }
-function Qi(e, t) {
+function $i(e, t) {
 	let n = e.get(t)?.route;
 	if (!n) return {
 		type: "internal",
@@ -4577,14 +4586,14 @@ function Qi(e, t) {
 		route: n
 	} : {
 		type: "internal",
-		path: typeof n.redirect == "string" ? n.redirect : n.children?.length ? Yi(n.children) || n.path || "" : n.path || "",
+		path: typeof n.redirect == "string" ? n.redirect : n.children?.length ? Xi(n.children) || n.path || "" : n.path || "",
 		route: n
 	};
 }
-function $i(e, t) {
+function ea(e, t) {
 	return t ? e.find((e) => e.name === t)?.children ?? [] : [];
 }
-function ea(e) {
+function ta(e) {
 	let t = [], n = [];
 	for (let r of e) r.meta?.fixed ? n.push(r) : t.push(r);
 	return {
@@ -4594,20 +4603,20 @@ function ea(e) {
 }
 //#endregion
 //#region src/hooks/useMenu.ts
-function ta(e) {
-	let t = q(), n = ve(), i = r(() => e.currentName?.() ?? n.name), a = r(() => S(e.menus) ?? Ii(t.getRoutes())), o = b(zi(a.value)), s = b([...S(e.selectedKeys) ?? []]), c = b([...S(e.openKeys) ?? []]), l = r(() => {
-		let { flatMenus: e, lookup: t } = Bi(o.value);
+function na(e) {
+	let t = ve(), n = _e(), i = r(() => e.currentName?.() ?? n.name), a = r(() => S(e.menus) ?? Li(t.getRoutes())), o = b(Bi(a.value)), s = b([...S(e.selectedKeys) ?? []]), c = b([...S(e.openKeys) ?? []]), l = r(() => {
+		let { flatMenus: e, lookup: t } = Vi(o.value);
 		return {
 			menus: o.value,
 			flatMenus: e,
 			lookup: t
 		};
-	}), u = r(() => l.value.flatMenus), d = r(() => l.value.lookup), f = r(() => Ji(d.value, i.value)), p = r(() => f.value.map((e) => e.name).join("\0")), m = r(() => d.value.get(i.value ?? "")?.route.meta ?? {}), h = r(() => Xi(f.value, { current: d.value.get(i.value ?? "")?.route })), _ = r(() => Zi(h.value)), v = r(() => S(e.layout) === "mix" && !S(e.isMobile)), y = r(() => f.value[0]?.name), x = r(() => v.value ? o.value.map((e) => ({
+	}), u = r(() => l.value.flatMenus), d = r(() => l.value.lookup), f = r(() => Yi(d.value, i.value)), p = r(() => f.value.map((e) => e.name).join("\0")), m = r(() => d.value.get(i.value ?? "")?.route.meta ?? {}), h = r(() => Zi(f.value, { current: d.value.get(i.value ?? "")?.route })), _ = r(() => Qi(h.value)), v = r(() => S(e.layout) === "mix" && !S(e.isMobile)), y = r(() => f.value[0]?.name), x = r(() => v.value ? o.value.map((e) => ({
 		...e,
 		children: void 0
-	})) : o.value), C = r(() => v.value ? $i(o.value, y.value) : o.value);
+	})) : o.value), C = r(() => v.value ? ea(o.value, y.value) : o.value);
 	function T(e, t) {
-		o.value = t?.normalize === !1 ? e : zi(e), E();
+		o.value = t?.normalize === !1 ? e : Bi(e), E();
 	}
 	function E() {
 		let e = d.value;
@@ -4636,11 +4645,11 @@ function ta(e) {
 	}
 	function N(e, t, n) {
 		let r = t ? k(t) : void 0;
-		t && !r || T(Gi(o.value, r, e, n));
+		t && !r || T(Ki(o.value, r, e, n));
 	}
 	function P(e, t, n) {
 		let r = k(e);
-		r && T(Ui(o.value, r, t), n);
+		r && T(Wi(o.value, r, t), n);
 	}
 	function F(e, t, n) {
 		let r = d.value.get(e);
@@ -4649,7 +4658,7 @@ function ta(e) {
 			...i,
 			...t
 		}, s = n?.normalize ?? (i.order !== a.order || i.hideInMenu !== a.hideInMenu || i.hideChildrenInMenu !== a.hideChildrenInMenu);
-		T(Wi(o.value, r.path, a), { normalize: s });
+		T(Gi(o.value, r.path, a), { normalize: s });
 	}
 	function I(e) {
 		F(e, { hideInMenu: !1 }, { normalize: !0 });
@@ -4660,8 +4669,8 @@ function ta(e) {
 	function R(e) {
 		let t = d.value.get(e);
 		if (!t) return;
-		let n = new Set(qi(t.route));
-		T(Ki(o.value, t.path), { normalize: !1 }), s.value = s.value.filter((e) => !n.has(e)), c.value = c.value.filter((e) => !n.has(e));
+		let n = new Set(Ji(t.route));
+		T(qi(o.value, t.path), { normalize: !1 }), s.value = s.value.filter((e) => !n.has(e)), c.value = c.value.filter((e) => !n.has(e));
 	}
 	let z = w(a, (e) => T(e), { flush: "sync" }), B = w(() => S(e.selectedKeys), (e) => {
 		if (e !== void 0) {
@@ -4686,7 +4695,7 @@ function ta(e) {
 		z(), B(), ee(), V(), H();
 	});
 	function te(e) {
-		return Qi(d.value, e);
+		return $i(d.value, e);
 	}
 	return { menuState: {
 		menus: o,
@@ -4716,103 +4725,103 @@ function ta(e) {
 function Q(e) {
 	return e.name;
 }
-function na(e) {
+function ra(e) {
 	return e === void 0 ? void 0 : Et(x(e));
 }
-function ra(e) {
+function ia(e) {
 	return e ? { ...x(e) } : void 0;
 }
-function ia(e) {
+function aa(e) {
 	if (!e) return;
 	let t = x(e);
 	return {
 		title: t.title,
-		tabState: ra(t.tabState),
+		tabState: ia(t.tabState),
 		menuSelectKey: t.menuSelectKey
 	};
 }
-function aa(e, t) {
+function oa(e, t) {
 	if (!e && !t) return;
 	let n = x(e ?? {}), r = x(t ?? {});
 	return {
 		title: r.title ?? n.title,
 		tabState: n.tabState || r.tabState ? {
-			...ra(n.tabState),
-			...ra(r.tabState)
+			...ia(n.tabState),
+			...ia(r.tabState)
 		} : void 0,
 		menuSelectKey: r.menuSelectKey ?? n.menuSelectKey
 	};
 }
-function oa(e) {
+function sa(e) {
 	let t = x(e);
 	return {
 		name: t.name,
 		path: t.path,
 		fullPath: t.fullPath,
-		query: na(t.query),
-		params: na(t.params),
+		query: ra(t.query),
+		params: ra(t.params),
 		redirect: t.redirect,
-		meta: ia(t.meta)
+		meta: aa(t.meta)
 	};
 }
-function sa(e, t) {
+function ca(e, t) {
 	let n = x(e), r = x(t);
-	return oa({
+	return sa({
 		name: r.name ?? n.name,
 		path: r.path ?? n.path,
 		fullPath: r.fullPath ?? n.fullPath,
 		query: r.query === void 0 ? n.query : r.query,
 		params: r.params === void 0 ? n.params : r.params,
 		redirect: r.redirect ?? n.redirect,
-		meta: aa(n.meta, r.meta)
+		meta: oa(n.meta, r.meta)
 	});
 }
-function ca(e) {
+function la(e) {
 	let t = x(e), n = x(t.meta ?? {});
 	return {
 		name: t.name,
 		path: t.path,
 		fullPath: t.fullPath,
-		query: na(t.query),
-		params: na(t.params),
+		query: ra(t.query),
+		params: ra(t.params),
 		redirect: t.redirect,
 		meta: {
 			title: n.title,
-			tabState: ra(n.tabState),
+			tabState: ia(n.tabState),
 			menuSelectKey: n.menuSelectKey
 		}
 	};
 }
-function la(e) {
+function ua(e) {
 	return {
-		fixed: e.fixed.map(ca),
-		normal: e.normal.map(ca)
+		fixed: e.fixed.map(la),
+		normal: e.normal.map(la)
 	};
 }
-function ua(e) {
+function da(e) {
 	let { fixed: t } = e?.meta?.tabState ?? {};
 	return Ce(t) ? t : !1;
 }
-function da(e, t) {
+function fa(e, t) {
 	return t && e.value ? {
-		fixed: e.value.fixed?.map(oa) ?? [],
-		normal: e.value.normal?.map(oa) ?? []
+		fixed: e.value.fixed?.map(sa) ?? [],
+		normal: e.value.normal?.map(sa) ?? []
 	} : {
 		fixed: [],
 		normal: []
 	};
 }
-function fa(e) {
-	let { config: t, flatMenus: n, siderWidth: i, isMobile: a, contentFullscreen: o, onTabsChange: s, onReloadPage: c, onContentFullscreenChange: l } = e, u = q(), d = ve(), f = r(() => t.value.persistent !== !1), p = ue("pro-layout-tabs", {
+function pa(e) {
+	let { config: t, flatMenus: n, siderWidth: i, isMobile: a, contentFullscreen: o, onTabsChange: s, onReloadPage: c, onContentFullscreenChange: l } = e, u = ve(), d = _e(), f = r(() => t.value.persistent !== !1), p = le("pro-layout-tabs", {
 		fixed: [],
 		normal: []
-	}), m = v(da(p, f.value)), h = y(n.value.length > 0), g = r(() => [...m.fixed, ...m.normal]), _ = r(() => d.name), b = r(() => {
+	}), m = v(fa(p, f.value)), h = y(n.value.length > 0), g = r(() => [...m.fixed, ...m.normal]), _ = r(() => d.name), b = r(() => {
 		if (o.value || a.value) return "100%";
 		let e = j(i.value);
 		return i.value ? `calc(100% - ${e})` : "100%";
 	});
 	function x(e) {
-		return ua(e);
+		return da(e);
 	}
 	function S(e) {
 		return g.value.find((t) => Q(t) === e);
@@ -4826,12 +4835,12 @@ function fa(e) {
 	}
 	function E(e, t) {
 		let n = x(e) ? "fixed" : "normal", { type: r, addType: i, params: a } = t;
-		r === "add" && i ? m[n][i](oa(a)) : r === "merge" ? m[n] = m[n].map((t) => Q(t) === Q(e) ? sa(t, a) : t) : r === "remove" && (m[n] = m[n].filter((t) => Q(t) !== Q(e)));
+		r === "add" && i ? m[n][i](sa(a)) : r === "merge" ? m[n] = m[n].map((t) => Q(t) === Q(e) ? ca(t, a) : t) : r === "remove" && (m[n] = m[n].filter((t) => Q(t) !== Q(e)));
 	}
 	function D(e) {
 		let { hidden: t } = e?.meta?.tabState ?? {};
 		if (!e.name || !e.meta || t === !0) return;
-		let n = x(e), r = Q(e), i = oa(e), a = g.value.find((e) => Q(e) === r);
+		let n = x(e), r = Q(e), i = sa(e), a = g.value.find((e) => Q(e) === r);
 		if (!a) {
 			m[n ? "fixed" : "normal"].push(i);
 			return;
@@ -4842,7 +4851,7 @@ function fa(e) {
 		}) : (E(a, {
 			type: "remove",
 			params: a
-		}), m[n ? "fixed" : "normal"].push(sa(a, i)));
+		}), m[n ? "fixed" : "normal"].push(ca(a, i)));
 	}
 	function O() {
 		let e = g.value.slice(-1)[0];
@@ -4873,8 +4882,8 @@ function fa(e) {
 			case "fixed":
 				if (i) {
 					let e = m.fixed.findIndex((e) => Q(e) === t);
-					m.normal.unshift(sa(n, { meta: { tabState: { fixed: !1 } } })), m.fixed = m.fixed.filter((t, n) => n !== e);
-				} else m.fixed.push(sa(n, { meta: { tabState: { fixed: !0 } } })), m.normal = m.normal.filter((e, t) => t !== r);
+					m.normal.unshift(ca(n, { meta: { tabState: { fixed: !1 } } })), m.fixed = m.fixed.filter((t, n) => n !== e);
+				} else m.fixed.push(ca(n, { meta: { tabState: { fixed: !0 } } })), m.normal = m.normal.filter((e, t) => t !== r);
 				break;
 			case "close":
 				k(t);
@@ -4912,7 +4921,7 @@ function fa(e) {
 			default: break;
 		}
 	}
-	let N = me(() => {
+	let N = pe(() => {
 		c();
 	}, 500);
 	w(n, (e) => {
@@ -4939,7 +4948,7 @@ function fa(e) {
 	}, () => {
 		d?.name && D(d);
 	}, { immediate: !0 }), w(g, (e) => {
-		f.value && h.value && (p.value = la(m)), s(e);
+		f.value && h.value && (p.value = ua(m)), s(e);
 	});
 	function P(e, t, n) {
 		let r = m[n], i = r.findIndex((t) => t.name === e), a = r.findIndex((e) => e.name === t);
@@ -4959,7 +4968,7 @@ function fa(e) {
 		checkIsFixed: x,
 		reorderWithinGroup: P,
 		tabsController: {
-			getTabs: () => g.value.map((e) => oa(e)),
+			getTabs: () => g.value.map((e) => sa(e)),
 			getActive: () => _.value,
 			isActive: (e) => _.value === e,
 			isFixed: (e) => {
@@ -5005,7 +5014,7 @@ function fa(e) {
 		}
 	};
 }
-var pa = {
+var ma = {
 	getTabs: () => [],
 	getActive: () => "",
 	isActive: () => !1,
@@ -5023,20 +5032,20 @@ var pa = {
 	toggleFullscreen: () => {},
 	update: () => {}
 };
-function ma() {
-	return { tabsRouter: Ve()?.tabsState?.tabsController ?? pa };
+function ha() {
+	return { tabsRouter: Ve()?.tabsState?.tabsController ?? ma };
 }
 //#endregion
 //#region src/components/Footer/index.tsx
-function ha(e) {
+function ga(e) {
 	return e === !1 ? !1 : typeof e == "function" ? e() : e;
 }
-var ga = /* @__PURE__ */ o((t, { slots: n }) => {
+var _a = /* @__PURE__ */ o((t, { slots: n }) => {
 	let { prefixCls: r, proClasses: i, proStyles: o } = Y();
 	return () => {
-		let s = ha(t.footer);
+		let s = ga(t.footer);
 		if (s === !1) return null;
-		let c = ha(t.copyrightRender), l = c === !1 ? !1 : c ?? n.copyright?.() ?? t.copyright, u = t.links ?? [], d = s ?? n.footer?.();
+		let c = ga(t.copyrightRender), l = c === !1 ? !1 : c ?? n.copyright?.() ?? t.copyright, u = t.links ?? [], d = s ?? n.footer?.();
 		return d || u.length > 0 || l ? a(V, {
 			class: J(`${r.value}-footer`, i.value?.footer),
 			style: o.value?.footer
@@ -5087,7 +5096,7 @@ var ga = /* @__PURE__ */ o((t, { slots: n }) => {
 });
 //#endregion
 //#region src/components/CollapseButton/Arrow.tsx
-function _a() {
+function va() {
 	return a("svg", {
 		width: "1em",
 		height: "1em",
@@ -5098,7 +5107,7 @@ function _a() {
 }
 //#endregion
 //#region src/components/CollapseButton/index.tsx
-var va = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
+var ya = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
 	let { prefixCls: i, collapseConfig: o } = Y(), s = r(() => e.placement ?? o?.value?.placement ?? "sider"), c = r(() => J(`${i.value}-collapse-button`, `${i.value}-collapse-button-${s.value}`, e.collapsed && `${i.value}-collapse-button-${s.value}-collapsed`));
 	function l(e) {
 		t("click", e);
@@ -5112,7 +5121,7 @@ var va = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
 		onKeydown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l(e));
 		}
-	}, [n.icon?.({ collapsed: e.collapsed }) || s.value === "sider" ? a(_a, null, null) : a(G, { type: e.collapsed ? "MenuUnfoldOutlined" : "MenuFoldOutlined" }, null)]);
+	}, [n.icon?.({ collapsed: e.collapsed }) || s.value === "sider" ? a(va, null, null) : a(K, { type: e.collapsed ? "MenuUnfoldOutlined" : "MenuFoldOutlined" }, null)]);
 }, {
 	props: {
 		collapsed: {
@@ -5130,13 +5139,13 @@ var va = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
 });
 //#endregion
 //#region src/components/Logo/index.tsx
-function ya(e) {
+function ba(e) {
 	return e === !1 ? null : typeof e == "string" ? a("img", {
 		src: e,
 		alt: "logo"
 	}, null) : typeof e == "function" ? e() : e;
 }
-var ba = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
+var xa = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
 	let { layout: i, isMobile: o, prefixCls: s, collapsed: c, logoConfig: l, proClasses: u, proStyles: d, collapseConfig: f } = Y(), p = r(() => f?.value?.width), m = r(() => l?.value ? l?.value.title : ""), h = r(() => l?.value.image), g = r(() => c.value && [
 		"side",
 		"mix",
@@ -5150,7 +5159,7 @@ var ba = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
 		t("click");
 	}
 	return () => {
-		let e = n.image ? n.image() : ya(h.value), t = m.value && !g.value ? a("h1", null, [m.value]) : null;
+		let e = n.image ? n.image() : ba(h.value), t = m.value && !g.value ? a("h1", null, [m.value]) : null;
 		return a("div", {
 			class: v.value,
 			style: d.value.logo,
@@ -5173,13 +5182,13 @@ var ba = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
 	emits: ["click"],
 	name: "LayoutLogo",
 	inheritAttrs: !1
-}), xa = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
+}), Sa = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 	let { header: o, siderWidth: s, layout: c, menuState: l, prefixCls: u, collapseConfig: d, collapsed: f, isMobile: p, logoConfig: m, logoTitle: h, selectedKeys: g, openKeys: _, proClasses: v, proStyles: b, breadcrumbRender: x, breadcrumbConfig: S } = Y(t), C = r(() => l?.headerMenus.value ?? []), T = r(() => l?.breadcrumbItems.value ?? []), E = r(() => l?.breadcrumbRoutes.value ?? []), D = r(() => ["top"].includes(c.value ?? "") || ["mix", "wide"].includes(c.value ?? "") && !s.value), O = r(() => {
 		let e = {};
 		return o.value?.fixed && s.value && !p.value && (e.width = `calc(100% - ${j(s.value)})`), e;
 	}), k = y(!1);
 	if (typeof window < "u") {
-		let { y: e } = ge(), t = y(0);
+		let { y: e } = he(), t = y(0);
 		w(e, (e) => {
 			o.value?.autoHide ? k.value = e > 100 && e > t.value : k.value = !1, t.value = e;
 		});
@@ -5231,8 +5240,8 @@ var ba = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
 				D.value && m.value && (typeof n == "function" ? n?.({
 					collapsed: f.value,
 					title: h.value
-				}) : a(ba, { onClick: N }, i)),
-				d.value && d.value.placement === "header" && (r?.({ collapsed: f.value }) ?? a(va, {
+				}) : a(xa, { onClick: N }, i)),
+				d.value && d.value.placement === "header" && (r?.({ collapsed: f.value }) ?? a(ya, {
 					collapsed: f.value,
 					onClick: M
 				}, { icon: s })),
@@ -5283,10 +5292,10 @@ var ba = /* @__PURE__ */ o((e, { emit: t, slots: n }) => {
 });
 //#endregion
 //#region src/components/Sider/index.tsx
-function Sa(e) {
+function Ca(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
 }
-var Ca = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
+var wa = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 	let { sider: o, header: s, layout: c, menuState: l, prefixCls: u, cssVarCls: d, rootCls: f, collapseConfig: m, collapsed: g, isMobile: _, logoConfig: y, logoTitle: x, selectedKeys: S, openKeys: C, proClasses: w, proStyles: T, siderWidth: E, collapsedWidth: D } = Y(t), O = b(), k = v({
 		showTop: !1,
 		showBottom: !1
@@ -5299,7 +5308,7 @@ var Ca = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 		p(() => A());
 	});
 	let M = r(() => O.value?.wrapRef), N = r(() => M.value?.firstElementChild);
-	fe(M, () => A()), fe(N, () => A());
+	de(M, () => A()), de(N, () => A());
 	let F = r(() => l?.siderMenus.value ?? []), I = r(() => J(`${u.value}-sider`, w.value.sider, { [`${u.value}-sider-fixed`]: o.value?.fixed })), L = r(() => J(`${u.value}-sider-children`, w.value.siderChildren)), z = r(() => J(`${u.value}-sider-header`, w.value.siderHeader)), B = r(() => J(`${u.value}-sider-footer`, w.value.siderFooter));
 	function ee() {
 		n("update:collapsed", !g.value);
@@ -5335,7 +5344,7 @@ var Ca = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 			}, [typeof t == "function" ? t?.({
 				collapsed: g.value,
 				title: x.value
-			}) : a(ba, { onClick: V }, i)]),
+			}) : a(xa, { onClick: V }, i)]),
 			i.menuHeader?.({
 				collapsed: g.value,
 				isMobile: _.value
@@ -5367,7 +5376,7 @@ var Ca = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 				collapsed: g.value,
 				isMobile: _.value
 			})]),
-			m.value && m.value.placement === "sider" && (n?.({ collapsed: g.value }) ?? a(va, {
+			m.value && m.value.placement === "sider" && (n?.({ collapsed: g.value }) ?? a(ya, {
 				collapsed: g.value,
 				onClick: ee
 			}, { icon: r }))
@@ -5403,7 +5412,7 @@ var Ca = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 				},
 				width: E.value,
 				onClose: () => n("update:collapsed", !0)
-			}, Sa(e = W()) ? e : { default: () => [e] });
+			}, Ca(e = W()) ? e : { default: () => [e] });
 		}
 		return a(e, null, [o.value?.fixed && a("div", { style: {
 			width: `${j(E.value)}`,
@@ -5422,7 +5431,7 @@ var Ca = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 			style: T.value.sider,
 			onCollapse: U,
 			onBreakpoint: re
-		}, Sa(t = W()) ? t : { default: () => [t] })]);
+		}, Ca(t = W()) ? t : { default: () => [t] })]);
 	};
 }, {
 	props: {
@@ -5459,47 +5468,47 @@ var Ca = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 	],
 	name: "LayoutSider",
 	inheritAttrs: !1
-}), wa = [
+}), Ta = [
 	{
 		key: "fixed",
 		label: "置顶",
-		icon: (e) => s(G, { type: e ? "PinOff" : "Pin" })
+		icon: (e) => s(K, { type: e ? "PinOff" : "Pin" })
 	},
 	{
 		key: "close",
 		label: "关闭",
-		icon: s(G, { type: "CloseOutlined" })
+		icon: s(K, { type: "CloseOutlined" })
 	},
 	{
 		key: "fullScreen",
-		icon: (e) => s(G, { type: e ? "FullscreenExitOutlined" : "FullscreenOutlined" })
+		icon: (e) => s(K, { type: e ? "FullscreenExitOutlined" : "FullscreenOutlined" })
 	},
 	{
 		key: "reloadPage",
 		label: "重新加载",
-		icon: s(G, { type: "ReloadOutlined" })
+		icon: s(K, { type: "ReloadOutlined" })
 	},
 	{
 		key: "newBlank",
 		label: "新窗口打开",
-		icon: s(G, { type: "ExportOutlined" })
+		icon: s(K, { type: "ExportOutlined" })
 	},
 	{ key: "divider" },
 	{
 		key: "closeLeftTabs",
 		label: "关闭左侧",
-		icon: s(G, { type: "VerticalRightOutlined" })
+		icon: s(K, { type: "VerticalRightOutlined" })
 	},
 	{
 		key: "closeRightTabs",
 		label: "关闭右侧",
-		icon: s(G, { type: "VerticalLeftOutlined" })
+		icon: s(K, { type: "VerticalLeftOutlined" })
 	},
 	{ key: "divider" },
 	{
 		key: "closeOthersTabs",
 		label: "关闭其他",
-		icon: s(G, {
+		icon: s(K, {
 			type: "VerticalAlignMiddleOutlined",
 			rotate: 90
 		})
@@ -5507,28 +5516,28 @@ var Ca = /* @__PURE__ */ o((t, { emit: n, slots: i }) => {
 	{
 		key: "closeAllTabs",
 		label: "关闭全部",
-		icon: s(G, { type: "SwapOutlined" })
+		icon: s(K, { type: "SwapOutlined" })
 	}
 ];
-function Ta(e, t, n, r) {
+function Ea(e, t, n, r) {
 	let i = n.findIndex((e) => e.name === t);
 	switch (e) {
 		case "close": return r;
-		case "closeOthersTabs": return n.filter((e, t) => t !== i && !Da(e)).length === 0;
-		case "closeLeftTabs": return n.filter((e, t) => t < i && !Da(e)).length === 0;
-		case "closeRightTabs": return n.filter((e, t) => t > i && !Da(e)).length === 0;
-		case "closeAllTabs": return n.filter((e) => !Da(e)).length === 0;
+		case "closeOthersTabs": return n.filter((e, t) => t !== i && !Oa(e)).length === 0;
+		case "closeLeftTabs": return n.filter((e, t) => t < i && !Oa(e)).length === 0;
+		case "closeRightTabs": return n.filter((e, t) => t > i && !Oa(e)).length === 0;
+		case "closeAllTabs": return n.filter((e) => !Oa(e)).length === 0;
 		default: return !1;
 	}
 }
-function Ea(e, t) {
-	return e === "fixed" ? t.isFixed ? "取消置顶" : "置顶" : e === "fullScreen" ? t.isFullscreen ? "还原" : "最大化" : wa.find((t) => t.key === e)?.label ?? "";
+function Da(e, t) {
+	return e === "fixed" ? t.isFixed ? "取消置顶" : "置顶" : e === "fullScreen" ? t.isFullscreen ? "还原" : "最大化" : Ta.find((t) => t.key === e)?.label ?? "";
 }
-function Da(e) {
+function Oa(e) {
 	return e?.meta?.tabState?.fixed === !0;
 }
-var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
-	let { prefixCls: i, proClasses: o, tabsState: s, tabsHeight: c, setTabsHeight: l, contentFullscreen: u, header: d, isMobile: f } = Y(), p = y(""), m = y(), { height: h } = ce(m, void 0, { box: "border-box" });
+var ka = /* @__PURE__ */ o((t, { slots: n }) => {
+	let { prefixCls: i, proClasses: o, tabsState: s, tabsHeight: c, setTabsHeight: l, contentFullscreen: u, header: d, isMobile: f } = Y(), p = y(""), m = y(), { height: h } = se(m, void 0, { box: "border-box" });
 	w(h, (e) => {
 		e > 0 && l?.(e);
 	}, { immediate: !0 });
@@ -5545,7 +5554,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 	});
 	function C(e) {
 		let t = v.value(T(e));
-		return wa.map((n) => {
+		return Ta.map((n) => {
 			if (n.key === "divider") return {
 				type: "divider",
 				key: "divider"
@@ -5554,11 +5563,11 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			return {
 				key: r,
 				icon: typeof n.icon == "function" ? n.icon(r === "fixed" ? t : u.value) : n.icon,
-				label: Ea(r, {
+				label: Da(r, {
 					isFixed: t,
 					isFullscreen: u.value
 				}),
-				disabled: Ta(r, e, g.value, t)
+				disabled: Ea(r, e, g.value, t)
 			};
 		});
 	}
@@ -5589,12 +5598,12 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			}
 		}, { default: () => [l ?? a("div", { class: J(`${i.value}-tabs-title`) }, [
 			a("span", { class: `${i.value}-tabs-title-text` }, [r.meta?.title]),
-			c && a(G, {
+			c && a(K, {
 				type: "Pin",
 				class: `${i.value}-tabs-title-pin`,
 				"data-drag-ignore": "true"
 			}, null),
-			g.value.length > 1 && !c && a(G, {
+			g.value.length > 1 && !c && a(K, {
 				type: "CloseOutlined",
 				class: `${i.value}-tabs-title-close`,
 				"data-drag-ignore": "true",
@@ -5606,7 +5615,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 	}
 	function O() {
 		return g.value.length === 0 ? null : a("div", { class: J(`${i.value}-tabs-extra`) }, [
-			a(G, {
+			a(K, {
 				type: "ReloadOutlined",
 				class: `${i.value}-tabs-extra-btn`,
 				onClick: () => {
@@ -5618,11 +5627,11 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 				onClick: ({ key: e }) => {
 					s?.handleContextMenuAction?.(e, _.value);
 				}
-			} }, { default: () => [a(G, {
+			} }, { default: () => [a(K, {
 				type: "DownOutlined",
 				class: `${i.value}-tabs-extra-btn`
 			}, null)] }),
-			a(G, {
+			a(K, {
 				type: u.value ? "FullscreenExitOutlined" : "FullscreenOutlined",
 				class: `${i.value}-tabs-extra-btn`,
 				onClick: () => {
@@ -5638,7 +5647,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 		ref: m,
 		class: J(`${i.value}-tabs-content`),
 		style: S.value
-	}, [a(Fi, {
+	}, [a(Ii, {
 		items: E.value,
 		activeKey: _.value,
 		draggable: t.config?.draggable !== !1,
@@ -5671,7 +5680,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 	],
 	name: "LayoutTabs",
 	inheritAttrs: !1
-}), ka = /* @__PURE__ */ o((e, { slots: t }) => {
+}), Aa = /* @__PURE__ */ o((e, { slots: t }) => {
 	let { prefixCls: n, hasFooterToolbar: i, proClasses: o, proStyles: s } = Y(), c = r(() => J(`${n.value}-content`, o.value.content, { [`${n.value}-content-has-footer-toolbar`]: i.value }));
 	return () => a(ee, {
 		class: c.value,
@@ -5722,7 +5731,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 	},
 	logo: { title: "Antdv Next Pro" },
 	pageContainer: {}
-}, Aa = (e) => {
+}, ja = (e) => {
 	let t = `${e.componentCls}-breadcrumb`;
 	return { [t]: {
 		color: e.colorTextDescription,
@@ -5742,7 +5751,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 		},
 		[`${t}-link`]: {
 			color: e.colorTextDescription,
-			padding: `0 ${K(e.paddingXXS)}`,
+			padding: `0 ${q(e.paddingXXS)}`,
 			borderRadius: e.borderRadiusSM,
 			cursor: "pointer",
 			transition: `color ${e.motionDurationMid}`,
@@ -5767,11 +5776,11 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			display: "inline-flex",
 			alignItems: "center",
 			fontSize: e.fontSize,
-			minHeight: K(e.fontHeight)
+			minHeight: q(e.fontHeight)
 		},
 		[`${t}-overlay-link`]: {
 			color: e.colorTextDescription,
-			padding: `0 ${K(e.paddingXXS)}`,
+			padding: `0 ${q(e.paddingXXS)}`,
 			borderRadius: e.borderRadiusSM,
 			cursor: "pointer",
 			transition: `color ${e.motionDurationMid}`,
@@ -5779,7 +5788,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			alignItems: "center",
 			gap: e.marginXXS,
 			marginInline: e.calc(e.marginXXS).mul(-1).equal(),
-			"> .anticon": {
+			">.anticon,>.pro-anticon": {
 				marginInlineStart: e.marginXXS,
 				fontSize: e.fontSizeIcon
 			},
@@ -5794,7 +5803,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 		},
 		"li:last-child": { cursor: "default" }
 	} };
-}, ja = (e) => {
+}, Ma = (e) => {
 	let t = e.controlHeightSM;
 	return { [`${e.componentCls}-collapse-button`]: {
 		boxSizing: "border-box",
@@ -5847,7 +5856,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			"&-collapsed": { "& > svg": { transform: "rotate(-90deg)" } }
 		}
 	} };
-}, Ma = (e) => {
+}, Na = (e) => {
 	let { componentCls: t, antCls: n } = e;
 	return {
 		[`${t} ${n}-layout-content${t}-content`]: {
@@ -5872,7 +5881,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			"&-has-footer-toolbar": { [`${t}-content-inner`]: { paddingBottom: e.controlHeightLG } }
 		}
 	};
-}, Na = (e) => {
+}, Pa = (e) => {
 	let { componentCls: t, antCls: n } = e;
 	return {
 		[`${t} ${n}-layout-footer${t}-footer`]: {
@@ -5901,12 +5910,12 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			}
 		}
 	};
-}, Pa = (e) => {
+}, Fa = (e) => {
 	let { componentCls: t, antCls: n } = e, r = e.headerHeightLayoutHeader || e.controlHeightLG * 2;
 	return {
 		[`${t} ${n}-layout-header${t}-header`]: {
-			height: K(r),
-			lineHeight: K(r),
+			height: q(r),
+			lineHeight: q(r),
 			zIndex: 101,
 			width: "100%",
 			paddingBlock: 0,
@@ -5971,7 +5980,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			maxWidth: "100%"
 		} } }
 	};
-}, Fa = (e) => ({
+}, Ia = (e) => ({
 	[`${e.componentCls}-sider-header ${e.componentCls}-logo`]: { borderBlockEnd: `1px solid ${e.siderColorMenuItemDivider}` },
 	[`${e.componentCls}-mix ${e.componentCls}-sider-header ${e.componentCls}-logo, ${e.componentCls}-wide ${e.componentCls}-sider-header ${e.componentCls}-logo`]: {
 		paddingBlock: 0,
@@ -6041,8 +6050,8 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			width: "auto"
 		}
 	}
-}), Ia = (e) => {
-	let { componentCls: t, antCls: n, iconCls: r } = e, i = K(e.menuItemIconSize || e.fontSize);
+}), La = (e) => {
+	let { componentCls: t, antCls: n, iconCls: r } = e, i = q(e.menuItemIconSize || e.fontSize);
 	return {
 		[`${t} ${n}-menu${n}-menu-root`]: {
 			background: "transparent",
@@ -6077,7 +6086,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			}
 		}
 	};
-}, La = (e) => {
+}, Ra = (e) => {
 	let t = e.menuItemIconSize || e.fontSize;
 	return { [`${e.componentCls}-page-search`]: {
 		display: "flex",
@@ -6093,7 +6102,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 		borderRadius: e.borderRadiusLG * 2,
 		backgroundColor: e.headerColorBgRightActionsItemHover,
 		transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`,
-		">.anticon": {
+		">.anticon,>.pro-anticon": {
 			fontSize: e.fontSize,
 			color: e.colorTextTertiary
 		},
@@ -6147,7 +6156,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 					display: "flex",
 					alignItems: "center",
 					gap: e.sizeStep,
-					">.anticon": { fontSize: `${t}px` }
+					">.anticon,>.pro-anticon": { fontSize: `${t}px` }
 				},
 				"&.active": {
 					backgroundColor: e.colorPrimary,
@@ -6163,7 +6172,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			color: e.colorTextQuaternary
 		}
 	} };
-}, Ra = (e) => {
+}, za = (e) => {
 	let { componentCls: t, antCls: n } = e;
 	return { [t]: {
 		[`${t}-sider`]: {
@@ -6251,7 +6260,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			borderRadius: e.pageContainerBorderRadius
 		} }
 	} };
-}, za = (e) => {
+}, Ba = (e) => {
 	let { componentCls: t, calc: n } = e, r = e.controlHeightSM, i = e.controlHeightXS, a = `${t}-tabs`;
 	return { [a]: {
 		[`${a}-content`]: {
@@ -6280,8 +6289,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 				justifyContent: "center",
 				width: 12,
 				height: 12,
-				fontSize: 10,
-				color: e.colorPrimary
+				fontSize: 10
 			},
 			"&-close": {
 				display: "inline-flex",
@@ -6335,7 +6343,7 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 			transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`
 		} }
 	} };
-}, Ba = (e) => ({ [e.componentCls]: {
+}, Va = (e) => ({ [e.componentCls]: {
 	display: "flex",
 	flexDirection: "column",
 	minHeight: "100vh",
@@ -6362,22 +6370,22 @@ var Oa = /* @__PURE__ */ o((t, { slots: n }) => {
 		backgroundColor: "transparent"
 	},
 	"&-has-sider": { flexDirection: "row" }
-} }), Va = k("ProLayout", (e) => [
-	Ba(e),
+} }), Ha = k("ProLayout", (e) => [
+	Va(e),
+	Ia(e),
+	Ma(e),
 	Fa(e),
+	Ra(e),
 	ja(e),
-	Pa(e),
+	za(e),
 	La(e),
-	Aa(e),
-	Ra(e),
-	Ia(e),
-	Ma(e),
 	Na(e),
-	za(e)
+	Pa(e),
+	Ba(e)
 ]);
 //#endregion
 //#region src/utils/config.ts
-function Ha(e, t) {
+function Ua(e, t) {
 	return e === !1 ? null : {
 		...t,
 		...e ?? {}
@@ -6385,8 +6393,8 @@ function Ha(e, t) {
 }
 //#endregion
 //#region src/ProLayout.tsx
-var Ua = /* @__PURE__ */ o((e, { slots: t }) => {
-	let n = Ve(), { proLayoutToken: r } = N(), { prefixCls: i } = W("pro-layout"), o = ae(i), [s, c] = Va(i, o);
+var Wa = /* @__PURE__ */ o((e, { slots: t }) => {
+	let n = Ve(), { proLayoutToken: r } = N(), { prefixCls: i } = W("pro-layout"), o = G(i), [s, c] = Ha(i, o);
 	return Be({
 		...n,
 		hashId: s,
@@ -6420,30 +6428,30 @@ var Ua = /* @__PURE__ */ o((e, { slots: t }) => {
 		}
 	},
 	name: "InnerLayout"
-}), Wa = /* @__PURE__ */ o((e, { emit: t, expose: n, slots: i }) => {
-	let o = q(), s = be(), c = r(() => {
+}), Ga = /* @__PURE__ */ o((e, { emit: t, expose: n, slots: i }) => {
+	let o = ve(), s = be(), c = r(() => {
 		let t = e.token || {};
 		return t.headerHeightLayoutHeader ||= $.header.height, {
 			...t,
 			layoutKey: `${f.value ? "dark" : "light"}:${e.layout}`
 		};
-	}), l = r(() => e.layout ?? "side"), u = de("(max-width: 768px)"), d = he(e, "collapsed", t, {
+	}), l = r(() => e.layout ?? "side"), u = ue("(max-width: 768px)"), d = me(e, "collapsed", t, {
 		passive: !0,
 		defaultValue: !1
-	}), f = se(), p = he(e, "theme", t, {
+	}), f = oe(), p = me(e, "theme", t, {
 		passive: !0,
 		defaultValue: s?.theme?.value ?? "system"
-	}), { menuState: m } = ta({
+	}), { menuState: m } = na({
 		menus: () => e.menus,
 		selectedKeys: () => e.selectedKeys,
 		openKeys: () => e.openKeys,
 		config: () => e.menu ?? {},
 		layout: () => l.value,
 		isMobile: () => u.value
-	}), h = he(e, "selectedKeys", t, {
+	}), h = me(e, "selectedKeys", t, {
 		passive: !0,
 		defaultValue: []
-	}), g = he(e, "openKeys", t, {
+	}), g = me(e, "openKeys", t, {
 		passive: !0,
 		defaultValue: []
 	}), _ = y(!1), v = y(!0), b = y(!1), x = y(null), S = y(100);
@@ -6455,17 +6463,17 @@ var Ua = /* @__PURE__ */ o((e, { slots: t }) => {
 		}
 		t.path && o.currentRoute.value.fullPath !== t.path && o.push(t.path);
 	}
-	let w = r(() => Ha(e.logo, $.logo)), T = r(() => Ha(e.collapse, $.collapse)), E = r(() => Ha(e.footerConfig, $.footerConfig)), O = r(() => Ha(e.breadcrumb, $.breadcrumb)), k = r(() => ({
+	let w = r(() => Ua(e.logo, $.logo)), T = r(() => Ua(e.collapse, $.collapse)), E = r(() => Ua(e.footerConfig, $.footerConfig)), O = r(() => Ua(e.breadcrumb, $.breadcrumb)), k = r(() => ({
 		...$.pageContainer,
 		...e.pageContainer || {}
-	})), A = r(() => Ha(e.tabsConfig, $.tabsConfig)), j = r(() => A.value ?? {}), M = r(() => T.value?.width ?? $.collapse.width), N = r(() => {
+	})), A = r(() => Ua(e.tabsConfig, $.tabsConfig)), j = r(() => A.value ?? {}), M = r(() => T.value?.width ?? $.collapse.width), N = r(() => {
 		let t = e.sider?.width ?? $.sider.width;
 		return !t || _.value || ![
 			"side",
 			"mix",
 			"wide"
 		].includes(l.value ?? "") || m.siderMenus.value.length === 0 ? 0 : d.value ? M.value : t;
-	}), P = fa({
+	}), P = pa({
 		config: j,
 		flatMenus: m.flatMenus,
 		siderWidth: N,
@@ -6564,12 +6572,12 @@ var Ua = /* @__PURE__ */ o((e, { slots: t }) => {
 		}, { default: () => [a(ye, {
 			theme: p.value,
 			onChange: (e) => p.value = e
-		}, { default: () => [a(Ua, {
+		}, { default: () => [a(Wa, {
 			layout: l.value,
 			showSider: V.value,
 			proClasses: e.proClasses,
 			proStyles: e.proStyles
-		}, { default: () => [V.value && N.value && a(Ca, {
+		}, { default: () => [V.value && N.value && a(wa, {
 			onSelect: I,
 			onOpenChange: R,
 			onLogoClick: B,
@@ -6584,7 +6592,7 @@ var Ua = /* @__PURE__ */ o((e, { slots: t }) => {
 			class: `${te.value}-container`,
 			"data-testid": "pro-layout-container"
 		}, [
-			ee.value && a(xa, {
+			ee.value && a(Sa, {
 				onLogoClick: B,
 				"onUpdate:collapsed": z,
 				onSelect: I
@@ -6595,18 +6603,18 @@ var Ua = /* @__PURE__ */ o((e, { slots: t }) => {
 				breadcrumb: i.breadcrumb,
 				collapseIcon: i.collapseIcon
 			}),
-			A.value && a(Oa, {
+			A.value && a(ka, {
 				config: A.value,
 				onReloadPage: () => t("reloadPage"),
 				onContentFullscreenChange: (e) => {
 					_.value = e, t("contentFullscreenChange", e);
 				}
 			}, { tabBarItem: n.tabBarItem }),
-			a(ka, { loading: e.loading }, {
+			a(Aa, { loading: e.loading }, {
 				default: () => [i.default?.()],
 				...n
 			}),
-			H.value && a(ga, {
+			H.value && a(_a, {
 				links: E.value.links,
 				copyright: E.value.copyright
 			}, {
@@ -6812,4 +6820,4 @@ var Ua = /* @__PURE__ */ o((e, { slots: t }) => {
 	inheritAttrs: !1
 });
 //#endregion
-export { Ke as APP_PAGE_SLOT_KEYS, Ge as FOOTER_TOOLBAR_SLOT_KEYS, Ye as GFooterToolbar, Fi as GInnerTabs, xi as GPageTransition, ze as GProAppPage, Wa as GProLayout, Sn as GProPageContainer, Ue as LAYOUT_SLOT_KEYS, We as PAGE_CONTAINER_SLOT_KEYS, He as PRO_MENU_SLOT_KEYS, ln as ProMenu, Xi as buildBreadcrumbRoutes, Bi as buildMenuLookup, Li as cleanMenus, qi as collectMenuNames, Yi as getLastPath, Gi as insertMenuAtPath, zi as normalizeMenus, ea as partitionFixedMenus, Ki as removeMenuAtPath, Ji as resolveMatchedChain, Qi as resolveRouteTarget, Ii as routesToMenus, $i as selectMenuBranch, Ri as sortMenusByOrder, Zi as toBreadcrumbItems, Ui as updateMenuAtPath, Wi as updateMenuMetaAtPath, Pe as useAppPageContext, Ve as useInjectLayoutContext, ta as useMenu, ma as useTabs };
+export { Ke as APP_PAGE_SLOT_KEYS, Ge as FOOTER_TOOLBAR_SLOT_KEYS, Ye as GFooterToolbar, Ii as GInnerTabs, xi as GPageTransition, ze as GProAppPage, Ga as GProLayout, Sn as GProPageContainer, Ue as LAYOUT_SLOT_KEYS, We as PAGE_CONTAINER_SLOT_KEYS, He as PRO_MENU_SLOT_KEYS, ln as ProMenu, Zi as buildBreadcrumbRoutes, Vi as buildMenuLookup, Ri as cleanMenus, Ji as collectMenuNames, Xi as getLastPath, Ki as insertMenuAtPath, Bi as normalizeMenus, ta as partitionFixedMenus, qi as removeMenuAtPath, Yi as resolveMatchedChain, $i as resolveRouteTarget, Li as routesToMenus, ea as selectMenuBranch, zi as sortMenusByOrder, Qi as toBreadcrumbItems, Wi as updateMenuAtPath, Gi as updateMenuMetaAtPath, Pe as useAppPageContext, Ve as useInjectLayoutContext, na as useMenu, ha as useTabs };