chore: clean up

Author: zombieJ

docs/examples/jumper.tsx

@@ -18,7 +18,6 @@ const App = () => (
   <>
     <h3>默认</h3>
     <PaginationWithSizeChanger
-      // selectComponentClass={Select}
       showQuickJumper
       showSizeChanger
       defaultPageSize={20}
@@ -29,7 +28,6 @@ const App = () => (
     />
     <h3>禁用</h3>
     <PaginationWithSizeChanger
-      // selectComponentClass={Select}
       showQuickJumper
       showSizeChanger
       defaultPageSize={20}
@@ -41,7 +39,6 @@ const App = () => (
     />
     <h3>单页默认隐藏</h3>
     <PaginationWithSizeChanger
-      // selectComponentClass={Select}
       showQuickJumper
       showSizeChanger
       onShowSizeChange={onShowSizeChange}
@@ -50,7 +47,6 @@ const App = () => (
     />
     <br />
     <PaginationWithSizeChanger
-      // selectComponentClass={Select}
       showQuickJumper
       showSizeChanger
       onShowSizeChange={onShowSizeChange}

docs/examples/jumperWithGoButton.tsx

@@ -21,7 +21,6 @@ class App extends React.Component {
       <>
         <p> customize node </p>
         <PaginationWithSizeChanger
-          // selectComponentClass={Select}
           showSizeChanger
           showQuickJumper={{ goButton: <button type="button">确定</button> }}
           defaultPageSize={20}

docs/examples/locale.tsx

@@ -17,7 +17,6 @@ function onChange(current, pageSize) {
 
 const App = () => (
   <PaginationWithSizeChanger
-    // selectComponentClass={Select}
     showQuickJumper
     showSizeChanger
     defaultPageSize={20}

docs/examples/showSizeChanger.tsx

@@ -12,19 +12,16 @@ export default () => {
       <PaginationWithSizeChanger
         defaultCurrent={1}
         total={50}
-        // selectComponentClass={Select}
         showSizeChanger={false}
       />
       <PaginationWithSizeChanger
         defaultCurrent={1}
         total={50}
-        // selectComponentClass={Select}
         showSizeChanger
       />
       <PaginationWithSizeChanger
         defaultCurrent={1}
         showSizeChanger
-        // selectComponentClass={Select}
         sizeChangerProps={{
           options: [
             { value: 10, label: '10 条每页' },

docs/examples/simple.tsx

@@ -37,7 +37,6 @@ export default () => {
         defaultCurrent={1}
         total={50}
         showSizeChanger
-        // selectComponentClass={Select}
       />
       <hr />
       <a href="https://github.com/ant-design/ant-design/issues/46671">
@@ -49,7 +48,6 @@ export default () => {
         total={50}
         showSizeChanger
         showQuickJumper
-        // selectComponentClass={Select}
       />
     </>
   );

docs/examples/sizer.tsx

@@ -19,29 +19,25 @@ class App extends React.Component {
     return (
       <div style={{ margin: 10 }}>
         <PaginationWithSizeChanger
-          // selectComponentClass={Select}
           showSizeChanger
           pageSize={pageSize}
           onShowSizeChange={this.onShowSizeChange}
           defaultCurrent={3}
           total={40}
         />
         <PaginationWithSizeChanger
-          // selectComponentClass={Select}
           pageSize={pageSize}
           onShowSizeChange={this.onShowSizeChange}
           defaultCurrent={3}
           total={50}
         />
         <PaginationWithSizeChanger
-          // selectComponentClass={Select}
           pageSize={pageSize}
           onShowSizeChange={this.onShowSizeChange}
           defaultCurrent={3}
           total={60}
         />
         <PaginationWithSizeChanger
-          // selectComponentClass={Select}
           showSizeChanger={false}
           pageSize={pageSize}
           onShowSizeChange={this.onShowSizeChange}

docs/examples/utils/commonUtil.tsx

@@ -14,16 +14,12 @@ export const getSizeChangerRender = (selectProps?: any) => {
   }) => (
     <Select
       disabled={disabled}
-      // prefixCls={selectPrefixCls}
       showSearch={false}
-      // optionLabelProp={showSizeChangerOptions ? 'label' : 'children'}
-      // popupMatchSelectWidth={false}
       dropdownMatchSelectWidth={false}
       value={pageSize || options[0].value}
       getPopupContainer={(triggerNode) => triggerNode.parentNode}
       aria-label={ariaLabel}
       defaultOpen={false}
-      // {...(typeof showSizeChanger === 'object' ? showSizeChanger : null)}
       className={className}
       options={options}
       onChange={onSizeChange}

src/Options.tsx

@@ -1,17 +1,7 @@
-// import type { SelectProps } from 'rc-select';
-// 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 } from './interface';
 
-// interface InternalSelectProps extends SelectProps {
-//   /**
-//    * form antd v5.5.0, popupMatchSelectWidth default is true
-//    */
-//   popupMatchSelectWidth?: boolean;
-// }
-
 export type SizeChangerRender = (info: {
   disabled: boolean;
   size: number;
@@ -35,10 +25,6 @@ interface OptionsProps {
   changeSize?: (size: number) => void;
   quickGo?: (value: number) => void;
   buildOptionText?: (value: number | string) => string;
-  // selectComponentClass: React.ComponentType<Partial<InternalSelectProps>> & {
-  //   Option?: React.ComponentType<Partial<OptionProps>>;
-  // };
-  // showSizeChanger: PaginationProps['showSizeChanger'];
   showSizeChanger: boolean;
   sizeChangerRender?: SizeChangerRender;
 }
@@ -54,8 +40,6 @@ const Options: React.FC<OptionsProps> = (props) => {
     goButton,
     quickGo,
     rootPrefixCls,
-    // selectComponentClass,
-    // selectPrefixCls,
     disabled,
     buildOptionText,
     showSizeChanger,
@@ -75,13 +59,6 @@ const Options: React.FC<OptionsProps> = (props) => {
       ? buildOptionText
       : (value: string | number) => `${value} ${locale.items_per_page}`;
 
-  // const changeSizeHandle = (value: number, option) => {
-  //   changeSize?.(Number(value));
-  //   if (typeof showSizeChanger === 'object') {
-  //     showSizeChanger.onChange?.(value, option);
-  //   }
-  // };
-
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setGoInputText(e.target.value);
   };
@@ -155,47 +132,6 @@ const Options: React.FC<OptionsProps> = (props) => {
     });
   }
 
-  // if (showSizeChanger && Select) {
-  //   const {
-  //     options: showSizeChangerOptions,
-  //     className: showSizeChangerClassName,
-  //   } =
-  //     typeof showSizeChanger === 'object'
-  //       ? showSizeChanger
-  //       : ({} as SelectProps);
-  //   // use showSizeChanger.options if existed, otherwise use pageSizeOptions
-  //   const options = showSizeChangerOptions
-  //     ? undefined
-  //     : getPageSizeOptions().map((opt, i) => (
-  //         <Select.Option key={i} value={opt.toString()}>
-  //           {mergeBuildOptionText(opt)}
-  //         </Select.Option>
-  //       ));
-
-  //   changeSelect = (
-  //     <Select
-  //       disabled={disabled}
-  //       prefixCls={selectPrefixCls}
-  //       showSearch={false}
-  //       optionLabelProp={showSizeChangerOptions ? 'label' : 'children'}
-  //       popupMatchSelectWidth={false}
-  //       value={(pageSize || pageSizeOptions[0]).toString()}
-  //       getPopupContainer={(triggerNode) => triggerNode.parentNode}
-  //       aria-label={locale.page_size}
-  //       defaultOpen={false}
-  //       {...(typeof showSizeChanger === 'object' ? showSizeChanger : null)}
-  //       className={classNames(
-  //         `${prefixCls}-size-changer`,
-  //         showSizeChangerClassName,
-  //       )}
-  //       options={showSizeChangerOptions}
-  //       onChange={changeSizeHandle}
-  //     >
-  //       {options}
-  //     </Select>
-  //   );
-  // }
-
   // >>>>> Quick Go
   if (quickGo) {
     if (goButton) {

src/Pagination.tsx

@@ -39,7 +39,6 @@ const Pagination: React.FC<PaginationProps> = (props) => {
     prefixCls = 'rc-pagination',
     selectPrefixCls = 'rc-select',
     className,
-    // selectComponentClass,
 
     // control
     current: currentProp,
@@ -583,7 +582,6 @@ const Pagination: React.FC<PaginationProps> = (props) => {
         locale={locale}
         rootPrefixCls={prefixCls}
         disabled={disabled}
-        // selectComponentClass={selectComponentClass}
         selectPrefixCls={selectPrefixCls}
         changeSize={changePageSize}
         pageSize={pageSize}

src/interface.ts

@@ -22,7 +22,6 @@ export interface PaginationData {
   className: string;
   selectPrefixCls: string;
   prefixCls: string;
-  // pageSizeOptions: string[] | number[];
   pageSizeOptions: number[];
 
   current: number;
@@ -47,7 +46,6 @@ export interface PaginationData {
 
   style: React.CSSProperties;
 
-  // selectComponentClass: React.ComponentType;
   prevIcon: React.ComponentType | React.ReactNode;
   nextIcon: React.ComponentType | React.ReactNode;
   jumpPrevIcon: React.ComponentType | React.ReactNode;

tests/options.test.tsx

@@ -1,5 +1,4 @@
 import { render } from '@testing-library/react';
-// import Select from 'rc-select';
 import zhCN from '../src/locale/zh_CN';
 import Options from '../src/Options';
 import * as React from 'react';
@@ -9,7 +8,6 @@ const WrapperOptions: React.FC<any> = (props) => (
   <Options
     locale={zhCN}
     rootPrefixCls="rc-pagination"
-    // selectComponentClass={Select}
     sizeChangerRender={sizeChangerRender}
     pageSize={10}
     changeSize={jest.fn()}

tests/simple.test.tsx

@@ -106,7 +106,6 @@ describe('simple Pagination', () => {
         total={500}
         pageSize={15}
         showSizeChanger
-        // selectComponentClass={Select}
         sizeChangerRender={sizeChangerRender}
       />,
     );
@@ -119,7 +118,6 @@ describe('simple Pagination', () => {
     const { container, getByRole } = render(
       <Pagination
         simple
-        // selectComponentClass={Select}
         sizeChangerRender={sizeChangerRender}
         onChange={onChange}
         total={500}