@astryx-vue/core 0.1.1 → 0.2.0

package/dist/composables-Dq9RS33w.js

@@ -1,111 +0,0 @@
-import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
-import { computed, ref, toValue, watch } from "vue";
-//#region src/composables/useControllableState.ts
-/**
-* 受控或自己管的 v-model。
-*
-* Astryx 没有同名 hook。各组件原来各自判断「外面传了值就听外面的，没传就自己记」，
-* 这里收成一个函数，方便以后的 v-model 共用。
-*/
-function useControllableState(options) {
-	const { modelValue, onChange } = options;
-	const controlled = modelValue.value !== void 0;
-	const local = ref(toValue(options.defaultValue));
-	const isControlled = computed(() => controlled);
-	const value = computed(() => controlled ? modelValue.value : local.value);
-	function setValue(next) {
-		if (Object.is(value.value, next)) return;
-		if (controlled) modelValue.value = next;
-		else local.value = next;
-		onChange?.(next);
-	}
-	return {
-		isControlled,
-		setValue,
-		value
-	};
-}
-//#endregion
-//#region src/composables/useStreamingText.ts
-const CHARS_PER_TICK = {
-	natural: 10,
-	fast: 4,
-	instant: Number.POSITIVE_INFINITY
-};
-const FALLBACK_DURATION_MS = 95;
-function parseCssDuration(value) {
-	const milliseconds = /^([\d.]+)ms$/.exec(value.trim());
-	if (milliseconds?.[1] != null) return Number(milliseconds[1]);
-	const seconds = /^([\d.]+)s$/.exec(value.trim());
-	if (seconds?.[1] != null) return Number(seconds[1]) * 1e3;
-	return null;
-}
-function motionDuration() {
-	if (typeof document === "undefined") return FALLBACK_DURATION_MS;
-	return parseCssDuration(getComputedStyle(document.documentElement).getPropertyValue("--astryx-duration-fast-min")) ?? FALLBACK_DURATION_MS;
-}
-function tickInterval(speed) {
-	if (speed === "instant") return 0;
-	const duration = motionDuration();
-	const tick = speed === "fast" ? duration / 20 : duration / 10;
-	return Math.max(4, Math.round(tick));
-}
-const graphemeSegmenter = typeof Intl.Segmenter === "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
-function isLowSurrogate(codeUnit) {
-	return codeUnit >= 56320 && codeUnit <= 57343;
-}
-/**
-* Move `offset` back to the start of the grapheme it lands inside, so a slice
-* never cuts a surrogate pair, a flag, or a ZWJ sequence in half.
-*/
-function snapToGraphemeBoundary(text, offset) {
-	if (offset <= 0 || offset >= text.length) return offset;
-	if (graphemeSegmenter != null) return graphemeSegmenter.segment(text).containing(offset)?.index ?? offset;
-	return isLowSurrogate(text.charCodeAt(offset)) ? offset - 1 : offset;
-}
-/**
-* Smooth a burst of streamed text into a steady reveal.
-* While `isStreaming` is false, or the user prefers reduced motion, the full
-* source is returned. The reveal steps by UTF-16 units and then snaps back to
-* a grapheme boundary.
-*/
-function useStreamingText(targetText, isStreaming = false, options) {
-	const displayedLen = ref(0);
-	const prefersReducedMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-	const target = computed(() => toValue(targetText));
-	const streaming = computed(() => toValue(isStreaming));
-	const speed = computed(() => toValue(options)?.speed ?? "natural");
-	const instant = computed(() => !streaming.value || speed.value === "instant" || prefersReducedMotion.value);
-	watch(target, (next, previous) => {
-		if (next.length === 0 && (previous?.length ?? 0) > 0) displayedLen.value = 0;
-	});
-	watch(streaming, (next) => {
-		if (!next) displayedLen.value = target.value.length;
-	});
-	watch(instant, (isInstant, _, onCleanup) => {
-		if (isInstant) return;
-		let frame = 0;
-		let lastTick = 0;
-		const tick = (now) => {
-			const interval = tickInterval(speed.value);
-			if (now - lastTick >= interval) {
-				lastTick = now;
-				const goal = target.value.length;
-				if (displayedLen.value < goal) {
-					const step = CHARS_PER_TICK[speed.value];
-					displayedLen.value = Math.min(displayedLen.value + step, goal);
-				}
-			}
-			frame = requestAnimationFrame(tick);
-		};
-		frame = requestAnimationFrame(tick);
-		onCleanup(() => cancelAnimationFrame(frame));
-	}, { immediate: true });
-	return computed(() => {
-		const text = target.value;
-		if (instant.value) return text;
-		return text.slice(0, snapToGraphemeBoundary(text, displayedLen.value));
-	});
-}
-//#endregion
-export { useStreamingText as n, useControllableState as r, snapToGraphemeBoundary as t };

package/dist/index-BzqRns96.d.ts

@@ -1,64 +0,0 @@
-//#region src/Text/types.d.ts
-type TextType = 'body' | 'large' | 'label' | 'supporting' | 'code' | 'display-1' | 'display-2' | 'display-3';
-type TextSize = 'sm' | 'md' | 'lg' | 'xl';
-type TextColor = 'primary' | 'secondary' | 'accent' | 'inherit';
-type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
-type TextDisplay = 'block' | 'inline';
-type TextAs = 'span' | 'p' | 'div' | 'label';
-interface TextProps {
-  /**
-   * Semantic text type. Determines size, weight, and line-height.
-   * @default 'body'
-   */
-  type?: TextType;
-  /**
-   * Explicit font size override.
-   */
-  size?: TextSize;
-  /**
-   * Text color.
-   * @default 'primary'
-   */
-  color?: TextColor;
-  /**
-   * Font weight override.
-   */
-  weight?: TextWeight;
-  /**
-   * Display type.
-   * @default 'inline'
-   */
-  display?: TextDisplay;
-  /**
-   * HTML element to render.
-   * @default 'span'
-   */
-  as?: TextAs;
-  /**
-   * Maximum lines before truncation. 0 means no truncation.
-   * @default 0
-   */
-  maxLines?: number;
-}
-//#endregion
-//#region src/Text/Text.vue.d.ts
-declare var __VLS_7: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextProps> & Readonly<{}>, {
-  type: TextType;
-  as: TextAs;
-  color: TextColor;
-  display: TextDisplay;
-  maxLines: number;
-}, {}, {}, {}, 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 { TextProps as a, TextWeight as c, TextDisplay as i, TextAs as n, TextSize as o, TextColor as r, TextType as s, _default as t };

package/dist/index-TnaIHsCS.d.ts

@@ -1,87 +0,0 @@
-import { VNode } from "vue";
-//#region src/Collapsible/types.d.ts
-/**
- * Logical side of the trigger label that carries the disclosure chevron.
- *
- * `end` is a trailing status indicator: it follows the label, points down while
- * the content is collapsed, and flips up when it expands. `start` is a leading
- * disclosure arrow: it sits before the label, points inward toward the content
- * while collapsed — mirrored under RTL — and turns down when it expands.
- */
-type CollapsibleChevronPosition = 'start' | 'end';
-interface CollapsibleProps {
-  /**
-   * Plain-text trigger label.
-   *
-   * Use the `trigger` slot when the label needs markup, a heading, or
-   * additional controls; the slot replaces this prop entirely.
-   */
-  trigger?: string;
-  /**
-   * Open state the component starts in while `isOpen` stays unbound.
-   * @default true
-   */
-  defaultIsOpen?: boolean;
-  /**
-   * Whether the trigger can be operated.
-   *
-   * A disabled trigger is dimmed, announces itself as disabled, and leaves the
-   * tab order. Disabling never collapses content that is already open.
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * Logical side of the trigger label that carries the disclosure chevron.
-   * @default 'end'
-   */
-  chevronPosition?: CollapsibleChevronPosition;
-  /**
-   * Controlled open state, bound with `v-model:isOpen`. Leave it unbound to let
-   * the component own its state, starting from `defaultIsOpen`.
-   */
-  isOpen?: boolean;
-}
-interface CollapsibleEmits {
-  /**
-   * Emitted with the open state the trigger asks for. In uncontrolled usage it
-   * reports the change; in controlled usage it is the request to update the
-   * bound state.
-   */
-  openChange: [isOpen: boolean];
-}
-interface CollapsibleSlots {
-  /** The content hidden while collapsed and revealed while expanded. */
-  default?: () => VNode[];
-  /** The trigger label. Replaces the `trigger` prop. */
-  trigger?: () => VNode[];
-}
-//#endregion
-//#region src/Collapsible/Collapsible.vue.d.ts
-type __VLS_Props = Omit<CollapsibleProps, 'isOpen'>;
-type __VLS_Slots = CollapsibleSlots;
-type __VLS_ModelProps = {
-  'isOpen'?: boolean | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-  element: import("vue").ComputedRef<HTMLDivElement | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  openChange: (isOpen: boolean) => any;
-  "update:isOpen": (value: boolean | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  onOpenChange?: ((isOpen: boolean) => any) | undefined;
-  "onUpdate:isOpen"?: ((value: boolean | undefined) => any) | undefined;
-}>, {
-  isDisabled: boolean;
-  defaultIsOpen: boolean;
-  chevronPosition: CollapsibleChevronPosition;
-}, {}, {}, {}, 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 { CollapsibleSlots as a, CollapsibleProps as i, CollapsibleChevronPosition as n, CollapsibleEmits as r, _default as t };