@astryx-vue/core 0.2.5 → 0.3.0

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

@@ -1,7 +1,8 @@
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+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-CdcUSxAj.js";
-import { t as _sfc_main$3 } from "./NavDisclosure-C6sPZ89n.js";
+import { n as resolveNavRoot } from "./link-C4_WogdF.js";
+import { t as _sfc_main$3 } from "./NavDisclosure-C_fugrQ3.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
 /** 标题的点击边界：整段链接、整段打开菜单，或链接和箭头各管各的。 */
@@ -32,14 +33,17 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
+		const linkComponent = useLinkComponent();
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		const customLink = computed(() => props.as ?? linkComponent.value);
 		function root(href) {
-			return props.independent && href ? resolveNavRoot(href, false, props.as) : "span";
+			return props.independent && href ? resolveNavRoot(href, false, customLink.value) : "span";
 		}
 		function hrefOf(href) {
 			return props.independent ? href : void 0;
 		}
 		function toOf(href) {
-			return props.independent && props.as != null ? href : void 0;
+			return props.independent && customLink.value != null ? href : void 0;
 		}
 		function stopIfLink(event, href) {
 			if (props.independent && href) event.stopPropagation();
@@ -119,6 +123,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const slots = useSlots();
 		const messages = useAstryxMessages();
+		const linkComponent = useLinkComponent();
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		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 mode = computed(() => resolveNavHeadingMode({
@@ -128,11 +135,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			superheadingHref: props.superheadingHref,
 			subheadingHref: props.subheadingHref
 		}));
-		const headingRoot = computed(() => resolveNavRoot(props.headingHref, false, props.as));
+		const headingRoot = computed(() => resolveNavRoot(props.headingHref, false, customLink.value));
 		const logoName = computed(() => props.logoLabel || props.heading);
 		const logoIsLink = computed(() => Boolean(props.headingHref) && mode.value !== "whole-link" && mode.value !== "logo");
 		const textProps = computed(() => ({
-			as: props.as,
+			as: customLink.value,
 			block: block.value,
 			heading: props.heading,
 			headingHref: props.headingHref,
@@ -146,7 +153,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				key: 0,
 				class: normalizeClass([block.value, { [`${block.value}--link`]: __props.headingHref }]),
 				href: __props.headingHref,
-				to: __props.as != null ? __props.headingHref : void 0,
+				to: customLink.value != null ? __props.headingHref : void 0,
 				"aria-label": __props.headingHref ? logoName.value : void 0
 			}, {
 				default: withCtx(() => [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
@@ -163,7 +170,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				key: 1,
 				class: normalizeClass([block.value, `${block.value}--link`]),
 				href: __props.headingHref,
-				to: __props.as != null ? __props.headingHref : void 0
+				to: customLink.value != null ? __props.headingHref : void 0
 			}, {
 				default: withCtx(() => [
 					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
@@ -195,7 +202,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						key: 0,
 						class: normalizeClass(`${block.value}__icon`),
 						href: __props.headingHref,
-						to: __props.as != null ? __props.headingHref : void 0,
+						to: customLink.value != null ? __props.headingHref : void 0,
 						"aria-label": logoName.value,
 						onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
 					}, {
@@ -260,7 +267,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					key: 0,
 					class: normalizeClass(`${block.value}__icon`),
 					href: __props.headingHref,
-					to: __props.as != null ? __props.headingHref : void 0,
+					to: customLink.value != null ? __props.headingHref : 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-CB9Srua5.js";
+import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-CL1T2j4y.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-CdcUSxAj.js";
+import { n as resolveNavRoot } from "../link-C4_WogdF.js";
 import { t as _sfc_main } from "../NavItem-thEKXyJA.js";
-import { t as _sfc_main$1 } from "../NavItem-FFOisITc.js";
+import { t as _sfc_main$1 } from "../NavItem-BBIGSvDj.js";
 export { _sfc_main as NavIcon, _sfc_main$1 as NavItem, resolveNavRoot };

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

@@ -1,4 +1,5 @@
-import { n as resolveNavRoot, t as isExternalNavTarget } from "./link-CdcUSxAj.js";
+import { n as useLinkComponent } from "./context-C_peZbXf.js";
+import { n as resolveNavRoot, t as isExternalNavTarget } from "./link-C4_WogdF.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
@@ -58,11 +59,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const slots = useSlots();
 		const attrs = useAttrs();
+		const linkComponent = useLinkComponent();
 		function forwardedAttrs() {
 			return Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style"));
 		}
 		const isLink = computed(() => props.href != null && props.href !== "" && !props.isDisabled);
-		const root = computed(() => resolveNavRoot(props.href, props.isDisabled, props.as));
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		const customLink = computed(() => props.as ?? linkComponent.value);
+		const root = computed(() => resolveNavRoot(props.href, props.isDisabled, customLink.value));
 		const glyph = computed(() => {
 			if (props.isSelected && props.selectedIconClass) return props.selectedIconClass;
 			return props.iconClass;
@@ -100,7 +104,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				]],
 				style: unref(attrs).style,
 				href: isLink.value ? __props.href : void 0,
-				to: isLink.value && __props.as != null ? __props.href : void 0,
+				to: isLink.value && customLink.value != null ? __props.href : void 0,
 				target: isLink.value ? __props.target : void 0,
 				rel: rel.value,
 				type: isLink.value ? void 0 : "button",

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-YmSe1ujk.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-lgvUFSCO.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-C6sPZ89n.js";
-import { n as _sfc_main$1, t as _sfc_main$2 } from "../NavMenu-ClIgMaxE.js";
-import { n as _sfc_main$3, t as _sfc_main$4 } from "../NavMenuItem-E7S8gBh-.js";
+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";
 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-ClIgMaxE.js → NavMenu-ThXguZAz.js}

@@ -1,6 +1,7 @@
+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-C6sPZ89n.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 "../styles/nav-menu.css";
 //#region src/NavMenu/NavHeadingMenu.vue
@@ -130,11 +131,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const menu = inject(navMenuKey, null);
 		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);
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		const customLink = computed(() => props.as ?? linkComponent.value);
 		const root = computed(() => {
 			if (!isLink.value) return "div";
-			return props.as == null ? "a" : toRaw(props.as);
+			return customLink.value == null ? "a" : toRaw(customLink.value);
 		});
 		function onClick(event) {
 			if (props.isDisabled) {
@@ -152,7 +156,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				class: normalizeClass(["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 && __props.as != null ? __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

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

@@ -1,6 +1,7 @@
+import { n as useLinkComponent } from "./context-C_peZbXf.js";
 import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
-import { i as navMenuKey, n as navMenuCloseKey } from "./NavDisclosure-C6sPZ89n.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 "../styles/nav-menu.css";
 //#region src/NavMenu/NavMenu.vue
@@ -118,9 +119,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const emit = __emit;
 		const menu = inject(navMenuKey, null);
 		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 root = computed(() => resolveNavRoot(props.href, props.isDisabled, props.as));
+		/** 自己的 `as` 优先，其次是 LinkProvider 给的默认链接组件。 */
+		const customLink = computed(() => props.as ?? linkComponent.value);
+		const root = computed(() => resolveNavRoot(props.href, props.isDisabled, customLink.value));
 		function onClick(event) {
 			if (props.isDisabled) {
 				event.preventDefault();
@@ -137,7 +141,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				class: normalizeClass(["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 && __props.as != null ? __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,

package/dist/NumberInput/index.d.ts

@@ -1,2 +1,2 @@
-import { i as NumberInputStatus, n as NumberInputEmits, r as NumberInputProps, t as _default } from "../index-D4I_obqR.js";
+import { Jr as NumberInputEmits, Xr as NumberInputStatus, Yr as NumberInputProps, qr as _default } from "../index-DUaLJO7l.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-B4IL3s_8.js";
+import { t as _sfc_main } from "../NumberInput-AZ9x3oja.js";
 export { _sfc_main as NumberInput };