@astryx-vue/core 0.2.5 → 0.3.0

package/dist/{Pagination-CNe9F6Fl.js → Pagination-DqwNQFRp.js}

@@ -1,6 +1,6 @@
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { t as usePendingChange } from "./usePendingChange-ib-h8FZK.js";
-import { t as _sfc_main$1 } from "./Selector-5N-hq2nF.js";
+import { t as _sfc_main$1 } from "./Selector-DJ2BhUTV.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, unref, vShow, watch, withDirectives, withKeys } from "vue";
 import "../styles/pagination.css";
 /**
@@ -215,6 +215,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		label: {},
+		totalItems: {},
 		prevLabel: {},
 		nextLabel: {},
 		pageSizeLabel: {}
@@ -222,12 +228,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	emits: [
 		"update:page",
 		"update:pageSize",
+		"pageSizeChange",
 		"change"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const messages = useAstryxMessages();
+		const disabledControl = computed(() => props.isDisabled || props.disabled);
+		const regionLabel = computed(() => props.label ?? messages.value.pagination.nav);
 		const stride = computed(() => Number.isInteger(props.step) && props.step >= 1 ? props.step : 1);
 		const resolvedPrevLabel = computed(() => props.prevLabel ?? (stride.value > 1 ? messages.value.pagination.previousBy(stride.value) : messages.value.pagination.previous));
 		const resolvedNextLabel = computed(() => props.nextLabel ?? (stride.value > 1 ? messages.value.pagination.nextBy(stride.value) : messages.value.pagination.next));
@@ -235,6 +244,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const resolvedPageLabel = computed(() => props.pageLabel ?? messages.value.pagination.pageLabel);
 		const pending = usePendingChange(() => props.changeAction);
 		function resolvedItemTotal() {
+			if (props.totalItems != null && props.totalItems > 0) return props.totalItems;
 			if (props.total > 0) return props.total;
 			if (props.totalPages != null && props.totalPages > 0) return props.totalPages * props.pageSize;
 			return props.total;
@@ -281,7 +291,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			onPageSizeChange: (size) => {
 				pageSizeRef.value = size;
 				emit("update:pageSize", size);
-				emit("change", pageRef.value, size);
+				emit("pageSizeChange", size);
+				pageRef.value = 1;
+				emit("update:page", 1);
+				emit("change", 1, size);
+				pending.run(1);
 			}
 		});
 		function syncFromProps() {
@@ -298,6 +312,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		watch(() => [
 			props.total,
+			props.totalItems,
 			props.totalPages,
 			props.pageSize
 		], () => {
@@ -328,21 +343,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return page === -1;
 		}
 		function onPageClick(page) {
-			if (!props.disabled && !isEllipsis(page)) pagination.goto(page);
+			if (!disabledControl.value && !isEllipsis(page)) pagination.goto(page);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("nav", {
 				ref_key: "root",
 				ref: root,
 				class: normalizeClass(["astryx-pagination", {
-					"is-disabled": props.disabled,
+					"is-disabled": disabledControl.value,
 					"astryx-pagination--sm": props.size === "sm"
 				}]),
 				"data-density": density.value,
 				"data-variant": variant.value,
 				"data-size": props.size,
 				role: "navigation",
-				"aria-label": unref(messages).pagination.nav,
+				"aria-label": regionLabel.value,
 				"aria-busy": unref(pending).busy.value || void 0
 			}, [props.showTotal ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "total", {
 				total: totalRef.value,
@@ -353,7 +368,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					key: 0,
 					type: "button",
 					class: "astryx-pagination-button astryx-pagination-first",
-					disabled: props.disabled || !unref(pagination).canPrevious.value,
+					disabled: disabledControl.value || !unref(pagination).canPrevious.value,
 					"aria-label": unref(messages).pagination.first,
 					onClick: _cache[0] || (_cache[0] = (...args) => unref(pagination).first && unref(pagination).first(...args))
 				}, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
@@ -372,7 +387,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				createElementVNode("button", {
 					type: "button",
 					class: "astryx-pagination-button astryx-pagination-prev",
-					disabled: props.disabled || !unref(pagination).canPrevious.value,
+					disabled: disabledControl.value || !unref(pagination).canPrevious.value,
 					"aria-label": resolvedPrevLabel.value,
 					onClick: _cache[1] || (_cache[1] = (...args) => unref(pagination).previous && unref(pagination).previous(...args))
 				}, [_cache[6] || (_cache[6] = createElementVNode("svg", {
@@ -396,7 +411,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						min: 1,
 						max: unref(pagination).isCursor.value ? void 0 : unref(pagination).totalPages.value,
 						value: pageRef.value,
-						disabled: props.disabled || unref(pagination).isCursor.value,
+						disabled: disabledControl.value || unref(pagination).isCursor.value,
 						"aria-label": unref(messages).pagination.goToPage,
 						onChange: onInputCommit,
 						onKeydown: withKeys(onInputCommit, ["enter"])
@@ -412,7 +427,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						key: dotPage,
 						type: "button",
 						class: normalizeClass(["astryx-pagination-dot", { "is-active": dotPage === pageRef.value }]),
-						disabled: props.disabled,
+						disabled: disabledControl.value,
 						"aria-current": dotPage === pageRef.value ? "page" : void 0,
 						"aria-label": unref(messages).pagination.page(dotPage),
 						onClick: ($event) => onPageClick(dotPage)
@@ -431,7 +446,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"is-active": page === pageRef.value,
 							"is-ellipsis": isEllipsis(page)
 						}]),
-						disabled: props.disabled || isEllipsis(page),
+						disabled: disabledControl.value || isEllipsis(page),
 						"aria-label": isEllipsis(page) ? unref(messages).pagination.more : unref(messages).pagination.page(page),
 						"aria-current": page === pageRef.value ? "page" : void 0,
 						onClick: ($event) => onPageClick(page)
@@ -440,7 +455,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				createElementVNode("button", {
 					type: "button",
 					class: "astryx-pagination-button astryx-pagination-next",
-					disabled: props.disabled || !unref(pagination).canNext.value,
+					disabled: disabledControl.value || !unref(pagination).canNext.value,
 					"aria-label": resolvedNextLabel.value,
 					onClick: _cache[2] || (_cache[2] = (...args) => unref(pagination).next && unref(pagination).next(...args))
 				}, [createElementVNode("span", _hoisted_19, toDisplayString(resolvedNextLabel.value), 1), _cache[7] || (_cache[7] = createElementVNode("svg", {
@@ -459,7 +474,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					key: 7,
 					type: "button",
 					class: "astryx-pagination-button astryx-pagination-last",
-					disabled: props.disabled || !unref(pagination).canNext.value,
+					disabled: disabledControl.value || !unref(pagination).canNext.value,
 					"aria-label": unref(messages).pagination.last,
 					onClick: _cache[3] || (_cache[3] = (...args) => unref(pagination).last && unref(pagination).last(...args))
 				}, [..._cache[8] || (_cache[8] = [createElementVNode("svg", {
@@ -478,7 +493,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				props.showSizeChanger ? (openBlock(), createElementBlock("div", _hoisted_21, [createElementVNode("span", _hoisted_22, toDisplayString(resolvedPageSizeLabel.value), 1), createVNode(_sfc_main$1, {
 					"model-value": pageSizeRef.value,
 					options: pageSizeOptions.value,
-					disabled: props.disabled,
+					disabled: disabledControl.value,
 					size: "sm",
 					"onUpdate:modelValue": _cache[4] || (_cache[4] = (size) => size && unref(pagination).setPageSize(Number(size)))
 				}, null, 8, [

package/dist/Popover/index.d.ts

@@ -1,3 +1,3 @@
-import { a as PopoverRole, i as PopoverProps, n as PopoverPadding, r as PopoverPlacement, t as PopoverAlignment } from "../types-Db3Owy8Q.js";
-import { t as _default } from "../index-C1HIqW_H.js";
-export { _default as Popover, type PopoverAlignment, type PopoverPadding, type PopoverPlacement, type PopoverProps, type PopoverRole };
+import { a as PopoverRole, i as PopoverProps, n as PopoverPadding, r as PopoverPlacement, t as PopoverAlignment } from "../types-OGMYGejX.js";
+import { i as _default, n as UsePopoverReturn, r as usePopover, t as UsePopoverOptions } from "../index-DVmgNb78.js";
+export { _default as Popover, type PopoverAlignment, type PopoverPadding, type PopoverPlacement, type PopoverProps, type PopoverRole, type UsePopoverOptions, type UsePopoverReturn, usePopover };

package/dist/Popover/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Popover-D7zqpFwU.js";
-export { _sfc_main as Popover };
+import { n as usePopover, t as _sfc_main } from "../Popover-DJf8POzL.js";
+export { _sfc_main as Popover, usePopover };

package/dist/Popover-DJf8POzL.js

@@ -0,0 +1,308 @@
+import { t as _sfc_main$1 } from "./Button-B6Hj_O_s.js";
+import { n as useDismiss } from "./usePositionedLayer-Cru9_00b.js";
+import { n as getFocusables, t as focusElement } from "./focus-CpficIgf.js";
+import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-Djw9RUIf.js";
+import { n as useLayer, t as useMergedRefs } from "./useMergedRefs-CfHHlCsn.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, onMounted, onScopeDispose, onUpdated, openBlock, ref, renderSlot, shallowRef, toValue, unref, vShow, watch, withDirectives } from "vue";
+import "../styles/popover.css";
+//#region src/Popover/usePopover.ts
+const GAP = 4;
+/**
+* 对应原版 Astryx 的 `hooks/usePopover`：点击触发、能把焦点管起来的浮层。
+* 在 `useLayer` 之上叠了焦点陷阱、自动聚焦、点击外部 / Escape 关闭和 ARIA 关系，
+* `Popover` 组件内部也用它。
+*
+* ```ts
+* const { triggerRef, contentRef, contentStyle, surfaceProps } = usePopover({ dialogLabel: 'Actions' })
+* ```
+*/
+function usePopover(options = {}) {
+	const triggerRef = shallowRef(null);
+	const anchorRef = shallowRef(null);
+	const layer = useLayer({
+		mode: "context",
+		anchor: computed(() => anchorRef.value ?? triggerRef.value),
+		placement: () => toValue(options.placement) ?? "below",
+		alignment: () => toValue(options.alignment) ?? "start",
+		gap: GAP,
+		onShow: () => options.onShow?.(),
+		onHide: () => options.onHide?.()
+	});
+	const isOpen = layer.isOpen;
+	function role() {
+		return toValue(options.role) ?? "dialog";
+	}
+	function isModalDialog() {
+		return role() === "dialog" && (toValue(options.isModal) ?? true);
+	}
+	function isEnabled() {
+		return toValue(options.isEnabled) ?? true;
+	}
+	useFocusTrap({
+		container: layer.contentRef,
+		isEnabled: computed(() => isOpen.value && isModalDialog())
+	});
+	useRestoreFocus({
+		isEnabled: computed(() => role() === "dialog"),
+		shouldRestore: isOpen
+	});
+	useDismiss({
+		container: layer.contentRef,
+		trigger: triggerRef,
+		isEnabled: computed(() => isOpen.value && (toValue(options.hasLightDismiss) ?? true)),
+		enableEscape: computed(() => toValue(options.hasEscapeDismiss) ?? true),
+		onDismiss: () => layer.hide()
+	});
+	function setOpen(next) {
+		if (next) layer.show();
+		else layer.hide();
+	}
+	function toggle() {
+		setOpen(!isOpen.value);
+	}
+	function focusInitialTarget() {
+		const surface = layer.contentRef.value;
+		if (!surface) return;
+		const selector = options.closeButtonSelector;
+		const first = getFocusables(surface).find((element) => selector == null || !element.closest(selector));
+		if (first && focusElement(first)) return;
+		if (role() === "dialog") focusElement(surface);
+	}
+	function onTriggerClick() {
+		if (!isEnabled()) return;
+		toggle();
+	}
+	function onTriggerKeydown(event) {
+		if (event.key !== "Enter" && event.key !== " ") return;
+		event.preventDefault();
+		onTriggerClick();
+	}
+	let bound = null;
+	let haspopupBefore = null;
+	let expandedBefore = null;
+	let controlsBefore = null;
+	function applyTriggerAttributes() {
+		const element = triggerRef.value;
+		if (!element) return;
+		element.setAttribute("aria-haspopup", role() === "dialog" ? "dialog" : "true");
+		element.setAttribute("aria-expanded", String(isOpen.value));
+		element.setAttribute("aria-controls", layer.id);
+	}
+	function restoreTriggerAttributes() {
+		const element = bound;
+		if (!element) return;
+		if (haspopupBefore) element.setAttribute("aria-haspopup", haspopupBefore);
+		else element.removeAttribute("aria-haspopup");
+		if (expandedBefore) element.setAttribute("aria-expanded", expandedBefore);
+		else element.removeAttribute("aria-expanded");
+		if (controlsBefore) element.setAttribute("aria-controls", controlsBefore);
+		else element.removeAttribute("aria-controls");
+	}
+	function bind(element) {
+		if (bound === element) return;
+		unbind();
+		bound = element;
+		haspopupBefore = element.getAttribute("aria-haspopup");
+		expandedBefore = element.getAttribute("aria-expanded");
+		controlsBefore = element.getAttribute("aria-controls");
+		element.addEventListener("click", onTriggerClick);
+		if (element.tagName !== "BUTTON" && element.getAttribute("role") === "button") element.addEventListener("keydown", onTriggerKeydown);
+		applyTriggerAttributes();
+	}
+	function unbind() {
+		if (bound == null) return;
+		bound.removeEventListener("click", onTriggerClick);
+		bound.removeEventListener("keydown", onTriggerKeydown);
+		restoreTriggerAttributes();
+		bound = null;
+		haspopupBefore = null;
+		expandedBefore = null;
+		controlsBefore = null;
+	}
+	watch(triggerRef, (element) => {
+		if (element == null) unbind();
+		else bind(element);
+	}, { flush: "sync" });
+	watch(isOpen, (open) => {
+		applyTriggerAttributes();
+		if (open) {
+			if ((toValue(options.hasAutoFocus) ?? true) && role() === "dialog") nextTick(focusInitialTarget);
+			return;
+		}
+		const hadFocus = layer.contentRef.value?.contains(typeof document !== "undefined" ? document.activeElement : null) ?? false;
+		const trigger = triggerRef.value;
+		if (hadFocus && trigger) nextTick(() => focusElement(trigger));
+	}, { immediate: true });
+	watch(() => toValue(options.isOpen), (open) => {
+		if (open === void 0) return;
+		layer.isOpen.value = open;
+	});
+	watch(() => toValue(options.isEnabled), (enabled) => {
+		if (!enabled && isOpen.value) setOpen(false);
+	});
+	onScopeDispose(unbind);
+	const surfaceProps = computed(() => {
+		const props = { id: layer.id };
+		if (role() === "dialog") {
+			props.role = "dialog";
+			props["aria-label"] = toValue(options.dialogLabel);
+			props.tabindex = -1;
+			if (toValue(options.isModal) ?? true) props["aria-modal"] = "true";
+		}
+		return props;
+	});
+	const triggerProps = computed(() => ({
+		"aria-haspopup": role() === "dialog" ? "dialog" : "true",
+		"aria-expanded": String(isOpen.value),
+		"aria-controls": layer.id
+	}));
+	return {
+		isOpen,
+		triggerRef,
+		anchorRef,
+		contentRef: layer.contentRef,
+		id: layer.id,
+		anchorId: layer.anchorId,
+		contentStyle: layer.contentStyle,
+		resolvedPlacement: layer.resolvedPlacement,
+		surfaceProps,
+		triggerProps,
+		show: () => setOpen(true),
+		hide: () => setOpen(false),
+		toggle
+	};
+}
+//#endregion
+//#region src/Popover/Popover.vue
+const _hoisted_1 = ["data-placement"];
+const _hoisted_2 = {
+	key: 0,
+	class: "astryx-popover__close"
+};
+const DEFAULT_MAX_WIDTH = 320;
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxPopover",
+	__name: "Popover",
+	props: {
+		placement: { default: "below" },
+		alignment: { default: "start" },
+		isOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		isEnabled: {
+			type: Boolean,
+			default: true
+		},
+		width: { default: void 0 },
+		padding: { default: 3 },
+		label: { default: void 0 },
+		role: { default: "dialog" },
+		isModal: {
+			type: Boolean,
+			default: true
+		},
+		hasCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		closeButtonLabel: { default: "Close" },
+		hasAutoFocus: {
+			type: Boolean,
+			default: true
+		},
+		hasLightDismiss: {
+			type: Boolean,
+			default: true
+		},
+		hasEscapeDismiss: {
+			type: Boolean,
+			default: true
+		},
+		anchor: { default: void 0 }
+	},
+	emits: ["openChange"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const popover = usePopover({
+			placement: () => props.placement,
+			alignment: () => props.alignment,
+			isOpen: () => props.isOpen,
+			isEnabled: () => props.isEnabled,
+			hasLightDismiss: () => props.hasLightDismiss,
+			hasEscapeDismiss: () => props.hasEscapeDismiss,
+			hasAutoFocus: () => props.hasAutoFocus,
+			closeButtonSelector: ".astryx-popover__close",
+			dialogLabel: () => props.label,
+			role: () => props.role,
+			isModal: () => props.isModal,
+			onShow: () => emit("openChange", true),
+			onHide: () => emit("openChange", false)
+		});
+		const { triggerRef, anchorRef, contentRef, isOpen: isOpenState, contentStyle: layerStyle, resolvedPlacement, surfaceProps } = popover;
+		const setContentRef = useMergedRefs([contentRef]);
+		const wrapperRef = ref(null);
+		const bodyRef = ref(null);
+		useScrollbars(bodyRef);
+		const anchorWidth = ref(0);
+		const surfaceStyle = computed(() => {
+			const style = {
+				"--_popover-padding": `var(--astryx-spacing-${String(props.padding).replace(".", "-")})`,
+				"top": layerStyle.value.top,
+				"left": layerStyle.value.left
+			};
+			if (props.width != null) style.width = typeof props.width === "number" ? `${props.width}px` : props.width;
+			else {
+				style.minWidth = `min(${anchorWidth.value}px, ${DEFAULT_MAX_WIDTH}px)`;
+				style.maxWidth = `min(${DEFAULT_MAX_WIDTH}px, calc(100vw - 16px))`;
+			}
+			return style;
+		});
+		function triggerHost() {
+			return props.anchor ?? wrapperRef.value;
+		}
+		function findTriggerButton(element) {
+			if (!element) return null;
+			if (element.matches("button, [role=\"button\"]")) return element;
+			return element.querySelector("button, [role=\"button\"]");
+		}
+		function syncTrigger() {
+			anchorRef.value = triggerHost();
+			triggerRef.value = findTriggerButton(triggerHost());
+		}
+		watch(isOpenState, (open) => {
+			if (!open) return;
+			anchorWidth.value = triggerHost()?.getBoundingClientRect().width ?? 0;
+		});
+		watch(() => props.anchor, () => {
+			nextTick(syncTrigger);
+		});
+		onMounted(syncTrigger);
+		onUpdated(syncTrigger);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [!__props.anchor ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				ref_key: "wrapperRef",
+				ref: wrapperRef,
+				class: "astryx-popover-trigger"
+			}, [renderSlot(_ctx.$slots, "default")], 512)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1), (openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", mergeProps({
+				ref: unref(setContentRef),
+				class: "astryx-popover",
+				"data-placement": unref(resolvedPlacement),
+				style: surfaceStyle.value
+			}, unref(surfaceProps)), [createElementVNode("div", {
+				ref_key: "bodyRef",
+				ref: bodyRef,
+				class: "astryx-popover__body"
+			}, [renderSlot(_ctx.$slots, "content")], 512), __props.hasCloseButton ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(_sfc_main$1), {
+				variant: "secondary",
+				label: __props.closeButtonLabel,
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(popover).hide())
+			}, null, 8, ["label"])])) : createCommentVNode("v-if", true)], 16, _hoisted_1), [[vShow, unref(isOpenState)]])]))], 64);
+		};
+	}
+});
+//#endregion
+export { usePopover as n, _sfc_main as t };

package/dist/PowerSearch/index.d.ts

@@ -1,2 +1,2 @@
-import { A as PowerSearchItem, C as PowerSearchEmits, D as PowerSearchFieldType, E as PowerSearchFieldDefinition, F as PowerSearchSlots, I as PowerSearchStatus, M as PowerSearchOverflow, N as PowerSearchProps, O as PowerSearchFilter, P as PowerSearchSize, S as PowerSearchConfig, T as PowerSearchField, _ as FilterValue, a as usePowerSearchConfig, b as PowerSearchChangeType, c as resolveOperatorLabel, d as formatFilterValue, f as completePowerSearchFilter, g as DateTimeRangePart, h as DateTimeRange, i as createPowerSearchConfig, j as PowerSearchOperator, k as PowerSearchHandle, l as formatDateAbsolute, m as createPowerSearchLookup, n as InferPowerSearchData, o as _default, p as PowerSearchLookup, r as applyPowerSearchFilters, s as resolveEditorPlacement, t as searchPowerSearchFields, u as formatDateAbsoluteCompact, v as OperatorValue, w as PowerSearchEntity, x as PowerSearchComponents, y as PartialFilter } from "../index-CPwzSbQQ.js";
+import { A as PowerSearchItem, C as PowerSearchEmits, D as PowerSearchFieldType, E as PowerSearchFieldDefinition, F as PowerSearchSlots, I as PowerSearchStatus, M as PowerSearchOverflow, N as PowerSearchProps, O as PowerSearchFilter, P as PowerSearchSize, S as PowerSearchConfig, T as PowerSearchField, _ as FilterValue, a as usePowerSearchConfig, b as PowerSearchChangeType, c as resolveOperatorLabel, d as formatFilterValue, f as completePowerSearchFilter, g as DateTimeRangePart, h as DateTimeRange, i as createPowerSearchConfig, j as PowerSearchOperator, k as PowerSearchHandle, l as formatDateAbsolute, m as createPowerSearchLookup, n as InferPowerSearchData, o as _default, p as PowerSearchLookup, r as applyPowerSearchFilters, s as resolveEditorPlacement, t as searchPowerSearchFields, u as formatDateAbsoluteCompact, v as OperatorValue, w as PowerSearchEntity, x as PowerSearchComponents, y as PartialFilter } from "../index-B42oE_F-.js";
 export { type DateTimeRange, type DateTimeRangePart, type FilterValue, type InferPowerSearchData, type OperatorValue, type PartialFilter, _default as PowerSearch, type PowerSearchChangeType, type PowerSearchComponents, type PowerSearchConfig, type PowerSearchEmits, type PowerSearchEntity, type PowerSearchField, type PowerSearchFieldDefinition, type PowerSearchFieldType, type PowerSearchFilter, type PowerSearchHandle, type PowerSearchItem, type PowerSearchLookup, type PowerSearchOperator, type PowerSearchOverflow, type PowerSearchProps, type PowerSearchSize, type PowerSearchSlots, type PowerSearchStatus, applyPowerSearchFilters, completePowerSearchFilter, createPowerSearchConfig, createPowerSearchLookup, formatDateAbsolute, formatDateAbsoluteCompact, formatFilterValue, resolveEditorPlacement, resolveOperatorLabel, searchPowerSearchFields, usePowerSearchConfig };

package/dist/PowerSearch/index.js

@@ -1,2 +1,2 @@
-import { a as searchPowerSearchFields, c as formatDateAbsolute, d as createPowerSearchLookup, f as completePowerSearchFilter, i as _sfc_main, l as formatDateAbsoluteCompact, n as createPowerSearchConfig, o as resolveEditorPlacement, r as usePowerSearchConfig, s as resolveOperatorLabel, t as applyPowerSearchFilters, u as formatFilterValue } from "../PowerSearch-C6U8Sq1Y.js";
+import { a as searchPowerSearchFields, c as formatDateAbsolute, d as createPowerSearchLookup, f as completePowerSearchFilter, i as _sfc_main, l as formatDateAbsoluteCompact, n as createPowerSearchConfig, o as resolveEditorPlacement, r as usePowerSearchConfig, s as resolveOperatorLabel, t as applyPowerSearchFilters, u as formatFilterValue } from "../PowerSearch-DvjiPqMZ.js";
 export { _sfc_main as PowerSearch, applyPowerSearchFilters, completePowerSearchFilter, createPowerSearchConfig, createPowerSearchLookup, formatDateAbsolute, formatDateAbsoluteCompact, formatFilterValue, resolveEditorPlacement, resolveOperatorLabel, searchPowerSearchFields, usePowerSearchConfig };

package/dist/{PowerSearch-C6U8Sq1Y.js → PowerSearch-DvjiPqMZ.js}

@@ -1,25 +1,26 @@
-import { t as _sfc_main$5 } from "./Button-DrqeomlE.js";
+import { t as _sfc_main$5 } from "./Button-B6Hj_O_s.js";
 import { t as useAnnounce } from "./announce-Cnio10Wk.js";
 import { t as createStaticSource } from "./useAsyncSource-Gk0VtE7_.js";
-import { t as useDismiss } from "./useDismiss-Cj8x_51F.js";
-import { a as useAstryxLocale, o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { n as useDismiss } from "./usePositionedLayer-Cru9_00b.js";
+import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { t as _sfc_main$6 } from "./Tooltip-C2fh9anJ.js";
+import { t as _sfc_main$6 } from "./Tooltip-C4Vaqd3G.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 "./Field-8zRxzDHE.js";
-import { t as _sfc_main$9 } from "./DateInput-D4XFAEMp.js";
-import { t as _sfc_main$10 } from "./DateRangeInput-Cp6AZfew.js";
-import { t as _sfc_main$11 } from "./DateTimeInput-B6MPPp76.js";
-import { t as _sfc_main$12 } from "./Token-D2GsI_Ei.js";
-import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-BN9LQnon.js";
-import { t as _sfc_main$13 } from "./MultiSelector-DuF5TECE.js";
-import { t as _sfc_main$14 } from "./NumberInput-B4IL3s_8.js";
-import { t as _sfc_main$15 } from "./Selector-5N-hq2nF.js";
-import { r as useTypeaheadMenu } from "./TypeaheadMenu-BEObzonz.js";
-import { t as _sfc_main$16 } from "./TextInput-BasnjVvy.js";
-import { t as _sfc_main$17 } from "./TimeInput-C9gptCOK.js";
-import { t as _sfc_main$18 } from "./Tokenizer-rwzamZg4.js";
-import { t as _sfc_main$19 } from "./Typeahead-_V11btpv.js";
+import { t as _sfc_main$8 } from "./Field-D5gUEGw4.js";
+import { t as _sfc_main$9 } from "./DateInput-DT518j5E.js";
+import { t as _sfc_main$10 } from "./DateRangeInput-Bqi5tlIA.js";
+import { t as _sfc_main$11 } from "./DateTimeInput-A7m2O3bg.js";
+import { t as _sfc_main$12 } from "./Token-DsntTYhQ.js";
+import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-DwztMNjP.js";
+import { t as _sfc_main$13 } from "./MultiSelector-BtAUfQ3t.js";
+import { t as _sfc_main$14 } from "./NumberInput-AZ9x3oja.js";
+import { t as _sfc_main$15 } from "./Selector-DJ2BhUTV.js";
+import { r as useTypeaheadMenu } from "./TypeaheadMenu-DBW6rHeO.js";
+import { t as _sfc_main$16 } from "./TextInput-zFT1_qgI.js";
+import { t as _sfc_main$17 } from "./TimeInput-D2k3Ux3p.js";
+import { t as _sfc_main$18 } from "./Tokenizer-B5C_qY7t.js";
+import { t as _sfc_main$19 } from "./Typeahead-JP9RT87x.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import "../styles/visually-hidden-utility.css";
 import "../styles/typeahead.css";
@@ -1444,7 +1445,7 @@ const _hoisted_5 = [
 	"aria-describedby"
 ];
 const _hoisted_6 = {
-	key: 1,
+	key: 3,
 	class: "astryx-power-search-count"
 };
 const _hoisted_7 = ["aria-label"];
@@ -1498,6 +1499,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		},
 		placeholder: {},
 		autofocus: { type: Boolean },
+		hasClear: {
+			type: Boolean,
+			default: true
+		},
 		clearable: {
 			type: Boolean,
 			default: true
@@ -1510,6 +1515,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		disabledMessage: {},
 		disabledReason: {},
 		status: { default: "default" },
 		statusMessage: {},
@@ -1518,7 +1524,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		maxOperatorMenuItems: {},
 		maxSearchResults: { default: 10 },
 		menuWidth: {},
+		popoverSaveButtonLabel: {},
 		saveLabel: {},
+		timezoneID: {},
 		timeZone: {},
 		overflow: { default: "none" },
 		resultCount: {},
@@ -1548,6 +1556,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const queryMirror = ref("");
 		const anchorRef = useTemplateRef("anchorRef");
 		const listboxRef = useTemplateRef("listboxRef");
+		useScrollbars(listboxRef);
 		const inputRef = useTemplateRef("inputRef");
 		const editorRef = useTemplateRef("editorRef");
 		const tokenEls = /* @__PURE__ */ new Map();
@@ -1559,7 +1568,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const text = computed(() => messages.value.powerSearch);
 		const label = computed(() => props.label ?? text.value.label);
 		const placeholder = computed(() => props.placeholder ?? text.value.placeholder);
-		const focusableDisabled = computed(() => props.disabled && Boolean(props.disabledReason?.trim()));
+		const disabledMessage = computed(() => (props.disabledMessage ?? props.disabledReason)?.trim() || void 0);
+		const focusableDisabled = computed(() => props.disabled && disabledMessage.value != null);
+		const showsClear = computed(() => props.hasClear && props.clearable);
+		const resolvedSaveLabel = computed(() => props.popoverSaveButtonLabel ?? props.saveLabel);
+		const resolvedTimeZone = computed(() => props.timezoneID ?? props.timeZone);
 		const collapsed = computed(() => props.overflow !== "none" && !focused.value);
 		const floating = computed(() => props.overflow === "unfocused-layer" && focused.value);
 		const lookup = computed(() => createPowerSearchLookup(props.config));
@@ -1909,7 +1922,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						style: normalizeStyle({ height: `${placeholderHeight.value}px` })
 					}, null, 4)) : createCommentVNode("v-if", true),
 					createVNode(_sfc_main$6, {
-						content: __props.disabledReason,
+						content: disabledMessage.value,
 						"is-enabled": focusableDisabled.value
 					}, {
 						default: withCtx(() => [createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions -- 点空白处把焦点交给输入框。 "), createElementVNode("div", {
@@ -1974,7 +1987,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 										"max-length": __props.maxTokenLength,
 										messages: text.value,
 										locale: unref(locale),
-										"time-zone": __props.timeZone,
+										"time-zone": resolvedTimeZone.value,
 										size: __props.size,
 										disabled: __props.disabled,
 										removable: canRemove(filter),
@@ -2049,10 +2062,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								onFocus: onInputFocus,
 								onBlur: _cache[0] || (_cache[0] = ($event) => emit("blur", $event))
 							}, null, 40, _hoisted_5),
-							renderSlot(_ctx.$slots, "end"),
+							slots.endContent ? renderSlot(_ctx.$slots, "endContent", {}, void 0, void 0, 1) : renderSlot(_ctx.$slots, "end", {}, void 0, void 0, 2),
 							displayCount.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(displayCount.value), 1)) : createCommentVNode("v-if", true),
-							__props.clearable && filters.value.length > 0 && !__props.disabled && !__props.readOnly ? (openBlock(), createElementBlock("button", {
-								key: 2,
+							showsClear.value && filters.value.length > 0 && !__props.disabled && !__props.readOnly ? (openBlock(), createElementBlock("button", {
+								key: 4,
 								type: "button",
 								class: "astryx-power-search-clear",
 								"aria-label": text.value.clear,
@@ -2062,10 +2075,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								size: "sm"
 							})], 8, _hoisted_7)) : createCommentVNode("v-if", true),
 							focusableDisabled.value ? (openBlock(), createElementBlock("span", {
-								key: 3,
+								key: 5,
 								id: disabledId,
 								class: "astryx-visually-hidden"
-							}, toDisplayString(__props.disabledReason), 1)) : createCommentVNode("v-if", true)
+							}, toDisplayString(disabledMessage.value), 1)) : createCommentVNode("v-if", true)
 						], 34)]),
 						_: 3
 					}, 8, ["content", "is-enabled"]),
@@ -2122,9 +2135,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				config: __props.config,
 				filter: session.value.filter,
 				mode: session.value.mode,
-				saveLabel: __props.saveLabel,
+				saveLabel: resolvedSaveLabel.value,
 				readOnly: __props.readOnly,
-				timeZone: __props.timeZone,
+				timeZone: resolvedTimeZone.value,
 				maxMenuItems: __props.maxOperatorMenuItems,
 				onSave: onEditorSave,
 				onCancel: () => closeEditor(true)
@@ -2132,9 +2145,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				config: __props.config,
 				filter: session.value.filter,
 				mode: session.value.mode,
-				"save-label": __props.saveLabel,
+				"save-label": resolvedSaveLabel.value,
 				"read-only": __props.readOnly,
-				"time-zone": __props.timeZone,
+				"time-zone": resolvedTimeZone.value,
 				"max-menu-items": __props.maxOperatorMenuItems,
 				"on-save": onEditorSave,
 				"on-cancel": () => closeEditor(true)