|
6 | 6 |
|
7 | 7 | <p align="center"><a href="./README.md">English</a> | 简体中文</p> |
8 | 8 |
|
9 | | - |
10 | 9 | <div align="center"> |
11 | 10 |
|
12 | 11 | [![NPM version][npm-image]][npm-url] |
|
18 | 17 |
|
19 | 18 | </div> |
20 | 19 |
|
21 | | - |
22 | 20 | ## 特性 |
23 | 21 |
|
24 | 22 | - 受控和非受控分页状态。 |
@@ -72,41 +70,41 @@ npm start |
72 | 70 |
|
73 | 71 | ### Pagination |
74 | 72 |
|
75 | | -| 参数 | 类型 | 默认值 | 说明 | |
76 | | -| ---------------------------- | ------------------------------------------ | -------------------------------------- | ----------------------------------------------- | |
| 73 | +| 参数 | 类型 | 默认值 | 说明 | |
| 74 | +| ---------------------------- | ------------------------------------------ | -------------------------------------- | -------------------------------------- | |
77 | 75 | | align | `'start' \| 'center' \| 'end'` | - | 对齐分页项目。 | |
78 | | -| className | `string` | - | 根元素的className。 | |
79 | | -| classNames | `Partial<Record<'item', string>>` | - | 语义className。 | |
80 | | -| 当前的 | `number` | - | 控制当前页面。 | |
81 | | -| defaultCurrent | `number` | `1` | 初始当前页面。 | |
82 | | -| defaultPageSize | `number` | `10` | 初始页面大小。 | |
83 | | -| disabled | `boolean` | `false` | 禁用分页交互。 | |
84 | | -| hideOnSinglePage | `boolean` | `false` | 当只有一页时隐藏。 | |
| 76 | +| className | `string` | - | 根元素的className。 | |
| 77 | +| classNames | `Partial<Record<'item', string>>` | - | 语义className。 | |
| 78 | +| current | `number` | - | 控制当前页面。 | |
| 79 | +| defaultCurrent | `number` | `1` | 初始当前页面。 | |
| 80 | +| defaultPageSize | `number` | `10` | 初始页面大小。 | |
| 81 | +| disabled | `boolean` | `false` | 禁用分页交互。 | |
| 82 | +| hideOnSinglePage | `boolean` | `false` | 当只有一页时隐藏。 | |
85 | 83 | | itemRender | `(page, type, element) => ReactNode` | - | 自定义页面、上一个、下一个和跳转项目。 | |
86 | | -| jumpNextIcon | `ReactNode \| ComponentType` | - | 自定义下一跳图标。 | |
87 | | -| jumpPrevIcon | `ReactNode \| ComponentType` | - | 自定义上一跳转图标。 | |
88 | | -| 语言环境 | `PaginationLocale` | `zh_CN` | 区域设置文本。 | |
89 | | -| nextIcon | `ReactNode \| ComponentType` | - | 自定义下一个图标。 | |
90 | | -| pageSize | `number` | - | 受控的页面大小。 | |
91 | | -| pageSizeOptions | `number[]` | - | 页面大小选项。 | |
92 | | -| prefixCls | `string` | `rc-pagination` | className前缀。 | |
93 | | -| prevIcon | `ReactNode \| ComponentType` | - | 自定义上一个图标。 | |
94 | | -| role | `React.AriaRole` | - | WAI-ARIA role. | |
95 | | -| selectPrefixCls | `string` | `rc-select` | 尺寸变换器选择的前缀。 | |
96 | | -| showLessItems | `boolean` | `false` | 显示较少的页面项目。 | |
97 | | -| showPrevNextJumpers | `boolean` | `true` | 显示上一个和下一个跳线。 | |
| 84 | +| jumpNextIcon | `ReactNode \| ComponentType` | - | 自定义下一跳图标。 | |
| 85 | +| jumpPrevIcon | `ReactNode \| ComponentType` | - | 自定义上一跳转图标。 | |
| 86 | +| locale | `PaginationLocale` | `zh_CN` | 区域设置文本。 | |
| 87 | +| nextIcon | `ReactNode \| ComponentType` | - | 自定义下一个图标。 | |
| 88 | +| pageSize | `number` | - | 受控的页面大小。 | |
| 89 | +| pageSizeOptions | `number[]` | - | 页面大小选项。 | |
| 90 | +| prefixCls | `string` | `rc-pagination` | className前缀。 | |
| 91 | +| prevIcon | `ReactNode \| ComponentType` | - | 自定义上一个图标。 | |
| 92 | +| role | `React.AriaRole` | - | WAI-ARIA role. | |
| 93 | +| selectPrefixCls | `string` | `rc-select` | 尺寸变换器选择的前缀。 | |
| 94 | +| showLessItems | `boolean` | `false` | 显示较少的页面项目。 | |
| 95 | +| showPrevNextJumpers | `boolean` | `true` | 显示上一个和下一个跳线。 | |
98 | 96 | | showQuickJumper | `boolean \| object` | `false` | 显示快速跳页。 | |
99 | | -| showSizeChanger | `boolean` | `total > totalBoundaryShowSizeChanger` | 显示页面大小更改器。 | |
100 | | -| showTitle | `boolean` | `true` | 在页面项目上显示标题。 | |
101 | | -| showTotal | `(total, range) => ReactNode` | - | 渲染总文本。 | |
102 | | -| simple | `boolean \| { readOnly?: boolean }` | `false` | Use simple pager. | |
103 | | -| sizeChangerRender | `SizeChangerRender` | - | 定制尺寸变换器。 | |
104 | | -| 风格 | `React.CSSProperties` | - | 根内联样式。 | |
105 | | -| styles | `Partial<Record<'item', CSSProperties>>` | - | 语义化样式。 | |
106 | | -| total | `number` | `0` | 项目总数。 | |
| 97 | +| showSizeChanger | `boolean` | `total > totalBoundaryShowSizeChanger` | 显示页面大小更改器。 | |
| 98 | +| showTitle | `boolean` | `true` | 在页面项目上显示标题。 | |
| 99 | +| showTotal | `(total, range) => ReactNode` | - | 渲染总文本。 | |
| 100 | +| simple | `boolean \| { readOnly?: boolean }` | `false` | Use simple pager. | |
| 101 | +| sizeChangerRender | `SizeChangerRender` | - | 定制尺寸变换器。 | |
| 102 | +| style | `React.CSSProperties` | - | 根内联样式。 | |
| 103 | +| styles | `Partial<Record<'item', CSSProperties>>` | - | 语义化样式。 | |
| 104 | +| total | `number` | `0` | 项目总数。 | |
107 | 105 | | totalBoundaryShowSizeChanger | `number` | `50` | 默认的边界 `showSizeChanger`。 | |
108 | | -| onChange | `(page: number, pageSize: number) => void` | - | 当页面或页面大小更改时触发。 | |
109 | | -| onShowSizeChange | `(current: number, size: number) => void` | - | 当页面大小改变时触发。 | |
| 106 | +| onChange | `(page: number, pageSize: number) => void` | - | 当页面或页面大小更改时触发。 | |
| 107 | +| onShowSizeChange | `(current: number, size: number) => void` | - | 当页面大小改变时触发。 | |
110 | 108 |
|
111 | 109 | ## 本地开发 |
112 | 110 |
|
|
0 commit comments