chore: improve multiple watch source (#8253)

src/calendar/index.tsx

@@ -503,9 +503,12 @@ export default createComponent({
     );
 
     watch(() => props.show, init);
-    watch([() => props.type, () => props.minDate, () => props.maxDate], () => {
+    watch(
-      reset(getInitialDate(state.currentDate));
+      () => [props.type, props.minDate, props.maxDate],
-    });
+      () => {
+        reset(getInitialDate(state.currentDate));
+      }
+    );
     watch(
       () => props.defaultDate,
       (value) => {

src/count-down/index.tsx

@@ -33,12 +33,8 @@ export default createComponent({
     const { start, pause, reset, current } = useCountDown({
       time: +props.time,
       millisecond: props.millisecond,
-      onChange(current) {
+      onChange: (current) => emit('change', current),
-        emit('change', current);
+      onFinish: () => emit('finish'),
-      },
-      onFinish() {
-        emit('finish');
-      },
     });
 
     const timeText = computed(() => parseFormat(props.format, current.value));

src/notice-bar/index.tsx

@@ -173,7 +173,7 @@ export default createComponent({
     // see: https://guwii.com/cache-issues-with-forwards-and-back-history-in-safari/
     useEventListener('pageshow', start);
 
-    watch([() => props.text, () => props.scrollable], start);
+    watch(() => [props.text, props.scrollable], start);
 
     return () => {
       const { color, wrapable, background } = props;

src/popover/index.tsx

@@ -175,7 +175,7 @@ export default createComponent({
       }
     });
 
-    watch([() => props.show, () => props.placement], updateLocation);
+    watch(() => [props.show, props.placement], updateLocation);
 
     useClickAway(wrapperRef, onClickAway, { eventName: 'touchstart' });
 

src/progress/index.tsx

@@ -66,7 +66,7 @@ export default createComponent({
       }
     };
 
-    watch([() => props.showPivot, () => props.pivotText], resize);
+    watch(() => [props.showPivot, props.pivotText], resize);
     onMounted(resize);
     useExpose({ resize });
 

src/toast/Toast.tsx

@@ -103,16 +103,19 @@ export default createComponent({
       }
     };
 
-    watch([() => props.show, () => props.forbidClick], toggleClickable);
+    watch(() => [props.show, props.forbidClick], toggleClickable);
 
-    watch([() => props.show, () => props.duration], () => {
+    watch(
-      clearTimer();
+      () => [props.show, props.duration],
-      if (props.show && props.duration > 0) {
+      () => {
-        timer = setTimeout(() => {
+        clearTimer();
-          updateShow(false);
+        if (props.show && props.duration > 0) {
-        }, props.duration);
+          timer = setTimeout(() => {
+            updateShow(false);
+          }, props.duration);
+        }
       }
-    });
+    );
 
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);