@astryx-vue/core 0.2.6 → 0.4.0

package/dist/{useTimeValue-6ufHM15W.js → useTimeValue-BJd0xBhG.js}

@@ -1,23 +1,3 @@
-import { computed, onMounted, onScopeDispose, shallowRef } from "vue";
-//#region src/composables/useCoarsePointer.ts
-/** 粗指针（触摸）为 true。服务端和细指针设备为 false。 */
-function useCoarsePointer() {
-	const coarse = shallowRef(false);
-	let query;
-	function update() {
-		coarse.value = query?.matches ?? false;
-	}
-	onMounted(() => {
-		query = window.matchMedia("(pointer: coarse)");
-		update();
-		query.addEventListener("change", update);
-	});
-	onScopeDispose(() => {
-		query?.removeEventListener("change", update);
-	});
-	return computed(() => coarse.value);
-}
-//#endregion
 //#region src/composables/useTimeValue.ts
 const DISPLAY_TIME = /^(\d{1,2})(?::(\d{2}))?(?::(\d{2}))?\s*([ap])\.?m\.?$/i;
 const COMPACT_TIME = /^(\d{2})(\d{2})(\d{2})?$/;
@@ -104,10 +84,12 @@ function isTimeInRange(value, min, max) {
 function resolveTimeSurface(options) {
 	const presentation = options.presentation ?? (options.nativePicker === "always" ? "native" : options.nativePicker === "never" ? "text-input" : "adaptive-native");
 	const needsTypedField = options.hasSeconds || options.increment !== 1 || options.needsTypedField === true;
-	if (presentation === "text-input" || presentation === "popover" || presentation === "bottom-sheet") return "text";
+	if (presentation === "text-input" || presentation === "popover") return "text";
+	if (presentation === "bottom-sheet") return "sheet";
+	if (presentation === "adaptive-bottom-sheet") return options.coarse ? "sheet" : "text";
 	if (needsTypedField) return "text";
 	if (presentation === "native") return "native";
 	return options.coarse ? "native" : "text";
 }
 //#endregion
-export { parseISOTime as a, useCoarsePointer as c, parseDisplayTime as i, formatISOTime as n, resolveTimeSurface as o, isTimeInRange as r, shiftTime as s, formatDisplayTime as t };
+export { parseISOTime as a, parseDisplayTime as i, formatISOTime as n, resolveTimeSurface as o, isTimeInRange as r, shiftTime as s, formatDisplayTime as t };

package/dist/useTranslator-BmWt2BBt.js

@@ -0,0 +1,35 @@
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as upstreamMessageMap } from "./upstreamMap-xr3gvREu.js";
+//#region src/locale/useTranslator.ts
+/**
+* 对应原版 Astryx 的 `hooks/useTranslator`。
+*
+* 返回一个翻译函数，把原版的消息键（例如 `@astryx.pagination.next`）换成
+* 当前语言下的成品文案。语言、`messages` 目录和 `overrides` 都取自最近的
+* `InternationalizationProvider`；没有 provider 时用包内自带的英文文案。
+*
+* 占位符的值按参数顺序填进去，复数和千分位按当前语言的规则算。
+* 认不出来的键原样返回。
+*/
+function useTranslator() {
+	const messages = useAstryxMessages();
+	return { t: (key, values) => translate(messages.value, key, values) };
+}
+function translate(messages, key, values) {
+	const target = upstreamMessageMap[key]?.[0];
+	if (target == null) return key;
+	const message = readMessageValue(messages, target.path);
+	if (typeof message === "string") return message;
+	if (typeof message === "function") return message(...(target.args ?? []).map((name) => values?.[name]));
+	return key;
+}
+function readMessageValue(messages, path) {
+	let cursor = messages;
+	for (const part of path.split(".")) {
+		if (cursor == null || typeof cursor !== "object") return void 0;
+		cursor = cursor[part];
+	}
+	return cursor;
+}
+//#endregion
+export { useTranslator as t };

package/dist/{useTypeahead-PAK8lMYz.js → useTypeahead-BvtflkRk.js}

@@ -1,15 +1,14 @@
+import { a as isImeKeyEvent } from "./layerDepth-CNDh-IHb.js";
 import { onScopeDispose, ref } from "vue";
 //#region src/composables/useTypeahead.ts
 const DEFAULT_RESET_MS = 750;
-function isComposing(event) {
-	return event.isComposing === true;
-}
 /**
 * 对应原版 Astryx 的 `hooks/useTypeahead`。
 * 以前放在 DropdownMenu，名字是 `useMenuTypeahead`，旧名字仍可从原路径引用。
 *
 * 反复按同一个字母会在匹配项之间循环，而不是把查询收得更窄。
 * 空格留给激活；只有缓冲里已经有字时，空格才算查询的一部分。
+* 输入法拼字时的按键属于输入法，不算跳转。
 * 这个函数自己不移动焦点，调用方在 `onMatch` 里接 `useListFocus` 或其他集合。
 */
 function useTypeahead(options) {
@@ -28,8 +27,8 @@ function useTypeahead(options) {
 		timer = setTimeout(reset, resetMs);
 	}
 	function onKeyDown(event) {
-		const extendsQuery = event.key === " " && !event.ctrlKey && !event.metaKey && !isComposing(event) && buffer.value.length > 0;
-		if (!(event.key.length === 1 && !event.ctrlKey && !event.metaKey && !isComposing(event) && event.key !== " ") && !extendsQuery) return false;
+		const extendsQuery = event.key === " " && !event.ctrlKey && !event.metaKey && !isImeKeyEvent(event) && buffer.value.length > 0;
+		if (!(event.key.length === 1 && !event.ctrlKey && !event.metaKey && !isImeKeyEvent(event) && event.key !== " ") && !extendsQuery) return false;
 		const labels = getItemLabels();
 		if (labels.length === 0) return false;
 		const char = event.key.toLowerCase();

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { n as firstCharacter, r as truncateCharacters, t as characterCount } from "../characters-rcDbGt71.js";
+import { $ as plainDateDayOfWeek, A as GroupItemsOptions, B as DATE_FORMAT_SHORT, C as presentationFromNativePicker, Ct as PlainDate, D as InputARIAInputGroup, E as InputARIA, F as isLocaleDayFirst, G as SHARED_DATE_FORMAT_OPTIONS, H as DATE_FORMAT_SHORT_WITH_YEAR, I as parseDateInput, J as getDaysInMonth, K as SharedDateFormat, L as DATE_FORMAT_LONG, M as ItemGroup, N as getItemGroup, O as getInputARIA, P as groupItems, Q as plainDateCreate, R as DATE_FORMAT_MONTH_ONLY, S as pickerPresentationFromNativePicker, St as ISODateString, T as resolvePickerPresentation, Tt as chainEventHandlers, U as DATE_FORMAT_WEEKDAY_ONLY, V as DATE_FORMAT_SHORT_WITH_WEEKDAY, W as DATE_FORMAT_WITH_WEEKDAY, X as plainDateAddDays, Y as getTimeZoneParts, Z as plainDateAddMonths, _ as LegacyNativePicker, _t as plainDateToInstant, a as formatDisplayTime12h, at as plainDateGetWeekNumber, b as effectiveInputPresentation, bt as DayOfWeek, c as observeResize, ct as plainDateIsEqual, d as isSafeUrl, dt as plainDateMin, et as plainDateDiffDays, f as sanitizeUrl, ft as plainDateSetEndOfWeekExclusive, g as InputPresentationSurface, gt as plainDateToISO, h as InputPresentation, ht as plainDateToDate, i as createISOTimeString, it as plainDateFromInstant, j as GroupableItem, k as joinAriaIDs, l as unobserveResize, lt as plainDateIsInRange, m as DEFAULT_INPUT_PRESENTATION, mt as plainDateSetStartOfWeek, n as clampTime, nt as plainDateFromDate, o as formatDisplayTime24h, ot as plainDateIsAfter, p as parseStyleKey, pt as plainDateSetFirstOfMonth, q as formatSharedDate, r as compareTime, rt as plainDateFromISO, s as parseTimeInput, st as plainDateIsBefore, t as adjustTime, tt as plainDateFormat, u as isSafeDestination, ut as plainDateMax, v as PickerPresentation, vt as plainDateToday, w as resolveInputPresentation, wt as normalizeDayOfWeek, x as effectivePickerPresentation, xt as DayOfWeekName, y as PickerPresentationSurface, yt as plainDateWeekFieldName, z as DATE_FORMAT_MONTH_YEAR } from "../index-CKUfpmFL.js";
+export { DATE_FORMAT_LONG, DATE_FORMAT_MONTH_ONLY, DATE_FORMAT_MONTH_YEAR, DATE_FORMAT_SHORT, DATE_FORMAT_SHORT_WITH_WEEKDAY, DATE_FORMAT_SHORT_WITH_YEAR, DATE_FORMAT_WEEKDAY_ONLY, DATE_FORMAT_WITH_WEEKDAY, DEFAULT_INPUT_PRESENTATION, type DayOfWeek, type DayOfWeekName, type GroupItemsOptions, type GroupableItem, type ISODateString, type InputARIA, type InputARIAInputGroup, type InputPresentation, type InputPresentationSurface, type ItemGroup, type LegacyNativePicker, type PickerPresentation, type PickerPresentationSurface, type PlainDate, SHARED_DATE_FORMAT_OPTIONS, type SharedDateFormat, adjustTime, chainEventHandlers, characterCount, clampTime, compareTime, createISOTimeString, plainDateToISO as dateToISO, plainDateToISO, effectiveInputPresentation, effectivePickerPresentation, firstCharacter, formatDisplayTime12h, formatDisplayTime24h, formatSharedDate, getDaysInMonth, getInputARIA, getItemGroup, getTimeZoneParts, groupItems, isLocaleDayFirst, isSafeDestination, isSafeUrl, joinAriaIDs, normalizeDayOfWeek, observeResize, parseDateInput, plainDateFromISO as parseISO, plainDateFromISO, parseStyleKey, parseTimeInput, pickerPresentationFromNativePicker, plainDateAddDays, plainDateAddMonths, plainDateCreate, plainDateDayOfWeek, plainDateDiffDays, plainDateFormat, plainDateFromDate, plainDateFromInstant, plainDateGetWeekNumber, plainDateIsAfter, plainDateIsBefore, plainDateIsEqual, plainDateIsInRange, plainDateMax, plainDateMin, plainDateSetEndOfWeekExclusive, plainDateSetFirstOfMonth, plainDateSetStartOfWeek, plainDateToDate, plainDateToInstant, plainDateToday, plainDateWeekFieldName, presentationFromNativePicker, resolveInputPresentation, resolvePickerPresentation, sanitizeUrl, truncateCharacters, unobserveResize };

package/dist/utils/index.js

@@ -0,0 +1,5 @@
+import { n as isSafeUrl, r as sanitizeUrl, t as isSafeDestination } from "../safeUrl-CsvfcZ9m.js";
+import { n as firstCharacter, r as truncateCharacters, t as characterCount } from "../characters-wTnzjkkR.js";
+import { a as presentationFromNativePicker, i as pickerPresentationFromNativePicker, n as effectiveInputPresentation, o as resolveInputPresentation, r as effectivePickerPresentation, s as resolvePickerPresentation, t as DEFAULT_INPUT_PRESENTATION } from "../inputPresentation-BOyHkCDr.js";
+import { $ as plainDateWeekFieldName, A as plainDateAddDays, B as plainDateIsAfter, C as DATE_FORMAT_SHORT_WITH_YEAR, D as formatSharedDate, E as SHARED_DATE_FORMAT_OPTIONS, F as plainDateFormat, G as plainDateMin, H as plainDateIsEqual, I as plainDateFromDate, J as plainDateSetStartOfWeek, K as plainDateSetEndOfWeekExclusive, L as plainDateFromISO, M as plainDateCreate, N as plainDateDayOfWeek, O as getDaysInMonth, P as plainDateDiffDays, Q as plainDateToday, R as plainDateFromInstant, S as DATE_FORMAT_SHORT_WITH_WEEKDAY, T as DATE_FORMAT_WITH_WEEKDAY, U as plainDateIsInRange, V as plainDateIsBefore, W as plainDateMax, X as plainDateToISO, Y as plainDateToDate, Z as plainDateToInstant, _ as parseDateInput, a as formatDisplayTime12h, b as DATE_FORMAT_MONTH_YEAR, c as observeResize, d as getInputARIA, et as chainEventHandlers, f as joinAriaIDs, g as isLocaleDayFirst, h as normalizeDayOfWeek, i as createISOTimeString, j as plainDateAddMonths, k as getTimeZoneParts, l as unobserveResize, m as groupItems, n as clampTime, o as formatDisplayTime24h, p as getItemGroup, q as plainDateSetFirstOfMonth, r as compareTime, s as parseTimeInput, t as adjustTime, u as parseStyleKey, v as DATE_FORMAT_LONG, w as DATE_FORMAT_WEEKDAY_ONLY, x as DATE_FORMAT_SHORT, y as DATE_FORMAT_MONTH_ONLY, z as plainDateGetWeekNumber } from "../utils-z3Q6BGIJ.js";
+export { DATE_FORMAT_LONG, DATE_FORMAT_MONTH_ONLY, DATE_FORMAT_MONTH_YEAR, DATE_FORMAT_SHORT, DATE_FORMAT_SHORT_WITH_WEEKDAY, DATE_FORMAT_SHORT_WITH_YEAR, DATE_FORMAT_WEEKDAY_ONLY, DATE_FORMAT_WITH_WEEKDAY, DEFAULT_INPUT_PRESENTATION, SHARED_DATE_FORMAT_OPTIONS, adjustTime, chainEventHandlers, characterCount, clampTime, compareTime, createISOTimeString, plainDateToISO as dateToISO, plainDateToISO, effectiveInputPresentation, effectivePickerPresentation, firstCharacter, formatDisplayTime12h, formatDisplayTime24h, formatSharedDate, getDaysInMonth, getInputARIA, getItemGroup, getTimeZoneParts, groupItems, isLocaleDayFirst, isSafeDestination, isSafeUrl, joinAriaIDs, normalizeDayOfWeek, observeResize, parseDateInput, plainDateFromISO as parseISO, plainDateFromISO, parseStyleKey, parseTimeInput, pickerPresentationFromNativePicker, plainDateAddDays, plainDateAddMonths, plainDateCreate, plainDateDayOfWeek, plainDateDiffDays, plainDateFormat, plainDateFromDate, plainDateFromInstant, plainDateGetWeekNumber, plainDateIsAfter, plainDateIsBefore, plainDateIsEqual, plainDateIsInRange, plainDateMax, plainDateMin, plainDateSetEndOfWeekExclusive, plainDateSetFirstOfMonth, plainDateSetStartOfWeek, plainDateToDate, plainDateToInstant, plainDateToday, plainDateWeekFieldName, presentationFromNativePicker, resolveInputPresentation, resolvePickerPresentation, sanitizeUrl, truncateCharacters, unobserveResize };

package/dist/{utils-D33VQDnk.js → utils-ClVseK2w.js}

@@ -1,7 +1,34 @@
+import { t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
 //#region src/AvatarGroup/context.ts
-const AvatarGroupContext = Symbol("AvatarGroupContext");
+const AvatarGroupContext = defineLayerScopedKey("AvatarGroupContext", void 0);
 //#endregion
 //#region src/Avatar/utils.ts
+const INITIAL_CHARACTER = /[\p{L}\p{N}\p{Extended_Pictographic}\p{Regional_Indicator}]/u;
+const characterSegmenter = typeof Intl !== "undefined" && typeof Intl.Segmenter === "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
+/** 用户眼里的第一个字，避免把表情切成半个。 */
+function firstCharacter(value) {
+	if (characterSegmenter != null) {
+		const first = characterSegmenter.segment(value)[Symbol.iterator]().next();
+		return first.done ? "" : first.value.segment;
+	}
+	const codePoint = value.codePointAt(0);
+	return codePoint == null ? "" : String.fromCodePoint(codePoint);
+}
+/** 跳过词首的标点，取第一个能代表这个词的字母、数字或表情。 */
+function initialCharacter(word) {
+	const index = word.search(INITIAL_CHARACTER);
+	return index === -1 ? "" : firstCharacter(word.slice(index));
+}
+/**
+* 用名字生成首字母：取第一个词和最后一个词里能站出来的那个字。
+* 纯标点的词跳过。没有任何可用字符时返回空字符串，调用方改画默认图标。
+*/
+function getInitials(name) {
+	const initials = name.trim().split(/\s+/).map(initialCharacter).filter((initial) => initial !== "");
+	if (initials.length === 0) return "";
+	if (initials.length === 1) return initials[0].toUpperCase();
+	return `${initials[0].toUpperCase()}${initials[initials.length - 1].toUpperCase()}`;
+}
 function resolveSize(size) {
 	if (typeof size === "number") return size;
 	switch (size) {
@@ -55,4 +82,4 @@ function composeAccessibleName(name, status, join) {
 	return name ?? status;
 }
 //#endregion
-export { AvatarGroupContext as a, resolveStatusDotVariant as i, resolveSize as n, resolveStatusDotMetrics as r, composeAccessibleName as t };
+export { resolveStatusDotVariant as a, resolveStatusDotMetrics as i, getInitials as n, AvatarGroupContext as o, resolveSize as r, composeAccessibleName as t };