Refactor pagination for readability and maintainability

src/Options.tsx → src/components/Options.tsx

@@ -3,7 +3,7 @@ import type { OptionProps } from 'rc-select/es/Option';
 import KEYCODE from 'rc-util/lib/KeyCode';
 import classNames from 'classnames';
 import React from 'react';
-import type { PaginationLocale, PaginationProps } from './interface';
+import type { PaginationLocale, PaginationProps } from '../interface';
 
 interface InternalSelectProps extends SelectProps {
   /**

src/Pager.tsx → src/components/Pager.tsx

@@ -1,7 +1,6 @@
-/* eslint react/prop-types: 0 */
 import classNames from 'classnames';
 import React from 'react';
-import type { PaginationProps } from './interface';
+import type { PaginationProps } from '../interface';
 
 export interface PagerProps extends Pick<PaginationProps, 'itemRender'> {
   rootPrefixCls: string;

src/Pagination.tsx → src/components/Pagination.tsx

@@ -4,8 +4,8 @@ import KeyCode from 'rc-util/lib/KeyCode';
 import pickAttrs from 'rc-util/lib/pickAttrs';
 import warning from 'rc-util/lib/warning';
 import React, { useEffect } from 'react';
-import type { PaginationProps } from './interface';
-import zhCN from './locale/zh_CN';
+import type { PaginationProps } from '../interface';
+import zhCN from '../locale/zh_CN';
 import Options from './Options';
 import type { PagerProps } from './Pager';
 import Pager from './Pager';

src/components/Simple.tsx

@@ -0,0 +1,71 @@
+import React from 'react';
+import type { PaginationProps } from '../interface';
+
+const Simple: React.FC<PaginationProps> = ({
+  locale,
+  prefixCls,
+  current,
+  allPages,
+  disabled,
+  internalInputVal,
+  handleKeyDown,
+  handleKeyUp,
+  handleBlur,
+  handleGoTO,
+  goButton,
+  showTitle,
+}) => {
+  const isReadOnly = typeof simple === 'object' ? simple.readOnly : !simple;
+  let gotoButton: any = goButton;
+
+  if (goButton) {
+    if (typeof goButton === 'boolean') {
+      gotoButton = (
+        <button type="button" onClick={handleGoTO} onKeyUp={handleGoTO}>
+          {locale.jump_to_confirm}
+        </button>
+      );
+    } else {
+      gotoButton = (
+        <span onClick={handleGoTO} onKeyUp={handleGoTO}>
+          {goButton}
+        </span>
+      );
+    }
+
+    gotoButton = (
+      <li
+        title={showTitle ? `${locale.jump_to}${current}/${allPages}` : null}
+        className={`${prefixCls}-simple-pager`}
+      >
+        {gotoButton}
+      </li>
+    );
+  }
+
+  return (
+    <li
+      title={showTitle ? `${current}/${allPages}` : null}
+      className={`${prefixCls}-simple-pager`}
+    >
+      {isReadOnly ? (
+        internalInputVal
+      ) : (
+        <input
+          type="text"
+          value={internalInputVal}
+          disabled={disabled}
+          onKeyDown={handleKeyDown}
+          onKeyUp={handleKeyUp}
+          onChange={handleKeyUp}
+          onBlur={handleBlur}
+          size={3}
+        />
+      )}
+      <span className={`${prefixCls}-slash`}>/</span>
+      {allPages}
+    </li>
+  );
+};
+
+export default Simple;

src/index.ts

@@ -1,2 +1,2 @@
-export { default } from './Pagination';
+export { default } from './components/Pagination';
 export type { PaginationLocale, PaginationProps } from './interface';