fix: 修复当 change-year-fast 等于 true 时，切换日历报错invalid node 的问题

Author: TangSY

Diff for: src/calendar/Calendar.tsx

@@ -274,7 +274,6 @@ export default defineComponent({
       } else {
         yearMonthType.value = 'date';
       }
-
       emit('calendarTypeChange', yearMonthType.value);
     };
 

Diff for: src/calendar/CalendarScrollContainer.tsx

@@ -128,9 +128,8 @@ export default defineComponent({
       }
     };
 
-    const renderDateItem = () => {
-      console.log('props.calendarData', props.calendarData);
-      return props.calendarData.map((item, i) => (
+    const renderDateItem = () =>
+      props.calendarData.map((item, i) => (
         <li
           class="calendar_group_li"
           key={i}
@@ -147,10 +146,9 @@ export default defineComponent({
             }s`,
           }}
         >
-          {slots.default ? slots.default(item) : ''}
+          {slots.default?.(item)}
         </li>
       ));
-    };
 
     const renderContainer = () => (
       <ul

Diff for: src/calendar/CalendarYearMonth.tsx

@@ -263,7 +263,7 @@ export default defineComponent({
       () => props.type,
       (val) => {
         disabledScrollDirec.value = props.disabledScroll;
-        if (val === 'month') {
+        if (val === 'month' || val === 'date') {
           disabledScrollDirec.value = true;
           yearMonthShow.value = [
             language.value.MONTH,
@@ -278,9 +278,8 @@ export default defineComponent({
       }
     );
 
-    const renderYearMonthItem = (arr: (YearRangeType & number)[]) => {
-      console.log('arr', arr);
-      return arr.map((item, index) => (
+    const renderYearMonthItem = (arr: (YearRangeType & number)[]) =>
+      arr.map((item, index) => (
         <div
           class={`year-body-item ${
             isDisabled(item, index)
@@ -311,35 +310,31 @@ export default defineComponent({
           </p>
         </div>
       ));
-    };
 
-    const renderYearMonth = () => {
-      console.log('props.type', props.type);
-      return (
-        <div
-          class="year-body"
-          style={{
-            top: props.calendarTitleHeight + 'px',
-            height: itemHeight.value * 4 + 'px',
-            display: ['year', 'yearRange', 'month'].includes(props.type)
-              ? 'block'
-              : 'none',
-          }}
-        >
-          <CalendarScrollContainer
-            calendarData={yearMonthShow.value}
-            disabledScroll={disabledScrollDirec.value}
-            onTouchstart={touchStart}
-            onTouchmove={touchMove}
-            onTouchend={touchEnd}
-            onSlidechange={slideChange}
-            v-slots={(data: (YearRangeType & number)[]) =>
-              renderYearMonthItem(data)
-            }
-          />
-        </div>
-      );
-    };
+    const renderYearMonth = () => (
+      <div
+        class="year-body"
+        style={{
+          top: props.calendarTitleHeight + 'px',
+          height: itemHeight.value * 4 + 'px',
+          display: ['year', 'yearRange', 'month'].includes(props.type)
+            ? 'block'
+            : 'none',
+        }}
+      >
+        <CalendarScrollContainer
+          calendarData={yearMonthShow.value}
+          disabledScroll={disabledScrollDirec.value}
+          onTouchstart={touchStart}
+          onTouchmove={touchMove}
+          onTouchend={touchEnd}
+          onSlidechange={slideChange}
+          v-slots={(data: (YearRangeType & number)[]) =>
+            renderYearMonthItem(data)
+          }
+        />
+      </div>
+    );
 
     return () => renderYearMonth();
   },