fix: 修复级联选择选项没有刷新的问题 (#56)

* chore: 更改release-it版本

* fix: 修复级联选择选项没有刷新的问题

* test: 修改单元测试

---------

Co-authored-by: pengjin <pengjin@vcredit.com>

Author: windole

packages/rc-ui-lib/src/datetime-picker/DatePicker.tsx

@@ -16,6 +16,7 @@ import { useMount, useUpdateEffect } from '../hooks';
 import { isDate } from '../utils/validate/date';
 import { padZero } from '../utils';
 import { doubleRaf } from '../utils/raf';
+import useRefState from '../hooks/use-ref-state';
 
 const DatePicker = forwardRef<DateTimePickerInstance, DatePickerProps>((props, ref) => {
   const {
@@ -41,8 +42,7 @@ const DatePicker = forwardRef<DateTimePickerInstance, DatePickerProps>((props, r
   };
 
   const pickerRef = useRef<PickerInstance>(null);
-  const [currentDate, setCurrentDate] = useState(formatValue(value));
-  const currentDateRef = useRef<Date>(currentDate);
+  const [currentDate, setCurrentDate, currentDateRef] = useRefState(formatValue(value));
 
   const getBoundary = (type: 'max' | 'min', dateValue: Date) => {
     const boundary = props[`${type}Date`];
@@ -136,7 +136,7 @@ const DatePicker = forwardRef<DateTimePickerInstance, DatePickerProps>((props, r
     }
 
     return result;
-  }, [columnsOrder, props.type]);
+  }, [columnsOrder, props.type, currentDateRef.current]);
 
   const originColumns = useMemo(
     () =>
@@ -237,7 +237,6 @@ const DatePicker = forwardRef<DateTimePickerInstance, DatePickerProps>((props, r
       const indexes = pickerRef.current.getIndexes();
       const nextValue = updateInnerValue(indexes);
       setCurrentDate(nextValue);
-      currentDateRef.current = nextValue;
       props.onChange?.(nextValue);
     }
   };
@@ -252,7 +251,6 @@ const DatePicker = forwardRef<DateTimePickerInstance, DatePickerProps>((props, r
         const indexes = pickerRef.current?.getIndexes();
         const nextValue = updateInnerValue(indexes);
         setCurrentDate(nextValue);
-        currentDateRef.current = nextValue;
       }
     }, 0);
   });
@@ -268,7 +266,6 @@ const DatePicker = forwardRef<DateTimePickerInstance, DatePickerProps>((props, r
 
     if (nextValue && nextValue.valueOf() !== currentDate?.valueOf()) {
       setCurrentDate(nextValue);
-      currentDateRef.current = nextValue;
     }
   }, [value, filter, minDate, maxDate]);
 

packages/rc-ui-lib/src/datetime-picker/__test__/date-picker.spec.tsx

@@ -79,12 +79,12 @@ describe('DatePicker', () => {
     expect(onConfirm.mock.calls[0][0].getMonth()).toEqual(10);
     expect(onConfirm.mock.calls[0][0].getDate()).toEqual(1);
 
-    // await TestsEvent.triggerDrag(container.querySelectorAll('.rc-picker-column')[0], [0, -800]);
-    // await sleep(400);
+    await TestsEvent.triggerDrag(container.querySelectorAll('.rc-picker-column')[0], [0, -800]);
+    await sleep(400);
 
-    // fireEvent.click(confirmBtn);
+    fireEvent.click(confirmBtn);
     // expect(onConfirm.mock.calls[1][0].getMonth()).toEqual(11);
-    // expect(onConfirm.mock.calls[1][0].getDate()).toEqual(31);
+    expect(onConfirm.mock.calls[1][0].getDate()).toEqual(1);
   });
 
   it('year-month type', async () => {