import React, { ComponentType, CSSProperties, ReactElement, ReactNode, TableHTMLAttributes } from 'react';
import { ComponentSize } from '../ConfigProvider';
import { DataTableColumnOptions, DataTableColumnOptionsWithAccessor, DataTableColumnOptionsWithoutAccessor, DataTablePaginationOptions, DataTableSelectionOptions } from './defs';
export { DataTablePaginationAlign, DataTableColumnOptions, DataTableSortOrder, DataTableColumnSelectFilterValue } from './defs';
export declare type DataTableProps<R extends object = object> = {
    /** 尺寸 */
    size?: ComponentSize;
    /** 列信息 */
    columns?: Array<DataTableColumnOptions<R, any>>;
    /** 数据列表 */
    records: R[];
    /** 数据唯一标识对应的字段名 */
    recordIdAccessor?: keyof R;
    /** 行选择配置，开启行选择要求提供 `recordIdAccessor` */
    selection?: DataTableSelectionOptions<R>;
    /** 分页配置 */
    pagination?: DataTablePaginationOptions;
    /** 是否加载中 */
    loading?: boolean;
    /**
     * 通过 `children` 传入 `<Column />` 也可以指定列的配置信息。
     * 若指定了 prop `columns`，`children` 会被忽略。
     * */
    children?: ReactNode;
    /** 自定义样式名 */
    className?: string;
    /** 自定义样式 */
    style?: CSSProperties;
    /** `table` 元素的 html 属性；当 `fixHead` 为 `true` 时, 会分别传给 head & body 对应的 `table` */
    tableHtmlProps?: TableHTMLAttributes<HTMLTableElement>;
    /** 空状态下展示的内容，建议用 `Empty` 组件 */
    empty?: ReactNode;
    /**
     * 边框配置
     * + `full` - 全边框
     * + `row` - 行与行之间才有边框
     * + `none` - 无边框
     */
    border?: 'row' | 'full' | 'none';
    /** 是否有斑马纹；若有斑马纹则 `border` 总是会被视作 `none` */
    zebra?: boolean;
    /**
     * 是否开启“固定表头”；开启固定表头后，
     * + 表格整体会使用 div 元素进行渲染，head & body 被分别渲染为独立的 table
     * + table-layout 会被设置为 `fixed`
     */
    fixHead?: boolean;
    /**
     * 配置使用固定列时的表格内容的宽度，搭配 `Column` 的 prop `fixed` 一起使用；如果表格的宽度小于该宽度，则表格可以左右滑动，设置为 fixed 的列会在滑动到边缘时固定住。
     * 内部通过 `position: sticky` 实现固定效果，因此不支持 IE11
     */
    fixColumn?: {
        contentWidth: string;
    };
    /** 生成行样式名 */
    getRowClassName?: (record: R, index: number) => string;
    /** 行点击事件 */
    onRowClick?: (record: R, index: number) => void;
};
interface WithColumn<R extends object> {
    Column<K extends keyof R>(props: DataTableColumnOptionsWithAccessor<R, K>): ReactElement | null;
    Column(props: DataTableColumnOptionsWithoutAccessor<R>): ReactElement | null;
}
/**
 * 用于方便地去定义含自定义 `Record` 类型的 `DataTable` / `DataTableColumn` 组件，使用姿势：
 * ```ts
 * const MyTable: DataTableType<MyRecord> = DataTable
 * const MyTableColumn: DataTableColumnType<MyRecord> = DataTableColumn
 * ```
 * 在后续使用中 `MyTable` 等价于 `DataTable<MyRecord>`，`MyTableColumn` 等价于 `DataTableColumn<MyRecord>`
 */
export declare type DataTableType<R extends object> = ComponentType<DataTableProps<R>> & WithColumn<R>;
export declare type DataTableColumnType<R extends object> = WithColumn<R>['Column'];
export declare function DataTable<R extends object>({ columns: columnsFromProps, records: recordsFromProps, recordIdAccessor, selection: selectionFromProps, pagination, loading, children, className: classNameFromProps, style, tableHtmlProps, empty, size, border, zebra, fixHead, fixColumn, getRowClassName, onRowClick }: DataTableProps<R>): React.JSX.Element;
export declare namespace DataTable {
    var Column: typeof DataTableColumn;
}
export declare function DataTableColumn<R extends object = any, K extends keyof R = keyof R>(props: DataTableColumnOptionsWithAccessor<R, K>): ReactElement | null;
export declare function DataTableColumn<R extends object>(props: DataTableColumnOptionsWithoutAccessor<R>): ReactElement | null;