tdesign-react 0.34.5-alpha.4 → 0.35.0

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

@@ -1 +1 @@
-{"version":3,"file":"useRange.js","sources":["../../../src/date-picker/hooks/useRange.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 { RangeInputRefInterface } from '../../range-input';\nimport { TdDateRangePickerProps, DateValue } from '../type';\nimport useFormat from './useFormat';\n\nexport const PARTIAL_MAP = { first: 'start', second: 'end' };\n\n// 初始化面板年份月份\nfunction initYearMonthTime(value: DateValue[], mode = 'date', format: string, timeFormat = 'HH:mm:ss') {\n  const defaultYearMonthTime = {\n    year: [dayjs().year(), dayjs().year()],\n    month: [dayjs().month(), dayjs().month()],\n    time: [dayjs().format(timeFormat), dayjs().format(timeFormat)],\n  };\n  if (mode === 'year') {\n    defaultYearMonthTime.year[1] += 10;\n  } else if (mode === 'month') {\n    defaultYearMonthTime.year[1] += 1;\n  } else if (mode === 'date') {\n    defaultYearMonthTime.month[1] += 1;\n  }\n\n  if (!value || !Array.isArray(value) || !value.length) {\n    return defaultYearMonthTime;\n  }\n\n  return {\n    year: value.map((v) => dayjs(v, format).year()),\n    month: value.map((v) => dayjs(v, format).month()),\n    time: value.map((v) => dayjs(v, format).format(timeFormat)),\n  };\n}\n\nexport default function useRange(props: TdDateRangePickerProps) {\n  const { classPrefix, datePicker: globalDatePickerConfig } = useConfig();\n  const name = `${classPrefix}-date-range-picker`;\n\n  const isMountedRef = useRef(false);\n  const inputRef = useRef<RangeInputRefInterface>();\n\n  const {\n    mode,\n    prefixIcon,\n    suffixIcon,\n    rangeInputProps: rangeInputPropsFromProps,\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 { format, isValidDate, timeFormat, formatDate, formatTime } = useFormat({\n    mode,\n    value,\n    format: props.format,\n    valueType: props.valueType,\n    enableTimePicker: props.enableTimePicker,\n  });\n\n  // warning invalid value\n  if (!Array.isArray(value)) {\n    console.error(`typeof value: ${value} must be Array!`);\n  } else if (!isValidDate(value, 'valueType')) {\n    console.error(`value: ${value} is invalid datetime!`);\n  }\n\n  const [popupVisible, setPopupVisible] = useState(false);\n  const [isHoverCell, setIsHoverCell] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(0); // 确定当前选中的输入框序号\n  const [isFirstValueSelected, setIsFirstValueSelected] = useState(false); // 记录面板点击次数，两次后才自动关闭\n  const [timeValue, setTimeValue] = useState(initYearMonthTime(value, mode, format, timeFormat).time);\n  const [month, setMonth] = useState<Array<number>>(initYearMonthTime(value, mode, format).month);\n  const [year, setYear] = useState<Array<number>>(initYearMonthTime(value, mode, format).year);\n  // 未真正选中前可能不断变更输入框的内容\n  const [inputValue, setInputValue] = useState(formatDate(value));\n  // 选择阶段预选状态\n  const [cacheValue, setCacheValue] = useState(formatDate(value));\n\n  // input 设置\n  const rangeInputProps = {\n    ...rangeInputPropsFromProps,\n    ref: inputRef,\n    clearable,\n    prefixIcon,\n    readonly: !allowInput,\n    placeholder,\n    activeIndex: popupVisible ? activeIndex : undefined,\n    suffixIcon: suffixIcon || <CalendarIcon />,\n    className: classNames({\n      [`${name}__input--placeholder`]: isHoverCell,\n    }),\n    onClick: ({ position }) => {\n      setActiveIndex(position === 'first' ? 0 : 1);\n    },\n    onClear: ({ e }) => {\n      e.stopPropagation();\n      setPopupVisible(false);\n      onChange([], { dayjsValue: [], trigger: 'clear' });\n    },\n    onBlur: (newVal: string[], { e, position }) => {\n      onBlur?.({ value: newVal, partial: PARTIAL_MAP[position], e });\n    },\n    onFocus: (newVal: string[], { e, position }) => {\n      onFocus?.({ value: newVal, partial: PARTIAL_MAP[position], e });\n      setActiveIndex(position === 'first' ? 0 : 1);\n    },\n    onChange: (newVal: string[], { e, position }) => {\n      const index = position === 'first' ? 0 : 1;\n\n      onInput?.({ input: newVal[index], value, partial: PARTIAL_MAP[position], e });\n      setInputValue(newVal);\n\n      // 跳过不符合格式化的输入框内容\n      if (!isValidDate(newVal)) return;\n      const newYear = [];\n      const newMonth = [];\n      const newTime = [];\n      newVal.forEach((v, i) => {\n        newYear.push(dayjs(v).year() || year[i]);\n        newMonth.push(dayjs(v).month() || month[i]);\n        newTime.push(dayjs(v).format(timeFormat) || timeValue[i]);\n      });\n      setYear(newYear);\n      setMonth(newMonth);\n      setTimeValue(newTime);\n    },\n    onEnter: (newVal: string[]) => {\n      if (!isValidDate(newVal) && !isValidDate(value)) return;\n\n      setPopupVisible(false);\n      if (isValidDate(newVal)) {\n        onChange(formatDate(newVal, 'valueType') as DateValue[], {\n          dayjsValue: newVal.map((v) => dayjs(v)),\n          trigger: 'enter',\n        });\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, context) => {\n      // 输入框点击不关闭面板\n      if (context.trigger === 'trigger-element-click') {\n        const indexMap = { 0: 'first', 1: 'second' };\n        inputRef.current.focus({ position: indexMap[activeIndex] });\n        return setPopupVisible(true);\n      }\n      if (visible) {\n        // 展开后重置点击次数\n        setIsFirstValueSelected(false);\n      } else {\n        setIsHoverCell(false);\n        setInputValue(formatDate(value));\n      }\n\n      setPopupVisible(visible);\n    },\n  };\n\n  // 输入框响应 value 变化\n  useEffect(() => {\n    if (!value) {\n      setInputValue([]);\n      setCacheValue([]);\n      setTimeValue([dayjs().format(timeFormat), dayjs().format(timeFormat)]);\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  // activeIndex 变化自动 focus 对应输入框\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true;\n      return;\n    }\n    const indexMap = { 0: 'first', 1: 'second' };\n    inputRef.current.focus({ position: indexMap[activeIndex] });\n    // eslint-disable-next-line\n  }, [activeIndex]);\n\n  return {\n    year,\n    month,\n    value,\n    timeValue,\n    inputValue,\n    popupVisible,\n    rangeInputProps,\n    popupProps,\n    isHoverCell,\n    onChange,\n    setYear,\n    setMonth,\n    setTimeValue,\n    setIsHoverCell,\n    setInputValue,\n    setPopupVisible,\n    activeIndex,\n    setActiveIndex,\n    isFirstValueSelected,\n    setIsFirstValueSelected,\n    cacheValue,\n    setCacheValue,\n  };\n}\n"],"names":["PARTIAL_MAP","first","second","initYearMonthTime","value","mode","format","timeFormat","defaultYearMonthTime","year","dayjs","month","time","Array","isArray","length","map","v","useRange","props","useConfig","classPrefix","globalDatePickerConfig","datePicker","name","isMountedRef","useRef","inputRef","prefixIcon","suffixIcon","rangeInputPropsFromProps","rangeInputProps","popupPropsFromProps","popupProps","allowInput","clearable","placeholder","onBlur","onFocus","onInput","useControlled","onChange","_slicedToArray","useFormat","valueType","enableTimePicker","isValidDate","formatDate","formatTime","console","error","useState","popupVisible","setPopupVisible","isHoverCell","setIsHoverCell","activeIndex","setActiveIndex","isFirstValueSelected","setIsFirstValueSelected","timeValue","setTimeValue","setMonth","setYear","inputValue","setInputValue","cacheValue","setCacheValue","ref","readonly","React","createElement","CalendarIcon","className","classNames","_defineProperty","onClick","position","onClear","e","stopPropagation","dayjsValue","trigger","newVal","partial","index","input","newYear","newMonth","newTime","forEach","i","push","onEnter","expandAnimation","overlayStyle","width","overlayClassName","onVisibleChange","visible","context","indexMap","current","focus","useEffect"],"mappings":"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"}
+{"version":3,"file":"useRange.js","sources":["../../../src/date-picker/hooks/useRange.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 { RangeInputRefInterface } from '../../range-input';\nimport { TdDateRangePickerProps, DateValue } from '../type';\nimport useFormat from './useFormat';\nimport useRangeValue from './useRangeValue';\n\nexport const PARTIAL_MAP = { first: 'start', second: 'end' };\n\nexport default function useRange(props: TdDateRangePickerProps) {\n  const { classPrefix, datePicker: globalDatePickerConfig } = useConfig();\n  const name = `${classPrefix}-date-range-picker`;\n\n  const isMountedRef = useRef(false);\n  const inputRef = useRef<RangeInputRefInterface>();\n\n  const {\n    value,\n    onChange,\n    time,\n    setTime,\n    month,\n    setMonth,\n    year,\n    setYear,\n    cacheValue,\n    setCacheValue,\n    isFirstValueSelected,\n    setIsFirstValueSelected,\n  } = useRangeValue(props);\n\n  const { isValidDate, timeFormat, formatDate } = useFormat({\n    value,\n    mode: props.mode,\n    format: props.format,\n    valueType: props.valueType,\n    enableTimePicker: props.enableTimePicker,\n  });\n\n  // warning invalid value\n  if (!Array.isArray(value)) {\n    console.error(`typeof value: ${value} must be Array!`);\n  } else if (!isValidDate(value, 'valueType')) {\n    console.error(`value: ${value} is invalid datetime!`);\n  }\n\n  const [popupVisible, setPopupVisible] = useState(false);\n  const [isHoverCell, setIsHoverCell] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(0); // 确定当前选中的输入框序号\n  // 未真正选中前可能不断变更输入框的内容\n  const [inputValue, setInputValue] = useState(formatDate(value));\n\n  // input 设置\n  const rangeInputProps = {\n    ...props.rangeInputProps,\n    ref: inputRef,\n    clearable: props.clearable,\n    prefixIcon: props.prefixIcon,\n    readonly: !props.allowInput,\n    placeholder: props.placeholder ?? globalDatePickerConfig.placeholder[props.mode],\n    activeIndex: popupVisible ? activeIndex : undefined,\n    suffixIcon: props.suffixIcon ?? <CalendarIcon />,\n    className: classNames({\n      [`${name}__input--placeholder`]: isHoverCell,\n    }),\n    onClick: ({ position }) => {\n      setActiveIndex(position === 'first' ? 0 : 1);\n    },\n    onClear: ({ e }) => {\n      e.stopPropagation();\n      setPopupVisible(false);\n      onChange([], { dayjsValue: [], trigger: 'clear' });\n    },\n    onBlur: (newVal: string[], { e, position }) => {\n      props.onBlur?.({ value: newVal, partial: PARTIAL_MAP[position], e });\n    },\n    onFocus: (newVal: string[], { e, position }) => {\n      props.onFocus?.({ value: newVal, partial: PARTIAL_MAP[position], e });\n      setActiveIndex(position === 'first' ? 0 : 1);\n    },\n    onChange: (newVal: string[], { e, position }) => {\n      const index = position === 'first' ? 0 : 1;\n\n      props.onInput?.({ input: newVal[index], value, partial: PARTIAL_MAP[position], e });\n      setInputValue(newVal);\n\n      // 跳过不符合格式化的输入框内容\n      if (!isValidDate(newVal)) return;\n      const newYear = [];\n      const newMonth = [];\n      const newTime = [];\n      newVal.forEach((v, i) => {\n        newYear.push(dayjs(v).year() || year[i]);\n        newMonth.push(dayjs(v).month() || month[i]);\n        newTime.push(dayjs(v).format(timeFormat) || time[i]);\n      });\n      setYear(newYear);\n      setMonth(newMonth);\n      setTime(newTime);\n    },\n    onEnter: (newVal: string[]) => {\n      if (!isValidDate(newVal) && !isValidDate(value)) return;\n\n      setPopupVisible(false);\n      if (isValidDate(newVal)) {\n        onChange(formatDate(newVal, { formatType: 'valueType' }) as DateValue[], {\n          dayjsValue: newVal.map((v) => dayjs(v)),\n          trigger: 'enter',\n        });\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, context) => {\n      // 输入框点击不关闭面板\n      if (context.trigger === 'trigger-element-click') {\n        const indexMap = { 0: 'first', 1: 'second' };\n        inputRef.current.focus({ position: indexMap[activeIndex] });\n        return setPopupVisible(true);\n      }\n      if (visible) {\n        // 展开后重置点击次数\n        setIsFirstValueSelected(false);\n      } else {\n        setIsHoverCell(false);\n        setInputValue(formatDate(value));\n      }\n\n      setPopupVisible(visible);\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  // activeIndex 变化自动 focus 对应输入框\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true;\n      return;\n    }\n    const indexMap = { 0: 'first', 1: 'second' };\n    inputRef.current.focus({ position: indexMap[activeIndex] });\n    // eslint-disable-next-line\n  }, [activeIndex]);\n\n  return {\n    year,\n    month,\n    value,\n    time,\n    inputValue,\n    popupVisible,\n    rangeInputProps,\n    popupProps,\n    isHoverCell,\n    onChange,\n    setYear,\n    setMonth,\n    setTime,\n    setIsHoverCell,\n    setInputValue,\n    setPopupVisible,\n    activeIndex,\n    setActiveIndex,\n    isFirstValueSelected,\n    setIsFirstValueSelected,\n    cacheValue,\n    setCacheValue,\n  };\n}\n"],"names":["PARTIAL_MAP","first","second","useRange","props","useConfig","classPrefix","globalDatePickerConfig","datePicker","name","isMountedRef","useRef","inputRef","useRangeValue","value","onChange","time","setTime","month","setMonth","year","setYear","cacheValue","setCacheValue","isFirstValueSelected","setIsFirstValueSelected","useFormat","mode","format","valueType","enableTimePicker","isValidDate","timeFormat","formatDate","Array","isArray","console","error","useState","_slicedToArray","popupVisible","setPopupVisible","isHoverCell","setIsHoverCell","activeIndex","setActiveIndex","inputValue","setInputValue","rangeInputProps","ref","clearable","prefixIcon","readonly","allowInput","placeholder","suffixIcon","React","createElement","CalendarIcon","className","classNames","_defineProperty","onClick","position","onClear","e","stopPropagation","dayjsValue","trigger","onBlur","newVal","partial","onFocus","index","onInput","input","newYear","newMonth","newTime","forEach","v","i","push","dayjs","onEnter","formatType","map","popupProps","expandAnimation","overlayStyle","width","overlayClassName","onVisibleChange","visible","context","indexMap","current","focus","useEffect"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import dayjs from 'dayjs';
+import { TdDateRangePickerProps } from '../type';
+export declare const PARTIAL_MAP: {
+    first: string;
+    second: string;
+};
+export default function useRange(props: TdDateRangePickerProps): {
+    value: import("../type").DateRangeValue;
+    onChange: import("../../hooks/useControlled").ChangeHandler<import("../type").DateRangeValue, [context: {
+        dayjsValue?: dayjs.Dayjs[];
+        trigger?: import("../type").DatePickerTriggerSource;
+    }]>;
+    year: number[];
+    setYear: import("react").Dispatch<import("react").SetStateAction<number[]>>;
+    month: number[];
+    setMonth: import("react").Dispatch<import("react").SetStateAction<number[]>>;
+    time: string[];
+    setTime: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    isFirstValueSelected: boolean;
+    setIsFirstValueSelected: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    cacheValue: any;
+    setCacheValue: import("react").Dispatch<any>;
+};

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

@@ -0,0 +1,162 @@
+/**
+ * tdesign v0.35.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../../_chunks/dep-a3bdbb3b.js');
+var React = require('react');
+var dayjs = require('dayjs');
+var hooks_useControlled = require('../../hooks/useControlled.js');
+var datePicker_hooks_useFormat = require('./useFormat.js');
+require('../../_chunks/dep-45d4ee14.js');
+require('../../_chunks/dep-5ef1d455.js');
+require('../../_chunks/dep-29cbbbc2.js');
+require('../../_chunks/dep-cac7e6af.js');
+require('../../_chunks/dep-ea24ca11.js');
+require('../../_chunks/dep-850bb338.js');
+require('../../_chunks/dep-3ca6c1d2.js');
+require('../../_chunks/dep-c3b5f92d.js');
+require('../../_chunks/dep-e69f4659.js');
+require('../../_chunks/dep-bc07e00a.js');
+require('../../_util/noop.js');
+require('../../_common/js/date-picker/utils-new.js');
+require('../../_chunks/dep-eee03608.js');
+require('../../_chunks/dep-99ee5823.js');
+require('../../_chunks/dep-24213b8a.js');
+require('../../_chunks/dep-eb4d30c7.js');
+require('../../_chunks/dep-f0d7fa40.js');
+require('../../_chunks/dep-12db12bf.js');
+require('../../_chunks/dep-149378ad.js');
+require('../../_chunks/dep-2e187a60.js');
+require('../../_chunks/dep-b2eee93c.js');
+require('../../_chunks/dep-8a0a8931.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+var PARTIAL_MAP = {
+  first: "start",
+  second: "end"
+};
+
+function initYearMonthTime(value) {
+  var mode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "date";
+  var format = arguments.length > 2 ? arguments[2] : undefined;
+  var timeFormat = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "HH:mm:ss";
+  var defaultYearMonthTime = {
+    year: [dayjs__default["default"]().year(), dayjs__default["default"]().year()],
+    month: [dayjs__default["default"]().month(), dayjs__default["default"]().month()],
+    time: [dayjs__default["default"]().format(timeFormat), dayjs__default["default"]().format(timeFormat)]
+  };
+
+  if (mode === "year") {
+    defaultYearMonthTime.year[1] += 10;
+  } else if (mode === "month") {
+    defaultYearMonthTime.year[1] += 1;
+  } else if (mode === "date") {
+    defaultYearMonthTime.month[1] += 1;
+  }
+
+  if (!value || !Array.isArray(value) || !value.length) {
+    return defaultYearMonthTime;
+  }
+
+  return {
+    year: value.map(function (v) {
+      return dayjs__default["default"](v, format).year();
+    }),
+    month: value.map(function (v) {
+      return dayjs__default["default"](v, format).month();
+    }),
+    time: value.map(function (v) {
+      return dayjs__default["default"](v, format).format(timeFormat);
+    })
+  };
+}
+
+function useRange(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
+  }),
+      format = _useFormat.format,
+      isValidDate = _useFormat.isValidDate,
+      timeFormat = _useFormat.timeFormat,
+      formatDate = _useFormat.formatDate,
+      formatTime = _useFormat.formatTime;
+
+  if (!Array.isArray(value)) {
+    console.error("typeof value: ".concat(value, " must be Array!"));
+  } else if (!isValidDate(value, "valueType")) {
+    console.error("value: ".concat(value, " is invalid datetime!"));
+  }
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      isFirstValueSelected = _useState2[0],
+      setIsFirstValueSelected = _useState2[1];
+
+  var _useState3 = React.useState(initYearMonthTime(value, props.mode, format, timeFormat).time),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      time = _useState4[0],
+      setTime = _useState4[1];
+
+  var _useState5 = React.useState(initYearMonthTime(value, props.mode, format).month),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      month = _useState6[0],
+      setMonth = _useState6[1];
+
+  var _useState7 = React.useState(initYearMonthTime(value, props.mode, format).year),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      year = _useState8[0],
+      setYear = _useState8[1];
+
+  var _useState9 = React.useState(formatDate(value)),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      cacheValue = _useState10[0],
+      setCacheValue = _useState10[1];
+
+  React.useEffect(function () {
+    if (!value) {
+      setCacheValue([]);
+      setTime([dayjs__default["default"]().format(timeFormat), dayjs__default["default"]().format(timeFormat)]);
+      return;
+    }
+
+    if (!isValidDate(value, "valueType")) return;
+    setCacheValue(formatDate(value));
+    setTime(formatTime(value));
+  }, [value]);
+  return {
+    value: value,
+    onChange: onChange,
+    year: year,
+    setYear: setYear,
+    month: month,
+    setMonth: setMonth,
+    time: time,
+    setTime: setTime,
+    isFirstValueSelected: isFirstValueSelected,
+    setIsFirstValueSelected: setIsFirstValueSelected,
+    cacheValue: cacheValue,
+    setCacheValue: setCacheValue
+  };
+}
+
+exports.PARTIAL_MAP = PARTIAL_MAP;
+exports["default"] = useRange;
+//# sourceMappingURL=useRangeValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeValue.js","sources":["../../../src/date-picker/hooks/useRangeValue.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport dayjs from 'dayjs';\nimport useControlled from '../../hooks/useControlled';\nimport { TdDateRangePickerProps, DateValue } from '../type';\nimport useFormat from './useFormat';\n\nexport const PARTIAL_MAP = { first: 'start', second: 'end' };\n\n// 初始化面板年份月份\nfunction initYearMonthTime(value: DateValue[], mode = 'date', format: string, timeFormat = 'HH:mm:ss') {\n  const defaultYearMonthTime = {\n    year: [dayjs().year(), dayjs().year()],\n    month: [dayjs().month(), dayjs().month()],\n    time: [dayjs().format(timeFormat), dayjs().format(timeFormat)],\n  };\n  if (mode === 'year') {\n    defaultYearMonthTime.year[1] += 10;\n  } else if (mode === 'month') {\n    defaultYearMonthTime.year[1] += 1;\n  } else if (mode === 'date') {\n    defaultYearMonthTime.month[1] += 1;\n  }\n\n  if (!value || !Array.isArray(value) || !value.length) {\n    return defaultYearMonthTime;\n  }\n\n  return {\n    year: value.map((v) => dayjs(v, format).year()),\n    month: value.map((v) => dayjs(v, format).month()),\n    time: value.map((v) => dayjs(v, format).format(timeFormat)),\n  };\n}\n\nexport default function useRange(props: TdDateRangePickerProps) {\n  const [value, onChange] = useControlled(props, 'value', props.onChange);\n  const { format, isValidDate, timeFormat, formatDate, formatTime } = useFormat({\n    value,\n    mode: props.mode,\n    format: props.format,\n    valueType: props.valueType,\n    enableTimePicker: props.enableTimePicker,\n  });\n\n  // warning invalid value\n  if (!Array.isArray(value)) {\n    console.error(`typeof value: ${value} must be Array!`);\n  } else if (!isValidDate(value, 'valueType')) {\n    console.error(`value: ${value} is invalid datetime!`);\n  }\n\n  const [isFirstValueSelected, setIsFirstValueSelected] = useState(false); // 记录面板点击次数，两次后才自动关闭\n  const [time, setTime] = useState(initYearMonthTime(value, props.mode, format, timeFormat).time);\n  const [month, setMonth] = useState<Array<number>>(initYearMonthTime(value, props.mode, format).month);\n  const [year, setYear] = useState<Array<number>>(initYearMonthTime(value, props.mode, format).year);\n  const [cacheValue, setCacheValue] = useState(formatDate(value)); // 缓存选中值，panel 点击时更改\n\n  // 输入框响应 value 变化\n  useEffect(() => {\n    if (!value) {\n      setCacheValue([]);\n      setTime([dayjs().format(timeFormat), dayjs().format(timeFormat)]);\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    value,\n    onChange,\n    year,\n    setYear,\n    month,\n    setMonth,\n    time,\n    setTime,\n    isFirstValueSelected,\n    setIsFirstValueSelected,\n    cacheValue,\n    setCacheValue,\n  };\n}\n"],"names":["PARTIAL_MAP","first","second","initYearMonthTime","value","mode","format","timeFormat","defaultYearMonthTime","year","dayjs","month","time","Array","isArray","length","map","v","useRange","props","useControlled","onChange","_slicedToArray","useFormat","valueType","enableTimePicker","isValidDate","formatDate","formatTime","console","error","useState","isFirstValueSelected","setIsFirstValueSelected","setTime","setMonth","setYear","cacheValue","setCacheValue","useEffect"],"mappings":"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"}

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

@@ -1,11 +1,10 @@
 import React from 'react';
-import dayjs from 'dayjs';
-import { TdDatePickerProps, DateValue } from '../type';
-export default function useSingle(props: TdDatePickerProps): {
+import { TdDatePickerProps } from '../type';
+export default function useSingleInput(props: TdDatePickerProps): {
     year: number;
     month: number;
-    value: DateValue;
-    timeValue: any;
+    value: string;
+    time: any;
     inputValue: any;
     popupVisible: boolean;
     inputProps: {
@@ -112,13 +111,10 @@ export default function useSingle(props: TdDatePickerProps): {
     };
     inputRef: React.MutableRefObject<HTMLInputElement>;
     cacheValue: any;
-    onChange: import("../../hooks/useControlled").ChangeHandler<DateValue, [context: {
-        dayjsValue?: dayjs.Dayjs;
-        trigger?: import("../type").DatePickerTriggerSource;
-    }]>;
+    onChange: import("../../hooks/useControlled").ChangeHandler<string, any>;
     setYear: React.Dispatch<React.SetStateAction<number>>;
     setMonth: React.Dispatch<React.SetStateAction<number>>;
-    setTimeValue: React.Dispatch<any>;
+    setTime: React.Dispatch<any>;
     setIsHoverCell: React.Dispatch<React.SetStateAction<boolean>>;
     setInputValue: React.Dispatch<any>;
     setPopupVisible: React.Dispatch<React.SetStateAction<boolean>>;

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.34.4
+ * tdesign v0.35.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,48 +8,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../_chunks/dep-a1655de1.js');
-var slicedToArray = require('../../_chunks/dep-3cf9becb.js');
+var defineProperty = require('../../_chunks/dep-d8110155.js');
+var slicedToArray = require('../../_chunks/dep-a3bdbb3b.js');
 var React = require('react');
 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');
-require('../../_chunks/dep-19841e1d.js');
-require('../../_chunks/dep-b15f51d2.js');
-require('../../_chunks/dep-acf33b68.js');
-require('../../_chunks/dep-3b69722d.js');
-require('../../_chunks/dep-fde4d28a.js');
-require('../../_chunks/dep-e266830c.js');
-require('../../_chunks/dep-fcf32c81.js');
-require('../../_chunks/dep-3405bda4.js');
-require('../../_chunks/dep-15a4424e.js');
-require('../../_chunks/dep-c40d75ac.js');
-require('../../_chunks/dep-910dcfa3.js');
-require('../../_chunks/dep-633a5671.js');
-require('../../_chunks/dep-9c339ffc.js');
-require('../../_chunks/dep-b1a67107.js');
-require('../../_chunks/dep-ab43c961.js');
-require('../../_chunks/dep-9cacaf01.js');
-require('../../_chunks/dep-b403dd56.js');
-require('../../_chunks/dep-8e0a771d.js');
-require('../../_chunks/dep-c90cc28f.js');
-require('../../_chunks/dep-542cc308.js');
-require('../../_chunks/dep-c6637e11.js');
+var datePicker_hooks_useSingleValue = require('./useSingleValue.js');
+require('../../_chunks/dep-45d4ee14.js');
+require('../../_chunks/dep-ac2d2d75.js');
+require('../../_chunks/dep-4e5eb100.js');
+require('../../_chunks/dep-8938d822.js');
+require('../../_chunks/dep-927aeaff.js');
+require('../../_chunks/dep-f0d7fa40.js');
+require('../../_chunks/dep-850bb338.js');
+require('../../_chunks/dep-3ca6c1d2.js');
+require('../../_chunks/dep-12db12bf.js');
+require('../../_chunks/dep-24213b8a.js');
+require('../../_chunks/dep-2319c309.js');
+require('../../_chunks/dep-eb4d30c7.js');
+require('../../_chunks/dep-149378ad.js');
+require('../../_chunks/dep-bc07e00a.js');
+require('../../_chunks/dep-b4766b42.js');
+require('../../_chunks/dep-05aa5b7a.js');
+require('../../_chunks/dep-1836ccc9.js');
+require('../../_chunks/dep-ee529652.js');
+require('../../_chunks/dep-c3b5f92d.js');
+require('../../_chunks/dep-2e187a60.js');
+require('../../_chunks/dep-99ee5823.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-d97f1281.js');
-require('../../_chunks/dep-e19f22f6.js');
+require('../../_chunks/dep-eee03608.js');
+require('../../_chunks/dep-cac7e6af.js');
+require('../../_chunks/dep-b2eee93c.js');
+require('../../_chunks/dep-8a0a8931.js');
+require('../../_chunks/dep-e69f4659.js');
+require('../../hooks/useControlled.js');
+require('../../_chunks/dep-5ef1d455.js');
+require('../../_chunks/dep-29cbbbc2.js');
+require('../../_chunks/dep-ea24ca11.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