fix: 修复有值时面板切换失效问题 (#1425)

Author: honkinglin

src/date-picker/DatePicker.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, watchEffect, computed } from 'vue';
+import { defineComponent, computed, watch } from 'vue';
 import dayjs from 'dayjs';
 import { usePrefixClass } from '../hooks/useConfig';
 
@@ -48,9 +48,9 @@ export default defineComponent({
       }),
     );
 
-    watchEffect(() => {
+    watch(popupVisible, (visible) => {
       // 面板展开重置数据
-      if (popupVisible.value) {
+      if (visible) {
         year.value = parseToDayjs(value.value || new Date(), formatRef.value.format).year();
         month.value = parseToDayjs(value.value || new Date(), formatRef.value.format).month();
         time.value = formatTime(value.value || new Date(), formatRef.value.timeFormat);

src/date-picker/DateRangePicker.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, watchEffect, computed, ref } from 'vue';
+import { defineComponent, computed, ref, watch } from 'vue';
 import dayjs from 'dayjs';
 import { useFormDisabled } from '../form/hooks';
 import { usePrefixClass } from '../hooks/useConfig';
@@ -53,9 +53,9 @@ export default defineComponent({
     // 记录面板是否选中过
     const isSelected = ref(false);
 
-    watchEffect(() => {
+    watch(popupVisible, (visible) => {
       // 面板展开重置数据
-      if (popupVisible.value) {
+      if (visible) {
         isSelected.value = false;
         isFirstValueSelected.value = false;
         cacheValue.value = formatDate(value.value || [], {