@include 'common'

## 何时使用

在有大量内容展现需要进行分页加载处理的时候。

## 代码演示

# 非受控分页

非受控分页，是指分页组件的状态由自己维护，组件值的改变可以通过 onChange 事件通知父组件，默认值由 defaultCurrent 初始化。
@include 'demo1'

# 受控分页

受控分页，是指分页组件的状态由父组件维护，组件自身只负责渲染其父组件传递的值，父组件通过 current 属性传递当前的值。
@include 'demo2'

# 更多分页

当分页数大于 5 时，自动展示 ...
@include 'demo3'

# 每页显示

可以通过设置 pageSize 属性来指定每页显示的数量。
可以通过设置 pageSizeSelector 属性来指定是否显示 每页数量选择 的部件以及部件形状。
可以通过设置 pageSizeList 属性来指定 每页显示数量 可选的值。
可以通过设置 pageSizePosition 属性来指定 每页显示数量选择 的部件显示在整个组件的开始位置还是结束位置。
可以通过设置 onPageSizeChange 属性来指定每页显示的数量变化时的回调函数。
@include 'demo4'

# 跳转

快速跳转到某一页，可以设置 false 来隐藏。
@include 'demo5'

# 分页尺寸

可以通过指定 size 属性来设置分页的尺寸。
@include 'demo6'

# 前进后退按钮只显示箭头

可以通过指定 shape 属性来设置前进后退按钮箭头的显示方式。
@include 'demo7'

# 简洁/迷你 风格

可以通过指定 type 属性来设置分页器的类型。
@include 'demo8'

# 显示总数

分页组件默认不显示总数，你可以通过 totalRender 自定义总数的显示结果。
@include 'demo9'

# 下拉框位置

使用 popupProps prop 中的 align 属性设置下拉位置。
@include 'demo10'

# 分页按钮链接

可以通过指定 link 属性来设置页码按钮的跳转链接，方便 SEO，link 属性的值为一个包含 {page} 的模板字符串，Pagination 组件会将该占位符替换为具体的页码数字。
@include 'demo11'

# 配合 react-router 使用

单页应用场景下，Pagination 组件可以使用外部跳转的方法来实现单页内部跳转。
@include 'demo12'