@astryx-vue/core 0.3.0 → 0.4.0

package/dist/{NavDisclosure-C_fugrQ3.js → NavDisclosure-Bq9DTZLO.js}

@@ -1,8 +1,10 @@
-import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
+import { t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-B7cvG-_v.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, unref, useId, useModel, watch } from "vue";
+import "../styles/layer.css";
 import "../styles/nav-menu.css";
 //#region src/NavMenu/context.ts
-const navMenuKey = Symbol("astryx-nav-menu");
+const navMenuKey = defineLayerScopedKey("astryx-nav-menu", null);
 const navMenuCloseKey = Symbol("astryx-nav-menu-close");
 /** 弹出层要求菜单把焦点放在哪一项。菜单可以自己收，调用方也可以用插槽参数盖过它。 */
 const navMenuFocusKey = Symbol("astryx-nav-menu-focus");
@@ -41,6 +43,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const panelId = `astryx-nav-panel-${useId()}`;
 		let showTimer;
 		let hideTimer;
+		let hoverOpenedAt = 0;
+		let closedAt = 0;
 		const placement = computed(() => props.placement);
 		const alignment = computed(() => props.alignment);
 		const dismissEnabled = computed(() => isOpen.value);
@@ -67,6 +71,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		function close(restoreFocus = false) {
 			clearTimers();
+			hoverOpenedAt = 0;
+			closedAt = Date.now();
 			const shouldRestore = restoreFocus || (surfaceRef.value?.contains(document.activeElement) ?? false);
 			focusRequest.value = null;
 			if (!isOpen.value) return;
@@ -81,11 +87,23 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		function onTriggerClick(event) {
 			const target = event.target;
 			if (target instanceof Element && target.closest("a")) return;
-			if (isOpen.value) {
-				close(event.detail === 0);
+			clearTimers();
+			if (event.detail === 0) {
+				hoverOpenedAt = 0;
+				if (isOpen.value) close(true);
+				else open("first");
+				return;
+			}
+			if (!isOpen.value) {
+				hoverOpenedAt = 0;
+				open(null);
+				return;
+			}
+			if (hoverOpenedAt > 0 && Date.now() - hoverOpenedAt < 500) {
+				hoverOpenedAt = 0;
 				return;
 			}
-			open(event.detail === 0 ? "first" : null);
+			close(false);
 		}
 		function onTriggerKeydown(event) {
 			if (event.target instanceof Element && event.target.closest("a, input, textarea, select")) return;
@@ -105,11 +123,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		function onPointerEnter() {
 			if (!props.hover) return;
+			if (closedAt > 0 && Date.now() - closedAt < 300) return;
 			clearTimeout(hideTimer);
 			hideTimer = void 0;
 			if (isOpen.value) return;
 			clearTimeout(showTimer);
-			showTimer = setTimeout(open, props.showDelay, null);
+			showTimer = setTimeout(() => {
+				hoverOpenedAt = Date.now();
+				open(null);
+			}, props.showDelay);
 		}
 		function onPointerLeave() {
 			if (!props.hover) return;
@@ -150,7 +172,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					id: panelId,
 					ref_key: "surfaceRef",
 					ref: surfaceRef,
-					class: normalizeClass(["astryx-nav-disclosure__panel", __props.panelClass]),
+					class: normalizeClass(["astryx-nav-disclosure__panel astryx-layer", __props.panelClass]),
 					style: normalizeStyle(panelStyle.value),
 					"data-placement": unref(position).placement,
 					onPointerenter: onPointerEnter,

package/dist/{NavHeadingSurface-B3yJspSN.js → NavHeadingSurface-C4v_MtkX.js}

@@ -1,8 +1,8 @@
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
-import { n as resolveNavRoot } from "./link-C4_WogdF.js";
-import { t as _sfc_main$3 } from "./NavDisclosure-C_fugrQ3.js";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$2 } from "./Icon-KDnUyY7f.js";
+import { i as safeNavHref, n as isNavigableHref, r as resolveNavRoot } from "./link-DuuA2eCL.js";
+import { t as _sfc_main$3 } from "./NavDisclosure-Bq9DTZLO.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx, withModifiers } from "vue";
 //#region src/NavMenu/navHeadingMode.ts
 /** 标题的点击边界：整段链接、整段打开菜单，或链接和箭头各管各的。 */
@@ -37,13 +37,13 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
 		const customLink = computed(() => props.as ?? linkComponent.value);
 		function root(href) {
-			return props.independent && href ? resolveNavRoot(href, false, customLink.value) : "span";
+			return props.independent && isNavigableHref(href) ? resolveNavRoot(href, false, customLink.value) : "span";
 		}
 		function hrefOf(href) {
-			return props.independent ? href : void 0;
+			return props.independent && isNavigableHref(href) ? href : void 0;
 		}
 		function toOf(href) {
-			return props.independent && customLink.value != null ? href : void 0;
+			return props.independent && isNavigableHref(href) && customLink.value != null ? href : void 0;
 		}
 		function stopIfLink(event, href) {
 			if (props.independent && href) event.stopPropagation();
@@ -128,33 +128,36 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const customLink = computed(() => props.as ?? linkComponent.value);
 		const block = computed(() => props.kind === "top" ? "astryx-top-nav-heading" : "astryx-side-nav-heading");
 		const hasMenu = computed(() => slots.menu != null);
+		const safeHeadingHref = computed(() => safeNavHref(props.headingHref));
+		const safeSuperheadingHref = computed(() => safeNavHref(props.superheadingHref));
+		const safeSubheadingHref = computed(() => safeNavHref(props.subheadingHref));
 		const mode = computed(() => resolveNavHeadingMode({
 			hasHeading: Boolean(props.heading),
 			hasMenu: hasMenu.value,
-			headingHref: props.headingHref,
-			superheadingHref: props.superheadingHref,
-			subheadingHref: props.subheadingHref
+			headingHref: safeHeadingHref.value,
+			superheadingHref: safeSuperheadingHref.value,
+			subheadingHref: safeSubheadingHref.value
 		}));
-		const headingRoot = computed(() => resolveNavRoot(props.headingHref, false, customLink.value));
+		const headingRoot = computed(() => resolveNavRoot(safeHeadingHref.value, false, customLink.value));
 		const logoName = computed(() => props.logoLabel || props.heading);
-		const logoIsLink = computed(() => Boolean(props.headingHref) && mode.value !== "whole-link" && mode.value !== "logo");
+		const logoIsLink = computed(() => Boolean(safeHeadingHref.value) && mode.value !== "whole-link" && mode.value !== "logo");
 		const textProps = computed(() => ({
 			as: customLink.value,
 			block: block.value,
 			heading: props.heading,
-			headingHref: props.headingHref,
+			headingHref: safeHeadingHref.value,
 			subheading: props.subheading,
-			subheadingHref: props.subheadingHref,
+			subheadingHref: safeSubheadingHref.value,
 			superheading: props.superheading,
-			superheadingHref: props.superheadingHref
+			superheadingHref: safeSuperheadingHref.value
 		}));
 		return (_ctx, _cache) => {
-			return mode.value === "logo" ? (openBlock(), createBlock(resolveDynamicComponent(__props.headingHref ? headingRoot.value : "div"), {
+			return mode.value === "logo" ? (openBlock(), createBlock(resolveDynamicComponent(safeHeadingHref.value ? headingRoot.value : "div"), {
 				key: 0,
-				class: normalizeClass([block.value, { [`${block.value}--link`]: __props.headingHref }]),
-				href: __props.headingHref,
-				to: customLink.value != null ? __props.headingHref : void 0,
-				"aria-label": __props.headingHref ? logoName.value : void 0
+				class: normalizeClass([block.value, { [`${block.value}--link`]: safeHeadingHref.value }]),
+				href: safeHeadingHref.value,
+				to: safeHeadingHref.value && customLink.value != null ? safeHeadingHref.value : void 0,
+				"aria-label": safeHeadingHref.value ? logoName.value : void 0
 			}, {
 				default: withCtx(() => [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -169,8 +172,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			])) : mode.value === "whole-link" ? (openBlock(), createBlock(resolveDynamicComponent(headingRoot.value), {
 				key: 1,
 				class: normalizeClass([block.value, `${block.value}--link`]),
-				href: __props.headingHref,
-				to: customLink.value != null ? __props.headingHref : void 0
+				href: safeHeadingHref.value,
+				to: safeHeadingHref.value && customLink.value != null ? safeHeadingHref.value : void 0
 			}, {
 				default: withCtx(() => [
 					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
@@ -201,8 +204,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					logoIsLink.value && _ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(headingRoot.value), {
 						key: 0,
 						class: normalizeClass(`${block.value}__icon`),
-						href: __props.headingHref,
-						to: customLink.value != null ? __props.headingHref : void 0,
+						href: safeHeadingHref.value,
+						to: safeHeadingHref.value && customLink.value != null ? safeHeadingHref.value : void 0,
 						"aria-label": logoName.value,
 						onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
 					}, {
@@ -266,8 +269,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				logoIsLink.value && _ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(headingRoot.value), {
 					key: 0,
 					class: normalizeClass(`${block.value}__icon`),
-					href: __props.headingHref,
-					to: customLink.value != null ? __props.headingHref : void 0,
+					href: safeHeadingHref.value,
+					to: safeHeadingHref.value && customLink.value != null ? safeHeadingHref.value : void 0,
 					"aria-label": logoName.value
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),

package/dist/NavItem/index.d.ts

@@ -1,3 +1,3 @@
 import { a as NavItemSize, i as NavItemProps, n as NavIconSlots, o as NavItemSlots, r as NavItemEmits, s as NavLinkComponent, t as NavIconProps } from "../types-BG23kC3S.js";
-import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-CL1T2j4y.js";
+import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-DY8Wph-A.js";
 export { _default as NavIcon, type NavIconProps, type NavIconSlots, _default$1 as NavItem, type NavItemEmits, type NavItemProps, type NavItemSize, type NavItemSlots, type NavLinkComponent, resolveNavRoot };

package/dist/NavItem/index.js

@@ -1,4 +1,4 @@
-import { n as resolveNavRoot } from "../link-C4_WogdF.js";
+import { r as resolveNavRoot } from "../link-DuuA2eCL.js";
 import { t as _sfc_main } from "../NavItem-thEKXyJA.js";
-import { t as _sfc_main$1 } from "../NavItem-BBIGSvDj.js";
+import { t as _sfc_main$1 } from "../NavItem-BPb3yfgz.js";
 export { _sfc_main as NavIcon, _sfc_main$1 as NavItem, resolveNavRoot };

package/dist/{NavItem-BBIGSvDj.js → NavItem-BPb3yfgz.js}

@@ -1,5 +1,6 @@
+import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
-import { n as resolveNavRoot, t as isExternalNavTarget } from "./link-C4_WogdF.js";
+import { n as isNavigableHref, r as resolveNavRoot, t as isExternalNavTarget } from "./link-DuuA2eCL.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
 import "../styles/nav-item.css";
 //#region src/NavItem/NavItem.vue
@@ -60,10 +61,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const slots = useSlots();
 		const attrs = useAttrs();
 		const linkComponent = useLinkComponent();
+		/** 触屏按压模型只标记，按压色由 nav-item.css 自己画。 */
+		const { pressableProps } = usePressFeedback({ hasOverlay: false });
 		function forwardedAttrs() {
-			return Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style"));
+			const forwarded = Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style"));
+			return props.isDisabled ? forwarded : {
+				...pressableProps,
+				...forwarded
+			};
 		}
-		const isLink = computed(() => props.href != null && props.href !== "" && !props.isDisabled);
+		const isLink = computed(() => isNavigableHref(props.href, props.isDisabled));
+		const iconOnlyName = computed(() => {
+			const given = attrs["aria-label"];
+			if (!props.isIconOnly) return typeof given === "string" ? given : void 0;
+			if (typeof given === "string" && given.trim() !== "") return given;
+			return props.label;
+		});
 		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
 		const customLink = computed(() => props.as ?? linkComponent.value);
 		const root = computed(() => resolveNavRoot(props.href, props.isDisabled, customLink.value));
@@ -111,7 +124,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				disabled: isLink.value ? void 0 : __props.isDisabled,
 				"aria-current": __props.isSelected ? "page" : void 0,
 				"aria-disabled": __props.isDisabled || void 0,
-				"aria-label": __props.isIconOnly ? __props.label : void 0,
+				"aria-label": iconOnlyName.value,
 				"aria-expanded": __props.expanded == null ? void 0 : __props.expanded ? "true" : "false",
 				"aria-controls": __props.controls,
 				"aria-haspopup": __props.hasPopup,

package/dist/NavMenu/index.d.ts

@@ -1,2 +1,2 @@
-import { a as _default, c as NavHeadingMenuItemEmits, d as NavMenuEmits, f as NavMenuItemEmits, g as NavMenuSize, h as NavMenuFocusRequest, i as _default$1, l as NavHeadingMenuItemProps, m as NavMenuProps, n as _default$3, o as NavDisclosureProps, p as NavMenuItemProps, r as _default$2, s as NavHeadingMenuEmits, t as _default$4, u as NavHeadingMenuProps } from "../index-lgvUFSCO.js";
+import { a as _default, c as NavHeadingMenuItemEmits, d as NavMenuEmits, f as NavMenuItemEmits, g as NavMenuSize, h as NavMenuFocusRequest, i as _default$1, l as NavHeadingMenuItemProps, m as NavMenuProps, n as _default$3, o as NavDisclosureProps, p as NavMenuItemProps, r as _default$2, s as NavHeadingMenuEmits, t as _default$4, u as NavHeadingMenuProps } from "../index-CryFtTT6.js";
 export { _default as NavDisclosure, type NavDisclosureProps, _default$1 as NavHeadingMenu, type NavHeadingMenuEmits, _default$2 as NavHeadingMenuItem, type NavHeadingMenuItemEmits, type NavHeadingMenuItemProps, type NavHeadingMenuProps, _default$3 as NavMenu, type NavMenuEmits, type NavMenuFocusRequest, _default$4 as NavMenuItem, type NavMenuItemEmits, type NavMenuItemProps, type NavMenuProps, type NavMenuSize };

package/dist/NavMenu/index.js

@@ -1,4 +1,4 @@
-import { t as _sfc_main } from "../NavDisclosure-C_fugrQ3.js";
-import { n as _sfc_main$1, t as _sfc_main$2 } from "../NavMenu-ThXguZAz.js";
-import { n as _sfc_main$3, t as _sfc_main$4 } from "../NavMenuItem-BvJNsDFC.js";
+import { t as _sfc_main } from "../NavDisclosure-Bq9DTZLO.js";
+import { n as _sfc_main$1, t as _sfc_main$2 } from "../NavMenu-BYIDzjix.js";
+import { n as _sfc_main$3, t as _sfc_main$4 } from "../NavMenuItem-D3FO90GR.js";
 export { _sfc_main as NavDisclosure, _sfc_main$1 as NavHeadingMenu, _sfc_main$2 as NavHeadingMenuItem, _sfc_main$3 as NavMenu, _sfc_main$4 as NavMenuItem };

package/dist/{NavMenu-ThXguZAz.js → NavMenu-BYIDzjix.js}

@@ -1,13 +1,16 @@
+import { n as readLayerScoped } from "./scopedProvide-C-Df7c15.js";
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
-import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { t as useTypeahead } from "./useTypeahead-PAK8lMYz.js";
-import { i as navMenuKey, n as navMenuCloseKey, r as navMenuFocusKey } from "./NavDisclosure-C_fugrQ3.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, watch, withCtx } from "vue";
+import { t as useListFocus } from "./useListFocus-ChxLg0b4.js";
+import { t as useTypeahead } from "./useTypeahead-BvtflkRk.js";
+import { n as isNavigableHref } from "./link-DuuA2eCL.js";
+import { i as navMenuKey, n as navMenuCloseKey, r as navMenuFocusKey } from "./NavDisclosure-Bq9DTZLO.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, mergeProps, nextTick, normalizeClass, onMounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, useAttrs, watch, withCtx } from "vue";
 import "../styles/nav-menu.css";
 //#region src/NavMenu/NavHeadingMenu.vue
 const _hoisted_1$1 = ["aria-label"];
 const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	name: "AstryxNavHeadingMenu",
+	inheritAttrs: false,
 	__name: "NavHeadingMenu",
 	props: {
 		label: {},
@@ -41,7 +44,28 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			onMatch: focusItem,
 			getCurrentIndex: () => menuItems().findIndex((element) => element === document.activeElement || element.contains(document.activeElement))
 		});
+		const attrs = useAttrs();
+		/** 调用者挂在菜单上的 keydown 监听，先于菜单自己的键盘处理执行。 */
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "onKeydown" && key !== "onKeydownCapture")));
+		/** 捕获阶段就已经被取消的按键。这些按键不是菜单项取消的，菜单要照这个取消结果不再导航。 */
+		const cancelledBeforeItems = /* @__PURE__ */ new WeakSet();
+		function callHandlers(handler, event) {
+			for (const fn of Array.isArray(handler) ? handler : [handler]) fn?.(event);
+		}
+		function onKeyDownCapture(event) {
+			callHandlers(attrs.onKeydownCapture, event);
+			if (event.defaultPrevented) cancelledBeforeItems.add(event);
+		}
+		/**
+		* 菜单项自己的处理函数取消了按键（比如 preventDefault）时，方向键导航照常工作；
+		* 调用者在菜单上取消，才会让菜单不再导航。
+		*/
 		function onKeyDown(event) {
+			const cancelledByItem = event.defaultPrevented && !cancelledBeforeItems.has(event);
+			callHandlers(attrs.onKeydown, event);
+			if (cancelledByItem || !event.defaultPrevented) navigate(event);
+		}
+		function navigate(event) {
 			if (event.key === "Enter" || event.key === " ") {
 				const focused = document.activeElement;
 				if (focused instanceof HTMLElement && focused.getAttribute("role") === "menuitem") {
@@ -78,16 +102,18 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			size
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("div", mergeProps({
 				ref_key: "listRef",
-				ref: listRef,
-				class: normalizeClass(["astryx-nav-heading-menu astryx-nav-menu", `astryx-nav-menu--${size.value}`]),
+				ref: listRef
+			}, forwardedAttrs.value, {
+				class: ["astryx-nav-heading-menu astryx-nav-menu", `astryx-nav-menu--${size.value}`],
 				role: "menu",
 				tabindex: "-1",
 				"aria-label": __props.label,
-				style: normalizeStyle(minWidthStyle.value),
+				style: minWidthStyle.value,
+				onKeydownCapture: onKeyDownCapture,
 				onKeydown: onKeyDown
-			}, [renderSlot(_ctx.$slots, "default")], 46, _hoisted_1$1);
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$1);
 		};
 	}
 });
@@ -113,6 +139,7 @@ const _hoisted_5 = {
 };
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxNavHeadingMenuItem",
+	inheritAttrs: false,
 	__name: "NavHeadingMenuItem",
 	props: {
 		label: {},
@@ -129,11 +156,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const menu = inject(navMenuKey, null);
+		const menu = readLayerScoped(navMenuKey);
 		const closeMenu = inject(navMenuCloseKey, void 0);
 		const linkComponent = useLinkComponent();
 		const size = computed(() => menu?.size.value ?? "md");
-		const isLink = computed(() => props.href != null && props.href !== "" && !props.isDisabled);
+		const isLink = computed(() => isNavigableHref(props.href, props.isDisabled));
 		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
 		const customLink = computed(() => props.as ?? linkComponent.value);
 		const root = computed(() => {
@@ -152,21 +179,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			else closeMenu?.();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(root.value), {
-				class: normalizeClass(["astryx-nav-heading-menu-item astryx-nav-menu-item", [`astryx-nav-menu-item--${size.value}`, { "astryx-nav-menu-item--disabled": __props.isDisabled }]]),
+			return openBlock(), createBlock(resolveDynamicComponent(root.value), mergeProps(_ctx.$attrs, {
+				class: ["astryx-nav-heading-menu-item astryx-nav-menu-item", [`astryx-nav-menu-item--${size.value}`, { "astryx-nav-menu-item--disabled": __props.isDisabled }]],
 				role: "menuitem",
 				href: isLink.value ? __props.href : void 0,
 				to: isLink.value && customLink.value != null ? __props.href : void 0,
 				"aria-disabled": __props.isDisabled || void 0,
 				tabindex: __props.isDisabled ? void 0 : -1,
 				onClick
-			}, {
+			}), {
 				default: withCtx(() => [__props.iconClass || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.iconClass ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(["astryx-nav-menu-item__glyph", __props.iconClass])
 				}, null, 2)) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, [_ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.label), 1)), __props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])]),
 				_: 3
-			}, 8, [
+			}, 16, [
 				"class",
 				"href",
 				"to",

package/dist/{NavMenuItem-BvJNsDFC.js → NavMenuItem-D3FO90GR.js}

@@ -1,8 +1,10 @@
+import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
+import { n as readLayerScoped } from "./scopedProvide-C-Df7c15.js";
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
-import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { n as resolveNavRoot } from "./link-C4_WogdF.js";
-import { i as navMenuKey, n as navMenuCloseKey } from "./NavDisclosure-C_fugrQ3.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, nextTick, normalizeClass, onMounted, openBlock, provide, renderSlot, resolveDynamicComponent, toDisplayString, watch, withCtx } from "vue";
+import { t as useListFocus } from "./useListFocus-ChxLg0b4.js";
+import { n as isNavigableHref, r as resolveNavRoot } from "./link-DuuA2eCL.js";
+import { i as navMenuKey, n as navMenuCloseKey } from "./NavDisclosure-Bq9DTZLO.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, mergeProps, nextTick, normalizeClass, onMounted, openBlock, provide, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
 import "../styles/nav-menu.css";
 //#region src/NavMenu/NavMenu.vue
 const _hoisted_1$1 = ["aria-label"];
@@ -117,11 +119,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const menu = inject(navMenuKey, null);
+		const menu = readLayerScoped(navMenuKey);
 		const closeMenu = inject(navMenuCloseKey, void 0);
 		const linkComponent = useLinkComponent();
 		const size = computed(() => menu?.size.value ?? "md");
-		const isLink = computed(() => props.href != null && props.href !== "" && !props.isDisabled);
+		const isLink = computed(() => isNavigableHref(props.href, props.isDisabled));
+		const { pressableProps } = usePressFeedback({ hasOverlay: false });
 		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
 		const customLink = computed(() => props.as ?? linkComponent.value);
 		const root = computed(() => resolveNavRoot(props.href, props.isDisabled, customLink.value));
@@ -137,17 +140,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			menu?.close();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(root.value), {
-				class: normalizeClass(["astryx-nav-menu-item", [`astryx-nav-menu-item--${size.value}`, { "astryx-nav-menu-item--disabled": __props.isDisabled }]]),
+			return openBlock(), createBlock(resolveDynamicComponent(root.value), mergeProps({
+				class: ["astryx-nav-menu-item", [`astryx-nav-menu-item--${size.value}`, { "astryx-nav-menu-item--disabled": __props.isDisabled }]],
 				role: __props.isMenuItem ? "menuitem" : void 0,
 				href: isLink.value ? __props.href : void 0,
 				to: isLink.value && customLink.value != null ? __props.href : void 0,
 				type: isLink.value ? void 0 : "button",
 				disabled: isLink.value ? void 0 : __props.isDisabled,
 				"aria-disabled": __props.isDisabled || void 0,
-				tabindex: __props.isMenuItem && !__props.isDisabled ? -1 : void 0,
-				onClick
-			}, {
+				tabindex: __props.isMenuItem && !__props.isDisabled ? -1 : void 0
+			}, __props.isDisabled ? {} : unref(pressableProps), { onClick }), {
 				default: withCtx(() => [
 					__props.iconClass || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.iconClass ? (openBlock(), createElementBlock("span", {
 						key: 0,
@@ -157,7 +159,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					_ctx.$slots.end ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("v-if", true)
 				]),
 				_: 3
-			}, 8, [
+			}, 16, [
 				"class",
 				"role",
 				"href",

package/dist/NumberInput/index.d.ts

@@ -1,2 +1,2 @@
-import { Jr as NumberInputEmits, Xr as NumberInputStatus, Yr as NumberInputProps, qr as _default } from "../index-DUaLJO7l.js";
+import { Jr as _default, Xr as NumberInputProps, Yr as NumberInputEmits, Zr as NumberInputStatus } from "../index-CpNlPLBF.js";
 export { _default as NumberInput, type NumberInputEmits, type NumberInputProps, type NumberInputStatus };

package/dist/NumberInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../NumberInput-AZ9x3oja.js";
+import { t as _sfc_main } from "../NumberInput-B0vzOg3N.js";
 export { _sfc_main as NumberInput };