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

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

@@ -11,8 +11,8 @@ import { CalendarIcon } from 'tdesign-icons-react';
 import dayjs from 'dayjs';
 import classNames from 'classnames';
 import useConfig from '../../_util/useConfig.js';
-import useControlled from '../../hooks/useControlled.js';
 import useFormat from './useFormat.js';
+import useSingleValue from './useSingleValue.js';
 import '../../_chunks/dep-0e5be0b2.js';
 import '../../_chunks/dep-555da20c.js';
 import '../../_chunks/dep-12690e1d.js';
@@ -40,22 +40,23 @@ import '../../_chunks/dep-67009882.js';
 import '../../locale/zh_CN.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
 import '../../config-provider/zh_CN_config.js';
-import '../../_chunks/dep-0db6b692.js';
-import '../../_chunks/dep-6d2697ef.js';
-import '../../_chunks/dep-42701b6c.js';
-import '../../_chunks/dep-e8f6f682.js';
-import '../../_chunks/dep-863396c0.js';
-import '../../_util/noop.js';
 import '../../_common/js/date-picker/utils-new.js';
 import '../../_chunks/dep-3d09d1f3.js';
+import '../../_chunks/dep-42701b6c.js';
 import '../../_chunks/dep-87214e71.js';
 import '../../_chunks/dep-5ed520e8.js';
+import '../../_chunks/dep-863396c0.js';
+import '../../hooks/useControlled.js';
+import '../../_chunks/dep-0db6b692.js';
+import '../../_chunks/dep-6d2697ef.js';
+import '../../_chunks/dep-e8f6f682.js';
+import '../../_util/noop.js';
 
 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(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 = useConfig(),
       classPrefix = _useConfig.classPrefix,
@@ -63,27 +64,22 @@ function useSingle(props) {
 
   var name = "".concat(classPrefix, "-date-picker");
   var inputRef = 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 = useControlled(props, "value", props.onChange),
-      _useControlled2 = _slicedToArray(_useControlled, 2),
-      value = _useControlled2[0],
-      onChange = _useControlled2[1];
+
+  var _useSingleValue = useSingleValue(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 = useFormat({
     value: value,
-    mode: mode,
+    mode: props.mode,
     format: props.format,
     valueType: props.valueType,
     enableTimePicker: props.enableTimePicker
@@ -102,38 +98,18 @@ function useSingle(props) {
       isHoverCell = _useState4[0],
       setIsHoverCell = _useState4[1];
 
-  var _useState5 = useState(formatTime(value)),
+  var _useState5 = useState(formatDate(value)),
       _useState6 = _slicedToArray(_useState5, 2),
-      timeValue = _useState6[0],
-      setTimeValue = _useState6[1];
-
-  var _useState7 = useState(dayjs(value).month() || new Date().getMonth()),
-      _useState8 = _slicedToArray(_useState7, 2),
-      month = _useState8[0],
-      setMonth = _useState8[1];
-
-  var _useState9 = useState(dayjs(value).year() || new Date().getFullYear()),
-      _useState10 = _slicedToArray(_useState9, 2),
-      year = _useState10[0],
-      setYear = _useState10[1];
-
-  var _useState11 = useState(formatDate(value)),
-      _useState12 = _slicedToArray(_useState11, 2),
-      inputValue = _useState12[0],
-      setInputValue = _useState12[1];
-
-  var _useState13 = useState(formatDate(value)),
-      _useState14 = _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.createElement(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.createElement(CalendarIcon, null),
     className: classNames(_defineProperty({}, "".concat(name, "__input--placeholder"), isHoverCell)),
     onClear: function onClear(_ref) {
       var e = _ref.e;
@@ -145,22 +121,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
@@ -172,14 +154,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(val),
           trigger: "enter"
         });
@@ -193,11 +177,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(popupPropsFromProps === null || popupPropsFromProps === void 0 ? void 0 : popupPropsFromProps.overlayClassName, "".concat(name, "__panel-container")),
+    overlayClassName: classNames((_props$popupProps2 = props.popupProps) === null || _props$popupProps2 === void 0 ? void 0 : _props$popupProps2.overlayClassName, "".concat(name, "__panel-container")),
     onVisibleChange: function onVisibleChange(visible) {
       setPopupVisible(visible);
 
@@ -211,21 +195,17 @@ function useSingle(props) {
   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,
@@ -235,7 +215,7 @@ function useSingle(props) {
     onChange: onChange,
     setYear: setYear,
     setMonth: setMonth,
-    setTimeValue: setTimeValue,
+    setTime: setTime,
     setIsHoverCell: setIsHoverCell,
     setInputValue: setInputValue,
     setPopupVisible: setPopupVisible,
@@ -243,5 +223,5 @@ function useSingle(props) {
   };
 }
 
-export { useSingle as default };
+export { useSingleInput as default };
 //# sourceMappingURL=useSingle.js.map

package/esm/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","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","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,SAAS,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,MAAM,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,aAAa,CAACrB,KAAD,EAAQ,OAAR,EAAiBA,KAAK,CAACsB,QAAvB,CAAvC;AAAA,MAAA,eAAA,GAAA,cAAA,CAAA,cAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,KAAP,GAAA,eAAA,CAAA,CAAA,CAAA;AAAA,MAAcD,QAAd,GAAA,eAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAAgDE,SAAS,CAAC;AACxDD,IAAAA,KAAK,EAALA,KADwD;AAExDf,IAAAA,IAAI,EAAJA,IAFwD;IAGxDiB,MAAM,EAAEzB,KAAK,CAACyB,MAH0C;IAIxDC,SAAS,EAAE1B,KAAK,CAAC0B,SAJuC;IAKxDC,gBAAgB,EAAE3B,KAAK,CAAC2B,gBAAAA;AALgC,GAAD,CAAzD;MAAQC,WAAR,cAAQA,WAAR;MAAqBC,UAArB,cAAqBA,UAArB;MAAiCC,UAAjC,cAAiCA,UAAjC,CAAA;;EAOA,IAAwCC,SAAAA,GAAAA,QAAQ,CAAC,KAAD,CAAhD;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,YAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAqBC,eAArB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAAsCF,UAAAA,GAAAA,QAAQ,CAAC,KAAD,CAA9C;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOG,WAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAoBC,cAApB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAAkCJ,QAAQ,CAACD,UAAU,CAACP,KAAD,CAAX,CAA1C;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOa,SAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAkBC,YAAlB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAA0BN,QAAQ,CAACO,KAAK,CAACf,KAAD,CAAL,CAAagB,KAAb,EAAA,IAAwB,IAAIC,IAAJ,EAAWC,CAAAA,QAAX,EAAzB,CAAlC;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOF,KAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAcG,QAAd,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAAwBX,QAAQ,CAACO,KAAK,CAACf,KAAD,CAAL,CAAaoB,IAAb,EAAA,IAAuB,IAAIH,IAAJ,EAAWI,CAAAA,WAAX,EAAxB,CAAhC;AAAA,MAAA,WAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOD,IAAP,GAAA,WAAA,CAAA,CAAA,CAAA;AAAA,MAAaE,OAAb,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,WAAA,GAAoCd,QAAQ,CAACF,UAAU,CAACN,KAAD,CAAX,CAA5C;AAAA,MAAA,WAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,MAAOuB,UAAP,GAAA,WAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,aAAnB,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,WAAA,GAAoChB,QAAQ,CAACF,UAAU,CAACN,KAAD,CAAX,CAA5C;AAAA,MAAA,WAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,MAAOyB,UAAP,GAAA,WAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,aAAnB,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAAMrC,UAAU,mCACXD,mBADW,CAAA,EAAA,EAAA,EAAA;AAEduC,IAAAA,GAAG,EAAE5C,QAFS;AAGdU,IAAAA,SAAS,EAATA,SAHc;AAIdP,IAAAA,UAAU,EAAVA,UAJc;IAKd0C,QAAQ,EAAE,CAACpC,UALG;AAMdE,IAAAA,WAAW,EAAXA,WANc;IAOdP,UAAU,EAAEA,UAAU,mBAAoB0C,KAAK,CAACC,aAAN,CAAoBC,YAApB,EAAkC,IAAlC,CAP5B;AAQdC,IAAAA,SAAS,EAAEC,UAAU,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,CAAA,MAAA,CACfnD,IADe,EAAA,sBAAA,CAAA,EACc6B,WADd,CARP,CAAA;AAWduB,IAAAA,OAAO,EAAE,SAAW,OAAA,CAAA,IAAA,EAAA;MAAA,IAARC,CAAQ,QAARA,CAAQ,CAAA;AAClBA,MAAAA,CAAC,CAACC,eAAF,EAAA,CAAA;MACA1B,eAAe,CAAC,KAAD,CAAf,CAAA;MACAX,QAAQ,CAAC,EAAD,EAAK;AAAEsC,QAAAA,UAAU,EAAEtB,KAAK,CAAC,EAAD,CAAnB;AAAyBuB,QAAAA,OAAO,EAAE,OAAA;AAAlC,OAAL,CAAR,CAAA;KAdY;IAgBd3C,MAAM,EAAE,SAAC4C,MAAAA,CAAAA,GAAD,EAAgB,KAAA,EAAA;MAAA,IAARJ,CAAQ,SAARA,CAAQ,CAAA;AACtBxC,MAAAA,OAAM,SAAN,IAAAA,OAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAM,CAAG;AAAEK,QAAAA,KAAK,EAAEuC,GAAT;AAAcJ,QAAAA,CAAC,EAADA,CAAAA;AAAd,OAAH,CAAN,CAAA;KAjBY;IAmBdvC,OAAO,EAAE,SAAC4C,OAAAA,CAAAA,CAAD,EAAc,KAAA,EAAA;MAAA,IAARL,CAAQ,SAARA,CAAQ,CAAA;AACrBvC,MAAAA,QAAO,SAAP,IAAAA,QAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAO,CAAG;AAAEI,QAAAA,KAAK,EAALA,KAAF;AAASmC,QAAAA,CAAC,EAADA,CAAAA;AAAT,OAAH,CAAP,CAAA;KApBY;IAsBdpC,QAAQ,EAAE,SAACwC,QAAAA,CAAAA,GAAD,EAAgB,KAAA,EAAA;MAAA,IAARJ,CAAQ,SAARA,CAAQ,CAAA;AACxBtC,MAAAA,OAAO,SAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAG;AAAE4C,QAAAA,KAAK,EAAEF,GAAT;AAAcvC,QAAAA,KAAK,EAALA,KAAd;AAAqBmC,QAAAA,CAAC,EAADA,CAAAA;AAArB,OAAH,CAAP,CAAA;MACAX,aAAa,CAACe,GAAD,CAAb,CAAA;AACA,MAAA,IAAI,CAAClC,WAAW,CAACkC,GAAD,CAAhB,EACE,OAAA;MACF,IAAMG,QAAQ,GAAG3B,KAAK,CAACwB,GAAD,CAAL,CAAWvB,KAAX,EAAjB,CAAA;MACA,IAAM2B,OAAO,GAAG5B,KAAK,CAACwB,GAAD,CAAL,CAAWnB,IAAX,EAAhB,CAAA;AACA,MAAA,IAAMwB,OAAO,GAAGrC,UAAU,CAACgC,GAAD,CAA1B,CAAA;MACA,CAACM,MAAM,CAACC,KAAP,CAAaH,OAAb,CAAD,IAA0BrB,OAAO,CAACqB,OAAD,CAAjC,CAAA;MACA,CAACE,MAAM,CAACC,KAAP,CAAaJ,QAAb,CAAD,IAA2BvB,QAAQ,CAACuB,QAAD,CAAnC,CAAA;MACA,CAACG,MAAM,CAACC,KAAP,CAAaF,OAAb,CAAD,IAA0B9B,YAAY,CAAC8B,OAAD,CAAtC,CAAA;KAhCY;IAkCdG,OAAO,EAAE,SAACR,OAAAA,CAAAA,GAAD,EAAS;MAChB,IAAI,CAAClC,WAAW,CAACkC,GAAD,CAAZ,IAAqB,CAAClC,WAAW,CAACL,KAAD,CAArC,EACE,OAAA;MACFU,eAAe,CAAC,KAAD,CAAf,CAAA;;AACA,MAAA,IAAIL,WAAW,CAACkC,GAAD,CAAf,EAAsB;AACpBxC,QAAAA,QAAQ,CAACO,UAAU,CAACiC,GAAD,EAAM,WAAN,CAAX,EAA+B;AAAEF,UAAAA,UAAU,EAAEtB,KAAK,CAACwB,GAAD,CAAnB;AAA0BD,UAAAA,OAAO,EAAE,OAAA;AAAnC,SAA/B,CAAR,CAAA;AACD,OAFD,MAEO,IAAIjC,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,IAAMjC,UAAU,GAAA,aAAA,CAAA,aAAA,CAAA;AACdyD,IAAAA,eAAe,EAAE,IAAA;AADH,GAAA,EAEX1D,mBAFW,CAAA,EAAA,EAAA,EAAA;IAGd2D,YAAY,EAAA,CAAA,qBAAA,GAAE3D,mBAAF,KAAEA,IAAAA,IAAAA,mBAAF,uBAAEA,mBAAmB,CAAE2D,YAAvB,MAAuC,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,qBAAA,GAAA;AAAEC,MAAAA,KAAK,EAAE,MAAA;KAH9C;AAIdC,IAAAA,gBAAgB,EAAElB,UAAU,CAAC3C,mBAAD,KAACA,IAAAA,IAAAA,mBAAD,KAACA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAE6D,gBAAtB,EAA2CrE,EAAAA,CAAAA,MAAAA,CAAAA,IAA3C,EAJd,mBAAA,CAAA,CAAA;IAKdsE,eAAe,EAAE,SAACC,eAAAA,CAAAA,OAAD,EAAa;MAC5B3C,eAAe,CAAC2C,OAAD,CAAf,CAAA;;MACA,IAAI,CAACA,OAAL,EAAc;QACZzC,cAAc,CAAC,KAAD,CAAd,CAAA;AACAY,QAAAA,aAAa,CAAClB,UAAU,CAACN,KAAD,CAAX,CAAb,CAAA;AACD,OAAA;AACF,KAAA;GAXH,CAAA,CAAA;;AAaAsD,EAAAA,SAAS,CAAC,YAAM;IACd,IAAI,CAACtD,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;AAOLpB,IAAAA,UAAU,EAAVA,UAPK;AAQLE,IAAAA,UAAU,EAAVA,UARK;AASLR,IAAAA,QAAQ,EAARA,QATK;AAUL0C,IAAAA,UAAU,EAAVA,UAVK;AAWL1B,IAAAA,QAAQ,EAARA,QAXK;AAYLuB,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","popupVisible","setPopupVisible","isHoverCell","setIsHoverCell","inputValue","setInputValue","inputProps","ref","clearable","prefixIcon","readonly","allowInput","placeholder","suffixIcon","React","createElement","CalendarIcon","className","classNames","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/esm/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/esm/date-picker/hooks/useSingleValue.js

@@ -0,0 +1,101 @@
+/**
+ * tdesign v0.34.4
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _slicedToArray } from '../../_chunks/dep-744640f5.js';
+import { useState, useEffect } from 'react';
+import dayjs from 'dayjs';
+import useFormat from './useFormat.js';
+import useControlled from '../../hooks/useControlled.js';
+import '../../_chunks/dep-0e5be0b2.js';
+import '../../_common/js/date-picker/utils-new.js';
+import '../../_chunks/dep-3d09d1f3.js';
+import '../../_chunks/dep-12690e1d.js';
+import '../../_chunks/dep-42701b6c.js';
+import '../../_chunks/dep-67009882.js';
+import '../../_chunks/dep-4705ff31.js';
+import '../../_chunks/dep-1b27e5c2.js';
+import '../../_chunks/dep-8fb1642c.js';
+import '../../_chunks/dep-531703d1.js';
+import '../../_chunks/dep-21baa91f.js';
+import '../../_chunks/dep-38424935.js';
+import '../../_chunks/dep-ad150068.js';
+import '../../_chunks/dep-d5f141ac.js';
+import '../../_chunks/dep-bcb59ae2.js';
+import '../../_chunks/dep-f5ab8a5c.js';
+import '../../_chunks/dep-87214e71.js';
+import '../../_chunks/dep-5ed520e8.js';
+import '../../_chunks/dep-863396c0.js';
+import '../../_chunks/dep-12718f01.js';
+import '../../_chunks/dep-0db6b692.js';
+import '../../_chunks/dep-6d2697ef.js';
+import '../../_chunks/dep-e8f6f682.js';
+import '../../_chunks/dep-a1fd625f.js';
+import '../../_util/noop.js';
+
+function useSingleValue(props) {
+  var _useControlled = useControlled(props, "value", props.onChange),
+      _useControlled2 = _slicedToArray(_useControlled, 2),
+      value = _useControlled2[0],
+      onChange = _useControlled2[1];
+
+  var _useFormat = useFormat({
+    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 = useState(formatTime(value)),
+      _useState2 = _slicedToArray(_useState, 2),
+      time = _useState2[0],
+      setTime = _useState2[1];
+
+  var _useState3 = useState(dayjs(value).month() || new Date().getMonth()),
+      _useState4 = _slicedToArray(_useState3, 2),
+      month = _useState4[0],
+      setMonth = _useState4[1];
+
+  var _useState5 = useState(dayjs(value).year() || new Date().getFullYear()),
+      _useState6 = _slicedToArray(_useState5, 2),
+      year = _useState6[0],
+      setYear = _useState6[1];
+
+  var _useState7 = useState(formatDate(value)),
+      _useState8 = _slicedToArray(_useState7, 2),
+      cacheValue = _useState8[0],
+      setCacheValue = _useState8[1];
+
+  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
+  };
+}
+
+export { useSingleValue as default };
+//# sourceMappingURL=useSingleValue.js.map

package/esm/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","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/esm/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/esm/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","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,iBAAiB,CAAC,YAAD,CAApC;AAAA,MAAA,mBAAA,GAAA,cAAA,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,GAaIN,KAbJ,CACEM,KADF;AAAA,MAEEC,GAFF,GAaIP,KAbJ,CAEEO,GAFF;AAAA,MAGEC,UAHF,GAaIR,KAbJ,CAGEQ,UAHF;AAAA,MAIEC,QAJF,GAaIT,KAbJ,CAIES,QAJF;AAAA,MAKEC,IALF,GAaIV,KAbJ,CAKEU,IALF;AAAA,MAMEC,KANF,GAaIX,KAbJ,CAMEW,KANF;AAAA,MAOEC,IAPF,GAaIZ,KAbJ,CAOEY,IAPF;AAAA,MAQEC,cARF,GAaIb,KAbJ,CAQEa,cARF;AAAA,MASEC,WATF,GAaId,KAbJ,CASEc,WATF;AAAA,MAUEC,OAVF,GAaIf,KAbJ,CAUEe,OAVF;AAAA,MAWEC,OAXF,GAaIhB,KAbJ,CAWEgB,OAXF;AAAA,MAYEC,OAZF,GAaIjB,KAbJ,CAYEiB,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,QAAQ,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,SAAS,CAACX,IAAD,EAAOS,OAAP,CAAhB,CAAA;AACD,GAFM,MAEA,IAAIP,IAAI,KAAK,MAAb,EAAqB;AAC1BM,IAAAA,IAAI,GAAGI,QAAQ,CAACZ,IAAD,EAAOS,OAAP,CAAf,CAAA;AACD,GAAA;;EACD,OAAOI,UAAU,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/esm/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/esm/date-picker/index.js

@@ -6,8 +6,8 @@
 
 import DatePicker$1 from './DatePicker.js';
 import DateRangePicker$1 from './DateRangePicker.js';
-import DatePickerPanel$1 from './panel/DatePickerPanel.js';
-import DateRangePickerPanel$1 from './panel/DateRangePickerPanel.js';
+import DatePickerPanel$1 from './DatePickerPanel.js';
+import DateRangePickerPanel$1 from './DateRangePickerPanel.js';
 import './style/index.js';
 import './type.js';
 import '../_chunks/dep-08260abc.js';
@@ -129,19 +129,7 @@ import '../select-input/useOverlayStyle.js';
 import '../select-input/defaultProps.js';
 import '../select-input/style/index.js';
 import '../select-input/type.js';
-import './hooks/useSingle.js';
-import './hooks/useFormat.js';
-import '../_common/js/date-picker/utils-new.js';
-import '../_chunks/dep-3d09d1f3.js';
-import '../_chunks/dep-87214e71.js';
-import './defaultProps.js';
-import '../range-input/index.js';
-import '../range-input/RangeInput.js';
-import '../range-input/defaultProps.js';
-import '../range-input/RangeInputPopup.js';
-import '../range-input/style/index.js';
-import '../range-input/type.js';
-import './hooks/useRange.js';
+import './panel/SinglePanel.js';
 import './panel/PanelContent.js';
 import './base/Header.js';
 import '../select/index.js';
@@ -166,16 +154,32 @@ import '../button/style/index.js';
 import '../button/type.js';
 import './base/Table.js';
 import './base/Cell.js';
+import '../_common/js/date-picker/utils-new.js';
+import '../_chunks/dep-3d09d1f3.js';
+import '../_chunks/dep-87214e71.js';
 import '../time-picker/panel/TimePickerPanel.js';
 import '../_chunks/dep-422136cf.js';
 import '../_chunks/dep-c739cdde.js';
 import '../time-picker/hooks/useTimePickerTextConfig.js';
 import '../_common/js/time-picker/const.js';
 import '../_common/js/time-picker/utils.js';
+import './hooks/useFormat.js';
 import './panel/ExtraContent.js';
 import './base/Footer.js';
-import './panel/useTableData.js';
+import './hooks/useTableData.js';
 import './hooks/useDisableDate.js';
+import './hooks/useSingle.js';
+import './hooks/useSingleValue.js';
+import './defaultProps.js';
+import '../range-input/index.js';
+import '../range-input/RangeInput.js';
+import '../range-input/defaultProps.js';
+import '../range-input/RangeInputPopup.js';
+import '../range-input/style/index.js';
+import '../range-input/type.js';
+import './panel/RangePanel.js';
+import './hooks/useRange.js';
+import './hooks/useRangeValue.js';
 
 var DatePicker = DatePicker$1;
 var DateRangePicker = DateRangePicker$1;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import _DatePicker from './DatePicker';\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,aAAnB;AACA,IAAMC,eAAe,GAAGC,kBAAxB;AACA,IAAMC,eAAe,GAAGC,kBAAxB;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,aAAnB;AACA,IAAMC,eAAe,GAAGC,kBAAxB;AACA,IAAMC,eAAe,GAAGC,kBAAxB;AACA,IAAMC,oBAAoB,GAAGC;;;;"}

package/esm/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/esm/date-picker/panel/ExtraContent.js

@@ -6,11 +6,11 @@
 
 import React from 'react';
 import DatePickerFooter from '../base/Footer.js';
+import '../../_chunks/dep-08260abc.js';
 import '../../_chunks/dep-744640f5.js';
 import '../../_chunks/dep-0e5be0b2.js';
 import 'classnames';
 import '../../locale/LocalReceiver.js';
-import '../../_chunks/dep-08260abc.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
 import '../../_chunks/dep-12690e1d.js';

package/esm/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,KAAK,CAACC,aAAN,CAAoBC,gBAApB,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,KAAK,CAACC,aAAN,CAAoBC,gBAApB,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;;;;"}