Add pagerCount props

README.md

@@ -76,7 +76,8 @@ React.render(<Pagination />, container);
 | nextIcon        | specifict the default previous icon     | ReactNode \| (props: PaginationProps) => ReactNode          |          |
 | jumpPrevIcon    | specifict the default previous icon     | ReactNode \| (props: PaginationProps) => ReactNode          |          |
 | jumpNextIcon    | specifict the default previous icon     | ReactNode \| (props: PaginationProps) => ReactNode          |          |
-
+| hideBoundary    | hide boundary jumper               | Bool          | false                     |
+| pagerCount      | show number of pagers              | Number        | 5                         |
 
 ## License
 

examples/default.js

@@ -15,7 +15,7 @@ class App extends React.Component {
     });
   }
   render() {
-    return <Pagination onChange={this.onChange} current={this.state.current} total={25} />;
+    return <Pagination onChange={this.onChange} current={this.state.current} total={400} />;
   }
 }
 

src/Pagination.jsx

@@ -53,6 +53,8 @@ class Pagination extends React.Component {
     nextIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
     jumpPrevIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
     jumpNextIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    hideBoundary: PropTypes.bool,
+    pagerCount: PropTypes.number,
   };
 
   static defaultProps = {
@@ -74,6 +76,8 @@ class Pagination extends React.Component {
     locale: LOCALE,
     style: {},
     itemRender: defaultItemRender,
+    hideBoundary: false,
+    pagerCount: 5,
   };
 
   constructor(props) {
@@ -143,13 +147,13 @@ class Pagination extends React.Component {
   }
 
   getJumpPrevPage = () => {
-    return Math.max(1, this.state.current - (this.props.showLessItems ? 3 : 5));
+    return Math.max(1, this.state.current - (this.props.showLessItems ? 3 : this.props.pagerCount));
   }
 
   getJumpNextPage = () => {
     return Math.min(
       calculatePage(undefined, this.state, this.props),
-      this.state.current + (this.props.showLessItems ? 3 : 5)
+      this.state.current + (this.props.showLessItems ? 3 : this.props.pagerCount)
     );
   }
 
@@ -334,8 +338,11 @@ class Pagination extends React.Component {
     let lastPager = null;
     let gotoButton = null;
 
+    const { pagerCount, hideBoundary } = props;
+    const pageBoundaryCount = hideBoundary ? 0 : 1;
     const goButton = (props.showQuickJumper && props.showQuickJumper.goButton);
-    const pageBufferSize = props.showLessItems ? 1 : 2;
+    const halfPagerCount = Math.max(1, Math.floor(pagerCount / 2));
+    const pageBufferSize = props.showLessItems ? 1 : halfPagerCount;
     const { current, pageSize } = this.state;
 
     const prevPage = current - 1 > 0 ? current - 1 : 0;
@@ -425,7 +432,7 @@ class Pagination extends React.Component {
       );
     }
 
-    if (allPages <= 5 + pageBufferSize * 2) {
+    if (allPages <= pagerCount + pageBufferSize * 2) {
       const pagerProps = {
         locale,
         rootPrefixCls: prefixCls,
@@ -532,11 +539,11 @@ class Pagination extends React.Component {
       let right = Math.min(current + pageBufferSize, allPages);
 
       if (current - 1 <= pageBufferSize) {
-        right = 1 + pageBufferSize * 2;
+        right = 1 + pageBufferSize * 2 + pageBoundaryCount;
       }
 
       if (allPages - current <= pageBufferSize) {
-        left = allPages - pageBufferSize * 2;
+        left = allPages - pageBufferSize * 2 - pageBoundaryCount;
       }
 
       for (let i = left; i <= right; i++) {
@@ -556,23 +563,26 @@ class Pagination extends React.Component {
         );
       }
 
-      if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {
+      if (
+        current - pageBoundaryCount > pageBufferSize &&
+        current !== pageBoundaryCount + pageBufferSize + 1
+      ) {
         pagerList[0] = React.cloneElement(pagerList[0], {
           className: `${prefixCls}-item-after-jump-prev`,
         });
         pagerList.unshift(jumpPrev);
       }
-      if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {
+      if (allPages - current > pageBufferSize && current !== allPages - pageBufferSize - 1) {
         pagerList[pagerList.length - 1] = React.cloneElement(pagerList[pagerList.length - 1], {
           className: `${prefixCls}-item-before-jump-next`,
         });
         pagerList.push(jumpNext);
       }
 
-      if (left !== 1) {
+      if (left !== 1 && !hideBoundary) {
         pagerList.unshift(firstPager);
       }
-      if (right !== allPages) {
+      if (right !== allPages && !hideBoundary) {
         pagerList.push(lastPager);
       }
     }