refactor: refactoring to Function Component

docs/demo/debug.md

@@ -0,0 +1,9 @@
+---
+title: 调试用
+nav:
+  title: Debug
+  path: /debug
+group: debug
+---
+
+<code src="../examples/_debug.tsx"></code>

docs/examples/_debug.tsx

@@ -0,0 +1,53 @@
+import Select from 'rc-select';
+import React from 'react';
+import '../../assets/index.less';
+import type { PaginationProps } from '../../src/interface';
+import Pagination from '../../src/Pagination';
+import OriginPagination from '../../src/Pagination_deprecated';
+
+const App = () => {
+  const [origin, setOrigin] = React.useState(false);
+  const [all, setAll] = React.useState(false);
+
+  const props: PaginationProps = {
+    selectComponentClass: Select,
+    showSizeChanger: true,
+    onShowSizeChange: console.log,
+    onChange: console.warn,
+    current: 1,
+    total: 0,
+    showTotal: (total, range) => `${range[0]} - ${range[1]} of ${total} items`,
+  };
+
+  const originTip = <span style={{ color: 'red' }}>Origin</span>;
+  const newTip = <span style={{ color: 'green' }}>New</span>;
+
+  return (
+    <>
+      <h2>{all ? null : origin ? originTip : newTip}</h2>
+      {!all && (
+        <button onClick={() => setOrigin((prev) => !prev)}>
+          切换为{origin ? 'new' : 'origin'}
+        </button>
+      )}
+      <button onClick={() => setAll((prev) => !prev)}>全量</button>
+      <hr />
+      {!all &&
+        React.createElement(origin ? OriginPagination : Pagination, props)}
+      {all && (
+        <>
+          {originTip}
+          <br />
+          <OriginPagination {...props} />
+          <hr />
+          {newTip}
+          <br />
+          <Pagination {...props} />
+        </>
+      )}
+    </>
+  );
+};
+
+export default App;
+// export { default } from '../../tests/two-pagination.jsx'

jest.config.js

@@ -1,3 +1,13 @@
+const pkg = require('./package.json');
 module.exports = {
   snapshotSerializers: [require.resolve('enzyme-to-json/serializer')],
+  moduleNameMapper: {
+    [pkg.name]: '<rootDir>/src/index.ts',
+    '\\.less$': 'identity-obj-proxy',
+  },
+  collectCoverageFrom: [
+    'src/**',
+    '!src/Pagination_deprecated.tsx',
+    '!src/locale/**',
+  ],
 };

package.json

@@ -45,8 +45,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.10.1",
-    "classnames": "^2.2.1",
-    "rc-util": "^5.32.2"
+    "classnames": "^2.3.2",
+    "rc-util": "^5.38.0"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^1.0.0",
@@ -67,6 +67,7 @@
     "gh-pages": "^4.0.0",
     "glob": "^7.1.6",
     "husky": "^8.0.3",
+    "identity-obj-proxy": "^3.0.0",
     "less": "^3.10.3",
     "lint-staged": "^15.0.2",
     "np": "^7.0.0",