feat: 代码选择分页数量为21

react-ui/src/components/CodeSelectorModal/index.tsx

@@ -37,7 +37,7 @@ export interface CodeSelectorModalProps extends Omit<ModalProps, 'onOk'> {
 
 /** 选择代码配置的弹窗，推荐使用函数的方式打开 */
 function CodeSelectorModal({ defaultSelected, onOk, ...rest }: CodeSelectorModalProps) {
-  const defaultPageSize = 20;
+  const DefaultPageSize = 21;
   const [dataList, setDataList] = useState<CodeConfigData[]>([]);
   const [total, setTotal] = useState(0);
   const [searchText, setSearchText] = useState<string | undefined>(undefined);
@@ -46,7 +46,7 @@ function CodeSelectorModal({ defaultSelected, onOk, ...rest }: CodeSelectorModal
   const [isScrolled, setIsScrolled] = useState(false);
   const [pagination, setPagination] = useState<PaginationProps>({
     current: defaultSelected?.id ? 0 : 1, // 为 0 时，不请求，等待接口返回选中的代码配置在第几页
-    pageSize: defaultPageSize,
+    pageSize: DefaultPageSize,
   });
 
   useEffect(() => {
@@ -59,17 +59,17 @@ function CodeSelectorModal({ defaultSelected, onOk, ...rest }: CodeSelectorModal
       if (res) {
         setPagination({
           current: typeof res.data === 'number' ? Math.max(0, res.data) + 1 : 1,
-          pageSize: defaultPageSize,
+          pageSize: DefaultPageSize,
         });
       } else {
         setPagination({
           current: 1,
-          pageSize: defaultPageSize,
+          pageSize: DefaultPageSize,
         });
       }
     };
     if (defaultSelected?.id) {
-      getCodeConfigPageNum(defaultSelected?.id, defaultPageSize);
+      getCodeConfigPageNum(defaultSelected?.id, DefaultPageSize);
     }
   }, [defaultSelected?.id]);