@uiw/react-pagination
Advanced tools
@uiw/react-pagination - npm Package Compare versions
Comparing version 4.21.18 to 4.21.19
| { | ||
| "name": "@uiw/react-pagination", | ||
| "version": "4.21.18", | ||
| "version": "4.21.19", | ||
| "description": "Pagination component", | ||
@@ -47,5 +47,5 @@ "author": "Kenny Wong <wowohoo@qq.com>", | ||
| "dependencies": { | ||
| "@uiw/react-select": "^4.21.18", | ||
| "@uiw/utils": "^4.21.18" | ||
| "@uiw/react-select": "^4.21.19", | ||
| "@uiw/utils": "^4.21.19" | ||
| } | ||
| } |
100
README.md
@@ -18,10 +18,7 @@ Pagination 分页 | ||
| <!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
| ```jsx | ||
| ```jsx mdx:preview&bg=#fff | ||
| import React from 'react'; | ||
| import ReactDOM from 'react-dom'; | ||
| import { Pagination, Divider } from 'uiw'; | ||
| const Demo = () => { | ||
| export default function Demo() { | ||
| const [pageObj, setPageObj] = React.useState({ | ||
@@ -57,7 +54,2 @@ current: 2, | ||
| } | ||
| ReactDOM.render( | ||
| <Demo />, | ||
| _mount_ | ||
| ); | ||
| ``` | ||
@@ -67,15 +59,15 @@ | ||
| <!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
| ```jsx | ||
| import ReactDOM from 'react-dom'; | ||
| ```jsx mdx:preview&bg=#fff | ||
| import React from 'react'; | ||
| import { Pagination, Divider } from 'uiw'; | ||
| ReactDOM.render( | ||
| <div> | ||
| <Pagination size="small" current={1} pageSize={5} pageSizeOptions={[5, 10, 20, 30]} total={249} /> | ||
| <Divider /> | ||
| <Pagination size="small" current={1} pageSize={10} total={50} /> | ||
| </div>, | ||
| _mount_ | ||
| ); | ||
| export default function Demo() { | ||
| return ( | ||
| <div> | ||
| <Pagination size="small" current={1} pageSize={5} pageSizeOptions={[5, 10, 20, 30]} total={249} /> | ||
| <Divider /> | ||
| <Pagination size="small" current={1} pageSize={10} total={50} /> | ||
| </div> | ||
| ); | ||
| } | ||
| ``` | ||
@@ -87,37 +79,37 @@ | ||
| <!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
| ```jsx | ||
| import ReactDOM from 'react-dom'; | ||
| ```jsx mdx:preview&bg=#fff | ||
| import React from 'react'; | ||
| import { Pagination, Divider } from 'uiw'; | ||
| ReactDOM.render( | ||
| <div> | ||
| <Pagination | ||
| current={5} | ||
| total={250} | ||
| onChange={(pageNumber) => { | ||
| console.log(`pageNumber:${pageNumber}`) | ||
| }} | ||
| /> | ||
| <Divider /> | ||
| <Pagination | ||
| current={1} | ||
| alignment="center" | ||
| total={250} | ||
| onChange={(pageNumber) => { | ||
| console.log(`pageNumber:${pageNumber}`) | ||
| }} | ||
| /> | ||
| <Divider /> | ||
| <Pagination | ||
| current={25} | ||
| alignment="right" | ||
| total={250} | ||
| onChange={(pageNumber) => { | ||
| console.log(`pageNumber:${pageNumber}`) | ||
| }} | ||
| /> | ||
| </div>, | ||
| _mount_ | ||
| ); | ||
| export default function Demo() { | ||
| return ( | ||
| <div> | ||
| <Pagination | ||
| current={5} | ||
| total={250} | ||
| onChange={(pageNumber) => { | ||
| console.log(`pageNumber:${pageNumber}`) | ||
| }} | ||
| /> | ||
| <Divider /> | ||
| <Pagination | ||
| current={1} | ||
| alignment="center" | ||
| total={250} | ||
| onChange={(pageNumber) => { | ||
| console.log(`pageNumber:${pageNumber}`) | ||
| }} | ||
| /> | ||
| <Divider /> | ||
| <Pagination | ||
| current={25} | ||
| alignment="right" | ||
| total={250} | ||
| onChange={(pageNumber) => { | ||
| console.log(`pageNumber:${pageNumber}`) | ||
| }} | ||
| /> | ||
| </div> | ||
| ); | ||
| } | ||
| ``` | ||
@@ -124,0 +116,0 @@ |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.14%
60508
- Number of lines in readme file
- decreased by-6.02%
125
Dependency changes
Updated@uiw/react-select@^4.21.19
Updated@uiw/utils@^4.21.19