fix: pageSizeOptions number type cause locale text lost

close ant-design/ant-design#26580

Author: afc163

src/Options.jsx

@@ -107,7 +107,7 @@ class Options extends React.Component {
 
     if (changeSize && Select) {
       const options = pageSizeOptions.map((opt, i) => (
-        <Select.Option key={i} value={opt}>
+        <Select.Option key={i} value={opt.toString()}>
           {(buildOptionText || this.buildOptionText)(opt)}
         </Select.Option>
       ));
@@ -122,7 +122,7 @@ class Options extends React.Component {
           dropdownMatchSelectWidth={false}
           value={(pageSize || pageSizeOptions[0]).toString()}
           onChange={this.changeSize}
-          getPopupContainer={(triggerNode) => triggerNode.parentNode}
+          getPopupContainer={triggerNode => triggerNode.parentNode}
         >
           {options}
         </Select>

tests/sizer.test.js

@@ -64,4 +64,19 @@ describe('Pagination with sizer', () => {
     expect(onChange).toBeCalled();
     expect(onChange).toHaveBeenLastCalledWith(1, 10);
   });
+
+  // https://github.com/ant-design/ant-design/issues/26580
+  it('should contains locale text in selected pageSize when pageSizeOptions are numbers', () => {
+    const wrapper = mount(
+      <Pagination
+        selectComponentClass={Select}
+        total={500}
+        defaultPageSize={20}
+        pageSizeOptions={[20, 50]}
+      />,
+    );
+    expect(wrapper.find(Select).find('.rc-select-selection-item').text()).toBe(
+      '20 条/页',
+    );
+  });
 });