@astryx-vue/core 0.2.5 → 0.3.0

package/dist/{MoreMenu-B95nRSe8.js → MoreMenu-Dlb7MLlW.js}

@@ -1,12 +1,14 @@
+import { n as useLinkComponent } from "./context-C_peZbXf.js";
+import { t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
 import { n as getFocusables, t as focusElement } from "./focus-CpficIgf.js";
+import { t as _sfc_main$5 } from "./IconButton-DDNgNl7B.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
-import { t as _sfc_main$5 } from "./Heading-B9C3LZlS.js";
-import { t as _sfc_main$6 } from "./IconButton-BNQuz9W_.js";
+import { t as _sfc_main$6 } from "./Heading-BnwWEWkp.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { t as _sfc_main$7 } from "./Icon-bteSId7T.js";
 import { t as _sfc_main$8 } from "./Divider-BtwnL18I.js";
-import { n as _sfc_main$10, t as _sfc_main$9 } from "./ListItem-CcRHWuEm.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
+import { n as _sfc_main$10, t as _sfc_main$9 } from "./ListItem-8RWT8XAG.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/more-menu.css";
 //#region src/MoreMenu/context.ts
 const moreMenuContextKey = Symbol("astryx-more-menu");
@@ -219,7 +221,7 @@ const _hoisted_6$1 = {
 	key: 2,
 	class: "astryx-more-menu__item-end"
 };
-const _hoisted_7$1 = { class: "astryx-more-menu__item-hint" };
+const _hoisted_7 = { class: "astryx-more-menu__item-hint" };
 const HOVER_OPEN_DELAY = 150;
 const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	name: "AstryxMoreMenuRow",
@@ -232,6 +234,9 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const menu = useMoreMenuContext();
+		const linkComponent = useLinkComponent();
+		/** 有链接时用的根组件，没有 provider 时还是 `<a>`。 */
+		const linkRoot = computed(() => linkComponent.value == null ? "a" : toRaw(linkComponent.value));
 		const level = useMoreMenuLevel();
 		const root = useTemplateRef("root");
 		const item = computed(() => props.item);
@@ -320,7 +325,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 			level?.registerRow(props.rowKey, null);
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(isLink.value ? "a" : "div"), {
+			return openBlock(), createBlock(resolveDynamicComponent(isLink.value ? linkRoot.value : "div"), {
 				id: __props.rowId,
 				ref_key: "root",
 				ref: root,
@@ -332,6 +337,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 				"data-disabled": item.value.isDisabled || void 0,
 				"data-submenu": isSubmenu.value || void 0,
 				href: isLink.value ? item.value.href : void 0,
+				to: isLink.value && linkRoot.value !== "a" ? item.value.href : void 0,
 				rel: isLink.value ? resolvedRel.value : void 0,
 				role: "menuitem",
 				tabindex: item.value.isDisabled ? void 0 : -1,
@@ -353,7 +359,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 						class: "astryx-more-menu__caret",
 						icon: "chevronRight",
 						size: "sm"
-					})])) : item.value.endContent != null ? (openBlock(), createElementBlock("span", _hoisted_6$1, [createElementVNode("span", _hoisted_7$1, toDisplayString(item.value.endContent), 1)])) : createCommentVNode("v-if", true)
+					})])) : item.value.endContent != null ? (openBlock(), createElementBlock("span", _hoisted_6$1, [createElementVNode("span", _hoisted_7, toDisplayString(item.value.endContent), 1)])) : createCommentVNode("v-if", true)
 				]),
 				_: 1
 			}, 40, [
@@ -366,6 +372,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 				"data-disabled",
 				"data-submenu",
 				"href",
+				"to",
 				"rel",
 				"tabindex",
 				"target"
@@ -430,6 +437,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 		const panel = useTemplateRef("panel");
 		const isPanelOpen = computed(() => props.isOpen);
 		const hasOverflow = useOverflow(panel, isPanelOpen);
+		useScrollbars(panel);
 		const openRowKey = ref(null);
 		const renderedRowKey = ref(null);
 		const flyoutFocus = ref("none");
@@ -803,18 +811,17 @@ const _hoisted_1$1 = {
 };
 const _hoisted_2 = ["id", "aria-label"];
 const _hoisted_3 = { class: "astryx-more-menu__sheet-header" };
-const _hoisted_4 = { class: "astryx-more-menu__sheet-body" };
-const _hoisted_5 = {
+const _hoisted_4 = {
 	key: 0,
 	class: "astryx-more-menu__sheet-divider",
 	role: "presentation"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
 	key: 1,
 	class: "astryx-more-menu__sheet-group",
 	role: "presentation"
 };
-const _hoisted_7 = ["aria-label"];
+const _hoisted_6 = ["aria-label"];
 const ROW_CONTROL_SELECTOR = "a[href], button:not([disabled])";
 const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	name: "AstryxMoreMenuSheet",
@@ -832,6 +839,8 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const sheet = useTemplateRef("sheet");
+		const sheetBody = useTemplateRef("sheetBody");
+		useScrollbars(sheetBody);
 		const path = ref([]);
 		const drilledRowIds = ref([]);
 		const currentItems = computed(() => path.value.at(-1)?.items ?? props.items);
@@ -980,7 +989,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 						"aria-label": title.value,
 						tabindex: -1,
 						onKeydown
-					}, [createElementVNode("div", _hoisted_3, [path.value.length > 0 ? (openBlock(), createBlock(_sfc_main$6, {
+					}, [createElementVNode("div", _hoisted_3, [path.value.length > 0 ? (openBlock(), createBlock(_sfc_main$5, {
 						key: 0,
 						class: "astryx-more-menu__sheet-back",
 						label: __props.backLabel,
@@ -994,22 +1003,26 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 							size: "sm"
 						})]),
 						_: 1
-					}, 8, ["label"])) : createCommentVNode("v-if", true), createVNode(_sfc_main$5, {
+					}, 8, ["label"])) : createCommentVNode("v-if", true), createVNode(_sfc_main$6, {
 						class: "astryx-more-menu__sheet-title",
 						level: 3,
 						tabindex: -1
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
 						_: 1
-					})]), createElementVNode("div", _hoisted_4, [createVNode(_sfc_main$10, {
+					})]), createElementVNode("div", {
+						ref_key: "sheetBody",
+						ref: sheetBody,
+						class: "astryx-more-menu__sheet-body"
+					}, [createVNode(_sfc_main$10, {
 						class: "astryx-more-menu__sheet-list",
 						density: "spacious"
 					}, {
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
-							return openBlock(), createElementBlock(Fragment, { key: entry.key }, [entry.kind === "divider" ? (openBlock(), createElementBlock("li", _hoisted_5, [createVNode(_sfc_main$8)])) : entry.kind === "section" ? (openBlock(), createElementBlock("li", _hoisted_6, [createElementVNode("div", {
+							return openBlock(), createElementBlock(Fragment, { key: entry.key }, [entry.kind === "divider" ? (openBlock(), createElementBlock("li", _hoisted_4, [createVNode(_sfc_main$8)])) : entry.kind === "section" ? (openBlock(), createElementBlock("li", _hoisted_5, [createElementVNode("div", {
 								"aria-label": entry.section.title,
 								role: "group"
-							}, [entry.section.title != null && entry.section.title !== "" ? (openBlock(), createBlock(_sfc_main$5, {
+							}, [entry.section.title != null && entry.section.title !== "" ? (openBlock(), createBlock(_sfc_main$6, {
 								key: 0,
 								class: "astryx-more-menu__sheet-heading",
 								level: 4
@@ -1027,7 +1040,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 									}, null, 8, ["item", "row-id"]);
 								}), 128))]),
 								_: 2
-							}, 1024)], 8, _hoisted_7)])) : (openBlock(), createBlock(_sfc_main$2, {
+							}, 1024)], 8, _hoisted_6)])) : (openBlock(), createBlock(_sfc_main$2, {
 								key: 2,
 								item: entry.row.item,
 								"row-id": entry.row.rowId,
@@ -1036,7 +1049,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 							}, null, 8, ["item", "row-id"]))], 64);
 						}), 128))]),
 						_: 1
-					})])], 40, _hoisted_2)
+					})], 512)], 40, _hoisted_2)
 				])) : createCommentVNode("v-if", true)]),
 				_: 1
 			})]);
@@ -1236,7 +1249,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"data-presentation": resolvedPresentation.value,
 				"data-size": __props.size,
 				"data-variant": __props.variant
-			}, [createVNode(_sfc_main$6, {
+			}, [createVNode(_sfc_main$5, {
 				ref_key: "trigger",
 				ref: trigger,
 				"aria-controls": isSheet.value ? sheetId : menuId,

package/dist/MultiSelector/index.d.ts

@@ -1,2 +1,2 @@
-import { _ as MultiSelectorSlots, a as MultiSelectorCreateChange, b as MultiSelectorTriggerDisplay, c as MultiSelectorHandle, d as MultiSelectorOptionData, f as MultiSelectorPresentation, g as MultiSelectorSize, h as MultiSelectorSelectedItem, i as MultiSelectorCheckboxPosition, l as MultiSelectorHandleRef, m as MultiSelectorSection, n as flattenOptions, o as MultiSelectorDivider, p as MultiSelectorProps, r as _default, s as MultiSelectorEmits, t as SELECT_ALL_VALUE, u as MultiSelectorOption, v as MultiSelectorStatus, x as MultiSelectorVariant, y as MultiSelectorStatusVariant } from "../index-4TRnFGxv.js";
+import { _ as MultiSelectorSlots, a as MultiSelectorCreateChange, b as MultiSelectorTriggerDisplay, c as MultiSelectorHandle, d as MultiSelectorOptionData, f as MultiSelectorPresentation, g as MultiSelectorSize, h as MultiSelectorSelectedItem, i as MultiSelectorCheckboxPosition, l as MultiSelectorHandleRef, m as MultiSelectorSection, n as flattenOptions, o as MultiSelectorDivider, p as MultiSelectorProps, r as _default, s as MultiSelectorEmits, t as SELECT_ALL_VALUE, u as MultiSelectorOption, v as MultiSelectorStatus, x as MultiSelectorVariant, y as MultiSelectorStatusVariant } from "../index-D41_xqjs.js";
 export { _default as MultiSelector, type MultiSelectorCheckboxPosition, type MultiSelectorCreateChange, type MultiSelectorDivider, type MultiSelectorEmits, type MultiSelectorHandle, type MultiSelectorHandleRef, type MultiSelectorOption, type MultiSelectorOptionData, type MultiSelectorPresentation, type MultiSelectorProps, type MultiSelectorSection, type MultiSelectorSelectedItem, type MultiSelectorSize, type MultiSelectorSlots, type MultiSelectorStatus, type MultiSelectorStatusVariant, type MultiSelectorTriggerDisplay, type MultiSelectorVariant, SELECT_ALL_VALUE, flattenOptions };

package/dist/MultiSelector/index.js

@@ -1,2 +1,2 @@
-import { n as SELECT_ALL_VALUE, r as flattenOptions, t as _sfc_main } from "../MultiSelector-DuF5TECE.js";
+import { n as SELECT_ALL_VALUE, r as flattenOptions, t as _sfc_main } from "../MultiSelector-BtAUfQ3t.js";
 export { _sfc_main as MultiSelector, SELECT_ALL_VALUE, flattenOptions };

package/dist/{MultiSelector-DuF5TECE.js → MultiSelector-BtAUfQ3t.js}

@@ -1,19 +1,23 @@
+import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
+import { t as _sfc_main$1 } from "./ButtonTooltip-nWWrth8j.js";
 import { t as useAnnounce } from "./announce-Cnio10Wk.js";
 import { t as useCombobox } from "./useCombobox-CTo5C-gc.js";
 import { t as useDisclosureHandle } from "./useDisclosureHandle-Df3HhAfC.js";
 import { t as useFieldControlState } from "./useFieldControlState-voICDrys.js";
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { t as _sfc_main$1 } from "./BottomSheet-BV6vfgGu.js";
-import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$3 } from "./Spinner-9cYUCnDy.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { t as _sfc_main$2 } from "./BottomSheet-pt7m4CvC.js";
+import { t as _sfc_main$3 } from "./Icon-bteSId7T.js";
+import { t as _sfc_main$4 } from "./Spinner-9cYUCnDy.js";
 import { t as useIndicator } from "./useIndicator-i1NORM7W.js";
-import { t as _sfc_main$4 } from "./Field-8zRxzDHE.js";
+import { t as _sfc_main$5 } from "./Field-D5gUEGw4.js";
 import { t as INPUT_GROUP_KEY } from "./context-D5-MwxnN.js";
-import { n as fieldStatusPlacement, r as _sfc_main$5, t as searchResultMessage } from "./searchResultMessage-CCnq-_ce.js";
-import { t as _sfc_main$6 } from "./Token-D2GsI_Ei.js";
-import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-BN9LQnon.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { n as fieldStatusPlacement, r as _sfc_main$6, t as searchResultMessage } from "./searchResultMessage-hXXNOFJP.js";
+import { t as _sfc_main$7 } from "./Token-DsntTYhQ.js";
+import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-DwztMNjP.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import "../styles/button.css";
 import "../styles/visually-hidden-utility.css";
 import "../styles/multi-selector.css";
 //#region src/MultiSelector/createOption.ts
@@ -149,8 +153,7 @@ const _hoisted_2 = [
 	"aria-controls",
 	"aria-autocomplete",
 	"aria-activedescendant",
-	"aria-describedby",
-	"title"
+	"aria-describedby"
 ];
 const _hoisted_3 = {
 	key: 0,
@@ -244,6 +247,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		disabledMessage: {},
 		disabledReason: {},
 		status: { default: "default" },
 		statusMessage: {},
@@ -255,6 +259,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		hasClear: { type: Boolean },
+		isDefaultOpen: { type: Boolean },
 		searchable: {
 			type: Boolean,
 			default: false
@@ -299,11 +305,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		"update:modelValue",
 		"change",
 		"search",
-		"openChange"
+		"openChange",
+		"click",
+		"focus",
+		"keydown"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const slots = useSlots();
 		const CheckboxMark = useIndicator("checkbox");
 		const messages = useAstryxMessages();
 		const announce = useAnnounce();
@@ -322,9 +332,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const listboxRef = useTemplateRef("listboxRef");
 		const triggerRef = useTemplateRef("triggerRef");
 		const searchRef = useTemplateRef("searchRef");
+		useScrollbars(listboxRef);
 		const query = ref("");
 		const readOnlyId = `${triggerId}-readonly`;
-		const focusableDisabled = computed(() => control.isDisabled.value && Boolean(props.disabledReason?.trim()));
+		const disabledTooltipId = `${triggerId}-disabled-tooltip`;
+		/** 旧名 disabledReason 和新名 disabledMessage 等价。 */
+		const resolvedDisabledMessage = computed(() => props.disabledMessage?.trim() || props.disabledReason?.trim());
+		const showsDisabledMessage = computed(() => control.isDisabled.value && !!resolvedDisabledMessage.value);
+		const disabledTooltip = useButtonTooltip(showsDisabledMessage);
+		const hasClear = computed(() => props.hasClear || props.clearable);
+		const hasCustomTrigger = computed(() => slots.trigger != null);
+		const customAnchor = shallowRef(null);
+		const anchor = computed(() => customAnchor.value ?? anchorRef.value);
+		function setCustomTrigger(element) {
+			customAnchor.value = element instanceof HTMLElement ? element : null;
+		}
 		const selectedValues = computed(() => props.modelValue ?? []);
 		const placeholder = computed(() => props.placeholder ?? messages.value.multiSelector.placeholder);
 		const searchPlaceholder = computed(() => props.searchPlaceholder ?? messages.value.multiSelector.search);
@@ -378,6 +400,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			description: option.description
 		})));
 		const dummyValue = ref(null);
+		let openingFromMount = false;
 		const selectAllIndex = computed(() => props.selectAll ? createOption.value ? 1 : 0 : -1);
 		const combobox = useCombobox({
 			options: comboboxOptions,
@@ -387,7 +410,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			onChange: () => {},
 			onOpenChange: (isOpen) => {
 				emit("openChange", isOpen);
-				if (isOpen && props.searchable) nextTick(() => searchRef.value?.focus());
+				if (isOpen && props.searchable && !openingFromMount) nextTick(() => searchRef.value?.focus());
 				if (!isOpen) query.value = "";
 			}
 		});
@@ -409,7 +432,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			searchKeyboardFocus.value = false;
 		}
 		const anchored = useAnchoredListbox({
-			anchor: anchorRef,
+			anchor,
 			layer: listboxRef,
 			isOpen: computed(() => combobox.isOpen.value && !isSheet.value),
 			onDismiss: () => {
@@ -463,7 +486,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				inGroup.value ? inputGroup?.describedBy.value : void 0,
 				!inGroup.value && props.description ? `${triggerId}-description` : void 0,
 				!inGroup.value && props.statusMessage ? `${triggerId}-status` : void 0,
-				focusableDisabled.value ? disabledId : void 0
+				showsDisabledMessage.value ? disabledId : void 0
 			].filter(Boolean).join(" ") || void 0;
 		});
 		watch(query, (value) => {
@@ -513,9 +536,35 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (optionByValue.value.get(value)?.disabled) return;
 			commit(isSelected(value) ? selectedValues.value.filter((item) => item !== value) : [...selectedValues.value, value]);
 		}
-		function onTriggerClick() {
+		function onTriggerClick(event) {
 			if (control.canActivate.value) combobox.toggle();
+			emit("click", event);
+		}
+		function onTriggerFocus(event) {
+			emit("focus", event);
+			disabledTooltip.onFocus(event);
 		}
+		function onTriggerKeyDown(event) {
+			applyKeyboardModel(event);
+			if (!event.defaultPrevented) emit("keydown", event);
+		}
+		const triggerProps = computed(() => ({
+			"id": triggerId,
+			"onClick": onTriggerClick,
+			"onKeyDown": onTriggerKeyDown,
+			"onFocus": onTriggerFocus,
+			"aria-haspopup": "listbox",
+			"aria-expanded": combobox.isOpen.value,
+			"aria-controls": listboxId,
+			"aria-busy": control.isLoading.value ? true : void 0,
+			"triggerRef": setCustomTrigger
+		}));
+		onMounted(() => {
+			if (!props.isDefaultOpen) return;
+			openingFromMount = true;
+			openPanel();
+			openingFromMount = false;
+		});
 		function openPanel() {
 			if (control.canActivate.value) combobox.open();
 		}
@@ -532,7 +581,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			isOpen: () => combobox.isOpen.value
 		};
 		useDisclosureHandle(() => props.handleRef, handle);
-		function onKeyDown(event) {
+		function applyKeyboardModel(event) {
 			if (!control.canActivate.value || event.isComposing) return;
 			const searchInput = props.searchable && event.target instanceof HTMLInputElement;
 			switch (event.key) {
@@ -624,13 +673,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return isSelected(option.value) ? "checked" : "unchecked";
 		}
 		__expose({
-			focus: () => (props.searchable && combobox.isOpen.value ? searchRef.value : triggerRef.value)?.focus(),
-			blur: () => triggerRef.value?.blur(),
+			focus: () => (props.searchable && combobox.isOpen.value ? searchRef.value : anchor.value)?.focus(),
+			blur: () => anchor.value?.blur(),
 			...handle
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				createVNode(_sfc_main$4, {
+				hasCustomTrigger.value ? renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(triggerProps.value)), void 0, void 0, 0) : (openBlock(), createBlock(_sfc_main$5, {
+					key: 1,
 					class: normalizeClass(["astryx-multi-selector", [`size-${props.size}`, `variant-${props.variant}`]]),
 					label: props.label,
 					"input-id": props.searchable && unref(combobox).isOpen.value ? searchId : triggerId,
@@ -652,7 +702,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"is-readonly": unref(control).isReadOnly.value,
 							"is-loading": unref(control).isLoading.value,
 							"is-ghost": props.variant === "ghost"
-						}]])
+						}]]),
+						onPointerenter: _cache[2] || (_cache[2] = (...args) => unref(disabledTooltip).onPointerEnter && unref(disabledTooltip).onPointerEnter(...args)),
+						onPointerleave: _cache[3] || (_cache[3] = (...args) => unref(disabledTooltip).onPointerLeave && unref(disabledTooltip).onPointerLeave(...args))
 					}, [
 						_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true),
 						createElementVNode("button", {
@@ -661,8 +713,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							ref: triggerRef,
 							type: "button",
 							class: "astryx-multi-selector-trigger",
-							disabled: unref(control).isDisabled.value && !focusableDisabled.value,
-							"aria-disabled": focusableDisabled.value ? "true" : void 0,
+							disabled: unref(control).isDisabled.value && !showsDisabledMessage.value,
+							"aria-disabled": showsDisabledMessage.value ? "true" : void 0,
 							"aria-readonly": unref(control).isReadOnly.value || void 0,
 							"aria-busy": unref(control).isLoading.value || void 0,
 							role: props.searchable && !unref(control).isReadOnly.value ? void 0 : "combobox",
@@ -672,37 +724,38 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"aria-autocomplete": props.searchable ? void 0 : "none",
 							"aria-activedescendant": !props.searchable && unref(combobox).isOpen.value && unref(combobox).activeIndex.value >= 0 ? optionDomId(unref(combobox).activeIndex.value) : void 0,
 							"aria-describedby": [describedBy.value, unref(control).isReadOnly.value ? readOnlyId : void 0].filter(Boolean).join(" ") || void 0,
-							title: props.disabledReason,
 							onClick: onTriggerClick,
-							onKeydown: onKeyDown
+							onFocus: onTriggerFocus,
+							onBlur: _cache[0] || (_cache[0] = (...args) => unref(disabledTooltip).onBlur && unref(disabledTooltip).onBlur(...args)),
+							onKeydown: onTriggerKeyDown
 						}, [selectedOptions.value.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(placeholder.value), 1)) : props.triggerDisplay === "count" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(formattedValue.value ?? unref(messages).multiSelector.selected(selectedOptions.value.length)), 1)) : props.triggerDisplay === "labels" ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(formattedValue.value ?? labelText.value), 1)) : (openBlock(), createElementBlock("span", {
 							key: 3,
 							ref: unref(overflow).containerRef,
 							class: "astryx-multi-selector-badges"
 						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedOptions.value.slice(0, visibleBadgeCount.value), (option) => {
-							return openBlock(), createBlock(_sfc_main$6, {
+							return openBlock(), createBlock(_sfc_main$7, {
 								key: option.value,
 								label: option.label,
 								size: props.size === "lg" ? "md" : "sm"
 							}, null, 8, ["label", "size"]);
 						}), 128)), hiddenBadgeCount.value > 0 ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(messages).multiSelector.more(hiddenBadgeCount.value)), 1)) : createCommentVNode("v-if", true)], 512))], 40, _hoisted_2),
-						unref(control).isLoading.value ? (openBlock(), createBlock(_sfc_main$3, {
+						unref(control).isLoading.value ? (openBlock(), createBlock(_sfc_main$4, {
 							key: 1,
 							class: "astryx-multi-selector-spinner",
 							size: "sm",
 							"aria-label": unref(messages).multiSelector.loading
 						}, null, 8, ["aria-label"])) : createCommentVNode("v-if", true),
-						props.clearable && selectedValues.value.length > 0 && unref(control).canActivate.value ? (openBlock(), createElementBlock("button", {
+						hasClear.value && selectedValues.value.length > 0 && unref(control).canActivate.value ? (openBlock(), createElementBlock("button", {
 							key: 2,
 							type: "button",
 							class: "astryx-multi-selector-clear",
-							"aria-label": unref(messages).multiSelector.clear,
-							onClick: _cache[0] || (_cache[0] = withModifiers(($event) => commit([]), ["stop"]))
-						}, [createVNode(_sfc_main$2, {
+							"aria-label": unref(messages).multiSelector.clearAll(props.label),
+							onClick: _cache[1] || (_cache[1] = withModifiers(($event) => commit([]), ["stop"]))
+						}, [createVNode(_sfc_main$3, {
 							icon: "close",
 							size: "sm"
 						})], 8, _hoisted_7)) : createCommentVNode("v-if", true),
-						statusGlyph.value ? (openBlock(), createBlock(_sfc_main$5, {
+						statusGlyph.value ? (openBlock(), createBlock(_sfc_main$6, {
 							key: 3,
 							type: statusGlyph.value,
 							message: fieldStatus.value?.message,
@@ -711,7 +764,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"type",
 							"message",
 							"tooltip"
-						])) : unref(control).canActivate.value ? (openBlock(), createBlock(_sfc_main$2, {
+						])) : unref(control).canActivate.value ? (openBlock(), createBlock(_sfc_main$3, {
 							key: 4,
 							class: normalizeClass(["astryx-multi-selector-chevron", { "is-open": unref(combobox).isOpen.value }]),
 							icon: "chevronDown",
@@ -728,17 +781,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							class: "astryx-multi-selector-measure",
 							"aria-hidden": "true"
 						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedOptions.value, (option) => {
-							return openBlock(), createBlock(_sfc_main$6, {
+							return openBlock(), createBlock(_sfc_main$7, {
 								key: option.value,
 								label: option.label,
 								size: props.size === "lg" ? "md" : "sm"
 							}, null, 8, ["label", "size"]);
 						}), 128)), createElementVNode("span", _hoisted_8, toDisplayString(measureMoreLabel.value), 1)], 512)) : createCommentVNode("v-if", true),
-						focusableDisabled.value ? (openBlock(), createElementBlock("span", {
+						showsDisabledMessage.value ? (openBlock(), createElementBlock("span", {
 							key: 7,
 							id: disabledId,
 							class: "astryx-visually-hidden"
-						}, toDisplayString(props.disabledReason), 1)) : createCommentVNode("v-if", true),
+						}, toDisplayString(resolvedDisabledMessage.value), 1)) : createCommentVNode("v-if", true),
 						(openBlock(true), createElementBlock(Fragment, null, renderList(selectedValues.value, (value) => {
 							return openBlock(), createElementBlock("input", {
 								key: value,
@@ -748,7 +801,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								disabled: !props.name
 							}, null, 8, _hoisted_9);
 						}), 128))
-					], 2)]),
+					], 34)]),
 					_: 3
 				}, 8, [
 					"class",
@@ -762,11 +815,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"status",
 					"status-variant",
 					"width"
-				]),
-				isSheet.value ? (openBlock(), createBlock(_sfc_main$1, {
-					key: 0,
+				])),
+				isSheet.value ? (openBlock(), createBlock(_sfc_main$2, {
+					key: 2,
 					"is-open": sheetOpen.value,
-					"onUpdate:isOpen": _cache[1] || (_cache[1] = ($event) => sheetOpen.value = $event),
+					"onUpdate:isOpen": _cache[4] || (_cache[4] = ($event) => sheetOpen.value = $event),
 					height: "hug",
 					label: props.label,
 					padding: 2
@@ -795,7 +848,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						class: "astryx-multi-selector-search",
 						"data-keyboard-focus": searchKeyboardFocus.value ? "true" : void 0
 					}, [
-						createVNode(_sfc_main$2, {
+						createVNode(_sfc_main$3, {
 							class: "astryx-multi-selector-search-icon",
 							icon: "search",
 							size: "sm"
@@ -818,15 +871,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							onInput: onSearchInput,
 							onFocus: onSearchFocus,
 							onBlur: onSearchBlur,
-							onKeydown: onKeyDown
+							onKeydown: applyKeyboardModel
 						}, null, 40, _hoisted_13),
 						query.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							type: "button",
 							class: "astryx-multi-selector-search-clear",
 							"aria-label": unref(messages).multiSelector.clear,
-							onClick: _cache[2] || (_cache[2] = withModifiers(($event) => query.value = "", ["stop"]))
-						}, [createVNode(_sfc_main$2, {
+							onClick: _cache[5] || (_cache[5] = withModifiers(($event) => query.value = "", ["stop"]))
+						}, [createVNode(_sfc_main$3, {
 							icon: "close",
 							size: "sm"
 						})], 8, _hoisted_14)) : createCommentVNode("v-if", true)
@@ -840,9 +893,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"aria-selected": false,
 						"data-option-id": String(createOption.value.value),
 						tabindex: "-1",
-						onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {}, ["prevent"])),
-						onMouseenter: _cache[4] || (_cache[4] = ($event) => highlight(0)),
-						onClick: _cache[5] || (_cache[5] = ($event) => toggleValue(createOption.value.value))
+						onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"])),
+						onMouseenter: _cache[7] || (_cache[7] = ($event) => highlight(0)),
+						onClick: _cache[8] || (_cache[8] = ($event) => toggleValue(createOption.value.value))
 					}, [createElementVNode("span", _hoisted_16, toDisplayString(createOption.value.label), 1)], 42, _hoisted_15)) : createCommentVNode("v-if", true),
 					createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/mouse-events-have-key-events -- 全选行不进 Tab 序，方向键和空格由组合框处理。 "),
 					props.selectAll && !unref(control).isLoading.value && realMatchCount.value > 0 ? (openBlock(), createElementBlock("div", {
@@ -853,9 +906,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"aria-selected": selectAllState.value === "checked",
 						"data-option-id": unref(SELECT_ALL_VALUE),
 						tabindex: "-1",
-						onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"])),
-						onMouseenter: _cache[7] || (_cache[7] = ($event) => highlight(selectAllIndex.value)),
-						onClick: _cache[8] || (_cache[8] = ($event) => toggleValue(unref("__astryx_select_all__")))
+						onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {}, ["prevent"])),
+						onMouseenter: _cache[10] || (_cache[10] = ($event) => highlight(selectAllIndex.value)),
+						onClick: _cache[11] || (_cache[11] = ($event) => toggleValue(unref("__astryx_select_all__")))
 					}, [
 						props.checkboxPosition === "start" ? (openBlock(), createBlock(resolveDynamicComponent(unref(CheckboxMark)), {
 							key: 0,
@@ -881,7 +934,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"aria-disabled": row.option.disabled || void 0,
 							"data-option-id": String(row.option.value),
 							tabindex: "-1",
-							onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {}, ["prevent"])),
+							onMousedown: _cache[12] || (_cache[12] = withModifiers(() => {}, ["prevent"])),
 							onMouseenter: ($event) => highlight(optionIndex(row.option.value)),
 							onClick: ($event) => toggleValue(row.option.value)
 						}, [
@@ -913,7 +966,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						], 42, _hoisted_21)], 2112)) : createCommentVNode("v-if", true)], 64);
 					}), 128)) : createCommentVNode("v-if", true),
 					showEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_25, [!query.value.trim() ? renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(emptyText.value), 1)], void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(emptySearchText.value), 1)], 64))])) : createCommentVNode("v-if", true)
-				], 14, _hoisted_11), [[vShow, unref(combobox).isOpen.value]])], 8, ["to"]))
+				], 14, _hoisted_11), [[vShow, unref(combobox).isOpen.value]])], 8, ["to"])),
+				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 3,
+					id: disabledTooltipId,
+					anchor: anchor.value,
+					open: unref(disabledTooltip).isOpen.value,
+					text: resolvedDisabledMessage.value ?? "",
+					onPointerEnter: unref(disabledTooltip).onTooltipPointerEnter,
+					onPointerLeave: unref(disabledTooltip).onTooltipPointerLeave
+				}, null, 8, [
+					"anchor",
+					"open",
+					"text",
+					"onPointerEnter",
+					"onPointerLeave"
+				])) : createCommentVNode("v-if", true)
 			], 64);
 		};
 	}

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

@@ -1,5 +1,4 @@
-import { t as useDismiss } from "./useDismiss-Cj8x_51F.js";
-import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
+import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.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/nav-menu.css";
 //#region src/NavMenu/context.ts