tdesign-react 0.19.1 → 0.20.0

package/es/date-picker/panel/DateRange.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-c5e94c83.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-81bda54a.js';
 import React__default, { useState, useEffect, useCallback, useMemo } from 'react';
 import dayjs from 'dayjs';
 import useConfig from '../../_util/useConfig.js';
@@ -12,52 +12,54 @@ import DatePickerHeader from '../base/Header.js';
 import DatePickerTable from '../base/Table.js';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
 import { getToday, isSame, addMonth, subtractMonth, setDateTime, getYears, getMonths, getWeeks, flagActive } from '../utils.js';
-import '../../_chunks/dep-4ca264a0.js';
+import '../../_chunks/dep-88fe1571.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import 'tdesign-icons-react';
 import '../../button/index.js';
 import '../../button/Button.js';
-import '../../_chunks/dep-bd2ff6be.js';
-import '../../_chunks/dep-21185a7d.js';
+import '../../_chunks/dep-31796d32.js';
+import '../../_chunks/dep-252337e0.js';
 import 'classnames';
 import '../../_util/noop.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 import '../../loading/index.js';
 import '../../loading/loading.js';
-import 'react-dom';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-1c77104d.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-a17dbe80.js';
-import '../../_chunks/dep-a6296075.js';
-import '../../_chunks/dep-43b6ec11.js';
-import '../../_chunks/dep-53bb8c23.js';
-import '../../_chunks/dep-88b2f549.js';
+import '../../_chunks/dep-31240b08.js';
+import '../../_chunks/dep-e2373ef6.js';
+import '../../_chunks/dep-cebb3b28.js';
+import '../../_chunks/dep-bf215a19.js';
+import '../../_chunks/dep-02feec19.js';
+import '../../_chunks/dep-0f564970.js';
+import '../../_chunks/dep-1cc29dd4.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import 'react-dom';
+import '../../loading/gradient.js';
 import './style/css.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 import '../../button/type.js';
 import '../base/Cell.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-c19f1072.js';
-import '../../_chunks/dep-cdfb69ea.js';
-import '../../_chunks/dep-7fb65c80.js';
-import '../../_chunks/dep-fbe7c735.js';
-import '../../_chunks/dep-5c81b722.js';
-import '../../_chunks/dep-dabea1d1.js';
-import '../../_chunks/dep-7e18698b.js';
-import '../../_chunks/dep-b48a9335.js';
-import '../../_chunks/dep-4cfb170f.js';
-import '../../_chunks/dep-41d15e2c.js';
-import '../../_chunks/dep-1e5e4f5d.js';
-import '../../_chunks/dep-69034005.js';
-import '../../_chunks/dep-044f6a06.js';
-import '../../_chunks/dep-c060cbaa.js';
+import '../../_chunks/dep-903e03af.js';
+import '../../_chunks/dep-5900f2c2.js';
+import '../../_chunks/dep-f2e008ec.js';
+import '../../_chunks/dep-9fc2fb1e.js';
+import '../../_chunks/dep-08663b7e.js';
+import '../../_chunks/dep-27282969.js';
+import '../../_chunks/dep-c3526061.js';
+import '../../_chunks/dep-7c1ece64.js';
+import '../../_chunks/dep-28a3624e.js';
+import '../../_chunks/dep-c0af7833.js';
+import '../../_chunks/dep-4ed23d42.js';
+import '../../_chunks/dep-4b744418.js';
+import '../../_chunks/dep-c01dcb74.js';
+import '../../_chunks/dep-4eebb4d5.js';
 
 var TODAY = getToday();
 var LEFT = "left";
@@ -167,7 +169,7 @@ var DateRangePanel = function DateRangePanel(props) {
 
     if (mode === "date" && isSame(startValue2, endValue2, "month")) {
       var next = addMonth(endValue2, 1);
-      rightMonth2 = new Date(endValue2).getMonth() + 1;
+      rightMonth2 = addMonth(endValue2, 1).getMonth();
       rightYear2 = next.getFullYear();
     }
 
@@ -364,9 +366,9 @@ var DateRangePanel = function DateRangePanel(props) {
     });
   }, [rightYear, rightMonth, rightType, startValue, endValue, getData]);
   return /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(classPrefix, "-date-range")
+    className: "".concat(classPrefix, "-date-picker__panels")
   }, /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(classPrefix, "-date")
+    className: "".concat(classPrefix, "-date-picker__panel")
   }, /* @__PURE__ */React__default.createElement(DatePickerHeader, {
     year: leftYear,
     month: leftMonth,
@@ -382,7 +384,7 @@ var DateRangePanel = function DateRangePanel(props) {
     onCellClick: getClickHandler(LEFT),
     onCellMouseEnter: onMouseEnter
   })), /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(classPrefix, "-date")
+    className: "".concat(classPrefix, "-date-picker__panel")
   }, /* @__PURE__ */React__default.createElement(DatePickerHeader, {
     year: rightYear,
     month: rightMonth,

package/es/date-picker/panel/DateRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRange.js","sources":["../../../src/date-picker/panel/DateRange.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport dayjs from 'dayjs';\nimport useConfig from '../../_util/useConfig';\nimport DateHeader from '../base/Header';\nimport DateTable from '../base/Table';\nimport { DatePanelProps } from './Date';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\n\nimport {\n  getWeeks,\n  getYears,\n  getMonths,\n  flagActive,\n  subtractMonth,\n  addMonth,\n  isSame,\n  getToday,\n  setDateTime,\n  OptionsType,\n} from '../utils';\n\nconst TODAY = getToday();\nconst LEFT = 'left';\nconst RIGHT = 'right';\n\nexport interface DateRangePanelProps extends Omit<DatePanelProps, 'value'> {\n  value: Array<Date>;\n}\n\nconst DateRangePanel = (props: DateRangePanelProps) => {\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('datePicker');\n  const monthAriaLabel = t(local.monthAriaLabel);\n\n  const { classPrefix } = useConfig();\n  const { value, mode, minDate, maxDate, firstDayOfWeek, disableDate, onChange } = props;\n\n  const data = getLeftAndRightDataFromValue(value);\n\n  const [leftYear, setLeftYear] = useState(data.leftYear);\n  const [leftMonth, setLeftMonth] = useState(data.leftMonth);\n  const [rightYear, setRightYear] = useState(data.rightYear);\n  const [rightMonth, setRightMonth] = useState(data.rightMonth);\n  const [leftType, setLeftType] = useState(mode);\n  const [rightType, setRightType] = useState(mode);\n  const [startValue, setStartValue] = useState(data.startValue);\n  const [endValue, setEndValue] = useState(data.endValue);\n  const [isFirstClick, setIsFirstClick] = useState(true);\n  const [firstClickValue, setFirstClickValue] = useState(TODAY);\n\n  useEffect(() => {\n    const panelData = getLeftAndRightDataFromValue(value);\n    const { leftYear, leftMonth, rightMonth, rightYear, startValue, endValue } = panelData;\n\n    setStartValue(startValue);\n    setEndValue(endValue);\n    setLeftYear(leftYear);\n    setLeftMonth(leftMonth);\n    setRightYear(rightYear);\n    setRightMonth(rightMonth);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  useEffect(() => {\n    setLeftType(mode);\n    setRightType(mode);\n  }, [mode]);\n\n  function getLeftAndRightDataFromValue(value: any) {\n    const [startValue = TODAY, endValue = TODAY] = value;\n    const leftYear = startValue.getFullYear();\n    const leftMonth = startValue.getMonth();\n    let rightMonth = endValue.getMonth();\n    let rightYear = endValue.getFullYear();\n\n    if (mode === 'date' && isSame(startValue, endValue, 'month')) {\n      const next = addMonth(endValue, 1);\n      rightMonth = new Date(endValue).getMonth() + 1;\n      rightYear = next.getFullYear();\n    }\n\n    if (mode === 'month' && isSame(startValue, endValue, 'year')) {\n      rightYear = leftYear + 1;\n    }\n\n    if (mode === 'year' && isSame(startValue, endValue, 'year')) {\n      rightYear = leftYear + 10;\n    }\n\n    return { leftYear, leftMonth, rightMonth, rightYear, startValue, endValue };\n  }\n\n  function clickHeader(flag: number, direction: string) {\n    const year = direction === LEFT ? leftYear : rightYear;\n    const month = direction === LEFT ? leftMonth : rightMonth;\n    const type = direction === LEFT ? leftType : rightType;\n\n    let monthCount: number;\n    let next: Date;\n\n    switch (type) {\n      case 'date':\n        monthCount = 1;\n        break;\n      case 'month':\n        monthCount = 12;\n        break;\n      case 'year':\n        monthCount = 120;\n    }\n\n    const current = new Date(year, month);\n\n    if (flag === 1) {\n      next = addMonth(current, monthCount);\n    } else if (flag === -1) {\n      next = subtractMonth(current, monthCount);\n    } else {\n      next = new Date();\n    }\n\n    direction === LEFT ? setLeftYear(next.getFullYear()) : setRightYear(next.getFullYear());\n    direction === LEFT ? setLeftMonth(next.getMonth()) : setRightMonth(next.getMonth());\n  }\n\n  function getClickHandler(direction: string) {\n    const type = direction === LEFT ? leftType : rightType;\n\n    if (type === 'date') return (date: Date) => clickDate(date);\n\n    if (type === 'month') return (date: Date) => clickMonth(date, direction);\n\n    if (type === 'year') return (date: Date) => clickYear(date, direction);\n  }\n\n  function clickDate(date: Date) {\n    if (isFirstClick) {\n      setStartValue(date);\n      setEndValue(date);\n      setIsFirstClick(false);\n      setFirstClickValue(date);\n    } else {\n      if (dayjs(firstClickValue).isBefore(dayjs(date), 'day')) {\n        setEndValue(date);\n      } else {\n        setEndValue(firstClickValue);\n        setStartValue(date);\n      }\n      onChange?.([setDateTime(startValue, 0, 0, 0), setDateTime(endValue, 23, 59, 59)]);\n      setIsFirstClick(true);\n    }\n  }\n\n  function clickYear(date: Date, direction: string) {\n    if (mode === 'year') {\n      if (isFirstClick) {\n        setStartValue(date);\n        setIsFirstClick(false);\n        setFirstClickValue(date);\n      } else {\n        onChange?.([startValue, endValue]);\n        setIsFirstClick(true);\n      }\n    } else {\n      direction === LEFT ? setLeftType('month') : setRightType('month');\n      direction === LEFT ? setLeftYear(date.getFullYear()) : setRightYear(date.getFullYear());\n    }\n  }\n\n  function clickMonth(date: Date, direction: string) {\n    if (mode === 'month') {\n      if (isFirstClick) {\n        setStartValue(date);\n        setIsFirstClick(false);\n        setFirstClickValue(date);\n      } else {\n        if (endValue < startValue) {\n          setEndValue(startValue);\n        }\n        onChange?.([startValue, endValue]);\n        setIsFirstClick(true);\n      }\n    } else {\n      direction === LEFT ? setLeftType('date') : setRightType('date');\n      direction === LEFT ? setLeftYear(date.getFullYear()) : setRightYear(date.getFullYear());\n      direction === LEFT ? setLeftMonth(date.getMonth()) : setRightMonth(date.getMonth());\n    }\n  }\n\n  function onMouseEnter(date: Date) {\n    if (isFirstClick) return;\n\n    if (firstClickValue.getTime() > date.getTime()) {\n      setStartValue(date);\n      setEndValue(firstClickValue);\n    } else {\n      setStartValue(firstClickValue);\n      setEndValue(date);\n    }\n  }\n\n  const getData = useCallback(\n    ({ year, month, type, start, end }) => {\n      let data: any[];\n\n      const options: OptionsType = {\n        disableDate,\n        minDate,\n        maxDate,\n        firstDayOfWeek,\n        monthText: monthAriaLabel,\n      };\n\n      switch (type) {\n        case 'date':\n          data = getWeeks({ year, month }, options);\n          break;\n        case 'month':\n          data = getMonths(year, options);\n          break;\n        case 'year':\n          data = getYears(year, options);\n          break;\n        default:\n          break;\n      }\n\n      return flagActive(data, { start, end, type });\n    },\n    [disableDate, minDate, maxDate, firstDayOfWeek, monthAriaLabel],\n  );\n\n  const leftData = useMemo(\n    () =>\n      getData({\n        year: leftYear,\n        month: leftMonth,\n        type: leftType,\n        start: startValue,\n        end: endValue,\n      }),\n    [leftYear, leftMonth, leftType, startValue, endValue, getData],\n  );\n\n  const rightData = useMemo(\n    () =>\n      getData({\n        year: rightYear,\n        month: rightMonth,\n        type: rightType,\n        start: startValue,\n        end: endValue,\n      }),\n    [rightYear, rightMonth, rightType, startValue, endValue, getData],\n  );\n\n  return (\n    <div className={`${classPrefix}-date-range`}>\n      <div className={`${classPrefix}-date`}>\n        <DateHeader\n          year={leftYear}\n          month={leftMonth}\n          type={leftType}\n          onBtnClick={(flag: number) => clickHeader(flag, LEFT)}\n          onTypeChange={setLeftType}\n        />\n\n        <DateTable\n          type={leftType}\n          firstDayOfWeek={firstDayOfWeek}\n          data={leftData}\n          onCellClick={getClickHandler(LEFT)}\n          onCellMouseEnter={onMouseEnter}\n        />\n      </div>\n      <div className={`${classPrefix}-date`}>\n        <DateHeader\n          year={rightYear}\n          month={rightMonth}\n          type={rightType}\n          onBtnClick={(flag: number) => clickHeader(flag, RIGHT)}\n          onTypeChange={setRightType}\n        />\n\n        <DateTable\n          type={rightType}\n          firstDayOfWeek={firstDayOfWeek}\n          data={rightData}\n          onCellClick={getClickHandler(RIGHT)}\n          onCellMouseEnter={onMouseEnter}\n        />\n      </div>\n    </div>\n  );\n};\n\nDateRangePanel.displayName = 'DateRangePanel';\nDateRangePanel.defaultProps = {\n  value: [TODAY, TODAY],\n  mode: 'date',\n};\n\nexport default DateRangePanel;\n"],"names":["TODAY","getToday","LEFT","RIGHT","DateRangePanel","props","useLocaleReceiver","local","t","monthAriaLabel","useConfig","classPrefix","value","mode","minDate","maxDate","firstDayOfWeek","disableDate","onChange","data","getLeftAndRightDataFromValue","useState","leftYear","setLeftYear","leftMonth","setLeftMonth","rightYear","setRightYear","rightMonth","setRightMonth","leftType","setLeftType","rightType","setRightType","startValue","setStartValue","endValue","setEndValue","isFirstClick","setIsFirstClick","firstClickValue","setFirstClickValue","panelData","startValue2","endValue2","leftYear2","leftMonth2","rightYear2","rightMonth2","value2","getFullYear","getMonth","isSame","next","addMonth","Date","flag","direction","year","month","type","monthCount","current","subtractMonth","date","clickDate","clickMonth","clickYear","dayjs","isBefore","setDateTime","getTime","getData","useCallback","start","end","data2","options","monthText","getWeeks","getMonths","getYears","flagActive","leftData","useMemo","rightData","className","DateHeader","onBtnClick","clickHeader","onTypeChange","DateTable","onCellClick","getClickHandler","onCellMouseEnter","onMouseEnter","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"file":"DateRange.js","sources":["../../../src/date-picker/panel/DateRange.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport dayjs from 'dayjs';\nimport useConfig from '../../_util/useConfig';\nimport DateHeader from '../base/Header';\nimport DateTable from '../base/Table';\nimport { DatePanelProps } from './Date';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\n\nimport {\n  getWeeks,\n  getYears,\n  getMonths,\n  flagActive,\n  subtractMonth,\n  addMonth,\n  isSame,\n  getToday,\n  setDateTime,\n  OptionsType,\n} from '../utils';\n\nconst TODAY = getToday();\nconst LEFT = 'left';\nconst RIGHT = 'right';\n\nexport interface DateRangePanelProps extends Omit<DatePanelProps, 'value'> {\n  value: Array<Date>;\n}\n\nconst DateRangePanel = (props: DateRangePanelProps) => {\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('datePicker');\n  const monthAriaLabel = t(local.monthAriaLabel);\n\n  const { classPrefix } = useConfig();\n  const { value, mode, minDate, maxDate, firstDayOfWeek, disableDate, onChange } = props;\n\n  const data = getLeftAndRightDataFromValue(value);\n\n  const [leftYear, setLeftYear] = useState(data.leftYear);\n  const [leftMonth, setLeftMonth] = useState(data.leftMonth);\n  const [rightYear, setRightYear] = useState(data.rightYear);\n  const [rightMonth, setRightMonth] = useState(data.rightMonth);\n  const [leftType, setLeftType] = useState(mode);\n  const [rightType, setRightType] = useState(mode);\n  const [startValue, setStartValue] = useState(data.startValue);\n  const [endValue, setEndValue] = useState(data.endValue);\n  const [isFirstClick, setIsFirstClick] = useState(true);\n  const [firstClickValue, setFirstClickValue] = useState(TODAY);\n\n  useEffect(() => {\n    const panelData = getLeftAndRightDataFromValue(value);\n    const { leftYear, leftMonth, rightMonth, rightYear, startValue, endValue } = panelData;\n\n    setStartValue(startValue);\n    setEndValue(endValue);\n    setLeftYear(leftYear);\n    setLeftMonth(leftMonth);\n    setRightYear(rightYear);\n    setRightMonth(rightMonth);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  useEffect(() => {\n    setLeftType(mode);\n    setRightType(mode);\n  }, [mode]);\n\n  function getLeftAndRightDataFromValue(value: any) {\n    const [startValue = TODAY, endValue = TODAY] = value;\n    const leftYear = startValue.getFullYear();\n    const leftMonth = startValue.getMonth();\n    let rightMonth = endValue.getMonth();\n    let rightYear = endValue.getFullYear();\n\n    if (mode === 'date' && isSame(startValue, endValue, 'month')) {\n      const next = addMonth(endValue, 1);\n      rightMonth = addMonth(endValue, 1).getMonth();\n      rightYear = next.getFullYear();\n    }\n\n    if (mode === 'month' && isSame(startValue, endValue, 'year')) {\n      rightYear = leftYear + 1;\n    }\n\n    if (mode === 'year' && isSame(startValue, endValue, 'year')) {\n      rightYear = leftYear + 10;\n    }\n\n    return { leftYear, leftMonth, rightMonth, rightYear, startValue, endValue };\n  }\n\n  function clickHeader(flag: number, direction: string) {\n    const year = direction === LEFT ? leftYear : rightYear;\n    const month = direction === LEFT ? leftMonth : rightMonth;\n    const type = direction === LEFT ? leftType : rightType;\n\n    let monthCount: number;\n    let next: Date;\n\n    switch (type) {\n      case 'date':\n        monthCount = 1;\n        break;\n      case 'month':\n        monthCount = 12;\n        break;\n      case 'year':\n        monthCount = 120;\n    }\n\n    const current = new Date(year, month);\n\n    if (flag === 1) {\n      next = addMonth(current, monthCount);\n    } else if (flag === -1) {\n      next = subtractMonth(current, monthCount);\n    } else {\n      next = new Date();\n    }\n\n    direction === LEFT ? setLeftYear(next.getFullYear()) : setRightYear(next.getFullYear());\n    direction === LEFT ? setLeftMonth(next.getMonth()) : setRightMonth(next.getMonth());\n  }\n\n  function getClickHandler(direction: string) {\n    const type = direction === LEFT ? leftType : rightType;\n\n    if (type === 'date') return (date: Date) => clickDate(date);\n\n    if (type === 'month') return (date: Date) => clickMonth(date, direction);\n\n    if (type === 'year') return (date: Date) => clickYear(date, direction);\n  }\n\n  function clickDate(date: Date) {\n    if (isFirstClick) {\n      setStartValue(date);\n      setEndValue(date);\n      setIsFirstClick(false);\n      setFirstClickValue(date);\n    } else {\n      if (dayjs(firstClickValue).isBefore(dayjs(date), 'day')) {\n        setEndValue(date);\n      } else {\n        setEndValue(firstClickValue);\n        setStartValue(date);\n      }\n      onChange?.([setDateTime(startValue, 0, 0, 0), setDateTime(endValue, 23, 59, 59)]);\n      setIsFirstClick(true);\n    }\n  }\n\n  function clickYear(date: Date, direction: string) {\n    if (mode === 'year') {\n      if (isFirstClick) {\n        setStartValue(date);\n        setIsFirstClick(false);\n        setFirstClickValue(date);\n      } else {\n        onChange?.([startValue, endValue]);\n        setIsFirstClick(true);\n      }\n    } else {\n      direction === LEFT ? setLeftType('month') : setRightType('month');\n      direction === LEFT ? setLeftYear(date.getFullYear()) : setRightYear(date.getFullYear());\n    }\n  }\n\n  function clickMonth(date: Date, direction: string) {\n    if (mode === 'month') {\n      if (isFirstClick) {\n        setStartValue(date);\n        setIsFirstClick(false);\n        setFirstClickValue(date);\n      } else {\n        if (endValue < startValue) {\n          setEndValue(startValue);\n        }\n        onChange?.([startValue, endValue]);\n        setIsFirstClick(true);\n      }\n    } else {\n      direction === LEFT ? setLeftType('date') : setRightType('date');\n      direction === LEFT ? setLeftYear(date.getFullYear()) : setRightYear(date.getFullYear());\n      direction === LEFT ? setLeftMonth(date.getMonth()) : setRightMonth(date.getMonth());\n    }\n  }\n\n  function onMouseEnter(date: Date) {\n    if (isFirstClick) return;\n\n    if (firstClickValue.getTime() > date.getTime()) {\n      setStartValue(date);\n      setEndValue(firstClickValue);\n    } else {\n      setStartValue(firstClickValue);\n      setEndValue(date);\n    }\n  }\n\n  const getData = useCallback(\n    ({ year, month, type, start, end }) => {\n      let data: any[];\n\n      const options: OptionsType = {\n        disableDate,\n        minDate,\n        maxDate,\n        firstDayOfWeek,\n        monthText: monthAriaLabel,\n      };\n\n      switch (type) {\n        case 'date':\n          data = getWeeks({ year, month }, options);\n          break;\n        case 'month':\n          data = getMonths(year, options);\n          break;\n        case 'year':\n          data = getYears(year, options);\n          break;\n        default:\n          break;\n      }\n\n      return flagActive(data, { start, end, type });\n    },\n    [disableDate, minDate, maxDate, firstDayOfWeek, monthAriaLabel],\n  );\n\n  const leftData = useMemo(\n    () =>\n      getData({\n        year: leftYear,\n        month: leftMonth,\n        type: leftType,\n        start: startValue,\n        end: endValue,\n      }),\n    [leftYear, leftMonth, leftType, startValue, endValue, getData],\n  );\n\n  const rightData = useMemo(\n    () =>\n      getData({\n        year: rightYear,\n        month: rightMonth,\n        type: rightType,\n        start: startValue,\n        end: endValue,\n      }),\n    [rightYear, rightMonth, rightType, startValue, endValue, getData],\n  );\n\n  return (\n    <div className={`${classPrefix}-date-picker__panels`}>\n      <div className={`${classPrefix}-date-picker__panel`}>\n        <DateHeader\n          year={leftYear}\n          month={leftMonth}\n          type={leftType}\n          onBtnClick={(flag: number) => clickHeader(flag, LEFT)}\n          onTypeChange={setLeftType}\n        />\n\n        <DateTable\n          type={leftType}\n          firstDayOfWeek={firstDayOfWeek}\n          data={leftData}\n          onCellClick={getClickHandler(LEFT)}\n          onCellMouseEnter={onMouseEnter}\n        />\n      </div>\n      <div className={`${classPrefix}-date-picker__panel`}>\n        <DateHeader\n          year={rightYear}\n          month={rightMonth}\n          type={rightType}\n          onBtnClick={(flag: number) => clickHeader(flag, RIGHT)}\n          onTypeChange={setRightType}\n        />\n\n        <DateTable\n          type={rightType}\n          firstDayOfWeek={firstDayOfWeek}\n          data={rightData}\n          onCellClick={getClickHandler(RIGHT)}\n          onCellMouseEnter={onMouseEnter}\n        />\n      </div>\n    </div>\n  );\n};\n\nDateRangePanel.displayName = 'DateRangePanel';\nDateRangePanel.defaultProps = {\n  value: [TODAY, TODAY],\n  mode: 'date',\n};\n\nexport default DateRangePanel;\n"],"names":["TODAY","getToday","LEFT","RIGHT","DateRangePanel","props","useLocaleReceiver","local","t","monthAriaLabel","useConfig","classPrefix","value","mode","minDate","maxDate","firstDayOfWeek","disableDate","onChange","data","getLeftAndRightDataFromValue","useState","leftYear","setLeftYear","leftMonth","setLeftMonth","rightYear","setRightYear","rightMonth","setRightMonth","leftType","setLeftType","rightType","setRightType","startValue","setStartValue","endValue","setEndValue","isFirstClick","setIsFirstClick","firstClickValue","setFirstClickValue","panelData","startValue2","endValue2","leftYear2","leftMonth2","rightYear2","rightMonth2","value2","getFullYear","getMonth","isSame","next","addMonth","flag","direction","year","month","type","monthCount","current","Date","subtractMonth","date","clickDate","clickMonth","clickYear","dayjs","isBefore","setDateTime","getTime","getData","useCallback","start","end","data2","options","monthText","getWeeks","getMonths","getYears","flagActive","leftData","useMemo","rightData","className","DateHeader","onBtnClick","clickHeader","onTypeChange","DateTable","onCellClick","getClickHandler","onCellMouseEnter","onMouseEnter","displayName","defaultProps"],"mappings":"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"}

package/es/date-picker/panel/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/date-picker/style/index.css

@@ -266,23 +266,20 @@
 .t-date-picker {
   padding: 0;
 }
-.t-date-picker .t-date-picker-popup-reference {
+.t-date-picker .t-date-picker__popup-reference {
   width: 100%;
 }
-.t-date-picker--container {
+.t-date-picker__container {
   border-radius: 3px;
   background-color: var(--td-bg-color-container);
   overflow: auto;
 }
-.t-date-picker--multiple .t-form-controls {
-  min-width: 640px;
-}
 .t-date-picker .t-is-active input {
   border-color: var(--td-brand-color);
   -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
           box-shadow: 0 0 0 2px var(--td-brand-color-focus);
 }
-.t-date-picker--panels {
+.t-date-picker__panels {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -290,7 +287,7 @@
   max-width: 100%;
   background-color: var(--td-bg-color-container);
 }
-.t-date-picker--panels::after {
+.t-date-picker__panels::after {
   display: block;
   clear: both;
   content: "";
@@ -310,7 +307,7 @@
   top: 16px;
   border-left: 1px solid transparent;
 }
-.t-date-picker-header {
+.t-date-picker__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -323,36 +320,33 @@
   padding: 16px;
   border-bottom: 1px solid var(--td-border-level-1-color);
 }
-.t-date-picker-header .t-date-picker-header-title,
-.t-date-picker-header .t-date-header__btn {
+.t-date-picker__header .t-date-picker__header-title,
+.t-date-picker__header .t-date-picker__header-btn {
   font-size: 16px;
   font-weight: 500;
 }
-.t-date-picker-header .t-date-picker-header-controller__btn {
+.t-date-picker__header .t-date-picker__header-controller__btn {
   color: var(--td-text-color-secondary);
   padding: 4px;
   width: 32px;
 }
-.t-date-picker-header .t-date-picker-header-controller__btn .t-icon {
+.t-date-picker__header .t-date-picker__header-controller__btn .t-icon {
   font-size: 16px;
 }
-.t-date-picker-header .t-date-picker-header-controller__btn:nth-child(2) {
+.t-date-picker__header .t-date-picker__header-controller__btn:nth-child(2) {
   margin: 0 8px;
 }
-.t-date-picker-header .t-date-picker-header-controller__btn--now {
+.t-date-picker__header .t-date-picker__header-controller__btn--now {
   color: var(--td-text-color-secondary);
 }
-.t-picker-datetime-range {
-  min-width: 408px;
-}
-.t-date-cell__wrapper {
+.t-date-picker__cell-wrapper {
   height: 40px;
   margin-top: 4px;
   width: 100%;
   cursor: pointer;
   position: relative;
 }
-.t-date-cell__wrapper > span {
+.t-date-picker__cell-wrapper > span {
   display: block;
   width: 40px;
   line-height: 40px;
@@ -363,7 +357,7 @@
           transform: translateX(-50%);
   z-index: 10;
 }
-.t-date-cell__wrapper > span:hover {
+.t-date-picker__cell-wrapper > span:hover {
   -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
           box-shadow: inset 0 0 0 1px var(--td-brand-color);
   -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
@@ -371,15 +365,15 @@
   transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
   transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9), -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
 }
-.t-date-cell__text {
+.t-date-picker__cell__text {
   font-size: 14px;
 }
-.t-date-cell--now .t-date-cell__wrapper {
+.t-date-picker__cell--now .t-date-picker__cell-wrapper {
   position: absolute;
   top: 0;
   color: var(--td-brand-color);
 }
-.t-date-cell--now .t-date-cell__wrapper::after {
+.t-date-picker__cell--now .t-date-picker__cell-wrapper::after {
   display: block;
   content: "";
   height: 6px;
@@ -390,63 +384,63 @@
   left: 17px;
   top: 34px;
 }
-.t-date-cell--highlight .t-date-cell__wrapper {
+.t-date-picker__cell--highlight .t-date-picker__cell-wrapper {
   background-color: var(--td-brand-color-1);
   border-color: var(--td-brand-color-1);
   -webkit-transition: background 0.2s, border 0.2s;
   transition: background 0.2s, border 0.2s;
 }
-.t-date-cell--highlight .t-date-cell__wrapper::after {
+.t-date-picker__cell--highlight .t-date-picker__cell-wrapper::after {
   display: none;
 }
-.t-date-cell--additional .t-date-cell__wrapper {
+.t-date-picker__cell--additional .t-date-picker__cell-wrapper {
   color: var(--td-text-color-disabled);
   background: var(--td-bg-color-container);
 }
-.t-date-cell--additional .t-date-cell__wrapper > span {
+.t-date-picker__cell--additional .t-date-picker__cell-wrapper > span {
   color: var(--td-text-color-disabled);
 }
-.t-date-cell--additional .t-date-cell__wrapper > span:hover {
+.t-date-picker__cell--additional .t-date-picker__cell-wrapper > span:hover {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.t-date-cell--active .t-date-cell__wrapper > span {
+.t-date-picker__cell--active .t-date-picker__cell-wrapper > span {
   color: var(--td-text-color-anti);
   background-color: var(--td-brand-color);
 }
-.t-date-cell--active .t-date-cell__wrapper::after {
+.t-date-picker__cell--active .t-date-picker__cell-wrapper::after {
   display: none;
 }
-.t-date-cell--active-start .t-date-cell__wrapper {
+.t-date-picker__cell--active-start .t-date-picker__cell-wrapper {
   border-top-left-radius: 50%;
   border-bottom-left-radius: 50%;
 }
-.t-date-cell--active-end .t-date-cell__wrapper {
+.t-date-picker__cell--active-end .t-date-picker__cell-wrapper {
   border-top-right-radius: 50%;
   border-bottom-right-radius: 50%;
 }
-.t-date-cell--last-day-of-month .t-date-cell__wrapper {
+.t-date-picker__cell--last-day-of-month .t-date-picker__cell-wrapper {
   border-top-right-radius: 50%;
   border-bottom-right-radius: 50%;
 }
-.t-date-cell--first-day-of-month .t-date-cell__wrapper {
+.t-date-picker__cell--first-day-of-month .t-date-picker__cell-wrapper {
   border-top-left-radius: 50%;
   border-bottom-left-radius: 50%;
 }
-.t-date-cell--disabled .t-date-cell__wrapper {
+.t-date-picker__cell--disabled .t-date-picker__cell-wrapper {
   cursor: not-allowed;
   border-radius: 50%;
   background-color: var(--td-bg-color-component-disabled);
   border-color: var(--td-bg-color-component-disabled);
 }
-.t-date-cell--disabled .t-date-cell__wrapper > span {
+.t-date-picker__cell--disabled .t-date-picker__cell-wrapper > span {
   color: var(--td-text-color-disabled);
 }
-.t-date-cell--disabled .t-date-cell__wrapper > span:hover {
+.t-date-picker__cell--disabled .t-date-picker__cell-wrapper > span:hover {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.t-date-cell--disabled + .t-date-cell--disabled .t-date-cell__wrapper::before {
+.t-date-picker__cell--disabled + .t-date-picker__cell--disabled .t-date-picker__cell-wrapper::before {
   content: "";
   width: 100%;
   height: 100%;
@@ -456,82 +450,83 @@
   background: var(--td-bg-color-component-disabled);
   pointer-events: none;
 }
-.t-date-picker-year {
+.t-date-picker--year {
   padding-bottom: 24px;
 }
-.t-date-picker-year tbody tr .t-date-cell__wrapper {
+.t-date-picker--year tbody tr .t-date-picker__cell-wrapper {
   margin-top: 8px;
   height: 48px;
 }
-.t-date-picker-year tbody tr .t-date-cell__wrapper .t-date-cell__text {
+.t-date-picker--year tbody tr .t-date-picker__cell-wrapper .t-date-picker__cell-text {
   height: 48px;
   width: 48px;
   line-height: 48px;
 }
-.t-date-picker-year tbody tr .t-date-cell__wrapper::after {
+.t-date-picker--year tbody tr .t-date-picker__cell-wrapper::after {
   left: 36px;
   top: 40px;
 }
-.t-date-picker-year tbody tr:first-child .t-date-cell__wrapper {
+.t-date-picker--year tbody tr:first-child .t-date-picker__cell-wrapper {
   margin-top: 16px;
 }
-.t-date-picker-year tbody tr:last-child .t-date-cell {
+.t-date-picker--year tbody tr:last-child .t-date-picker__cell {
   text-align: left;
 }
-.t-date-picker-month tbody tr .t-date-cell__wrapper {
+.t-date-picker--month tbody tr .t-date-picker__cell-wrapper {
   margin-top: 8px;
 }
-.t-date-picker-month tbody tr .t-date-cell__wrapper::after {
+.t-date-picker--month tbody tr .t-date-picker__cell-wrapper::after {
   left: 36px;
 }
-.t-date-picker-month tbody tr:first-child .t-date-cell__wrapper {
+.t-date-picker--month tbody tr:first-child .t-date-picker__cell-wrapper {
   margin-top: 20px;
 }
-.t-date-picker-month tbody tr:last-child .t-date-cell__wrapper {
+.t-date-picker--month tbody tr:last-child .t-date-picker__cell-wrapper {
   margin-bottom: 12px;
 }
-.t-date-picker-date {
+.t-date-picker--date {
   padding: 0 16px 16px;
 }
-.t-date {
+.t-date-picker__panel {
   width: 320px;
 }
-.t-date table {
+.t-date-picker__panel table {
   width: 100%;
   border-collapse: collapse;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
+  padding: 0 16px 16px;
 }
-.t-date tbody {
+.t-date-picker__panel tbody {
   font-weight: 500;
   margin-top: 2px;
 }
-.t-date th {
+.t-date-picker__panel th {
   color: var(--td-text-color-secondary);
   padding: 16px 0 8px;
   margin-bottom: 5px;
   width: 46px;
   font-weight: 400;
 }
-.t-date td {
+.t-date-picker__panel td {
   padding: 0;
   text-align: center;
   position: relative;
 }
-.t-date td:first-child .t-date-cell__wrapper {
+.t-date-picker__panel td:first-child .t-date-picker__cell-wrapper {
   border-top-left-radius: 50%;
   border-bottom-left-radius: 50%;
 }
-.t-date td:last-child .t-date-cell__wrapper {
+.t-date-picker__panel td:last-child .t-date-picker__cell-wrapper {
   border-top-right-radius: 50%;
   border-bottom-right-radius: 50%;
 }
-.t-date__sub-panel--hide {
+.t-date-picker__panel__sub-panel--hide {
   display: none;
 }
-.t-date-range {
+.t-date-picker__panels {
   overflow: hidden;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -546,10 +541,10 @@
       -ms-flex-align: start;
           align-items: flex-start;
 }
-.t-date-picker--ranges-show .t-date-picker__footer {
+.t-date-picker--range .t-date-picker__footer {
   width: 640px;
 }
-.t-date-picker-presets {
+.t-date-picker__presets {
   margin: 0 16px 16px 16px;
   min-width: 100px;
   -webkit-box-pack: justify;
@@ -559,13 +554,13 @@
       -ms-flex: 1;
           flex: 1;
 }
-.t-date-picker-presets ul {
+.t-date-picker__presets ul {
   list-style: none;
   margin: 0 auto;
   padding: 0;
   width: 100%;
 }
-.t-date-picker-presets li {
+.t-date-picker__presets li {
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
@@ -575,13 +570,13 @@
   float: left;
   margin-right: 16px;
 }
-.t-date-picker-presets li:last-child {
+.t-date-picker__presets li:last-child {
   margin: 0;
 }
-.t-date-picker-presets li a {
+.t-date-picker__presets li a {
   color: var(--td-brand-color);
 }
-.t-date-picker-presets li a:hover {
+.t-date-picker__presets li a:hover {
   color: var(--td-brand-color-hover);
 }
 .t-date-picker--apply {

package/es/date-picker/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/date-picker/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { InputProps } from '../input';
 import { PopupProps } from '../popup';
@@ -23,7 +23,7 @@ export interface TdDatePickerProps {
      */
     disabled?: boolean;
     /**
-     * 禁用日期，示例：['A', 'B'] 表示日期 A 和日期 B 会被禁用。{ from: 'A', to: 'B' } 表示在 A 到 B 之间的日期会被禁用。{ before: 'A', after: 'B' } 表示在 A 之前和在 B 之后的日期都会被禁用。其中 A = '2021-01-01'，B = '2021-02-01'。值类型为 Function 则表示返回值为 true 的日期会被禁用
+     * 禁用日期，示例：['A', 'B'] 表示日期 A 和日期 B 会被禁用。`{ from: 'A', to: 'B' }` 表示在 A 到 B 之间的日期会被禁用。`{ before: 'A', after: 'B' }` 表示在 A 之前和在 B 之后的日期都会被禁用。其中 A = '2021-01-01'，B = '2021-02-01'。值类型为 Function 则表示返回值为 true 的日期会被禁用
      */
     disableDate?: DisableDate;
     /**
@@ -58,11 +58,11 @@ export interface TdDatePickerProps {
      */
     popupProps?: PopupProps;
     /**
-     * 组件前置图标
+     * 用于自定义组件前置图标
      */
     prefixIcon?: TElement;
     /**
-     * 预设快捷日期选择，示例：{ '元旦': '2021-01-01', '昨天':  dayjs().subtract(1, 'day').format('YYYY-MM-DD'), '特定日期': () => ['2021-02-01'] }
+     * 预设快捷日期选择，示例：`{ '元旦': '2021-01-01', '昨天':  dayjs().subtract(1, 'day').format('YYYY-MM-DD'), '特定日期': () => ['2021-02-01'] }`
      */
     presets?: PresetDate;
     /**
@@ -76,7 +76,7 @@ export interface TdDatePickerProps {
      */
     size?: 'small' | 'medium' | 'large';
     /**
-     * 组件后置图标
+     * 用于自定义组件后置图标
      */
     suffixIcon?: TElement;
     /**

package/es/date-picker/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */