test-nut-ui/dist/types/packages/pagination/pagination.d.ts

<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>

import React, { FunctionComponent, ReactNode } from 'react';
import { BasicComponent } from '../../utils/typings';
import '@nascent/nutui-icons-react/lib/style.css';
export interface PaginationProps extends BasicComponent {
    /**
    * 禁用时是否隐藏按钮
    * @default false
    */
    disabledHidden: boolean
    /**
    * 是否显示总数文案
    * @default false
    */
    showTotalText: boolean
    /**
    * 显示总数文案
    * @default -
    */
    totalText: string
    /**
    * 当前页码，受控值，与 onChange 搭配使用
    * @default -
    */
    value: number
    /**
    * 默认页码，非受控
    * @default 1
    */
    defaultValue: number
    /**
    * 显示模式
    * @default multi
    */
    mode: 'multi' | 'simple'
    /**
    * 自定义上一页按钮内容
    * @default 上一页
    */
    prev: ReactNode
    /**
    * 自定义下一页按钮内容
    * @default 下一页
    */
    next: ReactNode
    /**
    * 总记录数
    * @default 50
    */
    total: number
    /**
    * 每页记录数
    * @default 10
    */
    pageSize: number
    /**
    * 显示的页码个数
    * @default 5
    */
    itemSize: number
    /**
    * 是否显示省略号
    * @default false
    */
    ellipse: boolean
    /**
    * 用于自定义页码的结构
    * @default -
    */
    itemRender: (page: any) => ReactNode
    /**
    * 页码改变时触发
    * @default -
    */
    onChange: (currPage: number) => void
}
export declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;