188 lines
7.3 KiB
TypeScript
188 lines
7.3 KiB
TypeScript
import type * as React from 'react';
|
|
import type { DeepNamePath } from './namePathType';
|
|
/**
|
|
* ColumnType which applied in antd: https://ant.design/components/table-cn/#Column
|
|
* - defaultSortOrder
|
|
* - filterDropdown
|
|
* - filterDropdownVisible
|
|
* - filtered
|
|
* - filteredValue
|
|
* - filterIcon
|
|
* - filterMultiple
|
|
* - filters
|
|
* - sorter
|
|
* - sortOrder
|
|
* - sortDirections
|
|
* - onFilter
|
|
* - onFilterDropdownVisibleChange
|
|
*/
|
|
export type Key = React.Key;
|
|
export type FixedType = 'left' | 'right' | boolean;
|
|
export type DefaultRecordType = Record<string, any>;
|
|
export type TableLayout = 'auto' | 'fixed';
|
|
export type ScrollConfig = {
|
|
index?: number;
|
|
key?: Key;
|
|
top?: number;
|
|
};
|
|
export type Reference = {
|
|
nativeElement: HTMLDivElement;
|
|
scrollTo: (config: ScrollConfig) => void;
|
|
};
|
|
export type RowClassName<RecordType> = (record: RecordType, index: number, indent: number) => string;
|
|
export interface CellType<RecordType> {
|
|
key?: Key;
|
|
className?: string;
|
|
style?: React.CSSProperties;
|
|
children?: React.ReactNode;
|
|
column?: ColumnsType<RecordType>[number];
|
|
colSpan?: number;
|
|
rowSpan?: number;
|
|
/** Only used for table header */
|
|
hasSubColumns?: boolean;
|
|
colStart?: number;
|
|
colEnd?: number;
|
|
}
|
|
export interface RenderedCell<RecordType> {
|
|
props?: CellType<RecordType>;
|
|
children?: React.ReactNode;
|
|
}
|
|
export type Direction = 'ltr' | 'rtl';
|
|
export type SpecialString<T> = T | (string & {});
|
|
export type DataIndex<T = any> = DeepNamePath<T> | SpecialString<T> | number | (SpecialString<T> | number)[];
|
|
export type CellEllipsisType = {
|
|
showTitle?: boolean;
|
|
} | boolean;
|
|
export type ColScopeType = 'col' | 'colgroup';
|
|
export type RowScopeType = 'row' | 'rowgroup';
|
|
export type ScopeType = ColScopeType | RowScopeType;
|
|
interface ColumnSharedType<RecordType> {
|
|
title?: React.ReactNode;
|
|
key?: Key;
|
|
className?: string;
|
|
hidden?: boolean;
|
|
fixed?: FixedType;
|
|
onHeaderCell?: GetComponentProps<ColumnsType<RecordType>[number]>;
|
|
ellipsis?: CellEllipsisType;
|
|
align?: AlignType;
|
|
rowScope?: RowScopeType;
|
|
}
|
|
export interface ColumnGroupType<RecordType> extends ColumnSharedType<RecordType> {
|
|
children: ColumnsType<RecordType>;
|
|
}
|
|
export type AlignType = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
|
|
export interface ColumnType<RecordType> extends ColumnSharedType<RecordType> {
|
|
colSpan?: number;
|
|
dataIndex?: DataIndex<RecordType>;
|
|
render?: (value: any, record: RecordType, index: number) => React.ReactNode | RenderedCell<RecordType>;
|
|
shouldCellUpdate?: (record: RecordType, prevRecord: RecordType) => boolean;
|
|
rowSpan?: number;
|
|
width?: number | string;
|
|
onCell?: GetComponentProps<RecordType>;
|
|
/** @deprecated Please use `onCell` instead */
|
|
onCellClick?: (record: RecordType, e: React.MouseEvent<HTMLElement>) => void;
|
|
}
|
|
export type ColumnsType<RecordType = unknown> = readonly (ColumnGroupType<RecordType> | ColumnType<RecordType>)[];
|
|
export type GetRowKey<RecordType> = (record: RecordType, index?: number) => Key;
|
|
export interface StickyOffsets {
|
|
left: readonly number[];
|
|
right: readonly number[];
|
|
isSticky?: boolean;
|
|
}
|
|
export type GetComponentProps<DataType> = (data: DataType, index?: number) => React.HTMLAttributes<any> & React.TdHTMLAttributes<any>;
|
|
type Component<P> = React.ComponentType<P> | React.ForwardRefExoticComponent<P> | React.FC<P> | keyof React.ReactHTML;
|
|
export type CustomizeComponent = Component<any>;
|
|
export type OnCustomizeScroll = (info: {
|
|
currentTarget?: HTMLElement;
|
|
scrollLeft?: number;
|
|
}) => void;
|
|
export type CustomizeScrollBody<RecordType> = (data: readonly RecordType[], info: {
|
|
scrollbarSize: number;
|
|
ref: React.Ref<{
|
|
scrollLeft: number;
|
|
scrollTo?: (scrollConfig: ScrollConfig) => void;
|
|
}>;
|
|
onScroll: OnCustomizeScroll;
|
|
}) => React.ReactNode;
|
|
export interface TableComponents<RecordType> {
|
|
table?: CustomizeComponent;
|
|
header?: {
|
|
table?: CustomizeComponent;
|
|
wrapper?: CustomizeComponent;
|
|
row?: CustomizeComponent;
|
|
cell?: CustomizeComponent;
|
|
};
|
|
body?: CustomizeScrollBody<RecordType> | {
|
|
wrapper?: CustomizeComponent;
|
|
row?: CustomizeComponent;
|
|
cell?: CustomizeComponent;
|
|
};
|
|
}
|
|
export type GetComponent = (path: readonly string[], defaultComponent?: CustomizeComponent) => CustomizeComponent;
|
|
export type ExpandableType = false | 'row' | 'nest';
|
|
export interface LegacyExpandableProps<RecordType> {
|
|
/** @deprecated Use `expandable.expandedRowKeys` instead */
|
|
expandedRowKeys?: Key[];
|
|
/** @deprecated Use `expandable.defaultExpandedRowKeys` instead */
|
|
defaultExpandedRowKeys?: Key[];
|
|
/** @deprecated Use `expandable.expandedRowRender` instead */
|
|
expandedRowRender?: ExpandedRowRender<RecordType>;
|
|
/** @deprecated Use `expandable.expandRowByClick` instead */
|
|
expandRowByClick?: boolean;
|
|
/** @deprecated Use `expandable.expandIcon` instead */
|
|
expandIcon?: RenderExpandIcon<RecordType>;
|
|
/** @deprecated Use `expandable.onExpand` instead */
|
|
onExpand?: (expanded: boolean, record: RecordType) => void;
|
|
/** @deprecated Use `expandable.onExpandedRowsChange` instead */
|
|
onExpandedRowsChange?: (expandedKeys: Key[]) => void;
|
|
/** @deprecated Use `expandable.defaultExpandAllRows` instead */
|
|
defaultExpandAllRows?: boolean;
|
|
/** @deprecated Use `expandable.indentSize` instead */
|
|
indentSize?: number;
|
|
/** @deprecated Use `expandable.expandIconColumnIndex` instead */
|
|
expandIconColumnIndex?: number;
|
|
/** @deprecated Use `expandable.expandedRowClassName` instead */
|
|
expandedRowClassName?: RowClassName<RecordType>;
|
|
/** @deprecated Use `expandable.childrenColumnName` instead */
|
|
childrenColumnName?: string;
|
|
title?: PanelRender<RecordType>;
|
|
}
|
|
export type ExpandedRowRender<ValueType> = (record: ValueType, index: number, indent: number, expanded: boolean) => React.ReactNode;
|
|
export interface RenderExpandIconProps<RecordType> {
|
|
prefixCls: string;
|
|
expanded: boolean;
|
|
record: RecordType;
|
|
expandable: boolean;
|
|
onExpand: TriggerEventHandler<RecordType>;
|
|
}
|
|
export type RenderExpandIcon<RecordType> = (props: RenderExpandIconProps<RecordType>) => React.ReactNode;
|
|
export interface ExpandableConfig<RecordType> {
|
|
expandedRowKeys?: readonly Key[];
|
|
defaultExpandedRowKeys?: readonly Key[];
|
|
expandedRowRender?: ExpandedRowRender<RecordType>;
|
|
columnTitle?: React.ReactNode;
|
|
expandRowByClick?: boolean;
|
|
expandIcon?: RenderExpandIcon<RecordType>;
|
|
onExpand?: (expanded: boolean, record: RecordType) => void;
|
|
onExpandedRowsChange?: (expandedKeys: readonly Key[]) => void;
|
|
defaultExpandAllRows?: boolean;
|
|
indentSize?: number;
|
|
/** @deprecated Please use `EXPAND_COLUMN` in `columns` directly */
|
|
expandIconColumnIndex?: number;
|
|
showExpandColumn?: boolean;
|
|
expandedRowClassName?: RowClassName<RecordType>;
|
|
childrenColumnName?: string;
|
|
rowExpandable?: (record: RecordType) => boolean;
|
|
columnWidth?: number | string;
|
|
fixed?: FixedType;
|
|
}
|
|
export type PanelRender<RecordType> = (data: readonly RecordType[]) => React.ReactNode;
|
|
export type TriggerEventHandler<RecordType> = (record: RecordType, event: React.MouseEvent<HTMLElement>) => void;
|
|
export interface TableSticky {
|
|
offsetHeader?: number;
|
|
offsetSummary?: number;
|
|
offsetScroll?: number;
|
|
getContainer?: () => Window | HTMLElement;
|
|
}
|
|
export {};
|