@astryx-vue/core 0.2.1 → 0.2.3

package/dist/types-DDAAT1Xd.d.ts

@@ -1,285 +0,0 @@
-import { a as ButtonProps } from "./types-WlmsNL1I.js";
-import { n as LayerPlacement, t as LayerAlignment } from "./position-DFW5ymAF.js";
-import { c as ItemTarget } from "./types-CAZY4Xua.js";
-import { Component, VNodeChild } from "vue";
-//#region src/DropdownMenu/types.d.ts
-/** Size of the menu, derived from the trigger button's size. */
-type DropdownMenuSize = 'sm' | 'md' | 'lg';
-/**
- * Where the menu opens.
- *
- * `popover` hangs off the trigger. `bottom-sheet` rises from the bottom edge.
- * `adaptive` uses the sheet only on a compact touch surface.
- */
-type DropdownMenuPresentation = 'adaptive' | 'bottom-sheet' | 'popover';
-/** Visual variant of one menu row. */
-type DropdownMenuItemVariant = 'default' | 'destructive';
-/**
- * The trigger button's properties.
- *
- * Every `Button` prop is accepted except `clickAction`, which would compete
- * with the menu for the trigger's click. Hover and pressed paint stay the
- * Button's own; the open state is exposed to CSS as `[data-open='true']` on the
- * trigger wrapper.
- */
-type DropdownMenuButtonProps = Omit<ButtonProps, 'clickAction'>;
-/**
- * The wiring a custom trigger spreads onto the control that opens the menu.
- *
- * These keys are already written in the attribute form the DOM wants, so
- * `v-bind` them wholesale onto the control. The menu is then named by that
- * control through `aria-labelledby`.
- */
-interface DropdownMenuTriggerProps {
-  /** The control's id; the menu points at it with `aria-labelledby`. */
-  'id': string;
-  'aria-haspopup': 'menu';
-  'aria-expanded': boolean;
-  'aria-controls': string;
-  /** Toggles the menu. */
-  'onClick': (event: MouseEvent) => void;
-  /** Opens on Enter, Space, ArrowDown and ArrowUp; while open, ArrowDown walks into the menu. */
-  'onKeyDown': (event: KeyboardEvent) => void;
-}
-/** One action row of the `items` data API. */
-interface DropdownMenuItemData {
-  /**
-   * Stable identity for the row. Omit it and the row is keyed by position,
-   * which is correct for a fixed menu; set it when `items` can reorder,
-   * filter, or grow, so a row keeps its DOM node — and therefore keyboard
-   * focus — as the array changes around it.
-   */
-  id?: string;
-  /** Primary label content. */
-  label: string | number;
-  /**
-   * Icon shown before the label.
-   *
-   * Pass a CSS icon class — for example an UnoCSS class such as
-   * `'i-carbon-copy'` — or a Vue component that draws the SVG. astryx-vue ships
-   * no icons of its own.
-   */
-  icon?: string | Component;
-  /** Secondary line below the label. */
-  description?: string | number;
-  /**
-   * Whether the row is disabled.
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * Visual variant. `destructive` renders the label, description, and icon in
-   * the error color for dangerous actions.
-   * @default 'default'
-   */
-  variant?: DropdownMenuItemVariant;
-  /** Trailing content, such as a keyboard-shortcut hint. */
-  endContent?: VNodeChild;
-  /**
-   * Whether activating the row closes the menu. Set `false` for an action that
-   * reports its result on the row itself.
-   * @default true
-   */
-  hasCloseOnSelect?: boolean;
-  /** Address the row navigates to; the row then renders as a link. */
-  href?: string;
-  /** Link target. Only used with `href`. */
-  target?: ItemTarget;
-  /** Link relationship. Only used with `href`. */
-  rel?: string;
-  /** Called when the row is activated. */
-  onClick?: (event: MouseEvent) => void;
-}
-/** A divider row of the `items` data API. */
-interface DropdownMenuDividerData {
-  type: 'divider';
-}
-/** A titled group of rows of the `items` data API. */
-interface DropdownMenuSection {
-  type: 'section';
-  /** Stable identity for the group. */
-  id?: string;
-  /** Heading shown above the group's rows and used as its accessible name. */
-  title?: string;
-  items: DropdownMenuItemData[];
-}
-/** One entry of the `items` data API. */
-type DropdownMenuOption = DropdownMenuItemData | DropdownMenuDividerData | DropdownMenuSection;
-interface DropdownMenuProps {
-  /**
-   * The design system's own button as the trigger. Ignored when the `trigger`
-   * slot renders a control instead.
-   * @default { label: 'Menu' }
-   */
-  button?: DropdownMenuButtonProps;
-  /**
-   * Data-mode menu entries: action items, `{ type: 'divider' }`, and
-   * `{ type: 'section', title, items }`. Provide either `items` or the default
-   * slot; `items` wins when both are present.
-   */
-  items?: DropdownMenuOption[];
-  /**
-   * Controlled open state. Pair it with `v-model:is-menu-open`. Left out, the
-   * menu manages its own open state.
-   */
-  isMenuOpen?: boolean;
-  /**
-   * Minimum width of the menu. A length grows for its content; an intrinsic
-   * keyword such as `max-content` becomes the preferred width instead. Every
-   * form is capped to the viewport. Defaults to the trigger's width, capped.
-   */
-  menuWidth?: number | string;
-  /**
-   * Maximum height of the menu in pixels, for a menu that must fit its rows.
-   * Lifts the default 300px cap; the viewport still bounds it.
-   */
-  menuMaxHeight?: number;
-  /**
-   * Where the menu opens relative to the trigger. Flips when there is no room.
-   * @default 'below'
-   */
-  placement?: LayerPlacement;
-  /**
-   * `popover` anchors to the trigger. `bottom-sheet` uses a bottom sheet.
-   * `adaptive` chooses the sheet on a compact touch surface and a popover
-   * otherwise.
-   * @default 'popover'
-   */
-  presentation?: DropdownMenuPresentation;
-  /**
-   * How the menu aligns with the trigger along the placement axis.
-   * @default 'start'
-   */
-  alignment?: LayerAlignment;
-  /**
-   * Whether the trigger button shows a trailing chevron. Hidden by default on
-   * an icon-only trigger.
-   * @default true
-   */
-  hasChevron?: boolean;
-}
-interface DropdownMenuEmits {
-  'update:isMenuOpen': [isOpen: boolean];
-  /** Fired when the open state changes. */
-  'openChange': [isOpen: boolean];
-  /** Fired when the trigger is activated. */
-  'click': [];
-}
-interface DropdownMenuSlots {
-  /**
-   * Compound menu content: `DropdownMenuItem`, `DropdownMenuDivider` and
-   * `DropdownMenuGroup`. Mutually exclusive with `items`.
-   */
-  default?: () => VNodeChild;
-  /**
-   * The control the menu hangs off — an icon button, a chip, an avatar, a list
-   * row. Spread the given props onto it.
-   */
-  trigger?: (props: DropdownMenuTriggerProps) => VNodeChild;
-}
-interface DropdownMenuItemProps {
-  /**
-   * Primary label content. Use the `label` slot for rich content.
-   */
-  label?: string | number;
-  /**
-   * Secondary line below the label. Use the `description` slot for rich
-   * content.
-   */
-  description?: string | number;
-  /**
-   * Icon shown before the label.
-   *
-   * Pass a CSS icon class — for example an UnoCSS class such as
-   * `'i-carbon-copy'` — or a Vue component that draws the SVG. astryx-vue ships
-   * no icons of its own. Use the `icon` slot for arbitrary content.
-   */
-  icon?: string | Component;
-  /**
-   * Whether the row is disabled. A disabled row is skipped by the arrow keys
-   * and by typeahead.
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * Visual variant. `destructive` renders the label, description, and icon in
-   * the error color for dangerous actions.
-   * @default 'default'
-   */
-  variant?: DropdownMenuItemVariant;
-  /**
-   * Whether activating the row closes the menu. Set `false` for an action that
-   * reports its result on the row itself.
-   * @default true
-   */
-  hasCloseOnSelect?: boolean;
-  /**
-   * Address the row navigates to. The row then renders as one anchor carrying
-   * `role="menuitem"`, so a modified click and a middle click keep the
-   * browser's meaning.
-   */
-  href?: string;
-  /**
-   * Link target. Only used with `href`.
-   */
-  target?: ItemTarget;
-  /**
-   * Link relationship. `noopener` and `noreferrer` are merged in for
-   * `target="_blank"`. Only used with `href`.
-   */
-  rel?: string;
-  /**
-   * Called when the row is activated. On a link row it runs before the browser
-   * navigates, and is skipped for a modified click, which the browser owns.
-   */
-  onClick?: (event: MouseEvent) => void;
-}
-interface DropdownMenuItemEmits {
-  /** Fired when the row is activated. */
-  click: [event: MouseEvent];
-}
-interface DropdownMenuItemSlots {
-  /** Rich content replacing the `icon` prop. */
-  icon?: () => VNodeChild;
-  /** Rich content replacing the `label` prop. */
-  label?: () => VNodeChild;
-  /** Rich content replacing the `description` prop. */
-  description?: () => VNodeChild;
-  /** Trailing content, such as a keyboard-shortcut hint. */
-  endContent?: () => VNodeChild;
-}
-interface DropdownMenuGroupProps {
-  /**
-   * Heading shown above the group's rows and used as the group's accessible
-   * name. Omit it for an unnamed group.
-   */
-  title?: string | number;
-}
-interface DropdownMenuGroupSlots {
-  /** The rows of the group. */
-  default?: () => VNodeChild;
-  /** Rich content replacing the `title` prop, still used as the group's name. */
-  title?: () => VNodeChild;
-}
-interface DropdownMenuSubMenuProps {
-  /** Row label. */
-  label?: string | number;
-  /** Icon before the label. A CSS class or a component. */
-  icon?: string | Component;
-  /** Secondary line under the label. */
-  description?: string | number;
-  /**
-   * Whether the row can open its flyout.
-   * @default false
-   */
-  isDisabled?: boolean;
-}
-interface DropdownMenuSubMenuSlots {
-  /** The rows of the nested menu. */
-  default?: () => VNodeChild;
-  icon?: () => VNodeChild;
-  label?: () => VNodeChild;
-  description?: () => VNodeChild;
-}
-//#endregion
-export { DropdownMenuSubMenuProps as _, DropdownMenuGroupSlots as a, DropdownMenuItemProps as c, DropdownMenuOption as d, DropdownMenuPresentation as f, DropdownMenuSlots as g, DropdownMenuSize as h, DropdownMenuGroupProps as i, DropdownMenuItemSlots as l, DropdownMenuSection as m, DropdownMenuDividerData as n, DropdownMenuItemData as o, DropdownMenuProps as p, DropdownMenuEmits as r, DropdownMenuItemEmits as s, DropdownMenuButtonProps as t, DropdownMenuItemVariant as u, DropdownMenuSubMenuSlots as v, DropdownMenuTriggerProps as y };

package/dist/useGridRovingFocus-DQQAOYH5.js

@@ -1,99 +0,0 @@
-import { ref, watch } from "vue";
-//#region src/composables/useGridRovingFocus.ts
-/**
-* 网格式导航（roving tabindex）：用方向键在二维网格中移动焦点。
-* 供 Calendar、Pagination（如果需要）等组件复用。
-*/
-function useGridRovingFocus(options) {
-	const { rows, columns, activeIndex, isEnabled = ref(true), isDisabled, onChange } = options;
-	const row = ref(0);
-	const column = ref(0);
-	watch(activeIndex, (index) => {
-		const cols = columns.value;
-		if (cols > 0) {
-			row.value = Math.floor(index / cols);
-			column.value = index % cols;
-		}
-	}, { immediate: true });
-	function indexFromRowCol(r, c) {
-		return r * columns.value + c;
-	}
-	function moveTo(targetRow, targetCol) {
-		if (!isEnabled.value) return;
-		const r = Math.max(0, Math.min(targetRow, rows.value - 1));
-		const c = Math.max(0, Math.min(targetCol, columns.value - 1));
-		if (isDisabled?.(r, c)) return;
-		const index = indexFromRowCol(r, c);
-		onChange(index);
-	}
-	function moveUp() {
-		moveTo(row.value - 1, column.value);
-	}
-	function moveDown() {
-		moveTo(row.value + 1, column.value);
-	}
-	function moveLeft() {
-		moveTo(row.value, column.value - 1);
-	}
-	function moveRight() {
-		moveTo(row.value, column.value + 1);
-	}
-	function moveToFirstInRow() {
-		moveTo(row.value, 0);
-	}
-	function moveToLastInRow() {
-		moveTo(row.value, columns.value - 1);
-	}
-	function moveToFirstInColumn() {
-		moveTo(0, column.value);
-	}
-	function moveToLastInColumn() {
-		moveTo(rows.value - 1, column.value);
-	}
-	function onKeyDown(event) {
-		if (!isEnabled.value) return;
-		switch (event.key) {
-			case "ArrowUp":
-				event.preventDefault();
-				moveUp();
-				break;
-			case "ArrowDown":
-				event.preventDefault();
-				moveDown();
-				break;
-			case "ArrowLeft":
-				event.preventDefault();
-				moveLeft();
-				break;
-			case "ArrowRight":
-				event.preventDefault();
-				moveRight();
-				break;
-			case "Home":
-				event.preventDefault();
-				if (event.ctrlKey) moveTo(0, 0);
-				else moveToFirstInRow();
-				break;
-			case "End":
-				event.preventDefault();
-				if (event.ctrlKey) moveTo(rows.value - 1, columns.value - 1);
-				else moveToLastInRow();
-				break;
-			case "PageUp":
-				event.preventDefault();
-				moveToFirstInColumn();
-				break;
-			case "PageDown":
-				event.preventDefault();
-				moveToLastInColumn();
-		}
-	}
-	return {
-		row,
-		column,
-		onKeyDown,
-		moveTo
-	};
-}
-//#endregion
-export { useGridRovingFocus as t };