fix(DatePeriodInput): 修复清空后minDate 和 maxDate问题

Author: ChenlingasMx

packages/core/src/DatePicker/components/basic-date-picker/useDatePicker.ts

@@ -1,5 +1,4 @@
 import { useMemo } from 'react';
-import { useMemoizedFn } from 'ahooks';
 import dayjs, { Dayjs } from 'dayjs';
 import { ItemValue } from '../../../Picker/components/WheelPicker/type';
 import { CascadePickerItemProps, DatePickerPropsBase } from './type';
@@ -320,8 +319,8 @@ export default function useDatePicker({
   };
 
   return {
-    getValueCols: useMemoizedFn(getValueCols),
-    onValueChange: useMemoizedFn(onValueChange),
+    getValueCols: getValueCols,
+    onValueChange: onValueChange,
   };
 }
 

packages/core/src/DatePicker/date-period-input/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import React, { FC } from 'react';
 import { TouchableOpacity, Animated, View } from 'react-native';
 import { useTheme } from '@shopify/restyle';
 import Flex from '../../Flex';
@@ -57,7 +57,6 @@ const DatePeriodInput: FC<DatePeriodInputProps> = ({
     lineHeight: 19,
     fontFamily: 'PingFang SC',
   };
-
   return (
     <View>
       <Flex

packages/core/src/DatePicker/date-period-input/useDatePeriodInput.ts

@@ -1,6 +1,6 @@
 import { useEffect, useMemo } from 'react';
 import { Keyboard } from 'react-native';
-import { useBoolean, useSafeState, useMemoizedFn } from 'ahooks';
+import { useBoolean, useSafeState } from 'ahooks';
 import { useLatest } from '../../utils/hooks';
 import dayjs from 'dayjs';
 
@@ -43,6 +43,10 @@ export default function useDatePeriodInput({
       setMinDate(undefined);
       setMaxDate(dayjs(dates[1]).format(format));
     }
+    if (!dates[1]) {
+      setMinDate(undefined);
+      setMaxDate(undefined);
+    }
     setTrue();
   };
 
@@ -53,19 +57,21 @@ export default function useDatePeriodInput({
       setMinDate(dayjs(dates[0]).format(format));
       setMaxDate(undefined);
     }
+    if (!dates[0]) {
+      setMinDate(undefined);
+      setMaxDate(undefined);
+    }
     setTrue();
   };
 
   const handleInputClear1 = () => {
     const [, secondDate] = value ?? [, undefined];
-
     setDates((draft) => [undefined, draft[1]]);
     onChangeRef.current?.([undefined, secondDate]);
   };
 
   const handleInputClear2 = () => {
     const [firstDate] = value ?? [undefined];
-
     setDates((draft) => [draft[0], undefined]);
     onChangeRef.current?.([firstDate, undefined]);
   };
@@ -90,11 +96,11 @@ export default function useDatePeriodInput({
     maxDate,
     clearIconStyle1,
     clearIconStyle2,
-    setFalse: useMemoizedFn(setFalse),
-    handleStartPress: useMemoizedFn(handleStartPress),
-    handleEndPress: useMemoizedFn(handleEndPress),
-    handleChange: useMemoizedFn(handleChange),
-    handleInputClear1: useMemoizedFn(handleInputClear1),
-    handleInputClear2: useMemoizedFn(handleInputClear2),
+    setFalse: setFalse,
+    handleStartPress: handleStartPress,
+    handleEndPress: handleEndPress,
+    handleChange: handleChange,
+    handleInputClear1: handleInputClear1,
+    handleInputClear2: handleInputClear2,
   };
 }

packages/core/src/DatePicker/date-picker/useDatePicker.ts

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { BackHandler } from 'react-native';
-import { useSafeState, useMemoizedFn } from 'ahooks';
+import { useSafeState } from 'ahooks';
 import { useLatest } from '../../utils/hooks';
 import dayjs from 'dayjs';
 import { DatePickerPropsBase, ModalPickerProps } from '../components/basic-date-picker/type';
@@ -46,8 +46,8 @@ export default function useDatePicker({
 
   return {
     date,
-    handleChange: useMemoizedFn(handleChange),
-    handleOk: useMemoizedFn(handleOk),
-    handleClose: useMemoizedFn(handleClose),
+    handleChange: handleChange,
+    handleOk: handleOk,
+    handleClose: handleClose,
   };
 }