# 分页

> @beisen-phoenix/pagination

## 概述

> 当加载/渲染所有数据将花费很多时间时可用分页

## API

| 参数  | 说明  | 类型 | 默认值 | 是否必传 |
| ---- | ---- | ---- | ----- | ------- |
| total      | 总条数 | number     |    0     | 是
| current    | 当前页号 | number     |     1    | 否
| showCapacity   | 是否显示每页条数 | boolean     |    false     | 否
| capacity   | 每页条数 | number     |    15     | 否
| capacityOptions   | 每页条数选项 | Array<number>     |    [15, 30, 60, 100]     | 否
| hideEndNumber   | 是否隐藏尾页 | boolean     |    false     | 否
| showPageJump   | 是否显示跳至 | boolean     |    false     | 否
| onCapacityChange   | 切换每页条数时回调 | (capacity: number) => void     |         | 否
| onChange   | 切换当前页数回调 | (current: number) => void     |         | 否
| extraCls   | 自定义最外层容器class，用于扩展样式 |string     |     ''  | 否
| showTotalPage   | 是否显示总页数 | boolean     |    false     | 否
| getPopupContainer  | 弹层挂载的容器  |  Function  | - | 否

```typescript
  current?: number
  total: number
  hideEndNumber?: boolean
  onChange?: (current: number, e: MouseEvent) => void
  showPageJump?: boolean
  capacityOptions?: Array<number>
  onCapacityChange?: (capacity: number, e: MouseEvent) => void
  showCapacity?: boolean
  capacity?: number
  extraCls?: string
  showTotalPage?: boolean
```

### 2019-08-21

total api 由总页数修改为总条数

多语言

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| translation | 语言包 用于翻译组件内置常量 | {capacity: string,previousPage: string,nextPage: string,goTo: string,page: string, total: string,pages: string} | {capacity: '条/页',previousPage: '上一页',nextPage: '下一页',goTo: '跳至',page: '页',total: '共',pages: '页'} |