@astryx-vue/core 0.2.3 → 0.2.5

package/dist/types-jmqqnkKA.d.ts

@@ -1,163 +0,0 @@
-import { n as SyntaxThemeDefinition } from "./syntaxTheme-Bcs1YMF7.js";
-import { t as SemanticIconMap } from "./semantic-CKH9XVqa.js";
-import { Component } from "vue";
-//#region src/Indicator/types.d.ts
-/**
- * Each family owns its own states.
- *
- * A radio is only chosen or not. A checkbox can also be partial. Keeping the
- * families apart means a radio graphic is never asked to draw a mixed state.
- */
-interface IndicatorFamilyMap {
-  singleSelection: 'unchecked' | 'checked';
-  multiSelection: 'unchecked' | 'checked' | 'indeterminate';
-}
-type IndicatorFamily = keyof IndicatorFamilyMap & string;
-type IndicatorState<F extends IndicatorFamily = IndicatorFamily> = IndicatorFamilyMap[F];
-/** Matches the control sizes of the inputs that draw these graphics. */
-type IndicatorSize = 'sm' | 'md';
-/**
- * Which edge of a row the mark sits on.
- *
- * Logical, not physical: start is the left edge in left-to-right text.
- * The row decides this. The graphic itself has no position.
- */
-type IndicatorPosition = 'start' | 'end';
-/**
- * Props every indicator accepts.
- *
- * The graphic is decorative. The control that draws it keeps the input, the
- * role, the accessible name, and the keyboard. Hover and focus reach the
- * graphic through the `astryx-indicator-scope` class on that control, not
- * through a prop.
- */
-interface IndicatorProps<F extends IndicatorFamily = IndicatorFamily> {
-  /** Which state to draw. The family decides which states exist. */
-  state: IndicatorState<F>;
-  /**
-   * Control size. `sm` is 20px and `md` is 24px.
-   * @default 'md'
-   */
-  size?: IndicatorSize;
-  /**
-   * Whether the owning control is disabled. Visual only.
-   * @default false
-   */
-  isDisabled?: boolean;
-}
-/** A component that can stand in for one indicator name. */
-type IndicatorComponent<F extends IndicatorFamily = IndicatorFamily> = Component<IndicatorProps<F>>;
-/**
- * Names a theme can replace.
- *
- * Packages can add names by augmenting this interface. Core has no default
- * for a name it does not know, so `getIndicator` returns undefined for those
- * and the caller supplies the fallback.
- */
-interface IndicatorMap {
-  /** The mark on a chosen option. A check by default, and nothing when unchosen. */
-  check: 'singleSelection';
-  /** The circle of a radio. */
-  radio: 'singleSelection';
-  /** The box of a checkbox, including the partial state. */
-  checkbox: 'multiSelection';
-}
-type IndicatorName = keyof IndicatorMap & string;
-type CoreIndicatorName = 'check' | 'checkbox' | 'radio';
-/**
- * Theme overrides, keyed by indicator name.
- *
- * One entry replaces that graphic everywhere it is drawn. Mapping `check` to
- * the radio graphic turns every single-selection mark into a radio.
- */
-interface IndicatorRegistry {
-  check?: IndicatorComponent<'singleSelection'>;
-  radio?: IndicatorComponent<'singleSelection'>;
-  checkbox?: IndicatorComponent<'multiSelection'>;
-  [name: string]: Component | undefined;
-}
-//#endregion
-//#region src/Theme/types.d.ts
-/** Color mode for a theme subtree. `system` follows the page and the OS. */
-type ThemeMode = 'light' | 'dark' | 'system';
-/**
- * A token value.
- *
- * A string is used as written. A two-item tuple is the light stop, then the
- * dark stop, and becomes `light-dark()`.
- */
-type ThemeTokenValue = string | readonly [string, string];
-/** CSS custom properties for a theme. Keys may omit the `--astryx-` prefix. */
-type ThemeTokens = Record<string, ThemeTokenValue>;
-/** Token overrides for one inverted surface. */
-interface ThemeSurfaceInput {
-  tokens?: ThemeTokens;
-}
-interface DefineThemeInput {
-  /** Theme name. Used as `data-astryx-theme`. */
-  name: string;
-  /** Semantic token overrides for this theme. */
-  tokens?: ThemeTokens;
-  /** Another theme to start from. This theme's own values win. */
-  extends?: ThemeDefinition;
-  /** Syntax colors for code in this subtree, unless a SyntaxTheme is closer. */
-  syntax?: SyntaxThemeDefinition;
-  /** Extra tokens for content on a dark surface. */
-  onDark?: ThemeSurfaceInput;
-  /** Extra tokens for content on a light surface. */
-  onLight?: ThemeSurfaceInput;
-  /**
-   * Semantic icon name to Iconify id.
-   *
-   * Entries replace the built-in map by name and merge with the theme this
-   * one extends. A name that is not listed keeps the built-in id.
-   */
-  icons?: SemanticIconMap;
-  /**
-   * Indicator graphics, replaced by name.
-   *
-   * One entry reaches every control that draws that indicator. Entries merge
-   * with the theme this one extends.
-   */
-  indicators?: IndicatorRegistry;
-}
-interface ThemeDefinition {
-  name: string;
-  /** Token values already written as CSS. */
-  tokens: Readonly<Record<string, string>>;
-  /** Extra tokens applied by MediaTheme when the surface is dark. */
-  onDark: Readonly<Record<string, string>>;
-  /** Extra tokens applied by MediaTheme when the surface is light. */
-  onLight: Readonly<Record<string, string>>;
-  syntax?: SyntaxThemeDefinition;
-  /** Semantic icon overrides. Absent when this theme does not set any. */
-  icons?: SemanticIconMap;
-  /** Indicator overrides. Absent when this theme does not set any. */
-  indicators?: IndicatorRegistry;
-  readonly __astryxTheme: true;
-}
-interface ThemeProps {
-  /** Theme from `defineTheme()`. */
-  theme: ThemeDefinition;
-  /**
-   * Color mode for this subtree.
-   * @default 'system'
-   */
-  mode?: ThemeMode;
-}
-/** Surface luminance, `auto` to measure it, or `off` to leave the page theme. */
-type MediaThemeMode = 'dark' | 'light' | 'auto' | 'off';
-interface MediaThemeProps {
-  /**
-   * Which surface the children sit on.
-   * `auto` measures the parent. `off` keeps the surrounding theme.
-   */
-  mode: MediaThemeMode;
-  /**
-   * Side used by `auto` before the surface can be measured, and when it cannot.
-   * @default 'dark'
-   */
-  fallback?: 'dark' | 'light';
-}
-//#endregion
-export { IndicatorProps as _, ThemeMode as a, IndicatorState as b, ThemeTokenValue as c, IndicatorComponent as d, IndicatorFamily as f, IndicatorPosition as g, IndicatorName as h, ThemeDefinition as i, ThemeTokens as l, IndicatorMap as m, MediaThemeMode as n, ThemeProps as o, IndicatorFamilyMap as p, MediaThemeProps as r, ThemeSurfaceInput as s, DefineThemeInput as t, CoreIndicatorName as u, IndicatorRegistry as v, IndicatorSize as y };

package/dist/useHotkeys-dABSK1o9.js

@@ -1,80 +0,0 @@
-import { t as isApplePlatform } from "./platform-B_9W_aHW.js";
-import { onMounted, onScopeDispose, toValue } from "vue";
-//#region src/composables/useHotkeys.ts
-const KEY_ALIASES = {
-	esc: "escape",
-	space: " ",
-	up: "arrowup",
-	down: "arrowdown",
-	left: "arrowleft",
-	right: "arrowright",
-	return: "enter",
-	plus: "+"
-};
-function isTypingTarget(target) {
-	if (!(target instanceof HTMLElement)) return false;
-	if (target.isContentEditable) return true;
-	const tag = target.tagName;
-	return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
-}
-function isImeKeyEvent(event) {
-	return event.isComposing === true || event.key === "Process" || event.keyCode === 229;
-}
-function matchesCombo(keys, event, isApple) {
-	const parts = keys.toLowerCase().split("+").map((part) => part.trim()).filter(Boolean);
-	if (parts.length === 0) return false;
-	const key = parts[parts.length - 1] ?? "";
-	const mods = new Set(parts.slice(0, -1));
-	const wantsMod = mods.has("mod");
-	const wantsCtrl = mods.has("ctrl") || wantsMod && !isApple;
-	const wantsMeta = mods.has("meta") || wantsMod && isApple;
-	const wantsAlt = mods.has("alt");
-	const wantsShift = mods.has("shift");
-	if (event.ctrlKey !== wantsCtrl) return false;
-	if (event.metaKey !== wantsMeta) return false;
-	if (event.altKey !== wantsAlt) return false;
-	if (wantsShift && !event.shiftKey) return false;
-	const expected = KEY_ALIASES[key] ?? key;
-	return event.key.toLowerCase() === expected;
-}
-/**
-* 对应原版 Astryx 的 `hooks/useHotkeys`。
-*
-* 一个实例只在 window 上挂一个 keydown。快捷键列表放在调用方，
-* 重新渲染不会反复订阅。已经 preventDefault 的事件、输入法组合中的事件会跳过。
-* 焦点在输入控件里时默认不触发，除非那一条写了 `allowInInputs`。
-*
-* 单个没有修饰键的字符（例如 `c`、`/`）很容易被语音输入误触。
-* 如果注册这种快捷键，调用方需要提供关闭、改键，或只在组件有焦点时生效。
-*/
-function useHotkeys(hotkeys) {
-	let stop = null;
-	function start() {
-		if (typeof window === "undefined" || stop != null) return;
-		const isApple = isApplePlatform();
-		function handleKeyDown(event) {
-			if (event.defaultPrevented || isImeKeyEvent(event)) return;
-			const isTyping = isTypingTarget(event.target);
-			for (const hotkey of toValue(hotkeys)) {
-				if (hotkey.isDisabled) continue;
-				if (isTyping && hotkey.allowInInputs !== true) continue;
-				if (matchesCombo(hotkey.keys, event, isApple)) {
-					event.preventDefault();
-					hotkey.onPress(event);
-					return;
-				}
-			}
-		}
-		window.addEventListener("keydown", handleKeyDown);
-		stop = () => {
-			window.removeEventListener("keydown", handleKeyDown);
-			stop = null;
-		};
-	}
-	onMounted(start);
-	onScopeDispose(() => {
-		stop?.();
-	});
-}
-//#endregion
-export { useHotkeys as t };

package/dist/useLongPress-Cyxwa73s.js

@@ -1,60 +0,0 @@
-import { onBeforeUnmount, toValue } from "vue";
-//#region src/composables/useLongPress.ts
-const DEFAULT_DELAY_MS = 500;
-const DEFAULT_MOVE_CANCEL_PX = 10;
-/**
-* 对应原版 Astryx 的 `hooks/useLongPress`。
-*
-* Detect a single-finger long press.
-*
-* iOS Safari never synthesizes a `contextmenu` event for a held finger, so a
-* long press is the only touch affordance that can open a cursor-positioned
-* surface. The press is cancelled when the finger travels past the tolerance,
-* lifts, or the touch is cancelled.
-*/
-function useLongPress(options) {
-	const delayMs = options.delayMs ?? DEFAULT_DELAY_MS;
-	const moveCancelPx = options.moveCancelPx ?? DEFAULT_MOVE_CANCEL_PX;
-	let timer = null;
-	let origin = null;
-	function cancel() {
-		if (timer != null) {
-			clearTimeout(timer);
-			timer = null;
-		}
-		origin = null;
-	}
-	function start(point) {
-		if (toValue(options.isDisabled)) return;
-		cancel();
-		origin = {
-			x: point.x,
-			y: point.y
-		};
-		timer = setTimeout(() => {
-			const from = origin;
-			timer = null;
-			if (from == null) return;
-			options.onLongPress({
-				x: from.x,
-				y: from.y
-			});
-		}, delayMs);
-	}
-	function moveTo(point) {
-		if (origin == null) return false;
-		if (Math.abs(point.x - origin.x) > moveCancelPx || Math.abs(point.y - origin.y) > moveCancelPx) {
-			cancel();
-			return false;
-		}
-		return true;
-	}
-	onBeforeUnmount(cancel);
-	return {
-		cancel,
-		moveTo,
-		start
-	};
-}
-//#endregion
-export { useLongPress as t };

package/dist/{index-BXkNZF3q.d.ts → index-CpiWVbRZ.d.ts}

@@ -39,9 +39,9 @@ declare const __VLS_base: import("vue").DefineComponent<TokenProps, {}, {}, {},
   onRemove?: ((event: Event) => any) | undefined;
 }>, {
   size: TokenSize;
-  color: "default" | "blue" | "cyan" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow";
   disabled: boolean;
   labelHidden: boolean;
+  color: "default" | "blue" | "cyan" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow";
   removable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;