fix: DatePicker update data when currentTs change (#360)

Author: TinaPeach

package.json

@@ -57,10 +57,10 @@
         "@testing-library/user-event": "^12.0.0",
         "@types/estree": "^1.0.0",
         "@types/jest": "^26.0.24",
-        "@types/lodash.debounce": "^4.0.6",
-        "@types/lodash.throttle": "^4.1.6",
+        "@types/babel__traverse": "7.14.0",
+        "@types/lodash": "4.14.168",
         "@types/marked": "^4.0.3",
-        "@types/node": "^17.0.41",
+        "@types/node": "17.0.41",
         "@types/react": "^16.9.23",
         "@types/react-dom": "^16.9.5",
         "@types/react-router-dom": "^5.1.3",

packages/arcodesign/components/date-picker/index.tsx

@@ -1,18 +1,19 @@
+import type { Ref } from 'react';
 import React, {
     useEffect,
     useRef,
     useState,
     useMemo,
     forwardRef,
-    Ref,
     useImperativeHandle,
 } from 'react';
 import { cls, componentWrapper, formatDateNumber, isEmptyValue } from '@arco-design/mobile-utils';
-import Picker, { PickerRef } from '../picker';
-import { PickerData, ValueType } from '../picker-view';
+import type { PickerRef } from '../picker';
+import Picker from '../picker';
+import type { PickerData, ValueType } from '../picker-view';
 import { ContextLayout } from '../context-provider';
 import { convertTsToDateObj, oneOf, judgeObj, convertObjToTs } from './helper';
-import { ItemType, IDateObj, DatePickerProps } from './type';
+import type { ItemType, IDateObj, DatePickerProps } from './type';
 
 export * from './type';
 
@@ -441,6 +442,14 @@ const DatePicker = forwardRef((props: DatePickerProps, ref: Ref<DatePickerRef>)
         _updateRangeValue(currentTs);
     }, [currentTs]);
 
+    useEffect(() => {
+        setCurrentTs(
+            isRange
+                ? Math.min(maxTs, Math.max(minTs, userSetCurrentTs[0]))
+                : Math.min(maxTs, Math.max(minTs, userSetCurrentTs as number)),
+        );
+    }, [userSetCurrentTs, maxTs, minTs, isRange]);
+
     useEffect(() => {
         if (visible) {
             // 初始化当前时间

packages/arcodesign/components/form/form-item.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable react/no-unused-class-component-methods */
+import type { ReactNode, Ref } from 'react';
 import React, {
     forwardRef,
     PureComponent,
@@ -7,7 +8,6 @@ import React, {
     useRef,
     useState,
 } from 'react';
-import type { ReactNode, Ref } from 'react';
 import { cls, Validator, ValidatorType } from '@arco-design/mobile-utils';
 import type { ValidatorError } from '@arco-design/mobile-utils';
 import { Promise as ES6Promise } from 'es6-promise';