@rockshin/tao-ui 0.0.1

package/dist/components/table/table.d.ts

@@ -0,0 +1,73 @@
+import { type ReactNode } from 'react';
+import { type TaoSize } from '../../provider/tao-provider';
+import { type SemanticClassNames, type SemanticStyles } from '../../utils/semantic';
+import './table.css';
+export type TableSemanticPart = 'root' | 'header.cell' | 'body.row' | 'body.cell' | 'pagination';
+export type SortOrder = 'ascend' | 'descend' | null;
+export interface TableFilterItem {
+    text: ReactNode;
+    value: string;
+}
+export interface TableColumn<T = any> {
+    key?: string;
+    dataIndex?: string;
+    title?: ReactNode;
+    render?: (value: any, record: T, index: number) => ReactNode;
+    width?: number | string;
+    align?: 'left' | 'center' | 'right';
+    fixed?: 'left' | 'right';
+    ellipsis?: boolean;
+    sorter?: ((a: T, b: T) => number) | boolean;
+    sortOrder?: SortOrder;
+    defaultSortOrder?: SortOrder;
+    filters?: TableFilterItem[];
+    onFilter?: (value: string, record: T) => boolean;
+    filteredValue?: string[];
+}
+export interface TableRowSelection<T = any> {
+    type?: 'checkbox' | 'radio';
+    selectedRowKeys?: React.Key[];
+    onChange?: (selectedKeys: React.Key[], selectedRows: T[]) => void;
+    getCheckboxProps?: (record: T) => {
+        disabled?: boolean;
+    };
+    fixed?: boolean;
+    columnWidth?: number | string;
+}
+export interface TablePagination {
+    current?: number;
+    pageSize?: number;
+    total?: number;
+    defaultCurrent?: number;
+    defaultPageSize?: number;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: number[];
+    showTotal?: (total: number, range: [number, number]) => ReactNode;
+}
+export interface SorterResult<T = any> {
+    column?: TableColumn<T>;
+    order: SortOrder;
+    field?: string;
+}
+export interface TableProps<T = any> {
+    columns: TableColumn<T>[];
+    dataSource: T[];
+    rowKey: string | ((record: T) => React.Key);
+    loading?: boolean;
+    pagination?: TablePagination | false;
+    onChange?: (pagination: {
+        current: number;
+        pageSize: number;
+    }, filters: Record<string, string[] | null>, sorter: SorterResult<T>) => void;
+    scroll?: {
+        x?: number | string;
+    };
+    rowSelection?: TableRowSelection<T>;
+    size?: TaoSize;
+    emptyText?: ReactNode;
+    bordered?: boolean;
+    className?: string;
+    classNames?: SemanticClassNames<TableSemanticPart>;
+    styles?: SemanticStyles<TableSemanticPart>;
+}
+export declare function Table<T = any>({ columns, dataSource, rowKey, loading, pagination: paginationProp, onChange, scroll, rowSelection, size, emptyText, bordered, className, classNames, styles, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;