tdesign-react 0.35.0-alpha.1 → 0.35.0-alpha.2

package/lib/date-picker/hooks/useSingle.js

@@ -15,8 +15,8 @@ var tdesignIconsReact = require('tdesign-icons-react');
 var dayjs = require('dayjs');
 var classNames = require('classnames');
 var _util_useConfig = require('../../_util/useConfig.js');
-var hooks_useControlled = require('../../hooks/useControlled.js');
 var datePicker_hooks_useFormat = require('./useFormat.js');
+var datePicker_hooks_useSingleValue = require('./useSingleValue.js');
 require('../../_chunks/dep-19841e1d.js');
 require('../../_chunks/dep-b15f51d2.js');
 require('../../_chunks/dep-acf33b68.js');
@@ -40,16 +40,17 @@ require('../../_chunks/dep-542cc308.js');
 require('../../_chunks/dep-c6637e11.js');
 require('../../_common/js/global-config/locale/zh_CN.js');
 require('../../config-provider/zh_CN_config.js');
-require('../../_chunks/dep-f3090217.js');
-require('../../_chunks/dep-d4a0b3f0.js');
-require('../../_chunks/dep-6dfb2577.js');
-require('../../_chunks/dep-86abec96.js');
-require('../../_chunks/dep-cb0f33ac.js');
-require('../../_util/noop.js');
 require('../../_common/js/date-picker/utils-new.js');
 require('../../_chunks/dep-e9185c09.js');
+require('../../_chunks/dep-6dfb2577.js');
 require('../../_chunks/dep-d97f1281.js');
 require('../../_chunks/dep-e19f22f6.js');
+require('../../_chunks/dep-cb0f33ac.js');
+require('../../hooks/useControlled.js');
+require('../../_chunks/dep-f3090217.js');
+require('../../_chunks/dep-d4a0b3f0.js');
+require('../../_chunks/dep-86abec96.js');
+require('../../_util/noop.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -60,8 +61,8 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._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; }
-function useSingle(props) {
-  var _popupPropsFromProps$;
+function useSingleInput(props) {
+  var _props$placeholder, _props$suffixIcon, _props$popupProps$ove, _props$popupProps, _props$popupProps2;
 
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix,
@@ -69,27 +70,22 @@ function useSingle(props) {
 
   var name = "".concat(classPrefix, "-date-picker");
   var inputRef = React.useRef();
-  var mode = props.mode,
-      prefixIcon = props.prefixIcon,
-      suffixIcon = props.suffixIcon,
-      inputPropsFromProps = props.inputProps,
-      popupPropsFromProps = props.popupProps,
-      allowInput = props.allowInput,
-      clearable = props.clearable,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? globalDatePickerConfig.placeholder[mode] : _props$placeholder,
-      _onBlur = props.onBlur,
-      _onFocus = props.onFocus,
-      onInput = props.onInput;
-
-  var _useControlled = hooks_useControlled["default"](props, "value", props.onChange),
-      _useControlled2 = slicedToArray._slicedToArray(_useControlled, 2),
-      value = _useControlled2[0],
-      onChange = _useControlled2[1];
+
+  var _useSingleValue = datePicker_hooks_useSingleValue["default"](props),
+      value = _useSingleValue.value,
+      onChange = _useSingleValue.onChange,
+      time = _useSingleValue.time,
+      setTime = _useSingleValue.setTime,
+      month = _useSingleValue.month,
+      setMonth = _useSingleValue.setMonth,
+      year = _useSingleValue.year,
+      setYear = _useSingleValue.setYear,
+      cacheValue = _useSingleValue.cacheValue,
+      setCacheValue = _useSingleValue.setCacheValue;
 
   var _useFormat = datePicker_hooks_useFormat["default"]({
     value: value,
-    mode: mode,
+    mode: props.mode,
     format: props.format,
     valueType: props.valueType,
     enableTimePicker: props.enableTimePicker
@@ -108,38 +104,18 @@ function useSingle(props) {
       isHoverCell = _useState4[0],
       setIsHoverCell = _useState4[1];
 
-  var _useState5 = React.useState(formatTime(value)),
+  var _useState5 = React.useState(formatDate(value)),
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      timeValue = _useState6[0],
-      setTimeValue = _useState6[1];
-
-  var _useState7 = React.useState(dayjs__default["default"](value).month() || new Date().getMonth()),
-      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
-      month = _useState8[0],
-      setMonth = _useState8[1];
-
-  var _useState9 = React.useState(dayjs__default["default"](value).year() || new Date().getFullYear()),
-      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
-      year = _useState10[0],
-      setYear = _useState10[1];
-
-  var _useState11 = React.useState(formatDate(value)),
-      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      inputValue = _useState12[0],
-      setInputValue = _useState12[1];
-
-  var _useState13 = React.useState(formatDate(value)),
-      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
-      cacheValue = _useState14[0],
-      setCacheValue = _useState14[1];
-
-  var inputProps = _objectSpread(_objectSpread({}, inputPropsFromProps), {}, {
+      inputValue = _useState6[0],
+      setInputValue = _useState6[1];
+
+  var inputProps = _objectSpread(_objectSpread({}, props.inputProps), {}, {
     ref: inputRef,
-    clearable: clearable,
-    prefixIcon: prefixIcon,
-    readonly: !allowInput,
-    placeholder: placeholder,
-    suffixIcon: suffixIcon || /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CalendarIcon, null),
+    clearable: props.clearable,
+    prefixIcon: props.prefixIcon,
+    readonly: !props.allowInput,
+    placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : globalDatePickerConfig.placeholder[props.mode],
+    suffixIcon: (_props$suffixIcon = props.suffixIcon) !== null && _props$suffixIcon !== void 0 ? _props$suffixIcon : /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CalendarIcon, null),
     className: classNames__default["default"](defineProperty._defineProperty({}, "".concat(name, "__input--placeholder"), isHoverCell)),
     onClear: function onClear(_ref) {
       var e = _ref.e;
@@ -151,22 +127,28 @@ function useSingle(props) {
       });
     },
     onBlur: function onBlur(val, _ref2) {
+      var _props$onBlur;
+
       var e = _ref2.e;
-      _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur({
+      (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, {
         value: val,
         e: e
       });
     },
     onFocus: function onFocus(_, _ref3) {
+      var _props$onFocus;
+
       var e = _ref3.e;
-      _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus({
+      (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, {
         value: value,
         e: e
       });
     },
     onChange: function onChange(val, _ref4) {
+      var _props$onInput;
+
       var e = _ref4.e;
-      onInput === null || onInput === void 0 ? void 0 : onInput({
+      (_props$onInput = props.onInput) === null || _props$onInput === void 0 ? void 0 : _props$onInput.call(props, {
         input: val,
         value: value,
         e: e
@@ -178,14 +160,16 @@ function useSingle(props) {
       var newTime = formatTime(val);
       !Number.isNaN(newYear) && setYear(newYear);
       !Number.isNaN(newMonth) && setMonth(newMonth);
-      !Number.isNaN(newTime) && setTimeValue(newTime);
+      !Number.isNaN(newTime) && setTime(newTime);
     },
     onEnter: function onEnter(val) {
       if (!isValidDate(val) && !isValidDate(value)) return;
       setPopupVisible(false);
 
       if (isValidDate(val)) {
-        onChange(formatDate(val, "valueType"), {
+        onChange(formatDate(val, {
+          formatType: "valueType"
+        }), {
           dayjsValue: dayjs__default["default"](val),
           trigger: "enter"
         });
@@ -199,11 +183,11 @@ function useSingle(props) {
 
   var popupProps = _objectSpread(_objectSpread({
     expandAnimation: true
-  }, popupPropsFromProps), {}, {
-    overlayStyle: (_popupPropsFromProps$ = popupPropsFromProps === null || popupPropsFromProps === void 0 ? void 0 : popupPropsFromProps.overlayStyle) !== null && _popupPropsFromProps$ !== void 0 ? _popupPropsFromProps$ : {
+  }, props.popupProps), {}, {
+    overlayStyle: (_props$popupProps$ove = (_props$popupProps = props.popupProps) === null || _props$popupProps === void 0 ? void 0 : _props$popupProps.overlayStyle) !== null && _props$popupProps$ove !== void 0 ? _props$popupProps$ove : {
       width: "auto"
     },
-    overlayClassName: classNames__default["default"](popupPropsFromProps === null || popupPropsFromProps === void 0 ? void 0 : popupPropsFromProps.overlayClassName, "".concat(name, "__panel-container")),
+    overlayClassName: classNames__default["default"]((_props$popupProps2 = props.popupProps) === null || _props$popupProps2 === void 0 ? void 0 : _props$popupProps2.overlayClassName, "".concat(name, "__panel-container")),
     onVisibleChange: function onVisibleChange(visible) {
       setPopupVisible(visible);
 
@@ -217,21 +201,17 @@ function useSingle(props) {
   React.useEffect(function () {
     if (!value) {
       setInputValue("");
-      setCacheValue("");
-      setTimeValue(formatTime(new Date()));
       return;
     }
 
     if (!isValidDate(value, "valueType")) return;
     setInputValue(formatDate(value));
-    setCacheValue(formatDate(value));
-    setTimeValue(formatTime(value));
   }, [value]);
   return {
     year: year,
     month: month,
     value: value,
-    timeValue: timeValue,
+    time: time,
     inputValue: inputValue,
     popupVisible: popupVisible,
     inputProps: inputProps,
@@ -241,7 +221,7 @@ function useSingle(props) {
     onChange: onChange,
     setYear: setYear,
     setMonth: setMonth,
-    setTimeValue: setTimeValue,
+    setTime: setTime,
     setIsHoverCell: setIsHoverCell,
     setInputValue: setInputValue,
     setPopupVisible: setPopupVisible,
@@ -249,5 +229,5 @@ function useSingle(props) {
   };
 }
 
-exports["default"] = useSingle;
+exports["default"] = useSingleInput;
 //# sourceMappingURL=useSingle.js.map

package/lib/date-picker/hooks/useSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSingle.js","sources":["../../../src/date-picker/hooks/useSingle.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { CalendarIcon } from 'tdesign-icons-react';\nimport dayjs from 'dayjs';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\nimport useControlled from '../../hooks/useControlled';\nimport { TdDatePickerProps, DateValue } from '../type';\nimport useFormat from './useFormat';\n\nexport default function useSingle(props: TdDatePickerProps) {\n  const { classPrefix, datePicker: globalDatePickerConfig } = useConfig();\n  const name = `${classPrefix}-date-picker`;\n\n  const inputRef = useRef<HTMLInputElement>();\n\n  const {\n    mode,\n    prefixIcon,\n    suffixIcon,\n    inputProps: inputPropsFromProps,\n    popupProps: popupPropsFromProps,\n    allowInput,\n    clearable,\n    placeholder = globalDatePickerConfig.placeholder[mode],\n    onBlur,\n    onFocus,\n    onInput,\n  } = props;\n\n  const [value, onChange] = useControlled(props, 'value', props.onChange);\n  const { isValidDate, formatDate, formatTime } = useFormat({\n    value,\n    mode,\n    format: props.format,\n    valueType: props.valueType,\n    enableTimePicker: props.enableTimePicker,\n  });\n\n  const [popupVisible, setPopupVisible] = useState(false);\n  const [isHoverCell, setIsHoverCell] = useState(false);\n  const [timeValue, setTimeValue] = useState(formatTime(value));\n  const [month, setMonth] = useState<number>(dayjs(value).month() || new Date().getMonth());\n  const [year, setYear] = useState<number>(dayjs(value).year() || new Date().getFullYear());\n  // 未真正选中前可能不断变更输入框的内容\n  const [inputValue, setInputValue] = useState(formatDate(value));\n  const [cacheValue, setCacheValue] = useState(formatDate(value)); // 缓存选中值，panel 点击时更改\n\n  // input 设置\n  const inputProps = {\n    ...inputPropsFromProps,\n    ref: inputRef,\n    clearable,\n    prefixIcon,\n    readonly: !allowInput,\n    placeholder,\n    suffixIcon: suffixIcon || <CalendarIcon />,\n    className: classNames({\n      [`${name}__input--placeholder`]: isHoverCell,\n    }),\n    onClear: ({ e }) => {\n      e.stopPropagation();\n      setPopupVisible(false);\n      onChange('', { dayjsValue: dayjs(''), trigger: 'clear' });\n    },\n    onBlur: (val: string, { e }) => {\n      onBlur?.({ value: val, e });\n    },\n    onFocus: (_: string, { e }) => {\n      onFocus?.({ value, e });\n    },\n    onChange: (val: string, { e }) => {\n      onInput?.({ input: val, value, e });\n\n      // 输入事件\n      setInputValue(val);\n\n      // 跳过不符合格式化的输入框内容\n      if (!isValidDate(val)) return;\n      const newMonth = dayjs(val).month();\n      const newYear = dayjs(val).year();\n      const newTime = formatTime(val);\n      !Number.isNaN(newYear) && setYear(newYear);\n      !Number.isNaN(newMonth) && setMonth(newMonth);\n      !Number.isNaN(newTime) && setTimeValue(newTime);\n    },\n    onEnter: (val: string) => {\n      if (!isValidDate(val) && !isValidDate(value)) return;\n\n      setPopupVisible(false);\n      if (isValidDate(val)) {\n        onChange(formatDate(val, 'valueType') as DateValue, { dayjsValue: dayjs(val), trigger: 'enter' });\n      } else if (isValidDate(value)) {\n        setInputValue(formatDate(value));\n      } else {\n        setInputValue('');\n      }\n    },\n  };\n\n  // popup 设置\n  const popupProps = {\n    expandAnimation: true,\n    ...popupPropsFromProps,\n    overlayStyle: popupPropsFromProps?.overlayStyle ?? { width: 'auto' },\n    overlayClassName: classNames(popupPropsFromProps?.overlayClassName, `${name}__panel-container`),\n    onVisibleChange: (visible: boolean) => {\n      setPopupVisible(visible);\n      if (!visible) {\n        setIsHoverCell(false);\n        setInputValue(formatDate(value));\n      }\n    },\n  };\n\n  // 输入框响应 value 变化\n  useEffect(() => {\n    if (!value) {\n      setInputValue('');\n      setCacheValue('');\n      setTimeValue(formatTime(new Date()));\n      return;\n    }\n    if (!isValidDate(value, 'valueType')) return;\n\n    setInputValue(formatDate(value));\n    setCacheValue(formatDate(value));\n    setTimeValue(formatTime(value));\n    // eslint-disable-next-line\n  }, [value]);\n\n  return {\n    year,\n    month,\n    value,\n    timeValue,\n    inputValue,\n    popupVisible,\n    inputProps,\n    popupProps,\n    inputRef,\n    cacheValue,\n    onChange,\n    setYear,\n    setMonth,\n    setTimeValue,\n    setIsHoverCell,\n    setInputValue,\n    setPopupVisible,\n    setCacheValue,\n  };\n}\n"],"names":["useSingle","props","useConfig","classPrefix","globalDatePickerConfig","datePicker","name","inputRef","useRef","mode","prefixIcon","suffixIcon","inputPropsFromProps","inputProps","popupPropsFromProps","popupProps","allowInput","clearable","placeholder","onBlur","onFocus","onInput","useControlled","onChange","_slicedToArray","value","useFormat","format","valueType","enableTimePicker","isValidDate","formatDate","formatTime","useState","popupVisible","setPopupVisible","isHoverCell","setIsHoverCell","timeValue","setTimeValue","dayjs","month","Date","getMonth","setMonth","year","getFullYear","setYear","inputValue","setInputValue","cacheValue","setCacheValue","ref","readonly","React","createElement","CalendarIcon","className","classNames","_defineProperty","onClear","e","stopPropagation","dayjsValue","trigger","val","_","input","newMonth","newYear","newTime","Number","isNaN","onEnter","expandAnimation","overlayStyle","width","overlayClassName","onVisibleChange","visible","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOe,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAAA,EAAA,IAAA,qBAAA,CAAA;;AACvC,EAAA,IAAA,UAAA,GAA4DC,0BAAS,EAArE;MAAQC,WAAR,cAAQA,WAAR;MAAiCC,sBAAjC,cAAqBC,UAArB,CAAA;;EACA,IAAMC,IAAI,GAAMH,EAAAA,CAAAA,MAAAA,CAAAA,WAAN,EAAV,cAAA,CAAA,CAAA;EACA,IAAMI,QAAQ,GAAGC,YAAM,EAAvB,CAAA;AACA,EAAA,IACEC,IADF,GAYIR,KAZJ,CACEQ,IADF;AAAA,MAEEC,UAFF,GAYIT,KAZJ,CAEES,UAFF;AAAA,MAGEC,UAHF,GAYIV,KAZJ,CAGEU,UAHF;AAAA,MAIcC,mBAJd,GAYIX,KAZJ,CAIEY,UAJF;AAAA,MAKcC,mBALd,GAYIb,KAZJ,CAKEc,UALF;AAAA,MAMEC,UANF,GAYIf,KAZJ,CAMEe,UANF;AAAA,MAOEC,SAPF,GAYIhB,KAZJ,CAOEgB,SAPF;MAYIhB,kBAAAA,GAAAA,KAZJ,CAQEiB,WARF;AAAA,MAQEA,WARF,GAQgBd,kBAAAA,KAAAA,KAAAA,CAAAA,GAAAA,sBAAsB,CAACc,WAAvB,CAAmCT,IAAnC,CARhB,GAAA,kBAAA;AAAA,MASEU,OATF,GAYIlB,KAZJ,CASEkB,MATF;AAAA,MAUEC,QAVF,GAYInB,KAZJ,CAUEmB,OAVF;AAAA,MAWEC,OAXF,GAYIpB,KAZJ,CAWEoB,OAXF,CAAA;;EAaA,IAA0BC,cAAAA,GAAAA,8BAAa,CAACrB,KAAD,EAAQ,OAAR,EAAiBA,KAAK,CAACsB,QAAvB,CAAvC;AAAA,MAAA,eAAA,GAAAC,4BAAA,CAAA,cAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,KAAP,GAAA,eAAA,CAAA,CAAA,CAAA;AAAA,MAAcF,QAAd,GAAA,eAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAAgDG,qCAAS,CAAC;AACxDD,IAAAA,KAAK,EAALA,KADwD;AAExDhB,IAAAA,IAAI,EAAJA,IAFwD;IAGxDkB,MAAM,EAAE1B,KAAK,CAAC0B,MAH0C;IAIxDC,SAAS,EAAE3B,KAAK,CAAC2B,SAJuC;IAKxDC,gBAAgB,EAAE5B,KAAK,CAAC4B,gBAAAA;AALgC,GAAD,CAAzD;MAAQC,WAAR,cAAQA,WAAR;MAAqBC,UAArB,cAAqBA,UAArB;MAAiCC,UAAjC,cAAiCA,UAAjC,CAAA;;EAOA,IAAwCC,SAAAA,GAAAA,cAAQ,CAAC,KAAD,CAAhD;AAAA,MAAA,UAAA,GAAAT,4BAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOU,YAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAqBC,eAArB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAAsCF,UAAAA,GAAAA,cAAQ,CAAC,KAAD,CAA9C;AAAA,MAAA,UAAA,GAAAT,4BAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOY,WAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAoBC,cAApB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAAkCJ,cAAQ,CAACD,UAAU,CAACP,KAAD,CAAX,CAA1C;AAAA,MAAA,UAAA,GAAAD,4BAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOc,SAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAkBC,YAAlB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAA0BN,cAAQ,CAACO,yBAAK,CAACf,KAAD,CAAL,CAAagB,KAAb,EAAA,IAAwB,IAAIC,IAAJ,EAAWC,CAAAA,QAAX,EAAzB,CAAlC;AAAA,MAAA,UAAA,GAAAnB,4BAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOiB,KAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAcG,QAAd,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAAwBX,cAAQ,CAACO,yBAAK,CAACf,KAAD,CAAL,CAAaoB,IAAb,EAAA,IAAuB,IAAIH,IAAJ,EAAWI,CAAAA,WAAX,EAAxB,CAAhC;AAAA,MAAA,WAAA,GAAAtB,4BAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOqB,IAAP,GAAA,WAAA,CAAA,CAAA,CAAA;AAAA,MAAaE,OAAb,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,WAAA,GAAoCd,cAAQ,CAACF,UAAU,CAACN,KAAD,CAAX,CAA5C;AAAA,MAAA,WAAA,GAAAD,4BAAA,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,MAAOwB,UAAP,GAAA,WAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,aAAnB,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,WAAA,GAAoChB,cAAQ,CAACF,UAAU,CAACN,KAAD,CAAX,CAA5C;AAAA,MAAA,WAAA,GAAAD,4BAAA,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,MAAO0B,UAAP,GAAA,WAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,aAAnB,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAAMtC,UAAU,mCACXD,mBADW,CAAA,EAAA,EAAA,EAAA;AAEdwC,IAAAA,GAAG,EAAE7C,QAFS;AAGdU,IAAAA,SAAS,EAATA,SAHc;AAIdP,IAAAA,UAAU,EAAVA,UAJc;IAKd2C,QAAQ,EAAE,CAACrC,UALG;AAMdE,IAAAA,WAAW,EAAXA,WANc;IAOdP,UAAU,EAAEA,UAAU,mBAAoB2C,yBAAK,CAACC,aAAN,CAAoBC,8BAApB,EAAkC,IAAlC,CAP5B;AAQdC,IAAAA,SAAS,EAAEC,8BAAU,CAAAC,8BAAA,CAAA,EAAA,EAAA,EAAA,CAAA,MAAA,CACfrD,IADe,EAAA,sBAAA,CAAA,EACc8B,WADd,CARP,CAAA;AAWdwB,IAAAA,OAAO,EAAE,SAAW,OAAA,CAAA,IAAA,EAAA;MAAA,IAARC,CAAQ,QAARA,CAAQ,CAAA;AAClBA,MAAAA,CAAC,CAACC,eAAF,EAAA,CAAA;MACA3B,eAAe,CAAC,KAAD,CAAf,CAAA;MACAZ,QAAQ,CAAC,EAAD,EAAK;AAAEwC,QAAAA,UAAU,EAAEvB,yBAAK,CAAC,EAAD,CAAnB;AAAyBwB,QAAAA,OAAO,EAAE,OAAA;AAAlC,OAAL,CAAR,CAAA;KAdY;IAgBd7C,MAAM,EAAE,SAAC8C,MAAAA,CAAAA,GAAD,EAAgB,KAAA,EAAA;MAAA,IAARJ,CAAQ,SAARA,CAAQ,CAAA;AACtB1C,MAAAA,OAAM,SAAN,IAAAA,OAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAM,CAAG;AAAEM,QAAAA,KAAK,EAAEwC,GAAT;AAAcJ,QAAAA,CAAC,EAADA,CAAAA;AAAd,OAAH,CAAN,CAAA;KAjBY;IAmBdzC,OAAO,EAAE,SAAC8C,OAAAA,CAAAA,CAAD,EAAc,KAAA,EAAA;MAAA,IAARL,CAAQ,SAARA,CAAQ,CAAA;AACrBzC,MAAAA,QAAO,SAAP,IAAAA,QAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAO,CAAG;AAAEK,QAAAA,KAAK,EAALA,KAAF;AAASoC,QAAAA,CAAC,EAADA,CAAAA;AAAT,OAAH,CAAP,CAAA;KApBY;IAsBdtC,QAAQ,EAAE,SAAC0C,QAAAA,CAAAA,GAAD,EAAgB,KAAA,EAAA;MAAA,IAARJ,CAAQ,SAARA,CAAQ,CAAA;AACxBxC,MAAAA,OAAO,SAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAG;AAAE8C,QAAAA,KAAK,EAAEF,GAAT;AAAcxC,QAAAA,KAAK,EAALA,KAAd;AAAqBoC,QAAAA,CAAC,EAADA,CAAAA;AAArB,OAAH,CAAP,CAAA;MACAZ,aAAa,CAACgB,GAAD,CAAb,CAAA;AACA,MAAA,IAAI,CAACnC,WAAW,CAACmC,GAAD,CAAhB,EACE,OAAA;MACF,IAAMG,QAAQ,GAAG5B,yBAAK,CAACyB,GAAD,CAAL,CAAWxB,KAAX,EAAjB,CAAA;MACA,IAAM4B,OAAO,GAAG7B,yBAAK,CAACyB,GAAD,CAAL,CAAWpB,IAAX,EAAhB,CAAA;AACA,MAAA,IAAMyB,OAAO,GAAGtC,UAAU,CAACiC,GAAD,CAA1B,CAAA;MACA,CAACM,MAAM,CAACC,KAAP,CAAaH,OAAb,CAAD,IAA0BtB,OAAO,CAACsB,OAAD,CAAjC,CAAA;MACA,CAACE,MAAM,CAACC,KAAP,CAAaJ,QAAb,CAAD,IAA2BxB,QAAQ,CAACwB,QAAD,CAAnC,CAAA;MACA,CAACG,MAAM,CAACC,KAAP,CAAaF,OAAb,CAAD,IAA0B/B,YAAY,CAAC+B,OAAD,CAAtC,CAAA;KAhCY;IAkCdG,OAAO,EAAE,SAACR,OAAAA,CAAAA,GAAD,EAAS;MAChB,IAAI,CAACnC,WAAW,CAACmC,GAAD,CAAZ,IAAqB,CAACnC,WAAW,CAACL,KAAD,CAArC,EACE,OAAA;MACFU,eAAe,CAAC,KAAD,CAAf,CAAA;;AACA,MAAA,IAAIL,WAAW,CAACmC,GAAD,CAAf,EAAsB;AACpB1C,QAAAA,QAAQ,CAACQ,UAAU,CAACkC,GAAD,EAAM,WAAN,CAAX,EAA+B;AAAEF,UAAAA,UAAU,EAAEvB,yBAAK,CAACyB,GAAD,CAAnB;AAA0BD,UAAAA,OAAO,EAAE,OAAA;AAAnC,SAA/B,CAAR,CAAA;AACD,OAFD,MAEO,IAAIlC,WAAW,CAACL,KAAD,CAAf,EAAwB;AAC7BwB,QAAAA,aAAa,CAAClB,UAAU,CAACN,KAAD,CAAX,CAAb,CAAA;AACD,OAFM,MAEA;QACLwB,aAAa,CAAC,EAAD,CAAb,CAAA;AACD,OAAA;AACF,KAAA;GA7CH,CAAA,CAAA;;AA+CA,EAAA,IAAMlC,UAAU,GAAA,aAAA,CAAA,aAAA,CAAA;AACd2D,IAAAA,eAAe,EAAE,IAAA;AADH,GAAA,EAEX5D,mBAFW,CAAA,EAAA,EAAA,EAAA;IAGd6D,YAAY,EAAA,CAAA,qBAAA,GAAE7D,mBAAF,KAAEA,IAAAA,IAAAA,mBAAF,uBAAEA,mBAAmB,CAAE6D,YAAvB,MAAuC,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,qBAAA,GAAA;AAAEC,MAAAA,KAAK,EAAE,MAAA;KAH9C;AAIdC,IAAAA,gBAAgB,EAAEnB,8BAAU,CAAC5C,mBAAD,KAACA,IAAAA,IAAAA,mBAAD,KAACA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAE+D,gBAAtB,EAA2CvE,EAAAA,CAAAA,MAAAA,CAAAA,IAA3C,EAJd,mBAAA,CAAA,CAAA;IAKdwE,eAAe,EAAE,SAACC,eAAAA,CAAAA,OAAD,EAAa;MAC5B5C,eAAe,CAAC4C,OAAD,CAAf,CAAA;;MACA,IAAI,CAACA,OAAL,EAAc;QACZ1C,cAAc,CAAC,KAAD,CAAd,CAAA;AACAY,QAAAA,aAAa,CAAClB,UAAU,CAACN,KAAD,CAAX,CAAb,CAAA;AACD,OAAA;AACF,KAAA;GAXH,CAAA,CAAA;;AAaAuD,EAAAA,eAAS,CAAC,YAAM;IACd,IAAI,CAACvD,KAAL,EAAY;MACVwB,aAAa,CAAC,EAAD,CAAb,CAAA;MACAE,aAAa,CAAC,EAAD,CAAb,CAAA;AACAZ,MAAAA,YAAY,CAACP,UAAU,CAAC,IAAIU,IAAJ,EAAD,CAAX,CAAZ,CAAA;AACA,MAAA,OAAA;AACD,KAAA;;AACD,IAAA,IAAI,CAACZ,WAAW,CAACL,KAAD,EAAQ,WAAR,CAAhB,EACE,OAAA;AACFwB,IAAAA,aAAa,CAAClB,UAAU,CAACN,KAAD,CAAX,CAAb,CAAA;AACA0B,IAAAA,aAAa,CAACpB,UAAU,CAACN,KAAD,CAAX,CAAb,CAAA;AACAc,IAAAA,YAAY,CAACP,UAAU,CAACP,KAAD,CAAX,CAAZ,CAAA;AACD,GAZQ,EAYN,CAACA,KAAD,CAZM,CAAT,CAAA;EAaA,OAAO;AACLoB,IAAAA,IAAI,EAAJA,IADK;AAELJ,IAAAA,KAAK,EAALA,KAFK;AAGLhB,IAAAA,KAAK,EAALA,KAHK;AAILa,IAAAA,SAAS,EAATA,SAJK;AAKLU,IAAAA,UAAU,EAAVA,UALK;AAMLd,IAAAA,YAAY,EAAZA,YANK;AAOLrB,IAAAA,UAAU,EAAVA,UAPK;AAQLE,IAAAA,UAAU,EAAVA,UARK;AASLR,IAAAA,QAAQ,EAARA,QATK;AAUL2C,IAAAA,UAAU,EAAVA,UAVK;AAWL3B,IAAAA,QAAQ,EAARA,QAXK;AAYLwB,IAAAA,OAAO,EAAPA,OAZK;AAaLH,IAAAA,QAAQ,EAARA,QAbK;AAcLL,IAAAA,YAAY,EAAZA,YAdK;AAeLF,IAAAA,cAAc,EAAdA,cAfK;AAgBLY,IAAAA,aAAa,EAAbA,aAhBK;AAiBLd,IAAAA,eAAe,EAAfA,eAjBK;AAkBLgB,IAAAA,aAAa,EAAbA,aAAAA;GAlBF,CAAA;AAoBD;;;;"}
+{"version":3,"file":"useSingle.js","sources":["../../../src/date-picker/hooks/useSingle.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { CalendarIcon } from 'tdesign-icons-react';\nimport dayjs from 'dayjs';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\nimport { TdDatePickerProps } from '../type';\nimport useFormat from './useFormat';\nimport useSingleValue from './useSingleValue';\n\nexport default function useSingleInput(props: TdDatePickerProps) {\n  const { classPrefix, datePicker: globalDatePickerConfig } = useConfig();\n  const name = `${classPrefix}-date-picker`;\n\n  const inputRef = useRef<HTMLInputElement>();\n\n  const { value, onChange, time, setTime, month, setMonth, year, setYear, cacheValue, setCacheValue } =\n    useSingleValue(props);\n\n  const { isValidDate, formatDate, formatTime } = useFormat({\n    value,\n    mode: props.mode,\n    format: props.format,\n    valueType: props.valueType,\n    enableTimePicker: props.enableTimePicker,\n  });\n\n  const [popupVisible, setPopupVisible] = useState(false);\n  const [isHoverCell, setIsHoverCell] = useState(false);\n  // 未真正选中前可能不断变更输入框的内容\n  const [inputValue, setInputValue] = useState(formatDate(value));\n\n  // input 设置\n  const inputProps = {\n    ...props.inputProps,\n    ref: inputRef,\n    clearable: props.clearable,\n    prefixIcon: props.prefixIcon,\n    readonly: !props.allowInput,\n    placeholder: props.placeholder ?? globalDatePickerConfig.placeholder[props.mode],\n    suffixIcon: props.suffixIcon ?? <CalendarIcon />,\n    className: classNames({\n      [`${name}__input--placeholder`]: isHoverCell,\n    }),\n    onClear: ({ e }) => {\n      e.stopPropagation();\n      setPopupVisible(false);\n      onChange('', { dayjsValue: dayjs(''), trigger: 'clear' });\n    },\n    onBlur: (val: string, { e }) => {\n      props.onBlur?.({ value: val, e });\n    },\n    onFocus: (_: string, { e }) => {\n      props.onFocus?.({ value, e });\n    },\n    onChange: (val: string, { e }) => {\n      props.onInput?.({ input: val, value, e });\n\n      // 输入事件\n      setInputValue(val);\n\n      // 跳过不符合格式化的输入框内容\n      if (!isValidDate(val)) return;\n      const newMonth = dayjs(val).month();\n      const newYear = dayjs(val).year();\n      const newTime = formatTime(val);\n      !Number.isNaN(newYear) && setYear(newYear);\n      !Number.isNaN(newMonth) && setMonth(newMonth);\n      !Number.isNaN(newTime) && setTime(newTime);\n    },\n    onEnter: (val: string) => {\n      if (!isValidDate(val) && !isValidDate(value)) return;\n\n      setPopupVisible(false);\n      if (isValidDate(val)) {\n        onChange(formatDate(val, { formatType: 'valueType' }), { dayjsValue: dayjs(val), trigger: 'enter' });\n      } else if (isValidDate(value)) {\n        setInputValue(formatDate(value));\n      } else {\n        setInputValue('');\n      }\n    },\n  };\n\n  // popup 设置\n  const popupProps = {\n    expandAnimation: true,\n    ...props.popupProps,\n    overlayStyle: props.popupProps?.overlayStyle ?? { width: 'auto' },\n    overlayClassName: classNames(props.popupProps?.overlayClassName, `${name}__panel-container`),\n    onVisibleChange: (visible: boolean) => {\n      setPopupVisible(visible);\n      if (!visible) {\n        setIsHoverCell(false);\n        setInputValue(formatDate(value));\n      }\n    },\n  };\n\n  // 输入框响应 value 变化\n  useEffect(() => {\n    if (!value) {\n      setInputValue('');\n      return;\n    }\n    if (!isValidDate(value, 'valueType')) return;\n\n    setInputValue(formatDate(value));\n    // eslint-disable-next-line\n  }, [value]);\n\n  return {\n    year,\n    month,\n    value,\n    time,\n    inputValue,\n    popupVisible,\n    inputProps,\n    popupProps,\n    inputRef,\n    cacheValue,\n    onChange,\n    setYear,\n    setMonth,\n    setTime,\n    setIsHoverCell,\n    setInputValue,\n    setPopupVisible,\n    setCacheValue,\n  };\n}\n"],"names":["useSingleInput","props","useConfig","classPrefix","globalDatePickerConfig","datePicker","name","inputRef","useRef","useSingleValue","value","onChange","time","setTime","month","setMonth","year","setYear","cacheValue","setCacheValue","useFormat","mode","format","valueType","enableTimePicker","isValidDate","formatDate","formatTime","useState","_slicedToArray","popupVisible","setPopupVisible","isHoverCell","setIsHoverCell","inputValue","setInputValue","inputProps","ref","clearable","prefixIcon","readonly","allowInput","placeholder","suffixIcon","React","createElement","CalendarIcon","className","classNames","_defineProperty","onClear","e","stopPropagation","dayjsValue","dayjs","trigger","onBlur","val","onFocus","_","onInput","input","newMonth","newYear","newTime","Number","isNaN","onEnter","formatType","popupProps","expandAnimation","overlayStyle","width","overlayClassName","onVisibleChange","visible","useEffect"],"mappings":"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"}

package/lib/date-picker/hooks/useSingleValue.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TdDatePickerProps } from '../type';
+export default function useSingleValue(props: TdDatePickerProps): {
+    year: number;
+    month: number;
+    value: string;
+    time: any;
+    cacheValue: any;
+    onChange: import("../../hooks/useControlled").ChangeHandler<string, any>;
+    setYear: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setMonth: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setTime: import("react").Dispatch<any>;
+    setCacheValue: import("react").Dispatch<any>;
+};

package/lib/date-picker/hooks/useSingleValue.js

@@ -0,0 +1,106 @@
+/**
+ * tdesign v0.34.4
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../../_chunks/dep-3cf9becb.js');
+var React = require('react');
+var dayjs = require('dayjs');
+var datePicker_hooks_useFormat = require('./useFormat.js');
+var hooks_useControlled = require('../../hooks/useControlled.js');
+require('../../_chunks/dep-19841e1d.js');
+require('../../_common/js/date-picker/utils-new.js');
+require('../../_chunks/dep-e9185c09.js');
+require('../../_chunks/dep-6dfb2577.js');
+require('../../_chunks/dep-c6637e11.js');
+require('../../_chunks/dep-3405bda4.js');
+require('../../_chunks/dep-c40d75ac.js');
+require('../../_chunks/dep-633a5671.js');
+require('../../_chunks/dep-e266830c.js');
+require('../../_chunks/dep-fcf32c81.js');
+require('../../_chunks/dep-15a4424e.js');
+require('../../_chunks/dep-9c339ffc.js');
+require('../../_chunks/dep-542cc308.js');
+require('../../_chunks/dep-d97f1281.js');
+require('../../_chunks/dep-e19f22f6.js');
+require('../../_chunks/dep-cb0f33ac.js');
+require('../../_chunks/dep-b1a67107.js');
+require('../../_chunks/dep-f3090217.js');
+require('../../_chunks/dep-d4a0b3f0.js');
+require('../../_chunks/dep-86abec96.js');
+require('../../_chunks/dep-c90cc28f.js');
+require('../../_util/noop.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+function useSingleValue(props) {
+  var _useControlled = hooks_useControlled["default"](props, "value", props.onChange),
+      _useControlled2 = slicedToArray._slicedToArray(_useControlled, 2),
+      value = _useControlled2[0],
+      onChange = _useControlled2[1];
+
+  var _useFormat = datePicker_hooks_useFormat["default"]({
+    value: value,
+    mode: props.mode,
+    format: props.format,
+    valueType: props.valueType,
+    enableTimePicker: props.enableTimePicker
+  }),
+      isValidDate = _useFormat.isValidDate,
+      formatDate = _useFormat.formatDate,
+      formatTime = _useFormat.formatTime;
+
+  var _useState = React.useState(formatTime(value)),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      time = _useState2[0],
+      setTime = _useState2[1];
+
+  var _useState3 = React.useState(dayjs__default["default"](value).month() || new Date().getMonth()),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      month = _useState4[0],
+      setMonth = _useState4[1];
+
+  var _useState5 = React.useState(dayjs__default["default"](value).year() || new Date().getFullYear()),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      year = _useState6[0],
+      setYear = _useState6[1];
+
+  var _useState7 = React.useState(formatDate(value)),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      cacheValue = _useState8[0],
+      setCacheValue = _useState8[1];
+
+  React.useEffect(function () {
+    if (!value) {
+      setCacheValue("");
+      setTime(formatTime(new Date()));
+      return;
+    }
+
+    if (!isValidDate(value, "valueType")) return;
+    setCacheValue(formatDate(value));
+    setTime(formatTime(value));
+  }, [value]);
+  return {
+    year: year,
+    month: month,
+    value: value,
+    time: time,
+    cacheValue: cacheValue,
+    onChange: onChange,
+    setYear: setYear,
+    setMonth: setMonth,
+    setTime: setTime,
+    setCacheValue: setCacheValue
+  };
+}
+
+exports["default"] = useSingleValue;
+//# sourceMappingURL=useSingleValue.js.map

package/lib/date-picker/hooks/useSingleValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSingleValue.js","sources":["../../../src/date-picker/hooks/useSingleValue.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport dayjs from 'dayjs';\nimport useFormat from './useFormat';\nimport useControlled from '../../hooks/useControlled';\nimport { TdDatePickerProps } from '../type';\n\nexport default function useSingleValue(props: TdDatePickerProps) {\n  const [value, onChange] = useControlled<string, any>(props, 'value', props.onChange);\n  const { isValidDate, formatDate, formatTime } = useFormat({\n    value,\n    mode: props.mode,\n    format: props.format,\n    valueType: props.valueType,\n    enableTimePicker: props.enableTimePicker,\n  });\n\n  const [time, setTime] = useState(formatTime(value));\n  const [month, setMonth] = useState<number>(dayjs(value).month() || new Date().getMonth());\n  const [year, setYear] = useState<number>(dayjs(value).year() || new Date().getFullYear());\n  const [cacheValue, setCacheValue] = useState(formatDate(value)); // 缓存选中值，panel 点击时更改\n\n  // 输入框响应 value 变化\n  useEffect(() => {\n    if (!value) {\n      setCacheValue('');\n      setTime(formatTime(new Date()));\n      return;\n    }\n    if (!isValidDate(value, 'valueType')) return;\n\n    setCacheValue(formatDate(value));\n    setTime(formatTime(value));\n    // eslint-disable-next-line\n  }, [value]);\n\n  return {\n    year,\n    month,\n    value,\n    time,\n    cacheValue,\n    onChange,\n    setYear,\n    setMonth,\n    setTime,\n    setCacheValue,\n  };\n}\n"],"names":["useSingleValue","props","useControlled","onChange","_slicedToArray","value","useFormat","mode","format","valueType","enableTimePicker","isValidDate","formatDate","formatTime","useState","time","setTime","dayjs","month","Date","getMonth","setMonth","year","getFullYear","setYear","cacheValue","setCacheValue","useEffect"],"mappings":"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"}

package/lib/date-picker/{panel → hooks}/useTableData.d.ts

@@ -1,5 +1,5 @@
-import type { DatePickerPanelProps } from './DatePickerPanel';
-export interface TableDataProps extends DatePickerPanelProps {
+import type { SinglePanelProps } from '../panel/SinglePanel';
+export interface TableDataProps extends SinglePanelProps {
     isRange?: Boolean;
     start: Date | undefined;
     end?: Date | undefined;

package/lib/date-picker/hooks/useTableData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableData.js","sources":["../../../src/date-picker/hooks/useTableData.tsx"],"sourcesContent":["import { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport { getWeeks, getYears, getMonths, flagActive } from '../../_common/js/date-picker/utils-new';\nimport type { SinglePanelProps } from '../panel/SinglePanel';\n\nexport interface TableDataProps extends SinglePanelProps {\n  isRange?: Boolean;\n  start: Date | undefined;\n  end?: Date | undefined;\n  hoverStart?: Date | undefined;\n  hoverEnd?: Date | undefined;\n  minDate: Date | null;\n  maxDate: Date | null;\n}\n\nexport default function useTableData(props: TableDataProps) {\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('datePicker');\n  const monthLocal: string[] = t(local.months);\n\n  const {\n    start,\n    end,\n    hoverStart,\n    hoverEnd,\n    year,\n    month,\n    mode,\n    firstDayOfWeek,\n    disableDate,\n    minDate,\n    maxDate,\n    isRange,\n  } = props;\n\n  // 列表数据\n  let data = [];\n\n  const options = {\n    minDate,\n    maxDate,\n    disableDate,\n    firstDayOfWeek,\n    monthLocal,\n  };\n\n  if (mode === 'date') {\n    data = getWeeks({ year, month }, options);\n  } else if (mode === 'month') {\n    data = getMonths(year, options);\n  } else if (mode === 'year') {\n    data = getYears(year, options);\n  }\n\n  return flagActive(data, { start, end, hoverStart, hoverEnd, type: mode, isRange });\n}\n"],"names":["useTableData","props","useLocaleReceiver","_slicedToArray","local","t","monthLocal","months","start","end","hoverStart","hoverEnd","year","month","mode","firstDayOfWeek","disableDate","minDate","maxDate","isRange","data","options","getWeeks","getMonths","getYears","flagActive","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,YAAT,CAAsBC,KAAtB,EAA6B;EAC1C,IAAmBC,kBAAAA,GAAAA,sCAAiB,CAAC,YAAD,CAApC;AAAA,MAAA,mBAAA,GAAAC,4BAAA,CAAA,kBAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,KAAP,GAAA,mBAAA,CAAA,CAAA,CAAA;AAAA,MAAcC,CAAd,GAAA,mBAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAMC,UAAU,GAAGD,CAAC,CAACD,KAAK,CAACG,MAAP,CAApB,CAAA;AACA,EAAA,IACEC,KADF,GAaIP,KAbJ,CACEO,KADF;AAAA,MAEEC,GAFF,GAaIR,KAbJ,CAEEQ,GAFF;AAAA,MAGEC,UAHF,GAaIT,KAbJ,CAGES,UAHF;AAAA,MAIEC,QAJF,GAaIV,KAbJ,CAIEU,QAJF;AAAA,MAKEC,IALF,GAaIX,KAbJ,CAKEW,IALF;AAAA,MAMEC,KANF,GAaIZ,KAbJ,CAMEY,KANF;AAAA,MAOEC,IAPF,GAaIb,KAbJ,CAOEa,IAPF;AAAA,MAQEC,cARF,GAaId,KAbJ,CAQEc,cARF;AAAA,MASEC,WATF,GAaIf,KAbJ,CASEe,WATF;AAAA,MAUEC,OAVF,GAaIhB,KAbJ,CAUEgB,OAVF;AAAA,MAWEC,OAXF,GAaIjB,KAbJ,CAWEiB,OAXF;AAAA,MAYEC,OAZF,GAaIlB,KAbJ,CAYEkB,OAZF,CAAA;EAcA,IAAIC,IAAI,GAAG,EAAX,CAAA;AACA,EAAA,IAAMC,OAAO,GAAG;AACdJ,IAAAA,OAAO,EAAPA,OADc;AAEdC,IAAAA,OAAO,EAAPA,OAFc;AAGdF,IAAAA,WAAW,EAAXA,WAHc;AAIdD,IAAAA,cAAc,EAAdA,cAJc;AAKdT,IAAAA,UAAU,EAAVA,UAAAA;GALF,CAAA;;EAOA,IAAIQ,IAAI,KAAK,MAAb,EAAqB;IACnBM,IAAI,GAAGE,uCAAQ,CAAC;AAAEV,MAAAA,IAAI,EAAJA,IAAF;AAAQC,MAAAA,KAAK,EAALA,KAAAA;KAAT,EAAkBQ,OAAlB,CAAf,CAAA;AACD,GAFD,MAEO,IAAIP,IAAI,KAAK,OAAb,EAAsB;AAC3BM,IAAAA,IAAI,GAAGG,wCAAS,CAACX,IAAD,EAAOS,OAAP,CAAhB,CAAA;AACD,GAFM,MAEA,IAAIP,IAAI,KAAK,MAAb,EAAqB;AAC1BM,IAAAA,IAAI,GAAGI,uCAAQ,CAACZ,IAAD,EAAOS,OAAP,CAAf,CAAA;AACD,GAAA;;EACD,OAAOI,yCAAU,CAACL,IAAD,EAAO;AAAEZ,IAAAA,KAAK,EAALA,KAAF;AAASC,IAAAA,GAAG,EAAHA,GAAT;AAAcC,IAAAA,UAAU,EAAVA,UAAd;AAA0BC,IAAAA,QAAQ,EAARA,QAA1B;AAAoCe,IAAAA,IAAI,EAAEZ,IAA1C;AAAgDK,IAAAA,OAAO,EAAPA,OAAAA;AAAhD,GAAP,CAAjB,CAAA;AACD;;;;"}

package/lib/date-picker/index.d.ts

@@ -2,27 +2,11 @@
 import './style/index.js';
 export type { DatePickerProps } from './DatePicker';
 export type { DateRangePickerProps } from './DateRangePicker';
-export type { DatePickerPanelProps } from './panel/DatePickerPanel';
-export type { DateRangePickerPanelProps } from './panel/DateRangePickerPanel';
+export type { DatePickerPanelProps } from './DatePickerPanel';
+export type { DateRangePickerPanelProps } from './DateRangePickerPanel';
 export * from './type';
 export declare const DatePicker: import("react").ForwardRefExoticComponent<import("./DatePicker").DatePickerProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const DateRangePicker: import("react").ForwardRefExoticComponent<import("./DateRangePicker").DateRangePickerProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DatePickerPanel: {
-    (props: import("./panel/DatePickerPanel").DatePickerPanelProps): JSX.Element;
-    displayName: string;
-    defaultProps: {
-        mode: string;
-        enableTimePicker: boolean;
-        presetsPlacement: string;
-    };
-};
-export declare const DateRangePickerPanel: {
-    (props: import("./panel/DateRangePickerPanel").DateRangePickerPanelProps): JSX.Element;
-    displayName: string;
-    defaultProps: {
-        mode: string;
-        enableTimePicker: boolean;
-        presetsPlacement: string;
-    };
-};
+export declare const DatePickerPanel: import("react").ForwardRefExoticComponent<import("./DatePickerPanel").DatePickerPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DateRangePickerPanel: import("react").ForwardRefExoticComponent<import("./DateRangePickerPanel").DateRangePickerPanelProps & import("react").RefAttributes<HTMLDivElement>>;
 export default DatePicker;

package/lib/date-picker/index.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var datePicker_DatePicker = require('./DatePicker.js');
 var datePicker_DateRangePicker = require('./DateRangePicker.js');
-var datePicker_panel_DatePickerPanel = require('./panel/DatePickerPanel.js');
-var datePicker_panel_DateRangePickerPanel = require('./panel/DateRangePickerPanel.js');
+var datePicker_DatePickerPanel = require('./DatePickerPanel.js');
+var datePicker_DateRangePickerPanel = require('./DateRangePickerPanel.js');
 require('../_chunks/dep-a1655de1.js');
 require('react');
 require('classnames');
@@ -113,17 +113,7 @@ require('../tag-input/useHover.js');
 require('../tag-input/defaultProps.js');
 require('../select-input/useOverlayStyle.js');
 require('../select-input/defaultProps.js');
-require('./hooks/useSingle.js');
-require('./hooks/useFormat.js');
-require('../_common/js/date-picker/utils-new.js');
-require('../_chunks/dep-e9185c09.js');
-require('../_chunks/dep-d97f1281.js');
-require('./defaultProps.js');
-require('../range-input/index.js');
-require('../range-input/RangeInput.js');
-require('../range-input/defaultProps.js');
-require('../range-input/RangeInputPopup.js');
-require('./hooks/useRange.js');
+require('./panel/SinglePanel.js');
 require('./panel/PanelContent.js');
 require('./base/Header.js');
 require('../select/index.js');
@@ -144,21 +134,35 @@ require('../button/Button.js');
 require('../button/defaultProps.js');
 require('./base/Table.js');
 require('./base/Cell.js');
+require('../_common/js/date-picker/utils-new.js');
+require('../_chunks/dep-e9185c09.js');
+require('../_chunks/dep-d97f1281.js');
 require('../time-picker/panel/TimePickerPanel.js');
 require('../_chunks/dep-08a13097.js');
 require('../_chunks/dep-837b19c6.js');
 require('../time-picker/hooks/useTimePickerTextConfig.js');
 require('../_common/js/time-picker/const.js');
 require('../_common/js/time-picker/utils.js');
+require('./hooks/useFormat.js');
 require('./panel/ExtraContent.js');
 require('./base/Footer.js');
-require('./panel/useTableData.js');
+require('./hooks/useTableData.js');
 require('./hooks/useDisableDate.js');
+require('./hooks/useSingle.js');
+require('./hooks/useSingleValue.js');
+require('./defaultProps.js');
+require('../range-input/index.js');
+require('../range-input/RangeInput.js');
+require('../range-input/defaultProps.js');
+require('../range-input/RangeInputPopup.js');
+require('./panel/RangePanel.js');
+require('./hooks/useRange.js');
+require('./hooks/useRangeValue.js');
 
 var DatePicker = datePicker_DatePicker["default"];
 var DateRangePicker = datePicker_DateRangePicker["default"];
-var DatePickerPanel = datePicker_panel_DatePickerPanel["default"];
-var DateRangePickerPanel = datePicker_panel_DateRangePickerPanel["default"];
+var DatePickerPanel = datePicker_DatePickerPanel["default"];
+var DateRangePickerPanel = datePicker_DateRangePickerPanel["default"];
 
 exports.DatePicker = DatePicker;
 exports.DatePickerPanel = DatePickerPanel;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import _DatePicker from './DatePicker';\nimport _DateRangePicker from './DateRangePicker';\nimport _DatePickerPanel from './panel/DatePickerPanel';\nimport _DateRangePickerPanel from './panel/DateRangePickerPanel';\n\nimport './style/index.js';\n\nexport type { DatePickerProps } from './DatePicker';\nexport type { DateRangePickerProps } from './DateRangePicker';\nexport type { DatePickerPanelProps } from './panel/DatePickerPanel';\nexport type { DateRangePickerPanelProps } from './panel/DateRangePickerPanel';\nexport * from './type';\n\nexport const DatePicker = _DatePicker;\nexport const DateRangePicker = _DateRangePicker;\nexport const DatePickerPanel = _DatePickerPanel;\nexport const DateRangePickerPanel = _DateRangePickerPanel;\n\nexport default DatePicker;\n"],"names":["DatePicker","_DatePicker","DateRangePicker","_DateRangePicker","DatePickerPanel","_DatePickerPanel","DateRangePickerPanel","_DateRangePickerPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,UAAU,GAAGC,iCAAnB;AACA,IAAMC,eAAe,GAAGC,sCAAxB;AACA,IAAMC,eAAe,GAAGC,4CAAxB;AACA,IAAMC,oBAAoB,GAAGC;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import _DatePicker from './DatePicker';\nimport _DateRangePicker from './DateRangePicker';\nimport _DatePickerPanel from './DatePickerPanel';\nimport _DateRangePickerPanel from './DateRangePickerPanel';\n\nimport './style/index.js';\n\nexport type { DatePickerProps } from './DatePicker';\nexport type { DateRangePickerProps } from './DateRangePicker';\nexport type { DatePickerPanelProps } from './DatePickerPanel';\nexport type { DateRangePickerPanelProps } from './DateRangePickerPanel';\nexport * from './type';\n\nexport const DatePicker = _DatePicker;\nexport const DateRangePicker = _DateRangePicker;\nexport const DatePickerPanel = _DatePickerPanel;\nexport const DateRangePickerPanel = _DateRangePickerPanel;\n\nexport default DatePicker;\n"],"names":["DatePicker","_DatePicker","DateRangePicker","_DateRangePicker","DatePickerPanel","_DatePickerPanel","DateRangePickerPanel","_DateRangePickerPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,UAAU,GAAGC,iCAAnB;AACA,IAAMC,eAAe,GAAGC,sCAAxB;AACA,IAAMC,eAAe,GAAGC,sCAAxB;AACA,IAAMC,oBAAoB,GAAGC;;;;;;;;"}

package/lib/date-picker/panel/ExtraContent.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { DatePickerPanelProps } from './DatePickerPanel';
+import type { SinglePanelProps } from './SinglePanel';
 import type { TdDatePickerProps, TdDateRangePickerProps, DateValue } from '../type';
-export interface ExtraContentProps extends Pick<DatePickerPanelProps, 'enableTimePicker' | 'presetsPlacement' | 'onPresetClick' | 'onConfirmClick'> {
+export interface ExtraContentProps extends Pick<SinglePanelProps, 'enableTimePicker' | 'presetsPlacement' | 'onPresetClick' | 'onConfirmClick'> {
     selectedValue?: DateValue;
     presets?: TdDatePickerProps['presets'] | TdDateRangePickerProps['presets'];
 }

package/lib/date-picker/panel/ExtraContent.js

@@ -10,11 +10,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var datePicker_base_Footer = require('../base/Footer.js');
+require('../../_chunks/dep-a1655de1.js');
 require('../../_chunks/dep-3cf9becb.js');
 require('../../_chunks/dep-19841e1d.js');
 require('classnames');
 require('../../locale/LocalReceiver.js');
-require('../../_chunks/dep-a1655de1.js');
 require('../../_chunks/dep-b15f51d2.js');
 require('../../_chunks/dep-acf33b68.js');
 require('../../_chunks/dep-3b69722d.js');

package/lib/date-picker/panel/ExtraContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtraContent.js","sources":["../../../src/date-picker/panel/ExtraContent.tsx"],"sourcesContent":["import React from 'react';\nimport DateFooter from '../base/Footer';\nimport type { DatePickerPanelProps } from './DatePickerPanel';\nimport type { TdDatePickerProps, TdDateRangePickerProps, DateValue } from '../type';\n\nexport interface ExtraContentProps\n  extends Pick<DatePickerPanelProps, 'enableTimePicker' | 'presetsPlacement' | 'onPresetClick' | 'onConfirmClick'> {\n  selectedValue?: DateValue;\n  presets?: TdDatePickerProps['presets'] | TdDateRangePickerProps['presets'];\n}\n\nexport default function ExtraContent(props: ExtraContentProps) {\n  const { presets, enableTimePicker, presetsPlacement, onPresetClick, onConfirmClick, selectedValue } = props;\n\n  const showPanelFooter = enableTimePicker || presets;\n\n  return showPanelFooter ? (\n    <DateFooter\n      presets={presets}\n      onPresetClick={onPresetClick}\n      enableTimePicker={enableTimePicker}\n      onConfirmClick={onConfirmClick}\n      presetsPlacement={presetsPlacement}\n      selectedValue={selectedValue}\n    />\n  ) : null;\n}\n"],"names":["ExtraContent","props","presets","enableTimePicker","presetsPlacement","onPresetClick","onConfirmClick","selectedValue","showPanelFooter","React","createElement","DateFooter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,YAAT,CAAsBC,KAAtB,EAA6B;AAC1C,EAAA,IAAQC,OAAR,GAAsGD,KAAtG,CAAQC,OAAR;AAAA,MAAiBC,gBAAjB,GAAsGF,KAAtG,CAAiBE,gBAAjB;AAAA,MAAmCC,gBAAnC,GAAsGH,KAAtG,CAAmCG,gBAAnC;AAAA,MAAqDC,aAArD,GAAsGJ,KAAtG,CAAqDI,aAArD;AAAA,MAAoEC,cAApE,GAAsGL,KAAtG,CAAoEK,cAApE;AAAA,MAAoFC,aAApF,GAAsGN,KAAtG,CAAoFM,aAApF,CAAA;AACA,EAAA,IAAMC,eAAe,GAAGL,gBAAgB,IAAID,OAA5C,CAAA;EACA,OAAOM,eAAe,kBAAmBC,yBAAK,CAACC,aAAN,CAAoBC,iCAApB,EAAgC;AACvET,IAAAA,OAAO,EAAPA,OADuE;AAEvEG,IAAAA,aAAa,EAAbA,aAFuE;AAGvEF,IAAAA,gBAAgB,EAAhBA,gBAHuE;AAIvEG,IAAAA,cAAc,EAAdA,cAJuE;AAKvEF,IAAAA,gBAAgB,EAAhBA,gBALuE;AAMvEG,IAAAA,aAAa,EAAbA,aAAAA;GANuC,CAAnB,GAOjB,IAPL,CAAA;AAQD;;;;"}
+{"version":3,"file":"ExtraContent.js","sources":["../../../src/date-picker/panel/ExtraContent.tsx"],"sourcesContent":["import React from 'react';\nimport DateFooter from '../base/Footer';\nimport type { SinglePanelProps } from './SinglePanel';\nimport type { TdDatePickerProps, TdDateRangePickerProps, DateValue } from '../type';\n\nexport interface ExtraContentProps\n  extends Pick<SinglePanelProps, 'enableTimePicker' | 'presetsPlacement' | 'onPresetClick' | 'onConfirmClick'> {\n  selectedValue?: DateValue;\n  presets?: TdDatePickerProps['presets'] | TdDateRangePickerProps['presets'];\n}\n\nexport default function ExtraContent(props: ExtraContentProps) {\n  const { presets, enableTimePicker, presetsPlacement, onPresetClick, onConfirmClick, selectedValue } = props;\n\n  const showPanelFooter = enableTimePicker || presets;\n\n  return showPanelFooter ? (\n    <DateFooter\n      presets={presets}\n      onPresetClick={onPresetClick}\n      enableTimePicker={enableTimePicker}\n      onConfirmClick={onConfirmClick}\n      presetsPlacement={presetsPlacement}\n      selectedValue={selectedValue}\n    />\n  ) : null;\n}\n"],"names":["ExtraContent","props","presets","enableTimePicker","presetsPlacement","onPresetClick","onConfirmClick","selectedValue","showPanelFooter","React","createElement","DateFooter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,YAAT,CAAsBC,KAAtB,EAA6B;AAC1C,EAAA,IAAQC,OAAR,GAAsGD,KAAtG,CAAQC,OAAR;AAAA,MAAiBC,gBAAjB,GAAsGF,KAAtG,CAAiBE,gBAAjB;AAAA,MAAmCC,gBAAnC,GAAsGH,KAAtG,CAAmCG,gBAAnC;AAAA,MAAqDC,aAArD,GAAsGJ,KAAtG,CAAqDI,aAArD;AAAA,MAAoEC,cAApE,GAAsGL,KAAtG,CAAoEK,cAApE;AAAA,MAAoFC,aAApF,GAAsGN,KAAtG,CAAoFM,aAApF,CAAA;AACA,EAAA,IAAMC,eAAe,GAAGL,gBAAgB,IAAID,OAA5C,CAAA;EACA,OAAOM,eAAe,kBAAmBC,yBAAK,CAACC,aAAN,CAAoBC,iCAApB,EAAgC;AACvET,IAAAA,OAAO,EAAPA,OADuE;AAEvEG,IAAAA,aAAa,EAAbA,aAFuE;AAGvEF,IAAAA,gBAAgB,EAAhBA,gBAHuE;AAIvEG,IAAAA,cAAc,EAAdA,cAJuE;AAKvEF,IAAAA,gBAAgB,EAAhBA,gBALuE;AAMvEG,IAAAA,aAAa,EAAbA,aAAAA;GANuC,CAAnB,GAOjB,IAPL,CAAA;AAQD;;;;"}