fix(DateRangePicker): fix week selected style when crossing the year (#…

…3275)

* fix(DateRangePicker): 修复week模式下跨年区间样式显示问题

* fix(DateRangePicker): 引入isoWeek解决跨年周计算问题

* chore: remove comment

---------

Co-authored-by: wū yāng <[email protected]>

src/date-picker/base/Table.tsx

@@ -1,5 +1,7 @@
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
+import dayjs from 'dayjs';
+import isoWeek from 'dayjs/plugin/isoWeek';
 import { useLocaleReceiver } from '../../locale/LocalReceiver';
 import useConfig from '../../hooks/useConfig';
 import DatePickerCell from './Cell';
@@ -8,6 +10,8 @@ import { SinglePanelProps } from '../panel/SinglePanel';
 import { PanelContentProps } from '../panel/PanelContent';
 import { parseToDayjs } from '../../_common/js/date-picker/format';
 
+dayjs.extend(isoWeek);
+
 export interface DatePickerTableProps
   extends Pick<TdDatePickerProps, 'mode' | 'firstDayOfWeek' | 'format'>,
     Pick<SinglePanelProps, 'onCellClick' | 'onCellMouseEnter' | 'onCellMouseLeave'>,
@@ -62,16 +66,17 @@ const DatePickerTable = (props: DatePickerTableProps) => {
     if (Array.isArray(value)) {
       if (!value.length) return {};
 
-      const targetYear = targetDayjs.year();
-      const targetWeek = targetDayjs.week();
+      const targetYear = targetDayjs.isoWeekYear();
+      const targetWeek = targetDayjs.isoWeek();
       const isActive =
         (targetYear === valueYearWeek.startYear && targetWeek === valueYearWeek.startWeek) ||
         (targetYear === valueYearWeek.endYear && targetWeek === valueYearWeek.endWeek);
       const isRange =
-        targetYear >= valueYearWeek.startYear &&
-        targetYear <= valueYearWeek.endYear &&
-        targetWeek > valueYearWeek.startWeek &&
-        targetWeek < valueYearWeek.endWeek;
+        (targetYear > valueYearWeek.startYear ||
+          (targetYear === valueYearWeek.startYear && targetWeek > valueYearWeek.startWeek)) &&
+        (targetYear < valueYearWeek.endYear ||
+          (targetYear === valueYearWeek.endYear && targetWeek < valueYearWeek.endWeek));
+
       return {
         // 同年同周
         [`${classPrefix}-date-picker__table-${mode}-row--active`]: isActive,