@vavt/react-ui 1.0.0

package/dist/types/Space/Space.d.cts

@@ -0,0 +1,3 @@
+import type { SpaceProps } from './type.cjs';
+declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLElement>>;
+export default Space;

package/dist/types/Space/Space.d.ts

@@ -0,0 +1,3 @@
+import type { SpaceProps } from './type.js';
+declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLElement>>;
+export default Space;

package/dist/types/Space/index.d.cts

@@ -0,0 +1,5 @@
+import Space from './Space.cjs';
+/** Space 间距布局容器组件 */
+export declare const VlSpace: import("react").ForwardRefExoticComponent<import("./type.cjs").SpaceProps & import("react").RefAttributes<HTMLElement>>;
+export type { SpaceProps, SpaceSize, SpaceDirection, SpaceAlign, SpaceJustify, SpaceRef } from './type.cjs';
+export default Space;

package/dist/types/Space/index.d.ts

@@ -0,0 +1,5 @@
+import Space from './Space.js';
+/** Space 间距布局容器组件 */
+export declare const VlSpace: import("react").ForwardRefExoticComponent<import("./type.js").SpaceProps & import("react").RefAttributes<HTMLElement>>;
+export type { SpaceProps, SpaceSize, SpaceDirection, SpaceAlign, SpaceJustify, SpaceRef } from './type.js';
+export default Space;

package/dist/types/Space/type.d.cts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes, ElementType } from 'react';
+/** 间距尺寸档位：超小 (xs) | 小 (sm) | 中等 (md) | 大 (lg) | 特大 (xl) */
+export type SpaceSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** 间距排列方向：水平 (horizontal) 或 垂直 (vertical) */
+export type SpaceDirection = 'horizontal' | 'vertical';
+/** 交叉轴对齐方式 */
+export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+/** 主轴对齐方式 */
+export type SpaceJustify = 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+/** Space 根 DOM 元素类型 */
+export type SpaceRef = HTMLElement;
+/**
+ * Space 组件属性接口
+ */
+export interface SpaceProps extends HTMLAttributes<HTMLElement> {
+    /** 间距大小，支持预设档位或自定义像素数值 (px)，默认为 `md` */
+    size?: SpaceSize | number;
+    /** 排列方向，默认为 `horizontal` */
+    direction?: SpaceDirection;
+    /** 是否允许子项换行（仅在 `direction="horizontal"` 时生效），默认为 true */
+    wrap?: boolean;
+    /** 自定义外层容器渲染的 HTML 标签，默认为 `div` */
+    tag?: ElementType;
+    /** 交叉轴对齐方式，默认为 `start` */
+    align?: SpaceAlign;
+    /** 主轴对齐方式，默认为 `start` */
+    justify?: SpaceJustify;
+}

package/dist/types/Space/type.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes, ElementType } from 'react';
+/** 间距尺寸档位：超小 (xs) | 小 (sm) | 中等 (md) | 大 (lg) | 特大 (xl) */
+export type SpaceSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** 间距排列方向：水平 (horizontal) 或 垂直 (vertical) */
+export type SpaceDirection = 'horizontal' | 'vertical';
+/** 交叉轴对齐方式 */
+export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+/** 主轴对齐方式 */
+export type SpaceJustify = 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+/** Space 根 DOM 元素类型 */
+export type SpaceRef = HTMLElement;
+/**
+ * Space 组件属性接口
+ */
+export interface SpaceProps extends HTMLAttributes<HTMLElement> {
+    /** 间距大小，支持预设档位或自定义像素数值 (px)，默认为 `md` */
+    size?: SpaceSize | number;
+    /** 排列方向，默认为 `horizontal` */
+    direction?: SpaceDirection;
+    /** 是否允许子项换行（仅在 `direction="horizontal"` 时生效），默认为 true */
+    wrap?: boolean;
+    /** 自定义外层容器渲染的 HTML 标签，默认为 `div` */
+    tag?: ElementType;
+    /** 交叉轴对齐方式，默认为 `start` */
+    align?: SpaceAlign;
+    /** 主轴对齐方式，默认为 `start` */
+    justify?: SpaceJustify;
+}

package/dist/types/Switch/Switch.d.cts

@@ -0,0 +1,3 @@
+import type { SwitchProps } from './type.cjs';
+declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/types/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import type { SwitchProps } from './type.js';
+declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/types/Switch/index.d.cts

@@ -0,0 +1,5 @@
+import Switch from './Switch.cjs';
+/** Switch 开关组件 */
+export declare const VlSwitch: import("react").ForwardRefExoticComponent<import("./type.cjs").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+export type { SwitchProps, SwitchSize, SwitchRef } from './type.cjs';
+export default Switch;

package/dist/types/Switch/index.d.ts

@@ -0,0 +1,5 @@
+import Switch from './Switch.js';
+/** Switch 开关组件 */
+export declare const VlSwitch: import("react").ForwardRefExoticComponent<import("./type.js").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+export type { SwitchProps, SwitchSize, SwitchRef } from './type.js';
+export default Switch;

package/dist/types/Switch/type.d.cts

@@ -0,0 +1,28 @@
+import type { InputHTMLAttributes } from 'react';
+/** 开关尺寸：小 (sm) | 中等 (md) | 大 (lg) */
+export type SwitchSize = 'sm' | 'md' | 'lg';
+/**
+ * Switch 组件属性接口
+ */
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'checked' | 'defaultChecked' | 'onChange' | 'value' | 'defaultValue'> {
+    /** 受控模式：当前是否处于开启状态 */
+    checked?: boolean;
+    /** 非受控模式：初始是否处于开启状态，默认为 false */
+    defaultChecked?: boolean;
+    /** 是否禁用开关交互，默认为 false */
+    disabled?: boolean;
+    /** 是否处于加载中状态，默认为 false */
+    loading?: boolean;
+    /** 开关尺寸大小，默认为 `md` */
+    size?: SwitchSize;
+    /** 开启状态下显示的文案提示 */
+    checkedText?: string;
+    /** 关闭状态下显示的文案提示 */
+    uncheckedText?: string;
+    /** 原生表单 name 字段 */
+    name?: string;
+    /** 开关状态发生变化时的回调函数 */
+    onChange?: (checked: boolean) => void;
+}
+/** Switch 根原生 input DOM 元素类型 */
+export type SwitchRef = HTMLInputElement;

package/dist/types/Switch/type.d.ts

@@ -0,0 +1,28 @@
+import type { InputHTMLAttributes } from 'react';
+/** 开关尺寸：小 (sm) | 中等 (md) | 大 (lg) */
+export type SwitchSize = 'sm' | 'md' | 'lg';
+/**
+ * Switch 组件属性接口
+ */
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'checked' | 'defaultChecked' | 'onChange' | 'value' | 'defaultValue'> {
+    /** 受控模式：当前是否处于开启状态 */
+    checked?: boolean;
+    /** 非受控模式：初始是否处于开启状态，默认为 false */
+    defaultChecked?: boolean;
+    /** 是否禁用开关交互，默认为 false */
+    disabled?: boolean;
+    /** 是否处于加载中状态，默认为 false */
+    loading?: boolean;
+    /** 开关尺寸大小，默认为 `md` */
+    size?: SwitchSize;
+    /** 开启状态下显示的文案提示 */
+    checkedText?: string;
+    /** 关闭状态下显示的文案提示 */
+    uncheckedText?: string;
+    /** 原生表单 name 字段 */
+    name?: string;
+    /** 开关状态发生变化时的回调函数 */
+    onChange?: (checked: boolean) => void;
+}
+/** Switch 根原生 input DOM 元素类型 */
+export type SwitchRef = HTMLInputElement;

package/dist/types/Table/Table.d.cts

@@ -0,0 +1,8 @@
+import type { ReactElement, RefAttributes } from 'react';
+import type { TableProps } from './type.cjs';
+type TableComponent = {
+    <T extends Record<string, any>>(props: TableProps<T> & RefAttributes<HTMLDivElement>): ReactElement | null;
+    displayName?: string;
+};
+declare const Table: TableComponent;
+export default Table;

package/dist/types/Table/Table.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement, RefAttributes } from 'react';
+import type { TableProps } from './type.js';
+type TableComponent = {
+    <T extends Record<string, any>>(props: TableProps<T> & RefAttributes<HTMLDivElement>): ReactElement | null;
+    displayName?: string;
+};
+declare const Table: TableComponent;
+export default Table;

package/dist/types/Table/index.d.cts

@@ -0,0 +1,8 @@
+import Table from './Table.cjs';
+/** Table 表格组件 */
+export declare const VlTable: {
+    <T extends Record<string, any>>(props: import("./type.cjs").TableProps<T> & import("react").RefAttributes<HTMLDivElement>): import("react").ReactElement | null;
+    displayName?: string;
+};
+export type { TableColumn, TableEllipsisConfig, TableProps, TableRef, TableRowKey, TableRowSelection, TableSelectionControlProps, TableSize, TableSorter, TableSortOrder, TableSortState } from './type.cjs';
+export default Table;

package/dist/types/Table/index.d.ts

@@ -0,0 +1,8 @@
+import Table from './Table.js';
+/** Table 表格组件 */
+export declare const VlTable: {
+    <T extends Record<string, any>>(props: import("./type.js").TableProps<T> & import("react").RefAttributes<HTMLDivElement>): import("react").ReactElement | null;
+    displayName?: string;
+};
+export type { TableColumn, TableEllipsisConfig, TableProps, TableRef, TableRowKey, TableRowSelection, TableSelectionControlProps, TableSize, TableSorter, TableSortOrder, TableSortState } from './type.js';
+export default Table;

package/dist/types/Table/type.d.cts

@@ -0,0 +1,135 @@
+/**
+ * Table 的公共类型定义。
+ *
+ * rowKey 是排序、选择、当前行与 React key 的共同身份来源；调用方必须保证同一数据集内稳定且唯一。
+ * 选择与排序状态均支持受控模式，组件只通过回调提出下一状态，不会在内部覆盖显式传入的值。
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/** 表格尺寸大小：小 (sm) | 中等 (md) | 大 (lg) */
+export type TableSize = 'sm' | 'md' | 'lg';
+/** 行数据的唯一标识主键 */
+export type TableRowKey = string | number;
+/** 排序方向：升序 (asc) 或 降序 (desc) */
+export type TableSortOrder = 'asc' | 'desc';
+/** 本地排序比较函数类型 */
+export type TableSorter<T> = (left: T, right: T) => number;
+/** 当前排序状态 */
+export interface TableSortState {
+    /** 排序目标列的唯一标识 key */
+    columnKey: string;
+    /** 排序方向 */
+    order: TableSortOrder;
+}
+/** 文本超出省略气泡提示配置 */
+export interface TableEllipsisConfig<T> {
+    /** 是否显示完整内容提示，也可以按行生成自定义提示内容 */
+    tooltip?: boolean | ((row: T, index: number) => ReactNode);
+}
+/** 表格行选择控件的属性配置 */
+export interface TableSelectionControlProps {
+    /** 是否禁用该行的勾选 */
+    disabled?: boolean;
+    /** 控件的无障碍标签说明 */
+    'aria-label'?: string;
+}
+/** 表格行选择配置 */
+export interface TableRowSelection<T> {
+    /** 单选 (radio) 或 多选 (checkbox)，默认为 `'checkbox'` */
+    type?: 'checkbox' | 'radio';
+    /** 受控模式：当前已选中的行 key 列表 */
+    selectedRowKeys?: TableRowKey[];
+    /** 非受控模式：初始选中的行 key 列表 */
+    defaultSelectedRowKeys?: TableRowKey[];
+    /** 跨页切换或过滤后是否保留已选中的 rowKeys，默认为 false */
+    preserveSelectedRowKeys?: boolean;
+    /** 选择列是否固定在表格最左侧 */
+    fixed?: boolean;
+    /** 选择列宽度 */
+    columnWidth?: string | number;
+    /** 动态获取特定行的选择控件属性（如禁用特定行） */
+    getControlProps?: (row: T, index: number) => TableSelectionControlProps;
+    /** 选中行发生变化时的回调函数 */
+    onChange?: (keys: TableRowKey[], rows: T[]) => void;
+}
+/** 表格列定义 */
+export interface TableColumn<T = any> {
+    /** 同一张表内稳定且唯一的列标识；默认取值与排序状态都依赖该 key */
+    key: string;
+    /** 列标题文本或自定义节点 */
+    title: ReactNode;
+    /** 列宽度（如 120 或 `'120px'`） */
+    width?: string | number;
+    /** 列最小宽度 */
+    minWidth?: string | number;
+    /** 单元格文本对齐方式，默认为 `'left'` */
+    align?: 'left' | 'center' | 'right';
+    /** 是否固定在左侧或右侧（`'left'` | `'right'`） */
+    fixed?: 'left' | 'right';
+    /** 自定义单元格内容渲染函数 */
+    render?: (row: T, index: number) => ReactNode;
+    /** 排序配置：true 仅管理状态（适合服务端排序），函数则执行客户端本地排序 */
+    sorter?: boolean | TableSorter<T>;
+    /** 文本超出是否显示省略号及 Tooltip 提示 */
+    ellipsis?: boolean | TableEllipsisConfig<T>;
+    /** 表头单元格自定义类名 */
+    headerClass?: string;
+    /** 内容单元格自定义类名 */
+    cellClass?: string;
+}
+/**
+ * Table 组件属性接口
+ */
+export interface TableProps<T = any> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** 表格数据源数组 */
+    data: T[];
+    /** 表格列配置列表 */
+    columns: TableColumn<T>[];
+    /** 每一行的稳定键值；选择、当前行、缓存与排序后的渲染都依赖该值 */
+    rowKey: string | ((row: T) => TableRowKey);
+    /** 表格尺寸，默认为 `md` */
+    size?: TableSize;
+    /** 是否显示完整外边框与单元格边框，默认为 false */
+    bordered?: boolean;
+    /** 是否展示斑马条纹交替背景，默认为 false */
+    striped?: boolean;
+    /** 是否高亮当前选中行，默认为 false */
+    highlightCurrentRow?: boolean;
+    /** 是否展示表头，默认为 true */
+    showHeader?: boolean;
+    /** 无数据时的提示文本，默认为 `'暂无数据'` */
+    emptyText?: string;
+    /** 表格最大高度（开启后支持固定表头与垂直滚动） */
+    maxHeight?: string | number;
+    /** 是否处于加载中状态，默认为 false */
+    loading?: boolean;
+    /** 表格可访问性标题/说明节点（`<caption>`） */
+    caption?: ReactNode;
+    /** 自定义空数据状态渲染内容 */
+    emptyContent?: ReactNode;
+    /** 自定义加载中状态渲染内容 */
+    loadingContent?: ReactNode;
+    /** 表格布局算法：`'auto'` 或 `'fixed'` */
+    tableLayout?: 'auto' | 'fixed';
+    /** 受控模式：当前排序状态 */
+    sortState?: TableSortState | null;
+    /** 非受控模式：初始排序状态 */
+    defaultSortState?: TableSortState | null;
+    /** 行选择配置对象 */
+    rowSelection?: TableRowSelection<T>;
+    /** 受控模式：当前高亮行的 key */
+    currentRowKey?: TableRowKey | null;
+    /** 非受控模式：初始高亮行的 key */
+    defaultCurrentRowKey?: TableRowKey | null;
+    /** 点击某一行时的回调函数 */
+    onRowClick?: (row: T, index: number) => void;
+    /** 双击某一行时的回调函数 */
+    onRowDoubleClick?: (row: T, index: number) => void;
+    /** 点击单元格时的回调函数 */
+    onCellClick?: (row: T, column: TableColumn<T>, index: number) => void;
+    /** 排序状态发生变化时的回调函数 */
+    onSortChange?: (state: TableSortState | null, column: TableColumn<T>) => void;
+    /** 当前高亮行发生变化时的回调函数 */
+    onCurrentRowChange?: (key: TableRowKey | null, row: T | null) => void;
+}
+/** Table 根 DOM 容器元素类型 */
+export type TableRef = HTMLDivElement;

package/dist/types/Table/type.d.ts

@@ -0,0 +1,135 @@
+/**
+ * Table 的公共类型定义。
+ *
+ * rowKey 是排序、选择、当前行与 React key 的共同身份来源；调用方必须保证同一数据集内稳定且唯一。
+ * 选择与排序状态均支持受控模式，组件只通过回调提出下一状态，不会在内部覆盖显式传入的值。
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/** 表格尺寸大小：小 (sm) | 中等 (md) | 大 (lg) */
+export type TableSize = 'sm' | 'md' | 'lg';
+/** 行数据的唯一标识主键 */
+export type TableRowKey = string | number;
+/** 排序方向：升序 (asc) 或 降序 (desc) */
+export type TableSortOrder = 'asc' | 'desc';
+/** 本地排序比较函数类型 */
+export type TableSorter<T> = (left: T, right: T) => number;
+/** 当前排序状态 */
+export interface TableSortState {
+    /** 排序目标列的唯一标识 key */
+    columnKey: string;
+    /** 排序方向 */
+    order: TableSortOrder;
+}
+/** 文本超出省略气泡提示配置 */
+export interface TableEllipsisConfig<T> {
+    /** 是否显示完整内容提示，也可以按行生成自定义提示内容 */
+    tooltip?: boolean | ((row: T, index: number) => ReactNode);
+}
+/** 表格行选择控件的属性配置 */
+export interface TableSelectionControlProps {
+    /** 是否禁用该行的勾选 */
+    disabled?: boolean;
+    /** 控件的无障碍标签说明 */
+    'aria-label'?: string;
+}
+/** 表格行选择配置 */
+export interface TableRowSelection<T> {
+    /** 单选 (radio) 或 多选 (checkbox)，默认为 `'checkbox'` */
+    type?: 'checkbox' | 'radio';
+    /** 受控模式：当前已选中的行 key 列表 */
+    selectedRowKeys?: TableRowKey[];
+    /** 非受控模式：初始选中的行 key 列表 */
+    defaultSelectedRowKeys?: TableRowKey[];
+    /** 跨页切换或过滤后是否保留已选中的 rowKeys，默认为 false */
+    preserveSelectedRowKeys?: boolean;
+    /** 选择列是否固定在表格最左侧 */
+    fixed?: boolean;
+    /** 选择列宽度 */
+    columnWidth?: string | number;
+    /** 动态获取特定行的选择控件属性（如禁用特定行） */
+    getControlProps?: (row: T, index: number) => TableSelectionControlProps;
+    /** 选中行发生变化时的回调函数 */
+    onChange?: (keys: TableRowKey[], rows: T[]) => void;
+}
+/** 表格列定义 */
+export interface TableColumn<T = any> {
+    /** 同一张表内稳定且唯一的列标识；默认取值与排序状态都依赖该 key */
+    key: string;
+    /** 列标题文本或自定义节点 */
+    title: ReactNode;
+    /** 列宽度（如 120 或 `'120px'`） */
+    width?: string | number;
+    /** 列最小宽度 */
+    minWidth?: string | number;
+    /** 单元格文本对齐方式，默认为 `'left'` */
+    align?: 'left' | 'center' | 'right';
+    /** 是否固定在左侧或右侧（`'left'` | `'right'`） */
+    fixed?: 'left' | 'right';
+    /** 自定义单元格内容渲染函数 */
+    render?: (row: T, index: number) => ReactNode;
+    /** 排序配置：true 仅管理状态（适合服务端排序），函数则执行客户端本地排序 */
+    sorter?: boolean | TableSorter<T>;
+    /** 文本超出是否显示省略号及 Tooltip 提示 */
+    ellipsis?: boolean | TableEllipsisConfig<T>;
+    /** 表头单元格自定义类名 */
+    headerClass?: string;
+    /** 内容单元格自定义类名 */
+    cellClass?: string;
+}
+/**
+ * Table 组件属性接口
+ */
+export interface TableProps<T = any> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** 表格数据源数组 */
+    data: T[];
+    /** 表格列配置列表 */
+    columns: TableColumn<T>[];
+    /** 每一行的稳定键值；选择、当前行、缓存与排序后的渲染都依赖该值 */
+    rowKey: string | ((row: T) => TableRowKey);
+    /** 表格尺寸，默认为 `md` */
+    size?: TableSize;
+    /** 是否显示完整外边框与单元格边框，默认为 false */
+    bordered?: boolean;
+    /** 是否展示斑马条纹交替背景，默认为 false */
+    striped?: boolean;
+    /** 是否高亮当前选中行，默认为 false */
+    highlightCurrentRow?: boolean;
+    /** 是否展示表头，默认为 true */
+    showHeader?: boolean;
+    /** 无数据时的提示文本，默认为 `'暂无数据'` */
+    emptyText?: string;
+    /** 表格最大高度（开启后支持固定表头与垂直滚动） */
+    maxHeight?: string | number;
+    /** 是否处于加载中状态，默认为 false */
+    loading?: boolean;
+    /** 表格可访问性标题/说明节点（`<caption>`） */
+    caption?: ReactNode;
+    /** 自定义空数据状态渲染内容 */
+    emptyContent?: ReactNode;
+    /** 自定义加载中状态渲染内容 */
+    loadingContent?: ReactNode;
+    /** 表格布局算法：`'auto'` 或 `'fixed'` */
+    tableLayout?: 'auto' | 'fixed';
+    /** 受控模式：当前排序状态 */
+    sortState?: TableSortState | null;
+    /** 非受控模式：初始排序状态 */
+    defaultSortState?: TableSortState | null;
+    /** 行选择配置对象 */
+    rowSelection?: TableRowSelection<T>;
+    /** 受控模式：当前高亮行的 key */
+    currentRowKey?: TableRowKey | null;
+    /** 非受控模式：初始高亮行的 key */
+    defaultCurrentRowKey?: TableRowKey | null;
+    /** 点击某一行时的回调函数 */
+    onRowClick?: (row: T, index: number) => void;
+    /** 双击某一行时的回调函数 */
+    onRowDoubleClick?: (row: T, index: number) => void;
+    /** 点击单元格时的回调函数 */
+    onCellClick?: (row: T, column: TableColumn<T>, index: number) => void;
+    /** 排序状态发生变化时的回调函数 */
+    onSortChange?: (state: TableSortState | null, column: TableColumn<T>) => void;
+    /** 当前高亮行发生变化时的回调函数 */
+    onCurrentRowChange?: (key: TableRowKey | null, row: T | null) => void;
+}
+/** Table 根 DOM 容器元素类型 */
+export type TableRef = HTMLDivElement;

package/dist/types/Tabs/Tabs.d.cts

@@ -0,0 +1,3 @@
+import type { TabsProps, TabsRef } from './type.cjs';
+declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<TabsRef>>;
+export default Tabs;

package/dist/types/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import type { TabsProps, TabsRef } from './type.js';
+declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<TabsRef>>;
+export default Tabs;

package/dist/types/Tabs/index.d.cts

@@ -0,0 +1,5 @@
+import Tabs from './Tabs.cjs';
+/** Tabs 标签页组件 */
+export declare const VlTabs: import("react").ForwardRefExoticComponent<import("./type.cjs").TabsProps & import("react").RefAttributes<import("./type.cjs").TabsRef>>;
+export type { TabsProps, TabsSize, TabItem, TabValue, TabsRef } from './type.cjs';
+export default Tabs;

package/dist/types/Tabs/index.d.ts

@@ -0,0 +1,5 @@
+import Tabs from './Tabs.js';
+/** Tabs 标签页组件 */
+export declare const VlTabs: import("react").ForwardRefExoticComponent<import("./type.js").TabsProps & import("react").RefAttributes<import("./type.js").TabsRef>>;
+export type { TabsProps, TabsSize, TabItem, TabValue, TabsRef } from './type.js';
+export default Tabs;

package/dist/types/Tabs/type.d.cts

@@ -0,0 +1,45 @@
+import type { HTMLAttributes } from 'react';
+import type { ComponentIcon } from '../_shared/icon.cjs';
+/** 标签页尺寸：小 (sm) | 中等 (md) | 大 (lg) */
+export type TabsSize = 'sm' | 'md' | 'lg';
+/** 标签项标识 key 类型 */
+export type TabValue = string;
+/** 单个标签项数据结构 */
+export interface TabItem {
+    /** 标签唯一标识 key */
+    key: TabValue;
+    /** 标签文本标题 */
+    label: string;
+    /** 是否禁用该标签项，默认为 false */
+    disabled?: boolean;
+    /** 标签图标组件 */
+    icon?: ComponentIcon;
+    /** tab 元素 id；省略时由组件自动生成 */
+    id?: string;
+    /** 对应关联的 tabpanel 元素 id，用于 aria-controls 属性关联 */
+    panelId?: string;
+}
+/**
+ * Tabs 组件属性接口
+ */
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** 受控模式：当前激活的标签页 key */
+    value?: TabValue;
+    /** 非受控模式：初始激活的标签页 key */
+    defaultValue?: TabValue;
+    /** 标签页数据项列表 */
+    items?: TabItem[];
+    /** 标签页尺寸大小，默认为 `md` */
+    size?: TabsSize;
+    /** 是否禁用整个标签页组件，默认为 false */
+    disabled?: boolean;
+    /** 激活标签页发生变化时的回调函数 */
+    onChange?: (value: TabValue) => void;
+}
+/**
+ * Tabs 组件暴露的命令式 Ref 句柄
+ */
+export interface TabsRef {
+    /** 重新测量并刷新高亮指示下划线的位置与宽度 */
+    refresh: () => void;
+}

package/dist/types/Tabs/type.d.ts

@@ -0,0 +1,45 @@
+import type { HTMLAttributes } from 'react';
+import type { ComponentIcon } from '../_shared/icon.js';
+/** 标签页尺寸：小 (sm) | 中等 (md) | 大 (lg) */
+export type TabsSize = 'sm' | 'md' | 'lg';
+/** 标签项标识 key 类型 */
+export type TabValue = string;
+/** 单个标签项数据结构 */
+export interface TabItem {
+    /** 标签唯一标识 key */
+    key: TabValue;
+    /** 标签文本标题 */
+    label: string;
+    /** 是否禁用该标签项，默认为 false */
+    disabled?: boolean;
+    /** 标签图标组件 */
+    icon?: ComponentIcon;
+    /** tab 元素 id；省略时由组件自动生成 */
+    id?: string;
+    /** 对应关联的 tabpanel 元素 id，用于 aria-controls 属性关联 */
+    panelId?: string;
+}
+/**
+ * Tabs 组件属性接口
+ */
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** 受控模式：当前激活的标签页 key */
+    value?: TabValue;
+    /** 非受控模式：初始激活的标签页 key */
+    defaultValue?: TabValue;
+    /** 标签页数据项列表 */
+    items?: TabItem[];
+    /** 标签页尺寸大小，默认为 `md` */
+    size?: TabsSize;
+    /** 是否禁用整个标签页组件，默认为 false */
+    disabled?: boolean;
+    /** 激活标签页发生变化时的回调函数 */
+    onChange?: (value: TabValue) => void;
+}
+/**
+ * Tabs 组件暴露的命令式 Ref 句柄
+ */
+export interface TabsRef {
+    /** 重新测量并刷新高亮指示下划线的位置与宽度 */
+    refresh: () => void;
+}

package/dist/types/Tag/Tag.d.cts

@@ -0,0 +1,3 @@
+import type { TagProps } from './type.cjs';
+declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLElement>>;
+export default Tag;

package/dist/types/Tag/Tag.d.ts

@@ -0,0 +1,3 @@
+import type { TagProps } from './type.js';
+declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLElement>>;
+export default Tag;

package/dist/types/Tag/index.d.cts

@@ -0,0 +1,5 @@
+import Tag from './Tag.cjs';
+/** Tag 标签组件 */
+export declare const VlTag: import("react").ForwardRefExoticComponent<import("./type.cjs").TagProps & import("react").RefAttributes<HTMLElement>>;
+export type { TagProps, TagStatus, TagSize, TagRef } from './type.cjs';
+export default Tag;

package/dist/types/Tag/index.d.ts

@@ -0,0 +1,5 @@
+import Tag from './Tag.js';
+/** Tag 标签组件 */
+export declare const VlTag: import("react").ForwardRefExoticComponent<import("./type.js").TagProps & import("react").RefAttributes<HTMLElement>>;
+export type { TagProps, TagStatus, TagSize, TagRef } from './type.js';
+export default Tag;

package/dist/types/Tag/type.d.cts

@@ -0,0 +1,24 @@
+import type { ElementType, HTMLAttributes, MouseEvent } from 'react';
+/** 标签语义状态：默认/中性 (default) | 主题色 (primary) | 成功 (success) | 警告 (warning) | 错误 (error) | 信息 (info) */
+export type TagStatus = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+/** 标签尺寸：小 (sm) | 中等 (md) | 大 (lg) */
+export type TagSize = 'sm' | 'md' | 'lg';
+/** Tag 根 DOM 元素类型 */
+export type TagRef = HTMLElement;
+/**
+ * Tag 组件属性接口
+ */
+export interface TagProps extends HTMLAttributes<HTMLElement> {
+    /** 标签的语义状态，默认为 `default` */
+    status?: TagStatus;
+    /** 标签尺寸大小，默认为 `md` */
+    size?: TagSize;
+    /** 是否支持关闭/移除，开启后展示关闭图标，默认为 false */
+    closable?: boolean;
+    /** 是否处于禁用状态，禁用后阻止关闭交互，默认为 false */
+    disabled?: boolean;
+    /** 自定义根容器 HTML 标签，默认为 `span` */
+    tag?: ElementType;
+    /** 点击关闭图标时的回调函数 */
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+}