fix: page count should be 1 when total is 0 (#344)

close ant-design/ant-design#31684

Author: afc163

src/Pager.jsx

@@ -2,19 +2,24 @@
 import React from 'react';
 import classNames from 'classnames';
 
-const Pager = props => {
+const Pager = (props) => {
   const prefixCls = `${props.rootPrefixCls}-item`;
-  const cls = classNames(prefixCls, `${prefixCls}-${props.page}`, {
-    [`${prefixCls}-active`]: props.active,
-    [props.className]: !!props.className,
-    [`${prefixCls}-disabled`]: !props.page,
-  });
+  const cls = classNames(
+    prefixCls,
+    `${prefixCls}-${props.page}`,
+    {
+      [`${prefixCls}-active`]: props.active,
+      [props.className]: !!props.className,
+      [`${prefixCls}-disabled`]: !props.page,
+    },
+    props.className,
+  );
 
   const handleClick = () => {
     props.onClick(props.page);
   };
 
-  const handleKeyPress = e => {
+  const handleKeyPress = (e) => {
     props.onKeyPress(e, props.onClick, props.page);
   };
 

src/Pagination.jsx

@@ -509,8 +509,8 @@ class Pagination extends React.Component {
           <Pager
             {...pagerProps}
             key="noPager"
-            page={allPages}
-            className={`${prefixCls}-disabled`}
+            page={1}
+            className={`${prefixCls}-item-disabled`}
           />,
         );
       }

tests/index.test.js

@@ -324,9 +324,10 @@ describe('current value on onShowSizeChange when total is 0', () => {
     );
   });
 
-  it('when total is 0, pager should show and disabled', () => {
+  it('when total is 0, pager should show `1` and being disabled', () => {
     const itemButton = wrapper.find('.rc-pagination-item');
     expect(itemButton.hasClass('rc-pagination-item-disabled')).toBe(true);
+    expect(itemButton.text()).toBe('1');
   });
 
   it('when total is 0, `from` and `to` should be 0', () => {