@astryx-vue/core 0.2.3 → 0.2.4

package/dist/Typeahead-DQ3tmqYe.js

@@ -1,375 +0,0 @@
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
-import { t as _sfc_main$1 } from "./Spinner-9cYUCnDy.js";
-import { t as _sfc_main$2 } from "./Field-8zRxzDHE.js";
-import { t as _sfc_main$3 } from "./Token-CdVLH0_H.js";
-import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-BN9LQnon.js";
-import { n as useTypeaheadMenu, t as _sfc_main$4 } from "./TypeaheadMenu-CGvo0Tud.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useId, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
-import "../styles/visually-hidden-utility.css";
-import "../styles/typeahead.css";
-//#region src/Typeahead/Typeahead.vue
-const _hoisted_1 = {
-	key: 0,
-	class: "astryx-typeahead-icon",
-	"aria-hidden": "true"
-};
-const _hoisted_2 = [
-	"placeholder",
-	"value",
-	"disabled",
-	"readonly",
-	"aria-disabled",
-	"aria-expanded",
-	"aria-activedescendant",
-	"aria-describedby",
-	"aria-required",
-	"title"
-];
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = ["name", "value"];
-const _hoisted_5 = ["aria-label", "data-placement"];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxTypeahead",
-	inheritAttrs: false,
-	__name: "Typeahead",
-	props: {
-		modelValue: { default: null },
-		searchSource: {},
-		label: {},
-		labelHidden: {
-			type: Boolean,
-			default: false
-		},
-		description: {},
-		placeholder: {},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		disabledReason: {},
-		status: { default: "default" },
-		statusMessage: {},
-		size: { default: "md" },
-		clearable: {
-			type: Boolean,
-			default: true
-		},
-		debounceMs: { default: 150 },
-		maxMenuItems: { default: 10 },
-		showOnFocus: {
-			type: Boolean,
-			default: false
-		},
-		emptyText: {},
-		required: {
-			type: Boolean,
-			default: false
-		},
-		optional: {
-			type: Boolean,
-			default: false
-		},
-		name: {},
-		width: {}
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"search",
-		"openChange"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const messages = useAstryxMessages();
-		const inputId = `astryx-typeahead-${useId()}`;
-		const listboxId = `${inputId}-listbox`;
-		const disabledId = `${inputId}-disabled`;
-		const editing = ref(false);
-		let suppressFocusOpen = false;
-		const inputRef = useTemplateRef("inputRef");
-		const anchorRef = useTemplateRef("anchorRef");
-		const listboxRef = useTemplateRef("listboxRef");
-		const placeholder = computed(() => props.placeholder ?? messages.value.typeahead.placeholder);
-		const emptyText = computed(() => props.emptyText ?? messages.value.typeahead.empty);
-		const clearLabel = computed(() => messages.value.typeahead.clear);
-		const focusableDisabled = computed(() => props.disabled && Boolean(props.disabledReason?.trim()));
-		const fieldStatus = computed(() => {
-			if (!props.statusMessage || props.status === "default") return void 0;
-			return {
-				type: props.status,
-				message: props.statusMessage
-			};
-		});
-		const menu = useTypeaheadMenu({
-			source: () => props.searchSource,
-			debounceMs: () => props.debounceMs,
-			showOnFocus: () => props.showOnFocus,
-			maxItems: () => props.maxMenuItems,
-			disabled: () => props.disabled,
-			onSelect: (entry) => {
-				commit(entry.item);
-			},
-			onEscape: () => {
-				restoreSelection();
-			},
-			onQueryChange: (query) => {
-				emit("search", query);
-			}
-		});
-		const anchored = useAnchoredListbox({
-			anchor: anchorRef,
-			layer: listboxRef,
-			isOpen: menu.combobox.isOpen,
-			onDismiss: () => {
-				menu.close();
-				restoreSelection();
-			}
-		});
-		const selected = computed(() => props.modelValue ?? null);
-		const showToken = computed(() => selected.value != null && !editing.value);
-		const describedBy = computed(() => {
-			return [
-				props.description ? `${inputId}-description` : void 0,
-				props.statusMessage ? `${inputId}-status` : void 0,
-				focusableDisabled.value ? disabledId : void 0
-			].filter(Boolean).join(" ") || void 0;
-		});
-		watch(() => menu.combobox.isOpen.value, (isOpen) => {
-			emit("openChange", isOpen);
-		});
-		watch(() => menu.combobox.activeIndex.value, (index) => {
-			if (index < 0 || !menu.combobox.isOpen.value) return;
-			nextTick(() => {
-				scrollOptionIntoView(listboxRef.value, menu.entries.value[index]?.id);
-			});
-		});
-		function commit(item) {
-			editing.value = false;
-			menu.query.value = "";
-			menu.close();
-			emit("update:modelValue", item);
-			emit("change", item);
-			suppressFocusOpen = item != null;
-			nextTick(() => {
-				inputRef.value?.focus();
-				suppressFocusOpen = false;
-			});
-		}
-		function restoreSelection() {
-			if (selected.value == null) return;
-			editing.value = false;
-			menu.query.value = "";
-		}
-		function startEdit() {
-			if (props.disabled || selected.value == null || editing.value) return;
-			editing.value = true;
-			menu.setQuery(selected.value.label);
-			nextTick(() => {
-				inputRef.value?.focus();
-				inputRef.value?.select();
-			});
-		}
-		function highlight(index) {
-			const entry = menu.entries.value[index];
-			if (entry && !entry.disabled) menu.combobox.activeIndex.value = index;
-		}
-		function onInput(event) {
-			if (props.disabled) return;
-			menu.setQuery(event.target.value);
-		}
-		function onFocus() {
-			if (props.disabled || suppressFocusOpen) return;
-			if (showToken.value) {
-				startEdit();
-				return;
-			}
-			if (props.showOnFocus) menu.open();
-		}
-		function onBlur(event) {
-			const next = event.relatedTarget;
-			if (next instanceof Node && (anchorRef.value?.contains(next) || listboxRef.value?.contains(next))) return;
-			menu.close();
-			restoreSelection();
-		}
-		function onControlClick(event) {
-			if (props.disabled) return;
-			const target = event.target;
-			if (target instanceof Element && target.closest("button, a")) return;
-			if (showToken.value) startEdit();
-			else inputRef.value?.focus();
-		}
-		function onClear(event) {
-			event.stopPropagation();
-			commit(null);
-		}
-		function onMenuSelect(id) {
-			const entry = menu.entries.value.find((item) => item.id === id);
-			if (entry && !entry.disabled) commit(entry.item);
-		}
-		function optionSelected(id) {
-			return selected.value?.id === id;
-		}
-		__expose({
-			focus: () => inputRef.value?.focus(),
-			blur: () => inputRef.value?.blur()
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(_sfc_main$2, {
-				class: normalizeClass(["astryx-typeahead", [`size-${props.size}`]]),
-				label: props.label,
-				"input-id": inputId,
-				description: props.description,
-				"is-label-hidden": props.labelHidden,
-				"is-disabled": props.disabled,
-				"is-required": props.required,
-				"is-optional": props.optional,
-				status: fieldStatus.value,
-				width: props.width
-			}, {
-				default: withCtx(() => [createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions -- 点空白处只是把焦点交给组合框；键盘用户直接 Tab 到输入框。 "), createElementVNode("div", {
-					ref_key: "anchorRef",
-					ref: anchorRef,
-					class: normalizeClass(["astryx-typeahead-control", [`status-${props.status}`, {
-						"is-open": unref(menu).combobox.isOpen.value,
-						"is-disabled": props.disabled
-					}]]),
-					onClick: onControlClick
-				}, [
-					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true),
-					showToken.value && selected.value ? (openBlock(), createBlock(_sfc_main$3, {
-						key: 1,
-						class: "astryx-typeahead-value",
-						label: selected.value.label,
-						size: props.size,
-						disabled: props.disabled,
-						onClick: startEdit
-					}, null, 8, [
-						"label",
-						"size",
-						"disabled"
-					])) : createCommentVNode("v-if", true),
-					createElementVNode("input", {
-						id: inputId,
-						ref_key: "inputRef",
-						ref: inputRef,
-						class: normalizeClass(["astryx-typeahead-input", { "is-hidden": showToken.value }]),
-						type: "text",
-						role: "combobox",
-						autocomplete: "off",
-						autocapitalize: "off",
-						placeholder: showToken.value ? void 0 : placeholder.value,
-						value: showToken.value ? "" : unref(menu).query.value,
-						disabled: props.disabled && !focusableDisabled.value,
-						readonly: focusableDisabled.value || void 0,
-						"aria-disabled": focusableDisabled.value ? "true" : void 0,
-						"aria-expanded": unref(menu).combobox.isOpen.value,
-						"aria-controls": listboxId,
-						"aria-autocomplete": "list",
-						"aria-activedescendant": unref(menu).activeId.value ? `${listboxId}-option-${unref(menu).combobox.activeIndex.value}` : void 0,
-						"aria-describedby": describedBy.value,
-						"aria-required": props.required || void 0,
-						title: props.disabledReason,
-						onInput,
-						onFocus,
-						onBlur,
-						onKeydown: _cache[0] || (_cache[0] = (...args) => unref(menu).onKeyDown && unref(menu).onKeyDown(...args))
-					}, null, 42, _hoisted_2),
-					unref(menu).status.value === "loading" ? (openBlock(), createBlock(_sfc_main$1, {
-						key: 2,
-						class: "astryx-typeahead-spinner",
-						size: "sm",
-						"aria-label": unref(messages).typeahead.loading
-					}, null, 8, ["aria-label"])) : createCommentVNode("v-if", true),
-					props.clearable && selected.value && !props.disabled ? (openBlock(), createElementBlock("button", {
-						key: 3,
-						type: "button",
-						class: "astryx-typeahead-clear",
-						"aria-label": clearLabel.value,
-						onClick: onClear
-					}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
-						width: "16",
-						height: "16",
-						viewBox: "0 0 16 16",
-						fill: "none",
-						"aria-hidden": "true"
-					}, [createElementVNode("path", {
-						d: "M12 4L4 12M4 4L12 12",
-						stroke: "currentColor",
-						"stroke-width": "1.5",
-						"stroke-linecap": "round"
-					})], -1)])], 8, _hoisted_3)) : createCommentVNode("v-if", true),
-					focusableDisabled.value ? (openBlock(), createElementBlock("span", {
-						key: 4,
-						id: disabledId,
-						class: "astryx-visually-hidden"
-					}, toDisplayString(props.disabledReason), 1)) : createCommentVNode("v-if", true),
-					props.name ? (openBlock(), createElementBlock("input", {
-						key: 5,
-						type: "hidden",
-						name: props.name,
-						value: selected.value?.id ?? ""
-					}, null, 8, _hoisted_4)) : createCommentVNode("v-if", true)
-				], 2)]),
-				_: 3
-			}, 8, [
-				"class",
-				"label",
-				"description",
-				"is-label-hidden",
-				"is-disabled",
-				"is-required",
-				"is-optional",
-				"status",
-				"width"
-			]), (openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
-				id: listboxId,
-				ref_key: "listboxRef",
-				ref: listboxRef,
-				class: "astryx-typeahead-listbox",
-				role: "listbox",
-				"aria-label": unref(messages).typeahead.results,
-				"data-placement": unref(anchored).position.value.placement,
-				style: normalizeStyle(unref(anchored).style.value),
-				tabindex: "-1"
-			}, [createVNode(_sfc_main$4, {
-				entries: unref(menu).entries.value.map((entry) => ({
-					id: entry.id,
-					label: entry.label,
-					description: entry.description,
-					disabled: entry.disabled,
-					selected: optionSelected(entry.item.id)
-				})),
-				"active-index": unref(menu).combobox.activeIndex.value,
-				status: unref(menu).status.value,
-				"listbox-id": listboxId,
-				"empty-text": emptyText.value,
-				"loading-text": unref(messages).typeahead.loading,
-				"error-text": unref(messages).typeahead.error,
-				onSelect: onMenuSelect,
-				onHighlight: highlight
-			}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
-				name: "item",
-				fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", {
-					item: unref(menu).entries.value.find((entry) => entry.id === slotProps.entry.id).item,
-					isActive: slotProps.isActive,
-					isSelected: slotProps.isSelected
-				})]),
-				key: "0"
-			} : void 0, _ctx.$slots.empty ? {
-				name: "empty",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-				key: "1"
-			} : void 0]), 1032, [
-				"entries",
-				"active-index",
-				"status",
-				"empty-text",
-				"loading-text",
-				"error-text"
-			])], 12, _hoisted_5), [[vShow, unref(menu).combobox.isOpen.value]])]))], 64);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/index-Bqb_Fyju.d.ts

@@ -1,80 +0,0 @@
-import { a as SearchableItem, i as SearchSource } from "./useAsyncSource-xpQovjV_.js";
-//#region src/Typeahead/types.d.ts
-type TypeaheadSize = 'sm' | 'md' | 'lg';
-type TypeaheadStatus = 'default' | 'success' | 'warning' | 'error';
-interface TypeaheadProps<T extends SearchableItem = SearchableItem> {
-  /** 当前选中的条目。空表示还没选。 */
-  modelValue?: T | null;
-  /** 静态或异步搜索源。 */
-  searchSource: SearchSource<T>;
-  /** 字段标签。屏幕阅读器始终读得到。 */
-  label: string;
-  /** 视觉上隐藏标签。 */
-  labelHidden?: boolean;
-  /** 标签下方的说明。 */
-  description?: string;
-  placeholder?: string;
-  disabled?: boolean;
-  /** 禁用原因。有值时控件仍可聚焦，方便读到原因。 */
-  disabledReason?: string;
-  status?: TypeaheadStatus;
-  statusMessage?: string;
-  size?: TypeaheadSize;
-  /** 显示清除按钮。 */
-  clearable?: boolean;
-  /** 输入停顿后再搜索，单位毫秒。本地数据可设为 0。 */
-  debounceMs?: number;
-  /** 下拉最多显示多少条。 */
-  maxMenuItems?: number;
-  /** 聚焦时还没输入就展示结果。 */
-  showOnFocus?: boolean;
-  emptyText?: string;
-  required?: boolean;
-  optional?: boolean;
-  /** 表单字段名。选中后提交条目的 id。 */
-  name?: string;
-  width?: number | string;
-}
-interface TypeaheadEmits<T extends SearchableItem = SearchableItem> {
-  'update:modelValue': [value: T | null];
-  'change': [value: T | null];
-  'search': [query: string];
-  'openChange': [isOpen: boolean];
-}
-interface TypeaheadSlots<T extends SearchableItem = SearchableItem> {
-  /** 输入框开头的图标。 */
-  icon?: () => unknown;
-  /** 自定义下拉条目。 */
-  item?: (props: {
-    item: T;
-    isActive: boolean;
-    isSelected: boolean;
-  }) => unknown;
-  /** 自定义空状态。 */
-  empty?: () => unknown;
-}
-//#endregion
-//#region src/Typeahead/Typeahead.vue.d.ts
-declare const __VLS_export: <T extends SearchableItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: import("vue").PublicProps & __VLS_PrettifyLocal<TypeaheadProps<T> & {
-    onChange?: ((value: T | null) => any) | undefined;
-    onSearch?: ((query: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T | null) => any) | undefined;
-    onOpenChange?: ((isOpen: boolean) => any) | undefined;
-  }> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: import("vue").ShallowUnwrapRef<{
-    focus: () => void | undefined;
-    blur: () => void | undefined;
-  }>) => void;
-  attrs: any;
-  slots: TypeaheadSlots<T>;
-  emit: ((evt: "change", value: T | null) => void) & ((evt: "search", query: string) => void) & ((evt: "update:modelValue", value: T | null) => void) & ((evt: "openChange", isOpen: boolean) => void);
-}>) => import("vue").VNode & {
-  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
-};
-declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
-//#endregion
-export { TypeaheadSlots as a, TypeaheadSize as i, TypeaheadEmits as n, TypeaheadStatus as o, TypeaheadProps as r, _default as t };

package/dist/index-Dg3ZmwEg.d.ts

@@ -1,75 +0,0 @@
-//#region src/Link/types.d.ts
-type LinkColor = 'primary' | 'secondary' | 'accent' | 'inherit';
-interface LinkProps {
-  /**
-   * Link destination URL.
-   */
-  href?: string;
-  /**
-   * Whether the link opens in a new tab and shows an external indicator.
-   * @default false
-   */
-  isExternalLink?: boolean;
-  /**
-   * Whether the link always shows an underline.
-   * @default false
-   */
-  hasUnderline?: boolean;
-  /**
-   * Text color.
-   * @default 'accent'
-   */
-  color?: LinkColor;
-  /**
-   * Whether the link is disabled.
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * HTML target attribute.
-   */
-  target?: string;
-  /**
-   * HTML rel attribute.
-   */
-  rel?: string;
-  /**
-   * Causes the browser to download the linked URL.
-   */
-  download?: string | boolean;
-  /**
-   * Tooltip text shown on hover and keyboard focus.
-   */
-  tooltip?: string;
-  /**
-   * Whether the link stands alone, rather than sitting inside body text.
-   * Applies body font size and line height.
-   * @default false
-   */
-  isStandalone?: boolean;
-}
-//#endregion
-//#region src/Link/Link.vue.d.ts
-type __VLS_Slots = {
-  default: () => unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-  click: (event: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{
-  onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {
-  isDisabled: boolean;
-  color: LinkColor;
-  isExternalLink: boolean;
-  hasUnderline: boolean;
-  isStandalone: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { LinkColor as n, LinkProps as r, _default as t };

package/dist/locale-CCwVnyMZ.js

@@ -1,42 +0,0 @@
-//#region src/locale/format.ts
-const weekdayStart = new Date(2023, 0, 1);
-/** CLDR stand-alone short names. Intl `short` is Sun/Mon, which is not the calendar header. */
-const standaloneShortWeekdays = {
-	"en": [
-		"Su",
-		"Mo",
-		"Tu",
-		"We",
-		"Th",
-		"Fr",
-		"Sa"
-	],
-	"zh-CN": [
-		"周日",
-		"周一",
-		"周二",
-		"周三",
-		"周四",
-		"周五",
-		"周六"
-	]
-};
-function standaloneShortWeekdayNames(locale) {
-	return standaloneShortWeekdays[locale];
-}
-function formatCalendarMonth(year, month, locale) {
-	return new Intl.DateTimeFormat(locale, {
-		month: "long",
-		year: "numeric"
-	}).format(new Date(year, month - 1, 1));
-}
-function weekdayNames(locale, style) {
-	const formatter = new Intl.DateTimeFormat(locale, { weekday: style });
-	return Array.from({ length: 7 }, (_, index) => {
-		const date = new Date(weekdayStart);
-		date.setDate(weekdayStart.getDate() + index);
-		return formatter.format(date);
-	});
-}
-//#endregion
-export { standaloneShortWeekdayNames as n, weekdayNames as r, formatCalendarMonth as t };

package/dist/syntaxTheme-Bcs1YMF7.d.ts

@@ -1,38 +0,0 @@
-//#region src/Code/syntaxTheme.d.ts
-declare const SYNTAX_TOKEN_KEYS: readonly ["keyword", "string", "comment", "number", "function", "type", "variable", "operator", "constant", "tag", "attribute", "property", "punctuation", "background"];
-type SyntaxTokenKey = (typeof SYNTAX_TOKEN_KEYS)[number];
-interface SyntaxThemeTokens {
-  keyword: string;
-  string: string;
-  comment: string;
-  number: string;
-  function: string;
-  type: string;
-  variable: string;
-  operator: string;
-  constant: string;
-  tag: string;
-  attribute: string;
-  property: string;
-  punctuation: string;
-  background: string;
-}
-/** A string is used as written. A tuple is the light stop, then the dark stop. */
-type SyntaxTokenValue = string | readonly [string, string];
-interface SyntaxThemeDefinition {
-  name: string;
-  tokens: SyntaxThemeTokens;
-}
-interface SyntaxThemeInput {
-  name: string;
-  tokens: { [K in keyof SyntaxThemeTokens]: SyntaxTokenValue; };
-}
-/**
- * Create a syntax theme. All 14 tokens are required.
- * `[light, dark]` tuples are stored as `light-dark()`.
- */
-declare function defineSyntaxTheme(theme: SyntaxThemeInput): SyntaxThemeDefinition;
-/** GitHub Dark (GitHub Primer team), MIT. */
-declare const githubDark: SyntaxThemeDefinition;
-//#endregion
-export { SyntaxTokenKey as a, githubDark as c, SyntaxThemeTokens as i, SyntaxThemeDefinition as n, SyntaxTokenValue as o, SyntaxThemeInput as r, defineSyntaxTheme as s, SYNTAX_TOKEN_KEYS as t };