import React, { ReactNode } from 'react'; export interface IPaginationDataParams { /** * 当前页 * @en Current page */ current: number; /** * 每页条数 * @en Number of items per page */ pageSize: number; /** * 总页数 * @en Total number of pages */ pageNum: number; } export interface PaginationProps { /** * 自定义类名 * @en Custom classname */ className?: string; /** * 自定义样式 * @en Custom style */ style?: React.CSSProperties; /** * 分页器翻页区域样式类型,button表示按钮式分页器,text表示文本式分页器,none表示仅保留页码不含翻页区域 * @en The style type of the page turning area of the pagination, and none means that only the page number is kept without the page turning area * @default "button" */ type?: 'button' | 'text' | 'none'; /** * 是否需要展示图标 * @en Whether to show the icon * @default false */ icon?: boolean | ReactNode | [ReactNode, ReactNode]; /** * 翻页按钮水平位置,side表示两端对齐,center表示居中对齐 * @en The horizontal position of the page turning button, side means both ends are aligned, center means center alignment * @default "side" */ justify?: 'center' | 'side'; /** * 当前页码 * @en Current page * @default 1 */ current?: number; /** * 每页条数 * @en Number of items per page * @default 10 */ pageSize?: number; /** * 数据总条数 * @en Total number of data source * @default 0 */ total?: number; /** * 只有一页时是否隐藏分页器 * @en Whether to hide the pager when there is only one page * @default false */ hideOnOnePage?: boolean; /** * 下一页样式,primary表示高亮 * @en Style of next page button, primary means highlight * @default "default" */ nextFieldType?: 'default' | 'primary'; /** * 上一页文本 * @en Previous page text * @default "上一页" * @default_en "Previous" */ prevFieldText?: string; /** * 下一页文本 * @en Next page text * @default "下一页" * @default_en "Next" */ nextFieldText?: string; /** * 渲染前翻页按钮 * @en Custom render previous page button */ renderPrevField?: (data: IPaginationDataParams) => ReactNode; /** * 渲染后翻页按钮 * @en Custom render next page button */ renderNextField?: (data: IPaginationDataParams) => ReactNode; /** * 点击前/后翻页按钮时调用 * @en Callback called when the previous/next page button is clicked */ onChange?: (data: IPaginationDataParams) => void; } export interface PaginationRef { /** * 最外层元素 DOM * @en The outermost element DOM */ dom: HTMLDivElement | null; } /** * 用于数据分页,为完全受控组件 * @en The pagination component is used for data paging and is a fully controlled component. * @type 导航 * @type_en Navigation * @name 分页器 * @name_en Pagination */ declare const Pagination: React.ForwardRefExoticComponent>; export default Pagination;