@astryx-vue/core 0.2.5 → 0.3.0

package/dist/types-Cp4liug-.d.ts

@@ -1,170 +0,0 @@
-import { CSSProperties, VNode, VNodeChild } from "vue";
-//#region src/Table/types.d.ts
-type TableDensity = 'compact' | 'balanced' | 'spacious';
-type TableDividers = 'rows' | 'columns' | 'grid' | 'none';
-type TableTextOverflow = 'wrap' | 'truncate';
-type TableVerticalAlign = 'top' | 'middle' | 'bottom';
-type TableColumnAlign = 'start' | 'center' | 'end';
-type TableSortDirection = 'ascending' | 'descending';
-interface ProportionalWidth {
-  type: 'proportional';
-  value: number;
-  minWidth?: number;
-}
-interface PixelWidth {
-  type: 'pixel';
-  value: number;
-}
-type ColumnWidth = ProportionalWidth | PixelWidth;
-interface TableSortEntry<TSortKey extends string = string> {
-  sortKey: TSortKey;
-  direction: TableSortDirection;
-}
-type TableSortState<TSortKey extends string = string> = TableSortEntry<TSortKey>[];
-interface TableColumn<T extends Record<string, unknown> = Record<string, unknown>> {
-  key: string;
-  header?: string;
-  width?: ColumnWidth;
-  align?: TableColumnAlign;
-  verticalAlign?: TableVerticalAlign;
-  sortable?: boolean | {
-    sortKey?: string;
-    compare?: (a: T, b: T) => number;
-  };
-  /** Field key used by the filtering plugin. */
-  filter?: string;
-  /** 表头只留给读屏，视觉上留空。 */
-  headerHidden?: boolean;
-  /** 为 false 时，列宽拖动不给这一列画把手。 */
-  resizable?: boolean;
-  renderCell?: (item: T, index: number) => VNodeChild;
-}
-interface TableFilterField {
-  key: string;
-  label: string;
-  type: 'string' | 'enum';
-  options?: readonly {
-    value: string;
-    label: string;
-  }[];
-}
-type TableFilterValue = string | string[];
-type TableFilterState = Record<string, TableFilterValue>;
-interface TableSortContribution {
-  direction: TableSortDirection | null;
-  rank: number | null;
-  label: string;
-  onClick: (event: MouseEvent) => void;
-}
-interface TableFilterContribution {
-  variant: 'inline' | 'popover';
-  field: TableFilterField;
-  value: TableFilterValue | null;
-  onChange: (value: TableFilterValue | null) => void;
-}
-interface TableSelectionContribution<T> {
-  isAllSelected: () => boolean;
-  isIndeterminate: () => boolean;
-  isSelected: (row: T) => boolean;
-  isSelectable?: (row: T) => boolean;
-  selectAll: (selected: boolean) => void;
-  selectRow: (row: T, selected: boolean) => void;
-  rowLabel?: (row: T) => string;
-  hasRowHighlight?: boolean;
-}
-interface TableRowMenuItem {
-  id: string;
-  label: string;
-  icon?: string;
-  onSelect: () => void;
-}
-interface TableGroupPatch {
-  groupKey: string;
-  count: number;
-  collapsed: boolean;
-  onToggle: () => void;
-  render?: () => VNodeChild;
-}
-interface TablePanelPatch {
-  variant: 'muted' | 'transparent';
-  render: () => VNodeChild;
-}
-interface TableRowPatch {
-  attrs?: Record<string, string | undefined>;
-  class?: string;
-  onClick?: (event: MouseEvent) => void;
-  suppressSelection?: boolean;
-  skipRowIndex?: boolean;
-  group?: TableGroupPatch;
-  panel?: TablePanelPatch;
-  menu?: readonly TableRowMenuItem[];
-}
-interface TableCellPatch {
-  class?: string;
-  style?: CSSProperties;
-  attrs?: Record<string, string | undefined>;
-}
-interface TableCellPatchInput<T extends Record<string, unknown>> {
-  column: TableColumn<T>;
-  columns: readonly TableColumn<T>[];
-  row: T | null;
-  kind: 'header' | 'body';
-}
-interface TableHeaderPatch {
-  before?: () => VNodeChild;
-}
-interface TablePlugin<T extends Record<string, unknown> = Record<string, unknown>> {
-  transformColumns?: (columns: TableColumn<T>[]) => TableColumn<T>[];
-  sortFor?: (column: TableColumn<T>) => TableSortContribution | null;
-  filterFor?: (column: TableColumn<T>) => TableFilterContribution | null;
-  selection?: TableSelectionContribution<T>;
-  widthFor?: (column: TableColumn<T>) => number | undefined;
-  onColumnResizeEnd?: (key: string, width: number) => void;
-  below?: () => VNodeChild;
-  /** 改一行的属性、点击、分组头或展开面板。多个插件的结果会合并。 */
-  rowPatch?: (row: T, index: number, columnCount: number) => TableRowPatch | null;
-  /** 改表头或单元格的定位与类名。选择列的 key 是 `__select`。 */
-  cellPatch?: (input: TableCellPatchInput<T>) => TableCellPatch | null;
-  /** 在列表头文字前面加控件，例如树的全部展开。 */
-  headerPatch?: (column: TableColumn<T>) => TableHeaderPatch | null;
-  /** 表格滚动容器挂上或卸下时调用，用来画固定列的滚动阴影。 */
-  bindScrollRoot?: (element: HTMLElement | null) => void;
-}
-interface TableProps<T extends Record<string, unknown> = Record<string, unknown>> {
-  data?: readonly T[];
-  columns?: readonly TableColumn<T>[];
-  idKey?: string | ((item: T) => string);
-  /**
-   * 窗口里第一行数据的行号，从 1 计。
-   * 和 `rowCount` 任一设置后，数据行带 `aria-rowindex`。分组头和展开面板不计。
-   */
-  rowIndexStart?: number;
-  /**
-   * 完整结果集的行数，含当前窗口以外的行。
-   * 设置后表格带 `aria-rowcount`。只设置了 `rowIndexStart` 时，行数为未知（-1）。
-   */
-  rowCount?: number;
-  density?: TableDensity;
-  dividers?: TableDividers;
-  isStriped?: boolean;
-  hasHover?: boolean;
-  verticalAlign?: TableVerticalAlign;
-  textOverflow?: TableTextOverflow;
-  plugins?: Record<string, TablePlugin<T> | undefined>;
-  label?: string;
-}
-interface TableSlots {
-  default?: () => VNode[];
-  empty?: () => VNode[];
-}
-interface TableRowProps {
-  isHeaderRow?: boolean;
-}
-interface TableCellProps {
-  align?: TableColumnAlign;
-  colSpan?: number;
-  rowSpan?: number;
-  headers?: string;
-}
-//#endregion
-export { TableSortEntry as C, TableVerticalAlign as E, TableSortDirection as S, TableTextOverflow as T, TableProps as _, TableCellProps as a, TableRowProps as b, TableDensity as c, TableFilterState as d, TableFilterValue as f, TablePlugin as g, TablePanelPatch as h, TableCellPatch as i, TableDividers as l, TableHeaderPatch as m, PixelWidth as n, TableColumn as o, TableGroupPatch as p, ProportionalWidth as r, TableColumnAlign as s, ColumnWidth as t, TableFilterField as u, TableRowMenuItem as v, TableSortState as w, TableSlots as x, TableRowPatch as y };

package/dist/useDismiss-Cj8x_51F.js

@@ -1,62 +0,0 @@
-import { nextTick, onScopeDispose, watch } from "vue";
-//#region src/composables/useDismiss.ts
-const escapeStack = [];
-/**
-* 统一处理浮层组件的关闭逻辑：点击外部和按 Escape 键。
-* 用于 Popover、Tooltip、DropdownMenu、ContextMenu 等。
-*
-* 设计决策：
-* - 使用 pointerdown 事件（包含 mouse 和 touch）
-* - 在 nextTick 后附加监听器，避免打开时的点击立即触发关闭
-* - Escape 键使用全局栈，确保最内层的浮层优先处理
-*/
-function useDismiss(options) {
-	const { container, trigger, isEnabled, enableEscape = { value: true }, onDismiss } = options;
-	let isAttached = false;
-	function dismissFromEscape() {
-		if (options.onEscape != null) options.onEscape();
-		else onDismiss();
-	}
-	function onClickOutside(event) {
-		if (!isEnabled.value) return;
-		const el = container.value;
-		if (!el) return;
-		const target = event.target;
-		if (el.contains(target)) return;
-		if ((trigger?.value)?.contains(target)) return;
-		onDismiss();
-	}
-	function onEscapeKey(event) {
-		if (!isEnabled.value || !enableEscape.value) return;
-		if (event.key === "Escape") {
-			if (escapeStack[escapeStack.length - 1] === dismissFromEscape) {
-				event.preventDefault();
-				dismissFromEscape();
-			}
-		}
-	}
-	async function setup() {
-		if (typeof document === "undefined" || isAttached) return;
-		await nextTick();
-		if (!isEnabled.value) return;
-		isAttached = true;
-		document.addEventListener("pointerdown", onClickOutside, true);
-		document.addEventListener("keydown", onEscapeKey, true);
-		if (enableEscape.value) escapeStack.push(dismissFromEscape);
-	}
-	function teardown() {
-		if (typeof document === "undefined" || !isAttached) return;
-		isAttached = false;
-		document.removeEventListener("pointerdown", onClickOutside, true);
-		document.removeEventListener("keydown", onEscapeKey, true);
-		const index = escapeStack.indexOf(dismissFromEscape);
-		if (index !== -1) escapeStack.splice(index, 1);
-	}
-	watch(isEnabled, (enabled) => {
-		if (enabled) setup();
-		else teardown();
-	}, { immediate: true });
-	onScopeDispose(teardown);
-}
-//#endregion
-export { useDismiss as t };

package/dist/useNumberField-DL-Radsp.js

@@ -1,49 +0,0 @@
-import { ref, watch } from "vue";
-//#region src/composables/useNumberField.ts
-/**
-* 数字输入框逻辑：步进、范围限制、键盘增减。
-*/
-function useNumberField(options) {
-	const { value, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY, step = 1, disabled = ref(false), onChange } = options;
-	function clamp(val) {
-		return Math.max(min, Math.min(max, val));
-	}
-	function increment() {
-		if (disabled.value) return;
-		const next = clamp((value.value ?? 0) + step);
-		onChange(next);
-	}
-	function decrement() {
-		if (disabled.value) return;
-		const next = clamp((value.value ?? 0) - step);
-		onChange(next);
-	}
-	function setValue(val) {
-		if (disabled.value) return;
-		if (val === null) onChange(null);
-		else onChange(clamp(val));
-	}
-	function onKeyDown(event) {
-		if (disabled.value) return;
-		switch (event.key) {
-			case "ArrowUp":
-				event.preventDefault();
-				increment();
-				break;
-			case "ArrowDown":
-				event.preventDefault();
-				decrement();
-		}
-	}
-	watch(value, (val) => {
-		if (val !== null && (val < min || val > max)) onChange(clamp(val));
-	});
-	return {
-		increment,
-		decrement,
-		setValue,
-		onKeyDown
-	};
-}
-//#endregion
-export { useNumberField as t };

package/dist/useResizable-CUoNPmUw.d.ts

@@ -1,72 +0,0 @@
-import { n as PixelWidth } from "./types-Cp4liug-.js";
-import { Ref } from "vue";
-//#region src/composables/useResizable.d.ts
-type ResizableDirection = 'horizontal' | 'vertical';
-interface ResizablePercentSize {
-  type: 'percent';
-  value: number;
-  min?: PixelWidth;
-  max?: PixelWidth;
-}
-type ResizableSize = number | `${number}px` | `${number}%` | PixelWidth | ResizablePercentSize;
-interface ResizableRegionConfig {
-  defaultSize?: ResizableSize | string;
-  minSize?: ResizableSize | string;
-  maxSize?: ResizableSize | string;
-  collapsible?: boolean;
-  collapsedSize?: number;
-  snaps?: number[];
-  /** Cascade priority. A lower number gives up space first when the shared container is narrower than the regions. */
-  shrinkOrder?: number;
-}
-interface UseResizableSingleOptions extends ResizableRegionConfig {
-  containerRef?: Ref<HTMLElement | null>;
-  direction?: ResizableDirection;
-  autoSaveId?: string;
-  defaultIsCollapsed?: boolean;
-  isCollapsed?: boolean;
-  onSizeChange?: (size: number) => void;
-  onCollapseChange?: (isCollapsed: boolean) => void;
-}
-interface UseResizableMultiConfig {
-  direction?: ResizableDirection;
-  containerRef?: Ref<HTMLElement | null>;
-  regions: Record<string, ResizableRegionConfig>;
-  autoSaveId?: string;
-}
-interface ResizableProps {
-  _size: number;
-  _isCollapsed: boolean;
-  _onResizeStart: () => void;
-  _onResizeMove: (delta: number) => void;
-  _onResizeEnd: () => void;
-  _onResizeCancel?: () => void;
-  _minSizePx: number;
-  _maxSizePx: number;
-  _snaps: number[];
-  _collapsedSize: number;
-  _collapsible: boolean;
-  _direction?: ResizableDirection;
-  _isResizableProps: true;
-}
-interface ResizableRegion {
-  size: number;
-  isCollapsed: boolean;
-  collapse: () => void;
-  expand: () => void;
-  resize: (size: number) => void;
-  props: ResizableProps;
-}
-declare function percent(value: number, options: {
-  min: PixelWidth;
-  max?: never;
-} | {
-  min?: never;
-  max: PixelWidth;
-}): ResizablePercentSize;
-declare function useResizable(options: UseResizableMultiConfig): Record<string, ResizableRegion>;
-declare function useResizable(options: UseResizableSingleOptions): ResizableRegion;
-type UseResizableOptions = UseResizableSingleOptions | UseResizableMultiConfig;
-type ResizableState = ResizableRegion;
-//#endregion
-export { ResizableRegionConfig as a, UseResizableMultiConfig as c, percent as d, useResizable as f, ResizableRegion as i, UseResizableOptions as l, ResizablePercentSize as n, ResizableSize as o, ResizableProps as r, ResizableState as s, ResizableDirection as t, UseResizableSingleOptions as u };

package/dist/useRestoreFocus-BvMdXVX9.js

@@ -1,96 +0,0 @@
-import { n as getFocusables } from "./focus-CpficIgf.js";
-import { onScopeDispose, watch } from "vue";
-//#region src/composables/useFocusTrap.ts
-/**
-* 在容器内陷阱键盘焦点，按 Tab 时循环聚焦容器内的可聚焦元素。
-* 用于模态对话框、抽屉等需要限制焦点范围的浮层组件。
-*/
-function useFocusTrap(options) {
-	const { container, isEnabled, initialFocus } = options;
-	function onKeyDown(event) {
-		if (event.key !== "Tab" || !isEnabled.value) return;
-		const el = container.value;
-		if (!el || !el.contains(event.target)) return;
-		const focusables = getFocusables(el);
-		if (focusables.length === 0) {
-			event.preventDefault();
-			return;
-		}
-		const first = focusables[0];
-		const last = focusables[focusables.length - 1];
-		const active = typeof document !== "undefined" ? document.activeElement : null;
-		if (event.shiftKey && active === first) {
-			event.preventDefault();
-			last.focus();
-		} else if (!event.shiftKey && active === last) {
-			event.preventDefault();
-			first.focus();
-		}
-	}
-	function update() {}
-	function focusFirst() {
-		const el = container.value;
-		if (!el) return;
-		const focusables = getFocusables(el);
-		if (focusables.length > 0) focusables[0].focus();
-	}
-	function focusLast() {
-		const el = container.value;
-		if (!el) return;
-		const focusables = getFocusables(el);
-		if (focusables.length > 0) focusables[focusables.length - 1].focus();
-	}
-	function setup() {
-		if (typeof document !== "undefined") document.addEventListener("keydown", onKeyDown, true);
-	}
-	function teardown() {
-		if (typeof document !== "undefined") document.removeEventListener("keydown", onKeyDown, true);
-	}
-	watch(isEnabled, (enabled) => {
-		if (enabled) {
-			setup();
-			const target = initialFocus?.();
-			if (target) target.focus();
-			else focusFirst();
-		} else teardown();
-	}, { immediate: true });
-	onScopeDispose(teardown);
-	return {
-		update,
-		focusFirst,
-		focusLast
-	};
-}
-//#endregion
-//#region src/composables/useRestoreFocus.ts
-/**
-* 在浮层组件打开时保存当前焦点元素，关闭时恢复焦点。
-* 用于对话框、抽屉、弹出菜单等浮层组件。
-*/
-function useRestoreFocus(options) {
-	const { isEnabled, shouldRestore } = options;
-	let savedElement = null;
-	function save() {
-		if (!isEnabled.value || typeof document === "undefined") return;
-		const active = document.activeElement;
-		if (active instanceof HTMLElement) savedElement = active;
-	}
-	function restore() {
-		if (!isEnabled.value || !savedElement) return;
-		if (savedElement.isConnected && !savedElement.hasAttribute("disabled")) savedElement.focus();
-		savedElement = null;
-	}
-	watch(shouldRestore, (should) => {
-		if (should) save();
-		else if (isEnabled.value && savedElement) restore();
-	});
-	onScopeDispose(() => {
-		savedElement = null;
-	});
-	return {
-		save,
-		restore
-	};
-}
-//#endregion
-export { useFocusTrap as n, useRestoreFocus as t };

package/dist/utils-C9r3UD_y.js

@@ -1,16 +0,0 @@
-//#region src/AvatarGroup/context.ts
-const AvatarGroupContext = Symbol("AvatarGroupContext");
-//#endregion
-//#region src/Avatar/utils.ts
-function resolveSize(size) {
-	if (typeof size === "number") return size;
-	switch (size) {
-		case "xsm": return 20;
-		case "sm": return 24;
-		case "md": return 36;
-		case "lg": return 48;
-		case "xl": return 128;
-	}
-}
-//#endregion
-export { AvatarGroupContext as n, resolveSize as t };