aha-components 1.2.1 → 1.3.1

package/dist/components/MenuList/MenuList.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import MenuList from './index';
+declare const meta: Meta<typeof MenuList>;
+export default meta;
+type Story = StoryObj<typeof MenuList>;
+export declare const Basic: Story;
+export declare const WithoutIcons: Story;
+export declare const MixedIcons: Story;
+export declare const FullExample: Story;
+export declare const WithUserProfile: Story;
+export declare const WithDisabled: Story;
+export declare const WithDanger: Story;
+export declare const Controlled: Story;
+export declare const CustomRender: Story;
+export declare const CustomUserProfile: Story;

package/dist/components/MenuList/MenuList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/MenuList/index.d.ts

@@ -0,0 +1,76 @@
+import React from 'react';
+export interface MenuItemType {
+    /** 唯一标识 */
+    key: string;
+    /** 菜单项标签 */
+    label: React.ReactNode;
+    /** 菜单项图标 */
+    icon?: React.ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否危险项（红色） */
+    danger?: boolean;
+    /** 自定义渲染函数，如果提供则完全自定义该项的渲染 */
+    render?: (item: MenuItemType, isSelected: boolean) => React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 点击事件 */
+    onClick?: (info: {
+        key: string;
+        keyPath: string[];
+    }) => void;
+}
+export interface MenuGroupType {
+    /** 分组标题 */
+    title?: React.ReactNode;
+    /** 分组下的菜单项 */
+    children: MenuItemType[];
+    /** 自定义类名 */
+    className?: string;
+}
+export interface UserProfileType {
+    /** 用户头像 */
+    avatar?: React.ReactNode;
+    /** 用户姓名 */
+    name: React.ReactNode;
+    /** 用户邮箱 */
+    email?: React.ReactNode;
+    /** 在线状态 */
+    online?: boolean;
+    /** 自定义渲染函数，如果提供则完全自定义用户资料的渲染 */
+    render?: (profile: UserProfileType) => React.ReactNode;
+    /** 点击事件 */
+    onClick?: () => void;
+}
+export interface MenuListProps {
+    /** 菜单项数据 */
+    items: (MenuItemType | MenuGroupType)[];
+    /** 用户资料信息（显示在顶部） */
+    userProfile?: UserProfileType;
+    /** 当前选中的菜单项 key */
+    selectedKeys?: string[];
+    /** 默认选中的菜单项 key */
+    defaultSelectedKeys?: string[];
+    /** 选中项变化时的回调 */
+    onSelect?: (info: {
+        key: string;
+        keyPath: string[];
+        selectedKeys: string[];
+    }) => void;
+    /** 取消选中时的回调 */
+    onDeselect?: (info: {
+        key: string;
+        keyPath: string[];
+        selectedKeys: string[];
+    }) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 菜单宽度 */
+    width?: number | string;
+}
+declare const MenuList: React.FC<MenuListProps>;
+export default MenuList;

package/dist/components/Pagination/Pagination.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Pagination from './index';
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Basic: Story;
+export declare const Controlled: Story;
+export declare const WithTotal: Story;
+export declare const WithSizeChanger: Story;
+export declare const WithQuickJumper: Story;
+export declare const FullFeatures: Story;
+export declare const Simple: Story;
+export declare const Sizes: Story;
+export declare const LargeTotal: Story;
+export declare const CustomGoButton: Story;
+export declare const Responsive: Story;

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface PaginationProps {
+    current?: number;
+    defaultCurrent?: number;
+    total?: number;
+    pageSize?: number;
+    defaultPageSize?: number;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: string[];
+    showQuickJumper?: boolean | {
+        goButton?: React.ReactNode;
+    };
+    showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+    onChange?: (page: number, pageSize?: number) => void;
+    onShowSizeChange?: (current: number, size: number) => void;
+    simple?: boolean;
+    disabled?: boolean;
+    hideOnSinglePage?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    size?: "default" | "small";
+    responsive?: boolean;
+    showLessItems?: boolean;
+    itemRender?: (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", originalElement: React.ReactNode) => React.ReactNode;
+}
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/dist/components/Progress/Progress.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Progress from './index';
+import '../../index.css';
+declare const meta: Meta<typeof Progress>;
+export default meta;
+type Story = StoryObj<typeof Progress>;
+export declare const Circle: Story;
+export declare const Semicircle: Story;
+export declare const WithTitle: Story;
+export declare const WithoutPercent: Story;
+export declare const DifferentSizes: Story;
+export declare const SemicircleSizes: Story;
+export declare const WithTitleAndPercent: Story;
+export declare const TitlePositionInside: Story;
+export declare const TitlePositionOutside: Story;
+export declare const StatusVariants: Story;
+export declare const AnimatedProgress: Story;
+export declare const CustomColors: Story;

package/dist/components/Progress/Progress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export type ProgressType = 'circle' | 'semicircle' | string;
+export type ProgressStatus = 'normal' | 'success' | 'exception' | 'active';
+export type TitlePosition = 'inside' | 'outside';
+export interface ProgressProps {
+    /** 进度百分比，范围 0-100 */
+    percent?: number;
+    /** 进度条类型，目前支持 circle（圆形）和 semicircle（半圆） */
+    type?: ProgressType;
+    /** 进度条宽度（尺寸），单位 px */
+    width?: number;
+    /** 标题文本 */
+    title?: string;
+    /** 标题位置，圆内（inside）或圆外（outside），圆外时显示在圆下方 */
+    titlePosition?: TitlePosition;
+    /** 是否显示百分比 */
+    showPercent?: boolean;
+    /** 是否启用动画效果 */
+    animated?: boolean;
+    /** 进度条状态 */
+    status?: ProgressStatus;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 进度条颜色，不设置则使用主题色 */
+    strokeColor?: string;
+    /** 进度条轨道颜色 */
+    trailColor?: string;
+    [key: string]: any;
+}
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;

package/dist/components/Radio/Radio.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Radio from './index';
+declare const meta: Meta<typeof Radio>;
+export default meta;
+type Story = StoryObj<typeof Radio>;
+export declare const Basic: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const RadioGroup: Story;
+export declare const Sizes: Story;

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface RadioProps {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    value?: any;
+    name?: string;
+}
+declare const Radio: React.FC<RadioProps>;
+export default Radio;

package/dist/components/Select/Select.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Select from './index';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Basic: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+export declare const Error: Story;
+export declare const Searchable: Story;
+export declare const Multiple: Story;
+export declare const MultipleWithMaxTag: Story;
+export declare const WithClear: Story;
+export declare const Controlled: Story;
+export declare const WithDisabledOption: Story;
+export declare const LongList: Story;
+export declare const AllStates: Story;

package/dist/components/Select/index.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+export interface SelectOption {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+    [key: string]: any;
+}
+export interface SelectProps {
+    /** 当前选中的值 */
+    value?: string | number | (string | number)[];
+    /** 默认选中的值 */
+    defaultValue?: string | number | (string | number)[];
+    /** 选项数据 */
+    options?: SelectOption[];
+    /** 是否支持多选 */
+    mode?: 'multiple' | 'tags';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示错误状态 */
+    error?: boolean;
+    /** 占位符 */
+    placeholder?: string;
+    /** 尺寸 */
+    size?: 'small' | 'mediumSmall' | 'medium' | 'large';
+    /** 是否可搜索 */
+    showSearch?: boolean;
+    /** 搜索过滤函数 */
+    filterOption?: boolean | ((input: string, option: SelectOption) => boolean);
+    /** 是否允许清除 */
+    allowClear?: boolean;
+    /** 变化回调 */
+    onChange?: (value: string | number | (string | number)[], option: SelectOption | SelectOption[]) => void;
+    /** 选择回调 */
+    onSelect?: (value: string | number, option: SelectOption) => void;
+    /** 取消选择回调 */
+    onDeselect?: (value: string | number, option: SelectOption) => void;
+    /** 搜索回调 */
+    onSearch?: (value: string) => void;
+    /** 聚焦回调 */
+    onFocus?: (e: React.FocusEvent) => void;
+    /** 失焦回调 */
+    onBlur?: (e: React.FocusEvent) => void;
+    /** 下拉框打开回调 */
+    onDropdownVisibleChange?: (open: boolean) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 下拉框类名 */
+    dropdownClassName?: string;
+    /** 下拉框样式 */
+    dropdownStyle?: React.CSSProperties;
+    /** 是否默认打开 */
+    defaultOpen?: boolean;
+    /** 是否打开（受控） */
+    open?: boolean;
+    /** 最大标签数量 */
+    maxTagCount?: number | 'responsive';
+    /** 标签渲染函数 */
+    tagRender?: (props: {
+        label: React.ReactNode;
+        value: string | number;
+        closable: boolean;
+        onClose: () => void;
+    }) => React.ReactNode;
+    /** 选项渲染函数 */
+    optionRender?: (option: SelectOption, info: {
+        selected: boolean;
+        focused: boolean;
+        disabled: boolean;
+    }) => React.ReactNode;
+}
+declare const Select: React.FC<SelectProps>;
+export default Select;

package/dist/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Switch from './index';
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof Switch>;
+export declare const Basic: Story;
+export declare const Sizes: Story;
+export declare const Checked: Story;
+export declare const Unchecked: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const WithChildren: Story;
+export declare const Controlled: Story;
+export declare const AllStates: Story;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface SwitchProps {
+    /** 是否选中 */
+    checked?: boolean;
+    /** 默认是否选中 */
+    defaultChecked?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 变化回调 */
+    onChange?: (checked: boolean, event: React.MouseEvent) => void;
+    /** 点击回调 */
+    onClick?: (checked: boolean, event: React.MouseEvent) => void;
+    /** 选中时的内容 */
+    checkedChildren?: React.ReactNode;
+    /** 非选中时的内容 */
+    unCheckedChildren?: React.ReactNode;
+    /** 尺寸 */
+    size?: 'small' | 'default';
+    /** 加载状态 */
+    loading?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/dist/components/Tab/Tab.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Tab from './index';
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+export declare const Underline: Story;
+export declare const UnderlineWithBadge: Story;
+export declare const UnderlineWithIcon: Story;
+export declare const BackgroundEqual: Story;
+export declare const BackgroundSpaced: Story;
+export declare const BackgroundWithIconAndBadge: Story;
+export declare const WithCustomElement: Story;
+export declare const ValueMode: Story;
+export declare const WithDisabled: Story;
+export declare const FullExample: Story;

package/dist/components/Tab/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type TabVariant = 'underline' | 'background';
+export type TabLayout = 'equal' | 'spaced';
+export interface TabItem {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactElement;
+    badge?: number | string;
+    customElement?: React.ReactNode;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export interface TabProps {
+    items: TabItem[];
+    variant?: TabVariant;
+    layout?: TabLayout;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    mode?: 'children' | 'value';
+    [key: string]: any;
+}
+declare const Tab: React.FC<TabProps>;
+export default Tab;

package/dist/components/Table/Table.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Table from './index';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Basic: Story;
+export declare const WithPagination: Story;
+export declare const WithRowSelection: Story;
+export declare const WithSorting: Story;
+export declare const WithSorterChange: Story;
+export declare const WithFixedColumns: Story;
+export declare const WithColumnWidth: Story;
+export declare const WithRowSelectionDisabled: Story;
+export declare const WithCustomRender: Story;
+export declare const WithAlign: Story;
+export declare const WithPaginationChange: Story;

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

@@ -0,0 +1,166 @@
+import React from 'react';
+export type SortOrder = 'ascend' | 'descend' | null;
+export type TableSize = 'small' | 'middle' | 'large';
+export type TableLayout = 'auto' | 'fixed';
+export interface SorterResult<T = any> {
+    column?: ColumnType<T>;
+    order?: SortOrder;
+    field?: string | string[];
+    columnKey?: string | string[];
+}
+export interface TableCurrentDataSource<T = any> {
+    currentDataSource: T[];
+    action: 'paginate' | 'sort';
+}
+export interface SelectionItem {
+    key: string | number;
+    text: React.ReactNode;
+    onSelect?: (changeableRowKeys: (string | number)[]) => void;
+}
+export interface TableRowSelection<T = any> {
+    type?: 'checkbox' | 'radio';
+    selectedRowKeys?: (string | number)[];
+    defaultSelectedRowKeys?: (string | number)[];
+    onChange?: (selectedRowKeys: (string | number)[], selectedRows: T[]) => void;
+    onSelect?: (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+    onSelectInvert?: (selectedRowKeys: (string | number)[]) => void;
+    onSelectNone?: () => void;
+    getCheckboxProps?: (record: T) => {
+        disabled?: boolean;
+        name?: string;
+    };
+    hideSelectAll?: boolean;
+    fixed?: boolean | 'left' | 'right';
+    columnWidth?: string | number;
+    columnTitle?: string | React.ReactNode;
+    checkStrictly?: boolean;
+    preserveSelectedRowKeys?: boolean;
+    renderCell?: (checked: boolean, record: T, index: number, node: React.ReactNode) => React.ReactNode;
+}
+export interface ColumnType<T = any> {
+    title?: React.ReactNode | ((props: {
+        sortOrder?: SortOrder;
+        sortColumn?: ColumnType<T>;
+    }) => React.ReactNode);
+    key?: string;
+    dataIndex?: string | string[];
+    align?: 'left' | 'right' | 'center';
+    ellipsis?: boolean | {
+        showTitle?: boolean;
+    };
+    colSpan?: number;
+    width?: string | number;
+    minWidth?: string | number;
+    fixed?: boolean | 'left' | 'right';
+    render?: (value: any, record: T, index: number) => React.ReactNode;
+    sorter?: boolean | ((a: T, b: T) => number) | {
+        compare?: (a: T, b: T) => number;
+        multiple?: number;
+    };
+    sortOrder?: SortOrder | SortOrder[];
+    defaultSortOrder?: SortOrder;
+    onCell?: (record: T, index?: number) => React.HTMLAttributes<HTMLTableCellElement>;
+    onHeaderCell?: (column: ColumnType<T>) => React.HTMLAttributes<HTMLTableCellElement>;
+    className?: string;
+    children?: ColumnType<T>[];
+    onSorterChange?: (sorter: SorterResult<T>) => void;
+    rowSpan?: number;
+    rowScope?: 'row' | 'col' | 'rowgroup' | 'colgroup';
+}
+export interface TableProps<T = any> {
+    columns?: ColumnType<T>[];
+    dataSource?: T[];
+    rowKey?: string | ((record: T) => string | number);
+    rowSelection?: TableRowSelection<T>;
+    pagination?: false | {
+        current?: number;
+        pageSize?: number;
+        total?: number;
+        defaultCurrent?: number;
+        defaultPageSize?: number;
+        showSizeChanger?: boolean;
+        pageSizeOptions?: string[];
+        showQuickJumper?: boolean | {
+            goButton?: React.ReactNode;
+        };
+        showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+        onChange?: (page: number, pageSize?: number) => void;
+        onShowSizeChange?: (current: number, size: number) => void;
+        position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+        simple?: boolean;
+        responsive?: boolean;
+    };
+    size?: TableSize;
+    bordered?: boolean;
+    loading?: boolean | React.ReactNode;
+    locale?: {
+        emptyText?: React.ReactNode | (() => React.ReactNode);
+        selectAll?: React.ReactNode;
+        selectInvert?: React.ReactNode;
+        selectNone?: React.ReactNode;
+        selectionAll?: React.ReactNode;
+        sortTitle?: string;
+        expand?: string;
+        collapse?: string;
+        triggerDesc?: string;
+        triggerAsc?: string;
+        cancelSort?: string;
+    };
+    showHeader?: boolean;
+    title?: (currentData: T[]) => React.ReactNode;
+    footer?: (currentData: T[]) => React.ReactNode;
+    summary?: (currentData: T[]) => React.ReactNode;
+    scroll?: {
+        x?: number | string | true;
+        y?: number | string;
+        scrollToFirstRowOnChange?: boolean;
+    };
+    tableLayout?: TableLayout;
+    onChange?: (pagination: any, filters: Record<string, any>, sorter: SorterResult<T> | SorterResult<T>[], extra: TableCurrentDataSource<T>) => void;
+    onSorterChange?: (sorter: SorterResult<T> | SorterResult<T>[]) => void;
+    onPaginationChange?: (page: number, pageSize: number) => void;
+    onRow?: (record: T, index?: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    expandable?: {
+        expandedRowKeys?: (string | number)[];
+        defaultExpandedRowKeys?: (string | number)[];
+        expandedRowRender?: (record: T, index: number, indent: number, expanded: boolean) => React.ReactNode;
+        expandRowByClick?: boolean;
+        onExpand?: (expanded: boolean, record: T) => void;
+        onExpandedRowsChange?: (expandedKeys: (string | number)[]) => void;
+        defaultExpandAllRows?: boolean;
+        indentSize?: number;
+        expandIcon?: (props: {
+            expanded: boolean;
+            onExpand: (record: T, e: React.MouseEvent<HTMLElement>) => void;
+            record: T;
+        }) => React.ReactNode;
+        rowExpandable?: (record: T) => boolean;
+    };
+    indentSize?: number;
+    rowClassName?: string | ((record: T, index: number) => string);
+    onHeaderRow?: (columns: ColumnType<T>[], index?: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    components?: {
+        header?: {
+            cell?: React.ComponentType<any>;
+            row?: React.ComponentType<any>;
+            wrapper?: React.ComponentType<any>;
+        };
+        body?: {
+            cell?: React.ComponentType<any>;
+            row?: React.ComponentType<any>;
+            wrapper?: React.ComponentType<any>;
+        };
+    };
+    sticky?: boolean | {
+        offsetHeader?: number;
+        offsetScroll?: number;
+        getContainer?: () => HTMLElement;
+    };
+}
+declare const Table: <T extends Record<string, any> = any>({ columns, dataSource, rowKey, rowSelection, pagination, size, bordered, loading, locale, showHeader, title, footer, summary, scroll, tableLayout, onChange, onSorterChange, onPaginationChange, onRow, className, style, expandable, rowClassName, onHeaderRow, sticky, ...rest }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Table;

package/dist/components/Tag/Tag.stories.d.ts

@@ -10,4 +10,5 @@ export declare const WithStroke: Story;
 export declare const Sizes: Story;
 export declare const WithIcons: Story;
 export declare const Clickable: Story;
+export declare const CustomColors: Story;
 export declare const ComplexExample: Story;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export type TagColor = 'Green' | 'Red' | 'Orange' | 'Cyan' | 'Violet' | 'Pink' | 'Gray' | 'Yellow' | 'Blue';
+export type TagColor = 'Green' | 'Red' | 'Orange' | 'Cyan' | 'Violet' | 'Pink' | 'Gray' | 'Yellow' | 'Blue' | string;
 export type TagVariant = 'light' | 'fill';
 export type TagSize = 'large' | 'small';
 export type IconPosition = 'leading' | 'after' | 'none';

package/dist/components/Textarea/Textarea.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Textarea from './index';
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof Textarea>;
+export declare const Basic: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+export declare const Error: Story;
+export declare const ReadOnly: Story;
+export declare const WithCount: Story;
+export declare const WithMaxLength: Story;
+export declare const AutoSize: Story;
+export declare const Controlled: Story;
+export declare const AllStates: Story;

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示错误状态 */
+    error?: boolean;
+    /** 是否只读 */
+    readOnly?: boolean;
+    /** 是否显示字符计数 */
+    showCount?: boolean;
+    /** 最大字符数 */
+    maxLength?: number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 占位符 */
+    placeholder?: string;
+    /** 值 */
+    value?: string;
+    /** 默认值 */
+    defaultValue?: string;
+    /** 行数 */
+    rows?: number;
+    /** 是否自动调整高度 */
+    autoSize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    /** 变化回调 */
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    /** 聚焦回调 */
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    /** 失焦回调 */
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;