# @beisen-phoenix/pagination

> > @beisen-phoenix/pagination

Latest version **3.3.55** (published 2019-11-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-phoenix/pagination
pnpm add @beisen-phoenix/pagination
yarn add @beisen-phoenix/pagination
bun add @beisen-phoenix/pagination
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.3.55 |
| Published | 2019-11-25 |
| First published | 2019-05-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 84.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | beisencorp |

## Links

- npm: https://www.npmjs.com/package/@beisen-phoenix/pagination
- npm.io page: https://npm.io/package/@beisen-phoenix/pagination

## Dependencies (6)

- [@beisen-phoenix/icon](https://npm.io/package/@beisen-phoenix/icon.md) ^3.2.54
- [@beisen-phoenix/button](https://npm.io/package/@beisen-phoenix/button.md) ^3.3.55
- [@beisen-phoenix/dropdown](https://npm.io/package/@beisen-phoenix/dropdown.md) ^3.3.55
- [@beisen-phoenix/style-token](https://npm.io/package/@beisen-phoenix/style-token.md) ^3.3.55
- [@beisen-phoenix/common-utils](https://npm.io/package/@beisen-phoenix/common-utils.md) ^3.3.55
- [@beisen-phoenix/single-select-list](https://npm.io/package/@beisen-phoenix/single-select-list.md) ^3.3.55

## Recent versions

- 3.3.55 (latest) — 2019-11-25
- 3.2.44-rc.1 (rc) — 2019-10-24
- 3.3.54 — 2019-11-25
- 3.3.53 — 2019-11-25
- 3.3.52 — 2019-11-24
- 3.3.51 — 2019-11-23
- 3.3.50 — 2019-11-22
- 3.3.48 — 2019-11-22
- 3.3.47 — 2019-11-22
- 3.3.46 — 2019-11-22
- 3.3.45 — 2019-11-21
- 3.3.43 — 2019-11-21
- 3.3.42 — 2019-11-21
- 3.3.41-beta.1 — 2019-11-21
- 3.3.41 — 2019-11-21
- … 393 more at https://npm.io/package/@beisen-phoenix/pagination/versions

## README

# 分页

> @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: '页'} |

---
_Source: https://npm.io/package/@beisen-phoenix/pagination · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._