tdesign-react 0.19.1 → 0.21.0

package/es/date-picker/base/Cell.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import useConfig from '../../_util/useConfig.js';
@@ -30,7 +30,7 @@ var DatePickerCell = function DatePickerCell(props) {
       lastDayOfMonth = props.lastDayOfMonth,
       onClick = props.onClick,
       onMouseEnter = props.onMouseEnter;
-  var cellClass = classNames("".concat(classPrefix, "-date-picker-cell"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--now"), now), _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--active"), active), _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--highlight"), highlight), _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--active-start"), startOfRange), _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--active-end"), endOfRange), _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--additional"), additional), _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--first-day-of-month"), firstDayOfMonth), _defineProperty(_classNames, "".concat(classPrefix, "-date-cell--last-day-of-month"), lastDayOfMonth), _classNames));
+  var cellClass = classNames("".concat(classPrefix, "-date-picker__cell"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--now"), now), _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--active"), active), _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--highlight"), highlight), _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--active-start"), startOfRange), _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--active-end"), endOfRange), _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--additional"), additional), _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--first-day-of-month"), firstDayOfMonth), _defineProperty(_classNames, "".concat(classPrefix, "-date-picker__cell--last-day-of-month"), lastDayOfMonth), _classNames));
 
   function handleClick() {
     !disabled && onClick(value);
@@ -43,11 +43,11 @@ var DatePickerCell = function DatePickerCell(props) {
   return /* @__PURE__ */React__default.createElement("td", {
     className: cellClass
   }, /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(classPrefix, "-date-cell__wrapper"),
+    className: "".concat(classPrefix, "-date-picker__cell-wrapper"),
     onClick: handleClick,
     onMouseEnter: handleMouseEnter
   }, /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(classPrefix, "-date-cell__text")
+    className: "".concat(classPrefix, "-date-picker__cell-text")
   }, text)));
 };
 

package/es/date-picker/base/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../src/date-picker/base/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\n\nexport interface DatePickerCellProps {\n  text: [string, number];\n  value: Date;\n  active: boolean;\n  highlight: boolean;\n  disabled: boolean;\n  startOfRange: boolean;\n  endOfRange: boolean;\n  additional: boolean;\n  now: boolean;\n  firstDayOfMonth: boolean;\n  lastDayOfMonth: boolean;\n  onClick: Function;\n  onMouseEnter: Function;\n}\n\nconst DatePickerCell = (props: DatePickerCellProps) => {\n  const { classPrefix } = useConfig();\n\n  const {\n    text,\n    value,\n    active,\n    highlight,\n    disabled,\n    startOfRange,\n    endOfRange,\n    additional,\n    now,\n    firstDayOfMonth,\n    lastDayOfMonth,\n    onClick,\n    onMouseEnter,\n  } = props;\n\n  const cellClass = classNames(`${classPrefix}-date-picker-cell`, {\n    [`${classPrefix}-date-cell--now`]: now,\n    [`${classPrefix}-date-cell--active`]: active,\n    [`${classPrefix}-date-cell--disabled`]: disabled,\n    [`${classPrefix}-date-cell--highlight`]: highlight,\n    [`${classPrefix}-date-cell--active-start`]: startOfRange,\n    [`${classPrefix}-date-cell--active-end`]: endOfRange,\n    [`${classPrefix}-date-cell--additional`]: additional,\n    [`${classPrefix}-date-cell--first-day-of-month`]: firstDayOfMonth,\n    [`${classPrefix}-date-cell--last-day-of-month`]: lastDayOfMonth,\n  });\n\n  function handleClick() {\n    !disabled && onClick(value);\n  }\n\n  function handleMouseEnter() {\n    onMouseEnter?.(value);\n  }\n\n  return (\n    <td className={cellClass}>\n      <div className={`${classPrefix}-date-cell__wrapper`} onClick={handleClick} onMouseEnter={handleMouseEnter}>\n        <span className={`${classPrefix}-date-cell__text`}>{text}</span>\n      </div>\n    </td>\n  );\n};\n\nDatePickerCell.displayName = 'DatePickerCell';\n\nexport default DatePickerCell;\n"],"names":["DatePickerCell","props","useConfig","classPrefix","text","value","active","highlight","disabled","startOfRange","endOfRange","additional","now","firstDayOfMonth","lastDayOfMonth","onClick","onMouseEnter","cellClass","classNames","className","handleClick","handleMouseEnter","displayName"],"mappings":";;;;;;;;;;;;;IAoBMA,iBAAiB,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;AAAA;;mBAC7BC;MAAhBC,yBAAAA;;MAGNC,OAaEH,MAbFG;MACAC,QAYEJ,MAZFI;MACAC,SAWEL,MAXFK;MACAC,YAUEN,MAVFM;MACAC,WASEP,MATFO;MACAC,eAQER,MARFQ;MACAC,aAOET,MAPFS;MACAC,aAMEV,MANFU;MACAC,MAKEX,MALFW;MACAC,kBAIEZ,MAJFY;MACAC,iBAGEb,MAHFa;MACAC,UAEEd,MAFFc;MACAC,eACEf,MADFe;MAGIC,YAAYC,qBAAcf,6FAC1BA,iCAA+BS,6CAC/BT,oCAAkCG,gDAClCH,sCAAoCK,kDACpCL,uCAAqCI,mDACrCJ,0CAAwCM,sDACxCN,wCAAsCO,oDACtCP,wCAAsCQ,oDACtCR,gDAA8CU,yDAC9CV,+CAA6CW;;yBAG5B;KACpBN,YAAYO,QAAQV;;;8BAGK;6EACXA;;;qDAId,MAAD;AAAIc,IAAAA,WAAWF;AAAf,iDACG,OAAD;AAAKE,IAAAA,qBAAchB,mCAAnB;AAAqDY,IAAAA,SAASK,WAA9D;AAA2EJ,IAAAA,cAAcK;AAAzF,iDACG,QAAD;AAAMF,IAAAA,qBAAchB;AAApB,KAAoDC;;;AAM5DJ,eAAesB,WAAf,GAA6B,gBAA7B;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../src/date-picker/base/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\n\nexport interface DatePickerCellProps {\n  text: [string, number];\n  value: Date;\n  active: boolean;\n  highlight: boolean;\n  disabled: boolean;\n  startOfRange: boolean;\n  endOfRange: boolean;\n  additional: boolean;\n  now: boolean;\n  firstDayOfMonth: boolean;\n  lastDayOfMonth: boolean;\n  onClick: Function;\n  onMouseEnter: Function;\n}\n\nconst DatePickerCell = (props: DatePickerCellProps) => {\n  const { classPrefix } = useConfig();\n\n  const {\n    text,\n    value,\n    active,\n    highlight,\n    disabled,\n    startOfRange,\n    endOfRange,\n    additional,\n    now,\n    firstDayOfMonth,\n    lastDayOfMonth,\n    onClick,\n    onMouseEnter,\n  } = props;\n\n  const cellClass = classNames(`${classPrefix}-date-picker__cell`, {\n    [`${classPrefix}-date-picker__cell--now`]: now,\n    [`${classPrefix}-date-picker__cell--active`]: active,\n    [`${classPrefix}-date-picker__cell--disabled`]: disabled,\n    [`${classPrefix}-date-picker__cell--highlight`]: highlight,\n    [`${classPrefix}-date-picker__cell--active-start`]: startOfRange,\n    [`${classPrefix}-date-picker__cell--active-end`]: endOfRange,\n    [`${classPrefix}-date-picker__cell--additional`]: additional,\n    [`${classPrefix}-date-picker__cell--first-day-of-month`]: firstDayOfMonth,\n    [`${classPrefix}-date-picker__cell--last-day-of-month`]: lastDayOfMonth,\n  });\n\n  function handleClick() {\n    !disabled && onClick(value);\n  }\n\n  function handleMouseEnter() {\n    onMouseEnter?.(value);\n  }\n\n  return (\n    <td className={cellClass}>\n      <div className={`${classPrefix}-date-picker__cell-wrapper`} onClick={handleClick} onMouseEnter={handleMouseEnter}>\n        <span className={`${classPrefix}-date-picker__cell-text`}>{text}</span>\n      </div>\n    </td>\n  );\n};\n\nDatePickerCell.displayName = 'DatePickerCell';\n\nexport default DatePickerCell;\n"],"names":["DatePickerCell","props","useConfig","classPrefix","text","value","active","highlight","disabled","startOfRange","endOfRange","additional","now","firstDayOfMonth","lastDayOfMonth","onClick","onMouseEnter","cellClass","classNames","className","handleClick","handleMouseEnter","displayName"],"mappings":";;;;;;;;;;;;;IAoBMA,iBAAiB,SAAjBA,cAAiB,CAACC,KAAD,EAAgC;AAAA;;mBAC7BC;MAAhBC,yBAAAA;;MAGNC,OAaEH,MAbFG;MACAC,QAYEJ,MAZFI;MACAC,SAWEL,MAXFK;MACAC,YAUEN,MAVFM;MACAC,WASEP,MATFO;MACAC,eAQER,MARFQ;MACAC,aAOET,MAPFS;MACAC,aAMEV,MANFU;MACAC,MAKEX,MALFW;MACAC,kBAIEZ,MAJFY;MACAC,iBAGEb,MAHFa;MACAC,UAEEd,MAFFc;MACAC,eACEf,MADFe;MAGIC,YAAYC,qBAAcf,8FAC1BA,yCAAuCS,6CACvCT,4CAA0CG,gDAC1CH,8CAA4CK,kDAC5CL,+CAA6CI,mDAC7CJ,kDAAgDM,sDAChDN,gDAA8CO,oDAC9CP,gDAA8CQ,oDAC9CR,wDAAsDU,yDACtDV,uDAAqDW;;yBAGpC;KACpBN,YAAYO,QAAQV;;;8BAGK;6EACXA;;;qDAId,MAAD;AAAIc,IAAAA,WAAWF;AAAf,iDACG,OAAD;AAAKE,IAAAA,qBAAchB,0CAAnB;AAA4DY,IAAAA,SAASK,WAArE;AAAkFJ,IAAAA,cAAcK;AAAhG,iDACG,QAAD;AAAMF,IAAAA,qBAAchB;AAApB,KAA2DC;;;AAMnEJ,eAAesB,WAAf,GAA6B,gBAA7B;;;;"}

package/es/date-picker/base/Header.js

@@ -1,20 +1,20 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-c5e94c83.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-06e3288c.js';
 import React__default from 'react';
 import { ChevronLeftIcon, RoundIcon, ChevronRightIcon } from 'tdesign-icons-react';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
 import { Button } from '../../button/index.js';
 import useConfig from '../../_util/useConfig.js';
-import '../../_chunks/dep-4ca264a0.js';
-import '../../_chunks/dep-bd2ff6be.js';
+import '../../_chunks/dep-eeb051d7.js';
+import '../../_chunks/dep-3457a894.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-21185a7d.js';
+import '../../_chunks/dep-7cd001a1.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../button/Button.js';
@@ -24,20 +24,22 @@ 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-09257f36.js';
+import '../../_chunks/dep-1d4250da.js';
+import '../../_chunks/dep-a33e5d69.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-5533ba72.js';
+import '../../_chunks/dep-b913c21f.js';
+import '../../_chunks/dep-8a315029.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';
 
 var useDatePickerLocalConfig = function useDatePickerLocalConfig() {
@@ -98,25 +100,25 @@ var DatePickerHeader = function DatePickerHeader(props) {
   }
 
   return /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(classPrefix, "-date-picker-header")
+    className: "".concat(classPrefix, "-date-picker__header")
   }, /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(classPrefix, "-date-picker-header-title")
+    className: "".concat(classPrefix, "-date-picker__header-title")
   }, type === "year" && /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("span", null, startYear), rangeSeparator, /* @__PURE__ */React__default.createElement("span", null, startYear + 9)), type !== "year" && /* @__PURE__ */React__default.createElement(Button, {
     variant: "text",
     size: "small",
     onClick: function onClick() {
       return onTypeChange("year");
     },
-    className: "".concat(classPrefix, "-date-header__btn")
+    className: "".concat(classPrefix, "-date-picker__header-btn")
   }, "".concat(year, " ").concat(yearAriaLabel)), type === "date" && /* @__PURE__ */React__default.createElement(Button, {
-    className: "t-date-header__btn",
+    className: "".concat(classPrefix, "-date-picker__header-btn"),
     variant: "text",
     size: "small",
     onClick: function onClick() {
       return onTypeChange("month");
     }
   }, "".concat(month === 12 ? 1 : month + 1, " ").concat(monthAriaLabel))), /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(classPrefix, "-date-picker-header-controller")
+    className: "".concat(classPrefix, "-date-picker__header-controller")
   }, /* @__PURE__ */React__default.createElement(Button, {
     title: preLabel,
     variant: "text",
@@ -124,7 +126,7 @@ var DatePickerHeader = function DatePickerHeader(props) {
       return onBtnClick(-1);
     },
     icon: /* @__PURE__ */React__default.createElement(ChevronLeftIcon, null),
-    className: "".concat(classPrefix, "-date-picker-header-controller__btn")
+    className: "".concat(classPrefix, "-date-picker__header-controller__btn")
   }), /* @__PURE__ */React__default.createElement(Button, {
     title: now,
     variant: "text",
@@ -132,7 +134,7 @@ var DatePickerHeader = function DatePickerHeader(props) {
       return onBtnClick(0);
     },
     icon: /* @__PURE__ */React__default.createElement(RoundIcon, null),
-    className: "".concat(classPrefix, "-date-picker-header-controller__btn ").concat(classPrefix, "-date-picker-header-controller__btn--now")
+    className: "".concat(classPrefix, "-date-picker__header-controller__btn ").concat(classPrefix, "-date-picker__header-controller__btn--now")
   }), /* @__PURE__ */React__default.createElement(Button, {
     title: nextLabel,
     variant: "text",
@@ -140,7 +142,7 @@ var DatePickerHeader = function DatePickerHeader(props) {
       return onBtnClick(1);
     },
     icon: /* @__PURE__ */React__default.createElement(ChevronRightIcon, null),
-    className: "".concat(classPrefix, "-date-picker-header-controller__btn")
+    className: "".concat(classPrefix, "-date-picker__header-controller__btn")
   })));
 };
 

package/es/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/es/date-picker/base/Table.js

@@ -1,26 +1,26 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-c5e94c83.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-06e3288c.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-4ca264a0.js';
+import '../../_chunks/dep-eeb051d7.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-21185a7d.js';
+import '../../_chunks/dep-7cd001a1.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/es/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/es/date-picker/base/style/index.js

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

package/es/date-picker/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,20 +7,20 @@
 import DatePicker$1 from './DatePicker.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-bd2ff6be.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
+import '../_chunks/dep-3457a894.js';
+import '../_chunks/dep-06e3288c.js';
+import '../_chunks/dep-eeb051d7.js';
 import 'react';
-import '../_chunks/dep-7e18698b.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-3796d701.js';
+import '../_chunks/dep-5d255e0f.js';
+import '../_chunks/dep-6aadb1fe.js';
+import '../_chunks/dep-1d4250da.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-21185a7d.js';
+import '../_chunks/dep-7cd001a1.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,13 +36,14 @@ 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/type.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-dabea1d1.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-b48a9335.js';
+import '../_chunks/dep-9b5d609f.js';
+import '../_chunks/dep-a33e5d69.js';
+import '../_chunks/dep-ecddcb2c.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../input/InputGroup.js';
@@ -55,13 +57,15 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-1c77104d.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-09257f36.js';
+import '../_chunks/dep-5533ba72.js';
+import '../_chunks/dep-b913c21f.js';
+import '../_chunks/dep-8a315029.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../loading/gradient.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../button/type.js';
 import './base/CalendarPresets.js';
 import './panel/Date.js';
@@ -69,24 +73,25 @@ import './base/Header.js';
 import './base/Table.js';
 import './base/Cell.js';
 import './utils.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-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-88bbed4a.js';
+import '../_chunks/dep-f7a41461.js';
+import '../_chunks/dep-8e24ef70.js';
+import '../_chunks/dep-35414959.js';
+import '../_chunks/dep-31fc86d3.js';
+import '../_chunks/dep-63372d9c.js';
+import '../_chunks/dep-b07ac5f1.js';
+import '../_chunks/dep-ce15f2b0.js';
+import '../_chunks/dep-26c09f79.js';
+import '../_chunks/dep-cbf756f8.js';
+import '../_chunks/dep-00014c78.js';
 import './panel/DateRange.js';
 import '../time-picker/panel/TimePickerPanel.js';
 import '../time-picker/panel/SinglePanel.js';
-import '../_chunks/dep-bdf48dee.js';
-import '../_chunks/dep-ebbfae85.js';
-import '../_chunks/dep-c8d6ce97.js';
-import '../_chunks/dep-b87b2179.js';
+import '../_chunks/dep-ff119e08.js';
+import '../_chunks/dep-e3b3b607.js';
+import '../_chunks/dep-bfa1a680.js';
+import '../_chunks/dep-25dd4019.js';
+import '../_chunks/dep-87fd240a.js';
 import '../time-picker/interfaces.js';
 import '../time-picker/consts.js';
 import '../time-picker/panel/TimePickerRangePanel.js';

package/es/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/es/date-picker/panel/Date.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-c5e94c83.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-06e3288c.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-4ca264a0.js';
-import '../../_chunks/dep-bd2ff6be.js';
+import '../../_chunks/dep-eeb051d7.js';
+import '../../_chunks/dep-3457a894.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-21185a7d.js';
+import '../../_chunks/dep-7cd001a1.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import 'tdesign-icons-react';
@@ -27,36 +27,38 @@ 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-09257f36.js';
+import '../../_chunks/dep-1d4250da.js';
+import '../../_chunks/dep-a33e5d69.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-5533ba72.js';
+import '../../_chunks/dep-b913c21f.js';
+import '../../_chunks/dep-8a315029.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 '../../_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-88bbed4a.js';
+import '../../_chunks/dep-f7a41461.js';
+import '../../_chunks/dep-8e24ef70.js';
+import '../../_chunks/dep-35414959.js';
+import '../../_chunks/dep-31fc86d3.js';
+import '../../_chunks/dep-9b5d609f.js';
+import '../../_chunks/dep-5d255e0f.js';
+import '../../_chunks/dep-ecddcb2c.js';
+import '../../_chunks/dep-63372d9c.js';
+import '../../_chunks/dep-b07ac5f1.js';
+import '../../_chunks/dep-ce15f2b0.js';
+import '../../_chunks/dep-26c09f79.js';
+import '../../_chunks/dep-cbf756f8.js';
+import '../../_chunks/dep-00014c78.js';
 
 var TODAY = getToday();
 
@@ -198,7 +200,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/es/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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"}