tdesign-react 0.19.0 → 0.20.2

package/esm/date-picker/base/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/date-picker/base/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon, RoundIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport Button from '../../button';\nimport useConfig from '../../_util/useConfig';\n\nexport interface DatePickerHeaderProps {\n  year: number;\n  month: number;\n  onBtnClick: Function;\n  onTypeChange: Function;\n  type: 'year' | 'month' | 'date';\n}\n\nconst useDatePickerLocalConfig = () => {\n  const [local, t] = useLocaleReceiver('datePicker');\n\n  return {\n    rangeSeparator: t(local.rangeSeparator),\n    yearAriaLabel: t(local.yearAriaLabel),\n    monthAriaLabel: t(local.monthAriaLabel),\n    nextYear: t(local.nextYear),\n    preYear: t(local.preYear),\n    nextMonth: t(local.nextMonth),\n    preMonth: t(local.preMonth),\n    preDecade: t(local.preDecade),\n    nextDecade: t(local.nextDecade),\n    now: t(local.now),\n  };\n};\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n  const { classPrefix } = useConfig();\n\n  const { type, year, month, onBtnClick, onTypeChange } = props;\n\n  const startYear = parseInt((year / 10).toString(), 10) * 10;\n  const {\n    now,\n    rangeSeparator,\n    yearAriaLabel,\n    monthAriaLabel,\n    preMonth,\n    preYear,\n    nextMonth,\n    nextYear,\n    preDecade,\n    nextDecade,\n  } = useDatePickerLocalConfig();\n\n  let preLabel: string;\n  let nextLabel: string;\n  if (type === 'year') {\n    preLabel = preDecade;\n    nextLabel = nextDecade;\n  } else if (type === 'date') {\n    preLabel = preMonth;\n    nextLabel = nextMonth;\n  } else {\n    preLabel = preYear;\n    nextLabel = nextYear;\n  }\n\n  return (\n    <div className={`${classPrefix}-date-picker-header`}>\n      <span className={`${classPrefix}-date-picker-header-title`}>\n        {type === 'year' && (\n          <div>\n            <span>{startYear}</span>\n            {rangeSeparator}\n            <span>{startYear + 9}</span>\n          </div>\n        )}\n        {type !== 'year' && (\n          <Button\n            variant=\"text\"\n            size=\"small\"\n            onClick={() => onTypeChange('year')}\n            className={`${classPrefix}-date-header__btn`}\n          >\n            {`${year} ${yearAriaLabel}`}\n          </Button>\n        )}\n        {type === 'date' && (\n          <Button className=\"t-date-header__btn\" variant=\"text\" size=\"small\" onClick={() => onTypeChange('month')}>\n            {`${month === 12 ? 1 : month + 1} ${monthAriaLabel}`}\n          </Button>\n        )}\n      </span>\n\n      <span className={`${classPrefix}-date-picker-header-controller`}>\n        <Button\n          title={preLabel}\n          variant=\"text\"\n          onClick={() => onBtnClick(-1)}\n          icon={<ChevronLeftIcon />}\n          className={`${classPrefix}-date-picker-header-controller__btn`}\n        ></Button>\n        <Button\n          title={now}\n          variant=\"text\"\n          onClick={() => onBtnClick(0)}\n          icon={<RoundIcon />}\n          className={`${classPrefix}-date-picker-header-controller__btn ${classPrefix}-date-picker-header-controller__btn--now`}\n        ></Button>\n        <Button\n          title={nextLabel}\n          variant=\"text\"\n          onClick={() => onBtnClick(1)}\n          icon={<ChevronRightIcon />}\n          className={`${classPrefix}-date-picker-header-controller__btn`}\n        ></Button>\n      </span>\n    </div>\n  );\n};\n\nDatePickerHeader.displayName = 'DatePickerHeader';\n\nexport default DatePickerHeader;\n"],"names":["useDatePickerLocalConfig","useLocaleReceiver","local","t","rangeSeparator","yearAriaLabel","monthAriaLabel","nextYear","preYear","nextMonth","preMonth","preDecade","nextDecade","now","DatePickerHeader","props","useConfig","classPrefix","type","year","month","onBtnClick","onTypeChange","startYear","parseInt","toString","preLabel","nextLabel","className","Button","variant","size","onClick","title","icon","ChevronLeftIcon","RoundIcon","ChevronRightIcon","displayName"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../src/date-picker/base/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon, RoundIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport Button from '../../button';\nimport useConfig from '../../_util/useConfig';\n\nexport interface DatePickerHeaderProps {\n  year: number;\n  month: number;\n  onBtnClick: Function;\n  onTypeChange: Function;\n  type: 'year' | 'month' | 'date';\n}\n\nconst useDatePickerLocalConfig = () => {\n  const [local, t] = useLocaleReceiver('datePicker');\n\n  return {\n    rangeSeparator: t(local.rangeSeparator),\n    yearAriaLabel: t(local.yearAriaLabel),\n    monthAriaLabel: t(local.monthAriaLabel),\n    nextYear: t(local.nextYear),\n    preYear: t(local.preYear),\n    nextMonth: t(local.nextMonth),\n    preMonth: t(local.preMonth),\n    preDecade: t(local.preDecade),\n    nextDecade: t(local.nextDecade),\n    now: t(local.now),\n  };\n};\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n  const { classPrefix } = useConfig();\n\n  const { type, year, month, onBtnClick, onTypeChange } = props;\n\n  const startYear = parseInt((year / 10).toString(), 10) * 10;\n  const {\n    now,\n    rangeSeparator,\n    yearAriaLabel,\n    monthAriaLabel,\n    preMonth,\n    preYear,\n    nextMonth,\n    nextYear,\n    preDecade,\n    nextDecade,\n  } = useDatePickerLocalConfig();\n\n  let preLabel: string;\n  let nextLabel: string;\n  if (type === 'year') {\n    preLabel = preDecade;\n    nextLabel = nextDecade;\n  } else if (type === 'date') {\n    preLabel = preMonth;\n    nextLabel = nextMonth;\n  } else {\n    preLabel = preYear;\n    nextLabel = nextYear;\n  }\n\n  return (\n    <div className={`${classPrefix}-date-picker__header`}>\n      <span className={`${classPrefix}-date-picker__header-title`}>\n        {type === 'year' && (\n          <div>\n            <span>{startYear}</span>\n            {rangeSeparator}\n            <span>{startYear + 9}</span>\n          </div>\n        )}\n        {type !== 'year' && (\n          <Button\n            variant=\"text\"\n            size=\"small\"\n            onClick={() => onTypeChange('year')}\n            className={`${classPrefix}-date-picker__header-btn`}\n          >\n            {`${year} ${yearAriaLabel}`}\n          </Button>\n        )}\n        {type === 'date' && (\n          <Button\n            className={`${classPrefix}-date-picker__header-btn`}\n            variant=\"text\"\n            size=\"small\"\n            onClick={() => onTypeChange('month')}\n          >\n            {`${month === 12 ? 1 : month + 1} ${monthAriaLabel}`}\n          </Button>\n        )}\n      </span>\n\n      <span className={`${classPrefix}-date-picker__header-controller`}>\n        <Button\n          title={preLabel}\n          variant=\"text\"\n          onClick={() => onBtnClick(-1)}\n          icon={<ChevronLeftIcon />}\n          className={`${classPrefix}-date-picker__header-controller__btn`}\n        ></Button>\n        <Button\n          title={now}\n          variant=\"text\"\n          onClick={() => onBtnClick(0)}\n          icon={<RoundIcon />}\n          className={`${classPrefix}-date-picker__header-controller__btn ${classPrefix}-date-picker__header-controller__btn--now`}\n        ></Button>\n        <Button\n          title={nextLabel}\n          variant=\"text\"\n          onClick={() => onBtnClick(1)}\n          icon={<ChevronRightIcon />}\n          className={`${classPrefix}-date-picker__header-controller__btn`}\n        ></Button>\n      </span>\n    </div>\n  );\n};\n\nDatePickerHeader.displayName = 'DatePickerHeader';\n\nexport default DatePickerHeader;\n"],"names":["useDatePickerLocalConfig","useLocaleReceiver","local","t","rangeSeparator","yearAriaLabel","monthAriaLabel","nextYear","preYear","nextMonth","preMonth","preDecade","nextDecade","now","DatePickerHeader","props","useConfig","classPrefix","type","year","month","onBtnClick","onTypeChange","startYear","parseInt","toString","preLabel","nextLabel","className","Button","variant","size","onClick","title","icon","ChevronLeftIcon","RoundIcon","ChevronRightIcon","displayName"],"mappings":"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"}

package/esm/date-picker/base/Table.js

@@ -1,26 +1,26 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
 import React__default from 'react';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
 import useConfig from '../../_util/useConfig.js';
 import DatePickerCell from './Cell.js';
-import '../../_chunks/dep-4c3606c3.js';
+import '../../_chunks/dep-38c06164.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import 'classnames';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var DatePickerTable = function DatePickerTable(props) {
   var _useConfig = useConfig(),
@@ -37,17 +37,17 @@ var DatePickerTable = function DatePickerTable(props) {
       local = _useLocaleReceiver2[0],
       t = _useLocaleReceiver2[1];
 
-  var shorthand = t(local.weekdays.shorthand);
+  var weekdays = t(local.weekdays);
   var weekArr = [];
-  var wi = firstDayOfWeek;
-  var len = shorthand.length;
+  var wi = firstDayOfWeek - 1;
+  var len = weekdays.length;
 
   while (weekArr.length < len) {
-    weekArr.push(shorthand[wi]);
+    weekArr.push(weekdays[wi]);
     wi = (wi + len + 1) % len;
   }
 
-  var panelClass = "".concat(classPrefix, "-date-picker-").concat(type);
+  var panelClass = "".concat(classPrefix, "-date-picker--").concat(type);
   return /* @__PURE__ */React__default.createElement("div", {
     className: panelClass
   }, /* @__PURE__ */React__default.createElement("table", null, type === "date" && /* @__PURE__ */React__default.createElement("thead", null, /* @__PURE__ */React__default.createElement("tr", null, weekArr.map(function (value, i) {

package/esm/date-picker/base/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/date-picker/base/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport useConfig from '../../_util/useConfig';\nimport DatePickerCell from './Cell';\n\nexport interface DatePickerTableProps {\n  data: Array<any>;\n  type: string;\n  firstDayOfWeek: number;\n  onCellClick: Function;\n  onCellMouseEnter: Function;\n}\n\nconst DatePickerTable = (props: DatePickerTableProps) => {\n  const { classPrefix } = useConfig();\n\n  const { type, data, onCellClick, onCellMouseEnter, firstDayOfWeek } = props;\n\n  const [local, t] = useLocaleReceiver('datePicker');\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const shorthand = t(local.weekdays.shorthand);\n\n  const weekArr = [];\n  let wi = firstDayOfWeek;\n  const len = shorthand.length;\n  while (weekArr.length < len) {\n    weekArr.push(shorthand[wi]);\n    wi = (wi + len + 1) % len;\n  }\n\n  const panelClass = `${classPrefix}-date-picker-${type}`;\n\n  return (\n    <div className={panelClass}>\n      <table>\n        {type === 'date' && (\n          <thead>\n            <tr>\n              {weekArr.map((value: string, i: number) => (\n                <th key={i}>{value}</th>\n              ))}\n            </tr>\n          </thead>\n        )}\n        <tbody>\n          {data.map((row, i: number) => (\n            <tr key={i}>\n              {row.map((col: any, j: number) => (\n                <DatePickerCell {...col} key={j} onClick={onCellClick} onMouseEnter={onCellMouseEnter} />\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nDatePickerTable.displayName = 'DatePickerTable';\n\nDatePickerTable.defaultProps = {\n  type: 'day',\n};\n\nexport default DatePickerTable;\n"],"names":["DatePickerTable","props","useConfig","classPrefix","type","data","onCellClick","onCellMouseEnter","firstDayOfWeek","useLocaleReceiver","local","t","shorthand","weekdays","weekArr","wi","len","length","push","panelClass","className","map","value","i","key","row","col","j","DatePickerCell","onClick","onMouseEnter","displayName","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAaMA,kBAAkB,SAAlBA,eAAkB,CAACC,KAAD,EAAiC;mBAC/BC;MAAhBC,yBAAAA;;MAEAC,OAA8DH,MAA9DG;MAAMC,OAAwDJ,MAAxDI;MAAMC,cAAkDL,MAAlDK;MAAaC,mBAAqCN,MAArCM;MAAkBC,iBAAmBP,MAAnBO;;2BAEhCC,kBAAkB;;MAA9BC;MAAOC;;MAGRC,YAAYD,EAAED,MAAMG,QAAN,CAAeD;MAE7BE,UAAU;MACZC,KAAKP;MACHQ,MAAMJ,UAAUK;;SACfH,QAAQG,MAAR,GAAiBD,KAAK;YACnBE,KAAKN,UAAUG;SACjB,MAAKC,MAAM,CAAX,IAAgBA;;;MAGlBG,uBAAgBhB,qCAA2BC;qDAG9C,OAAD;AAAKgB,IAAAA,WAAWD;AAAhB,iDACG,SAAD,MACGf,SAAS,MAAT,gDACE,SAAD,kDACG,MAAD,MACGU,QAAQO,GAAR,CAAY,UAACC,KAAD,EAAgBC,CAAhB;AAAA,uDACV,MAAD;AAAIC,MAAAA,KAAKD;AAAT,OAAaD,MADF;AAAA,GAAZ,iDAMN,SAAD,MACGjB,KAAKgB,GAAL,CAAS,UAACI,GAAD,EAAMF,CAAN;AAAA,uDACP,MAAD;AAAIC,MAAAA,KAAKD;AAAT,OACGE,IAAIJ,GAAJ,CAAQ,UAACK,GAAD,EAAWC,CAAX;AAAA,yDACNC,gDAAmBF;AAAKF,QAAAA,KAAKG;AAAGE,QAAAA,SAASvB;AAAawB,QAAAA,cAAcvB;SAD9D;AAAA,KAAR,EAFK;AAAA,GAAT;;;AAaXP,gBAAgB+B,WAAhB,GAA8B,iBAA9B;AAEA/B,gBAAgBgC,YAAhB,GAA+B;AAC7B5B,EAAAA,MAAM;AADuB,CAA/B;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../src/date-picker/base/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport useConfig from '../../_util/useConfig';\nimport DatePickerCell from './Cell';\n\nexport interface DatePickerTableProps {\n  data: Array<any>;\n  type: string;\n  firstDayOfWeek: number;\n  onCellClick: Function;\n  onCellMouseEnter: Function;\n}\n\nconst DatePickerTable = (props: DatePickerTableProps) => {\n  const { classPrefix } = useConfig();\n\n  const { type, data, onCellClick, onCellMouseEnter, firstDayOfWeek } = props;\n\n  const [local, t] = useLocaleReceiver('datePicker');\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const weekdays = t(local.weekdays);\n\n  const weekArr = [];\n  let wi = firstDayOfWeek - 1;\n  const len = weekdays.length;\n  while (weekArr.length < len) {\n    weekArr.push(weekdays[wi]);\n    wi = (wi + len + 1) % len;\n  }\n\n  const panelClass = `${classPrefix}-date-picker--${type}`;\n\n  return (\n    <div className={panelClass}>\n      <table>\n        {type === 'date' && (\n          <thead>\n            <tr>\n              {weekArr.map((value: string, i: number) => (\n                <th key={i}>{value}</th>\n              ))}\n            </tr>\n          </thead>\n        )}\n        <tbody>\n          {data.map((row, i: number) => (\n            <tr key={i}>\n              {row.map((col: any, j: number) => (\n                <DatePickerCell {...col} key={j} onClick={onCellClick} onMouseEnter={onCellMouseEnter} />\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nDatePickerTable.displayName = 'DatePickerTable';\n\nDatePickerTable.defaultProps = {\n  type: 'day',\n};\n\nexport default DatePickerTable;\n"],"names":["DatePickerTable","props","useConfig","classPrefix","type","data","onCellClick","onCellMouseEnter","firstDayOfWeek","useLocaleReceiver","local","t","weekdays","weekArr","wi","len","length","push","panelClass","className","map","value","i","key","row","col","j","DatePickerCell","onClick","onMouseEnter","displayName","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAaMA,kBAAkB,SAAlBA,eAAkB,CAACC,KAAD,EAAiC;mBAC/BC;MAAhBC,yBAAAA;;MAEAC,OAA8DH,MAA9DG;MAAMC,OAAwDJ,MAAxDI;MAAMC,cAAkDL,MAAlDK;MAAaC,mBAAqCN,MAArCM;MAAkBC,iBAAmBP,MAAnBO;;2BAEhCC,kBAAkB;;MAA9BC;MAAOC;;MAGRC,WAAWD,EAAED,MAAME;MAEnBC,UAAU;MACZC,KAAKN,iBAAiB;MACpBO,MAAMH,SAASI;;SACdH,QAAQG,MAAR,GAAiBD,KAAK;YACnBE,KAAKL,SAASE;SAChB,MAAKC,MAAM,CAAX,IAAgBA;;;MAGlBG,uBAAgBf,sCAA4BC;qDAG/C,OAAD;AAAKe,IAAAA,WAAWD;AAAhB,iDACG,SAAD,MACGd,SAAS,MAAT,gDACE,SAAD,kDACG,MAAD,MACGS,QAAQO,GAAR,CAAY,UAACC,KAAD,EAAgBC,CAAhB;AAAA,uDACV,MAAD;AAAIC,MAAAA,KAAKD;AAAT,OAAaD,MADF;AAAA,GAAZ,iDAMN,SAAD,MACGhB,KAAKe,GAAL,CAAS,UAACI,GAAD,EAAMF,CAAN;AAAA,uDACP,MAAD;AAAIC,MAAAA,KAAKD;AAAT,OACGE,IAAIJ,GAAJ,CAAQ,UAACK,GAAD,EAAWC,CAAX;AAAA,yDACNC,gDAAmBF;AAAKF,QAAAA,KAAKG;AAAGE,QAAAA,SAAStB;AAAauB,QAAAA,cAActB;SAD9D;AAAA,KAAR,EAFK;AAAA,GAAT;;;AAaXP,gBAAgB8B,WAAhB,GAA8B,iBAA9B;AAEA9B,gBAAgB+B,YAAhB,GAA+B;AAC7B3B,EAAAA,MAAM;AADuB,CAA/B;;;;"}

package/esm/date-picker/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,20 +7,20 @@
 import DatePicker$1 from './DatePicker.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-53c6c586.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.js';
 import 'react';
-import '../_chunks/dep-ef50bc46.js';
-import '../_chunks/dep-601473bd.js';
-import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-9f3a6dc7.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-00ccaf0c.js';
 import 'dayjs';
 import 'classnames';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-3d9b45dc.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/useConfig.js';
@@ -28,6 +28,7 @@ import '../_util/useCommonClassName.js';
 import '../_util/useClickOutside.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
@@ -35,14 +36,15 @@ import '../_util/composeRefs.js';
 import '../_util/usePrevious.js';
 import '../popup/Portal.js';
 import 'react-dom';
-import '../popup/useTriggerProps.js';
+import '../popup/hooks/useTriggerProps.js';
+import '../popup/hooks/usePopupCssTransition.js';
 import '../popup/style/index.js';
 import '../popup/type.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-f749a2c9.js';
-import '../_chunks/dep-b6fbc66d.js';
-import '../_chunks/dep-97ee645c.js';
+import '../_chunks/dep-da5d1ac4.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-2544ac60.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../input/InputGroup.js';
@@ -57,14 +59,16 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-615797a6.js';
-import '../_chunks/dep-364c042d.js';
-import '../_chunks/dep-6b2b86ea.js';
-import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-14d83b52.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-c5dffd03.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../loading/gradient.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../button/style/index.js';
 import '../button/type.js';
 import './base/CalendarPresets.js';
@@ -73,24 +77,25 @@ import './base/Header.js';
 import './base/Table.js';
 import './base/Cell.js';
 import './utils.js';
-import '../_chunks/dep-577155e8.js';
-import '../_chunks/dep-12b54038.js';
-import '../_chunks/dep-d34b9a16.js';
-import '../_chunks/dep-c8fef1c7.js';
-import '../_chunks/dep-8d3829c7.js';
-import '../_chunks/dep-1fc210cf.js';
-import '../_chunks/dep-458a408b.js';
-import '../_chunks/dep-06ac5dca.js';
-import '../_chunks/dep-57f5e67f.js';
-import '../_chunks/dep-3d46050a.js';
-import '../_chunks/dep-ddf2ed34.js';
+import '../_chunks/dep-e58138dc.js';
+import '../_chunks/dep-b7df124f.js';
+import '../_chunks/dep-e7d8ed68.js';
+import '../_chunks/dep-3c01d153.js';
+import '../_chunks/dep-56958a5c.js';
+import '../_chunks/dep-8aba3ccb.js';
+import '../_chunks/dep-339087c7.js';
+import '../_chunks/dep-b654ad92.js';
+import '../_chunks/dep-50baeb50.js';
+import '../_chunks/dep-8898577f.js';
+import '../_chunks/dep-1567c5ea.js';
 import './panel/DateRange.js';
 import '../time-picker/panel/TimePickerPanel.js';
 import '../time-picker/panel/SinglePanel.js';
-import '../_chunks/dep-fdd8aa18.js';
-import '../_chunks/dep-d9f6f316.js';
-import '../_chunks/dep-3b0ab3bc.js';
-import '../_chunks/dep-1ed088aa.js';
+import '../_chunks/dep-ae5406c0.js';
+import '../_chunks/dep-2708ddd1.js';
+import '../_chunks/dep-ec30068f.js';
+import '../_chunks/dep-2b9a47a9.js';
+import '../_chunks/dep-7252f39f.js';
 import '../time-picker/interfaces.js';
 import '../time-picker/consts.js';
 import '../time-picker/panel/TimePickerRangePanel.js';

package/esm/date-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import _DatePicker from './DatePicker';\n\nimport './style/index.js';\n\nexport type { DatePickerProps } from './DatePicker';\nexport * from './type';\n\nexport const DatePicker = _DatePicker;\nexport default DatePicker;\n"],"names":["DatePicker","_DatePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import _DatePicker from './DatePicker';\n\nimport './style/index.js';\n\nexport type { DatePickerProps } from './DatePicker';\nexport * from './type';\n\nexport const DatePicker = _DatePicker;\nexport default DatePicker;\n"],"names":["DatePicker","_DatePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;"}

package/esm/date-picker/panel/Date.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
 import useConfig from '../../_util/useConfig.js';
@@ -12,11 +12,11 @@ import noop from '../../_util/noop.js';
 import DatePickerHeader from '../base/Header.js';
 import DatePickerTable from '../base/Table.js';
 import { getToday, subtractMonth, addMonth, getYears, getMonths, getWeeks, flagActive } from '../utils.js';
-import '../../_chunks/dep-4c3606c3.js';
-import '../../_chunks/dep-53c6c586.js';
+import '../../_chunks/dep-38c06164.js';
+import '../../_chunks/dep-2e97cc0d.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import 'tdesign-icons-react';
@@ -27,37 +27,39 @@ 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-615797a6.js';
-import '../../_chunks/dep-2e526f70.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-364c042d.js';
-import '../../_chunks/dep-6b2b86ea.js';
-import '../../_chunks/dep-7d91d695.js';
+import '../../_chunks/dep-14d83b52.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-c5dffd03.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import 'react-dom';
+import '../../loading/gradient.js';
 import '../../loading/style/index.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 import '../../button/style/index.js';
 import '../../button/type.js';
 import '../base/Cell.js';
-import '../../_chunks/dep-577155e8.js';
-import '../../_chunks/dep-12b54038.js';
-import '../../_chunks/dep-d34b9a16.js';
-import '../../_chunks/dep-c8fef1c7.js';
-import '../../_chunks/dep-8d3829c7.js';
-import '../../_chunks/dep-f749a2c9.js';
-import '../../_chunks/dep-ef50bc46.js';
-import '../../_chunks/dep-97ee645c.js';
-import '../../_chunks/dep-1fc210cf.js';
-import '../../_chunks/dep-458a408b.js';
-import '../../_chunks/dep-06ac5dca.js';
-import '../../_chunks/dep-57f5e67f.js';
-import '../../_chunks/dep-3d46050a.js';
-import '../../_chunks/dep-ddf2ed34.js';
+import '../../_chunks/dep-e58138dc.js';
+import '../../_chunks/dep-b7df124f.js';
+import '../../_chunks/dep-e7d8ed68.js';
+import '../../_chunks/dep-3c01d153.js';
+import '../../_chunks/dep-56958a5c.js';
+import '../../_chunks/dep-da5d1ac4.js';
+import '../../_chunks/dep-9f3a6dc7.js';
+import '../../_chunks/dep-2544ac60.js';
+import '../../_chunks/dep-8aba3ccb.js';
+import '../../_chunks/dep-339087c7.js';
+import '../../_chunks/dep-b654ad92.js';
+import '../../_chunks/dep-50baeb50.js';
+import '../../_chunks/dep-8898577f.js';
+import '../../_chunks/dep-1567c5ea.js';
 
 var TODAY = getToday();
 
@@ -199,7 +201,7 @@ var DatePanel = function DatePanel(props) {
   }
 
   return /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(classPrefix, "-date")
+    className: "".concat(classPrefix, "-date-picker__panel")
   }, /* @__PURE__ */React__default.createElement(DatePickerHeader, {
     year: year,
     month: month,

package/esm/date-picker/panel/Date.js.map

@@ -1 +1 @@
-{"version":3,"file":"Date.js","sources":["../../../src/date-picker/panel/Date.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport useConfig from '../../_util/useConfig';\nimport noop from '../../_util/noop';\nimport DateHeader from '../base/Header';\nimport DateTable from '../base/Table';\nimport { getWeeks, getYears, getMonths, flagActive, subtractMonth, addMonth, getToday } from '../utils';\n\nexport type DateType = 'year' | 'month' | 'date';\nexport interface DatePanelProps {\n  value: Date;\n  mode: DateType;\n  minDate: Date;\n  maxDate: Date;\n  firstDayOfWeek: number;\n  disableDate: Function;\n  onChange: Function;\n}\n\nconst TODAY = getToday();\n\nconst DatePanel = (props: DatePanelProps) => {\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 [year, setYear] = useState(value.getFullYear());\n  const [month, setMonth] = useState(value.getMonth());\n  const [type, setType] = useState(mode);\n\n  useEffect(() => {\n    setType(mode);\n  }, [mode]);\n\n  useEffect(() => {\n    setYear(value.getFullYear());\n    setMonth(value.getMonth());\n  }, [value]);\n\n  function clickHeader(flag: number) {\n    let monthCount = 0;\n    let next = null;\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    switch (flag) {\n      case 1:\n        next = addMonth(current, monthCount);\n        break;\n      case -1:\n        next = subtractMonth(current, monthCount);\n        break;\n      case 0:\n        next = new Date();\n        break;\n    }\n\n    setYear(next.getFullYear());\n    setMonth(next.getMonth());\n  }\n\n  const tableData = useMemo(() => {\n    let data: any[];\n\n    const options = {\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    const start = type === 'date' || type === mode ? value : new Date(year, month);\n    return flagActive(data, { start, type });\n  }, [year, month, type, value, mode, disableDate, minDate, maxDate, firstDayOfWeek, monthAriaLabel]);\n\n  function getClickHandler(date) {\n    if (type === 'date') {\n      onChange?.(date);\n    } else if (type === 'month') {\n      if (mode === 'month') {\n        onChange?.(date);\n      } else {\n        setType('date');\n        setYear(date.getFullYear());\n        setMonth(date.getMonth());\n      }\n    } else if (type === 'year') {\n      if (mode === 'year') {\n        onChange?.(date);\n      } else {\n        setType('month');\n        setYear(date.getFullYear());\n      }\n    }\n  }\n\n  return (\n    <div className={`${classPrefix}-date`}>\n      <DateHeader year={year} month={month} type={type} onBtnClick={clickHeader} onTypeChange={setType} />\n\n      <DateTable\n        type={type}\n        firstDayOfWeek={firstDayOfWeek}\n        data={tableData}\n        onCellClick={getClickHandler}\n        onCellMouseEnter={noop}\n      />\n    </div>\n  );\n};\n\nDatePanel.displayName = 'DatePanel';\nDatePanel.defaultProps = {\n  value: TODAY,\n  mode: 'date',\n};\n\nexport default DatePanel;\n"],"names":["TODAY","getToday","DatePanel","props","useLocaleReceiver","local","t","monthAriaLabel","useConfig","classPrefix","value","mode","minDate","maxDate","firstDayOfWeek","disableDate","onChange","useState","getFullYear","year","setYear","getMonth","month","setMonth","type","setType","flag","monthCount","next","current","Date","addMonth","subtractMonth","tableData","useMemo","data","options","monthText","getWeeks","getMonths","getYears","start","flagActive","date","className","DateHeader","onBtnClick","clickHeader","onTypeChange","DateTable","onCellClick","getClickHandler","onCellMouseEnter","noop","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Date.js","sources":["../../../src/date-picker/panel/Date.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport useConfig from '../../_util/useConfig';\nimport noop from '../../_util/noop';\nimport DateHeader from '../base/Header';\nimport DateTable from '../base/Table';\nimport { getWeeks, getYears, getMonths, flagActive, subtractMonth, addMonth, getToday } from '../utils';\n\nexport type DateType = 'year' | 'month' | 'date';\nexport interface DatePanelProps {\n  value: Date;\n  mode: DateType;\n  minDate: Date;\n  maxDate: Date;\n  firstDayOfWeek: number;\n  disableDate: Function;\n  onChange: Function;\n}\n\nconst TODAY = getToday();\n\nconst DatePanel = (props: DatePanelProps) => {\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 [year, setYear] = useState(value.getFullYear());\n  const [month, setMonth] = useState(value.getMonth());\n  const [type, setType] = useState(mode);\n\n  useEffect(() => {\n    setType(mode);\n  }, [mode]);\n\n  useEffect(() => {\n    setYear(value.getFullYear());\n    setMonth(value.getMonth());\n  }, [value]);\n\n  function clickHeader(flag: number) {\n    let monthCount = 0;\n    let next = null;\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    switch (flag) {\n      case 1:\n        next = addMonth(current, monthCount);\n        break;\n      case -1:\n        next = subtractMonth(current, monthCount);\n        break;\n      case 0:\n        next = new Date();\n        break;\n    }\n\n    setYear(next.getFullYear());\n    setMonth(next.getMonth());\n  }\n\n  const tableData = useMemo(() => {\n    let data: any[];\n\n    const options = {\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    const start = type === 'date' || type === mode ? value : new Date(year, month);\n    return flagActive(data, { start, type });\n  }, [year, month, type, value, mode, disableDate, minDate, maxDate, firstDayOfWeek, monthAriaLabel]);\n\n  function getClickHandler(date) {\n    if (type === 'date') {\n      onChange?.(date);\n    } else if (type === 'month') {\n      if (mode === 'month') {\n        onChange?.(date);\n      } else {\n        setType('date');\n        setYear(date.getFullYear());\n        setMonth(date.getMonth());\n      }\n    } else if (type === 'year') {\n      if (mode === 'year') {\n        onChange?.(date);\n      } else {\n        setType('month');\n        setYear(date.getFullYear());\n      }\n    }\n  }\n\n  return (\n    <div className={`${classPrefix}-date-picker__panel`}>\n      <DateHeader year={year} month={month} type={type} onBtnClick={clickHeader} onTypeChange={setType} />\n      <DateTable\n        type={type}\n        firstDayOfWeek={firstDayOfWeek}\n        data={tableData}\n        onCellClick={getClickHandler}\n        onCellMouseEnter={noop}\n      />\n    </div>\n  );\n};\n\nDatePanel.displayName = 'DatePanel';\nDatePanel.defaultProps = {\n  value: TODAY,\n  mode: 'date',\n};\n\nexport default DatePanel;\n"],"names":["TODAY","getToday","DatePanel","props","useLocaleReceiver","local","t","monthAriaLabel","useConfig","classPrefix","value","mode","minDate","maxDate","firstDayOfWeek","disableDate","onChange","useState","getFullYear","year","setYear","getMonth","month","setMonth","type","setType","flag","monthCount","next","current","Date","addMonth","subtractMonth","tableData","useMemo","data","options","monthText","getWeeks","getMonths","getYears","start","flagActive","date","className","DateHeader","onBtnClick","clickHeader","onTypeChange","DateTable","onCellClick","getClickHandler","onCellMouseEnter","noop","displayName","defaultProps"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
 import React__default, { useState, useEffect, useCallback, useMemo } from 'react';
 import dayjs from 'dayjs';
 import useConfig from '../../_util/useConfig.js';
@@ -12,53 +12,55 @@ 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-4c3606c3.js';
+import '../../_chunks/dep-38c06164.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-53c6c586.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-2e97cc0d.js';
+import '../../_chunks/dep-3d9b45dc.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-615797a6.js';
-import '../../_chunks/dep-2e526f70.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-364c042d.js';
-import '../../_chunks/dep-6b2b86ea.js';
-import '../../_chunks/dep-7d91d695.js';
+import '../../_chunks/dep-14d83b52.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-c5dffd03.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import 'react-dom';
+import '../../loading/gradient.js';
 import '../../loading/style/index.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 import '../../button/style/index.js';
 import '../../button/type.js';
 import '../base/Cell.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-577155e8.js';
-import '../../_chunks/dep-12b54038.js';
-import '../../_chunks/dep-d34b9a16.js';
-import '../../_chunks/dep-c8fef1c7.js';
-import '../../_chunks/dep-8d3829c7.js';
-import '../../_chunks/dep-f749a2c9.js';
-import '../../_chunks/dep-ef50bc46.js';
-import '../../_chunks/dep-97ee645c.js';
-import '../../_chunks/dep-1fc210cf.js';
-import '../../_chunks/dep-458a408b.js';
-import '../../_chunks/dep-06ac5dca.js';
-import '../../_chunks/dep-57f5e67f.js';
-import '../../_chunks/dep-3d46050a.js';
-import '../../_chunks/dep-ddf2ed34.js';
+import '../../_chunks/dep-e58138dc.js';
+import '../../_chunks/dep-b7df124f.js';
+import '../../_chunks/dep-e7d8ed68.js';
+import '../../_chunks/dep-3c01d153.js';
+import '../../_chunks/dep-56958a5c.js';
+import '../../_chunks/dep-da5d1ac4.js';
+import '../../_chunks/dep-9f3a6dc7.js';
+import '../../_chunks/dep-2544ac60.js';
+import '../../_chunks/dep-8aba3ccb.js';
+import '../../_chunks/dep-339087c7.js';
+import '../../_chunks/dep-b654ad92.js';
+import '../../_chunks/dep-50baeb50.js';
+import '../../_chunks/dep-8898577f.js';
+import '../../_chunks/dep-1567c5ea.js';
 
 var TODAY = getToday();
 var LEFT = "left";
@@ -168,7 +170,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();
     }
 
@@ -365,9 +367,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,
@@ -383,7 +385,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/esm/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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"}