fix: 🐛 replace defaultProps with useDefaultProps (#2376)

* fix: 🐛 🐛 replace defaultProps with useDefaultProps

* fix: 🐛 fix

src/pagination/Pagination.tsx

@@ -18,14 +18,16 @@ import { TdPaginationProps } from './type';
 import { StyledProps } from '../common';
 import { pageSizeValidator } from './validators';
 import { paginationDefaultProps } from './defaultProps';
+import useDefaultProps from '../hooks/useDefaultProps';
 
 export type { PageInfo } from './type';
 
 export interface PaginationProps extends TdPaginationProps, StyledProps {}
 
 const { Option } = Select;
 
-const Pagination = forwardRef((props: PaginationProps, ref: React.Ref<HTMLDivElement>) => {
+const Pagination = forwardRef<HTMLDivElement, PaginationProps>((originalProps, ref) => {
+  const props = useDefaultProps<PaginationProps>(originalProps, paginationDefaultProps);
   const {
     theme,
     size,
@@ -69,7 +71,9 @@ const Pagination = forwardRef((props: PaginationProps, ref: React.Ref<HTMLDivEle
 
   // 处理改变当前页的逻辑
   const changeCurrent = (_nextCurrent: number, _nextPageSize?: number) => {
-    if (disabled || current === _nextCurrent) return;
+    if (disabled || current === _nextCurrent) {
+      return;
+    }
 
     let nextCurrent = _nextCurrent;
     let nextPageSize = _nextPageSize;
@@ -219,6 +223,5 @@ const Pagination = forwardRef((props: PaginationProps, ref: React.Ref<HTMLDivEle
 });
 
 Pagination.displayName = 'Pagination';
-Pagination.defaultProps = paginationDefaultProps;
 
 export default Pagination;

src/pagination/PaginationMini.tsx

@@ -15,10 +15,11 @@ import { StyledProps } from '../common';
 import type { TdPaginationMiniProps } from './type';
 import { paginationMiniDefaultProps } from './defaultProps';
 import noop from '../_util/noop';
+import useDefaultProps from '../hooks/useDefaultProps';
 
 export interface PaginationMiniProps extends TdPaginationMiniProps, StyledProps {}
 
-const PaginationMini = forwardRef((props: PaginationMiniProps, ref: React.Ref<HTMLDivElement>) => {
+const PaginationMini = forwardRef<HTMLDivElement, PaginationMiniProps>((props, ref) => {
   const { classPrefix } = useConfig();
   const { RoundIcon, ChevronUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } = useGlobalIcon({
     RoundIcon: TdRoundIcon,
@@ -28,17 +29,35 @@ const PaginationMini = forwardRef((props: PaginationMiniProps, ref: React.Ref<HT
     ChevronRightIcon: TdChevronRightIcon,
   });
 
-  const { variant, tips, showCurrent, disabled, layout, size, onChange = noop, className, style } = props;
+  const {
+    variant,
+    tips,
+    showCurrent,
+    disabled,
+    layout,
+    size,
+    onChange = noop,
+    className,
+    style,
+  } = useDefaultProps<PaginationMiniProps>(props, paginationMiniDefaultProps);
 
   const titleConfig = useMemo(() => {
-    if (isObject(tips)) return tips;
-    if (tips === true) return { prev: '上一页', current: '当前', next: '下一页' };
+    if (isObject(tips)) {
+      return tips;
+    }
+    if (tips === true) {
+      return { prev: '上一页', current: '当前', next: '下一页' };
+    }
     return {};
   }, [tips]);
 
   const disabledConfig = useMemo(() => {
-    if (isObject(disabled)) return disabled;
-    if (disabled === true) return { prev: true, current: true, next: true };
+    if (isObject(disabled)) {
+      return disabled;
+    }
+    if (disabled === true) {
+      return { prev: true, current: true, next: true };
+    }
     return { prev: false, current: false, next: false };
   }, [disabled]);
 
@@ -89,6 +108,5 @@ const PaginationMini = forwardRef((props: PaginationMiniProps, ref: React.Ref<HT
 });
 
 PaginationMini.displayName = 'PaginationMini';
-PaginationMini.defaultProps = paginationMiniDefaultProps;
 
 export default PaginationMini;