tdesign-react 0.19.1 → 0.21.0

package/esm/time-picker/panel/SinglePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SinglePanel.js","sources":["../../../node_modules/lodash/_baseRange.js","../../../node_modules/lodash/_createRange.js","../../../node_modules/lodash/range.js","../../../src/time-picker/panel/SinglePanel.tsx"],"sourcesContent":["/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeCeil = Math.ceil,\n    nativeMax = Math.max;\n\n/**\n * The base implementation of `_.range` and `_.rangeRight` which doesn't\n * coerce arguments.\n *\n * @private\n * @param {number} start The start of the range.\n * @param {number} end The end of the range.\n * @param {number} step The value to increment or decrement by.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Array} Returns the range of numbers.\n */\nfunction baseRange(start, end, step, fromRight) {\n  var index = -1,\n      length = nativeMax(nativeCeil((end - start) / (step || 1)), 0),\n      result = Array(length);\n\n  while (length--) {\n    result[fromRight ? length : ++index] = start;\n    start += step;\n  }\n  return result;\n}\n\nmodule.exports = baseRange;\n","var baseRange = require('./_baseRange'),\n    isIterateeCall = require('./_isIterateeCall'),\n    toFinite = require('./toFinite');\n\n/**\n * Creates a `_.range` or `_.rangeRight` function.\n *\n * @private\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Function} Returns the new range function.\n */\nfunction createRange(fromRight) {\n  return function(start, end, step) {\n    if (step && typeof step != 'number' && isIterateeCall(start, end, step)) {\n      end = step = undefined;\n    }\n    // Ensure the sign of `-0` is preserved.\n    start = toFinite(start);\n    if (end === undefined) {\n      end = start;\n      start = 0;\n    } else {\n      end = toFinite(end);\n    }\n    step = step === undefined ? (start < end ? 1 : -1) : toFinite(step);\n    return baseRange(start, end, step, fromRight);\n  };\n}\n\nmodule.exports = createRange;\n","var createRange = require('./_createRange');\n\n/**\n * Creates an array of numbers (positive and/or negative) progressing from\n * `start` up to, but not including, `end`. A step of `-1` is used if a negative\n * `start` is specified without an `end` or `step`. If `end` is not specified,\n * it's set to `start` with `start` then set to `0`.\n *\n * **Note:** JavaScript follows the IEEE-754 standard for resolving\n * floating-point values which can produce unexpected results.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Util\n * @param {number} [start=0] The start of the range.\n * @param {number} end The end of the range.\n * @param {number} [step=1] The value to increment or decrement by.\n * @returns {Array} Returns the range of numbers.\n * @see _.inRange, _.rangeRight\n * @example\n *\n * _.range(4);\n * // => [0, 1, 2, 3]\n *\n * _.range(-4);\n * // => [0, -1, -2, -3]\n *\n * _.range(1, 5);\n * // => [1, 2, 3, 4]\n *\n * _.range(0, 20, 5);\n * // => [0, 5, 10, 15]\n *\n * _.range(0, -4, -1);\n * // => [0, -1, -2, -3]\n *\n * _.range(1, 4, 0);\n * // => [1, 1, 1]\n *\n * _.range(0);\n * // => []\n */\nvar range = createRange();\n\nmodule.exports = range;\n","import React, { FC, useCallback, useEffect, useState, useRef, useMemo } from 'react';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport debounce from 'lodash/debounce';\nimport padStart from 'lodash/padStart';\nimport range from 'lodash/range';\n\nimport useConfig from '../../_util/useConfig';\nimport noop from '../../_util/noop';\n\nimport { TdTimePickerProps } from '../type';\nimport { EPickerCols } from '../interfaces';\n\nimport { MERIDIEM_LIST, AM, PM, useTimePickerTextConfig } from '../consts';\n\nconst timeArr = [EPickerCols.hour, EPickerCols.minute, EPickerCols.second];\n\nexport type SinglePanelProps = Pick<\n  TdTimePickerProps,\n  'steps' | 'format' | 'disableTime' | 'value' | 'hideDisabledTime' | 'onChange'\n>;\n\nconst SinglePanel: FC<SinglePanelProps> = (props) => {\n  const { steps, format, onChange = noop, value, hideDisabledTime = true, disableTime } = props;\n  const { classPrefix } = useConfig();\n  const TEXT_CONFIG = useTimePickerTextConfig();\n\n  const panelClassName = `${classPrefix}-time-picker-panel`;\n\n  const [cols, setCols] = useState<Array<EPickerCols>>([]);\n  const colsRef = useRef([]);\n  const maskRef = useRef(null);\n\n  const dayjsValue = useMemo(() => {\n    const isStepsSet = !!steps.filter((v) => v > 1).length;\n\n    if (value) {\n      return dayjs(value, format);\n    }\n    if (isStepsSet) {\n      return dayjs()\n        .hour(Number(steps[0]) - 1)\n        .minute(Number(steps[1]) - 1)\n        .second(Number(steps[2]) - 1);\n    }\n    return dayjs();\n  }, [value, format, steps]);\n\n  useEffect(() => {\n    colsRef.current = colsRef.current.slice(0, cols.length);\n  }, [cols]);\n\n  useEffect(() => {\n    const match = format.match(/(a\\s+|A\\s+)?(h+|H+)?:?(m+)?:?(s+)?(\\s+a|\\s+A)?/);\n    const [, startCol, hourCol, minuteCol, secondCol, endCol] = match;\n    const { meridiem, hour, minute, second } = EPickerCols;\n\n    const renderCol = [\n      startCol && meridiem,\n      hourCol && hour,\n      minuteCol && minute,\n      secondCol && second,\n      endCol && meridiem,\n    ].filter((v) => !!v);\n    setCols(renderCol);\n  }, [format]);\n\n  // 获取每个时间的高度\n  const getItemHeight = useCallback(() => {\n    const maskDom = maskRef?.current?.querySelector('div');\n    const timeItemTotalHeight = maskDom.offsetHeight + parseInt(getComputedStyle(maskDom).margin, 10);\n    return timeItemTotalHeight;\n  }, []);\n\n  const closestLookup = (availableArr: Array<any>, calcVal: number, step: number) => {\n    if (step <= 1) return calcVal;\n    return availableArr.sort((a, b) => Math.abs(calcVal + 1 - a) - Math.abs(calcVal + 1 - b))[0];\n  };\n\n  const timeItemCanUsed = (col: EPickerCols, el: string | number) => {\n    const colIdx = timeArr.indexOf(col);\n    if (colIdx !== -1) {\n      const params: [number, number, number] = [dayjsValue.hour(), dayjsValue.minute(), dayjsValue.second()];\n      params[colIdx] = el as number;\n      return !(disableTime && disableTime?.(...params));\n    }\n    return true;\n  };\n\n  // 获取需要渲染的column\n  const getColList = useCallback(\n    (col: EPickerCols) => {\n      let count = 0;\n\n      if (timeArr.includes(col)) {\n        // hour/minute/second column scorller render\n        const colIdx = timeArr.indexOf(col);\n        const colStep = steps[colIdx];\n        if (col === EPickerCols.hour) {\n          count = /[h]{1}/.test(format) ? 11 : 23;\n        } else {\n          count = 59;\n        }\n        const colList =\n          range(Number(colStep) - 1, count + 1, Number(colStep)).map((v) => padStart(String(v), 2, '0')) || [];\n\n        return hideDisabledTime && !!disableTime\n          ? colList.filter((t) => {\n              const params: [number, number, number] = [dayjsValue.hour(), dayjsValue.minute(), dayjsValue.second()];\n              params[colIdx] = Number(t);\n              return !disableTime?.(...params);\n            })\n          : colList;\n      }\n      // meridiem column scroller render\n      return MERIDIEM_LIST;\n    },\n    [steps, format, hideDisabledTime, dayjsValue, disableTime],\n  );\n\n  const getScrollDistance = useCallback(\n    (col: EPickerCols, time: number | string) => {\n      if (col === EPickerCols.hour && /[h]{1}/.test(format)) {\n        // eslint-disable-next-line no-param-reassign\n        (time as number) %= 12; // 一定是数字 直接cast\n      }\n\n      const itemIdx = getColList(col).indexOf(padStart(String(time), 2, '0'));\n\n      const timeItemTotalHeight = getItemHeight();\n      const distance = Math.abs(itemIdx * timeItemTotalHeight + timeItemTotalHeight / 2);\n      return distance;\n    },\n    [getItemHeight, getColList, format],\n  );\n\n  const handleScroll = (col: EPickerCols, idx: number) => {\n    let val: number;\n    const scrollTop = colsRef.current[idx]?.scrollTop;\n    if (timeArr.includes(col)) {\n      // hour/minute/second col scorll\n      let max = 59;\n      if (col === EPickerCols.hour) {\n        max = /[h]{1}/.test(format) ? 11 : 23;\n      }\n      const colIdx = timeArr.indexOf(col);\n\n      val = Math.min(Math.abs(Math.round(scrollTop / getItemHeight())), max);\n\n      val = closestLookup(\n        range(Number(steps[colIdx]) - 1, max + 1, Number(steps[colIdx])),\n        Number(getColList(col)[val]),\n        Number(steps[colIdx]),\n      );\n      if (col === EPickerCols.hour && cols.includes(EPickerCols.meridiem) && dayjsValue.hour() > 12) {\n        // 如果是十二小时制需要再判断\n        val = Number(val) + 12;\n      }\n      if (timeItemCanUsed(col, val))\n        value ? onChange(dayjsValue[col]?.(val).format(format)) : onChange(dayjsValue[col]?.(val).format(format));\n    } else {\n      // meridiem col scorll\n      const val = Math.min(Math.abs(Math.round(scrollTop / getItemHeight())), 1);\n      const m = MERIDIEM_LIST[val].toLowerCase(); // 处理PM/AM与am/pm\n      const currentHour = dayjsValue.hour();\n      if (m === AM && currentHour >= 12) {\n        onChange(dayjsValue.hour(currentHour - 12).format(format));\n      } else if (m === PM && currentHour < 12) {\n        onChange(dayjsValue.hour(currentHour + 12).format(format));\n      }\n    }\n    const distance = getScrollDistance(col, val);\n\n    if (distance !== scrollTop) {\n      const scroller = colsRef.current[cols.indexOf(col)];\n      if (!distance || !scroller || scroller.scrollTop === distance) return;\n\n      scroller.scrollTo({\n        top: distance,\n        behavior: 'smooth',\n      });\n    }\n  };\n\n  const scrollToTime = useCallback(\n    (col: EPickerCols, time: number | string, idx: number, behavior: 'auto' | 'smooth' = 'auto') => {\n      const distance = getScrollDistance(col, time);\n      const scroller = colsRef.current[idx];\n      if (!distance || !scroller || scroller.scrollTop === distance) return;\n\n      scroller.scrollTo({\n        top: distance,\n        behavior,\n      });\n    },\n    [getScrollDistance],\n  );\n\n  const handleTimeItemClick = (col: EPickerCols, el: string | number) => {\n    if (timeArr.includes(col)) {\n      if (col === EPickerCols.hour && dayjsValue.format('a') === PM && cols.includes(EPickerCols.meridiem)) {\n        // eslint-disable-next-line no-param-reassign\n        el = Number(el) + 12;\n      }\n      value ? onChange(dayjsValue[col]?.(el).format(format)) : onChange(dayjsValue[col]?.(el).format(format));\n    } else {\n      const currentHour = dayjsValue.hour();\n      if (el === AM && currentHour >= 12) {\n        onChange(dayjsValue.hour(currentHour - 12).format(format));\n      } else if (el === PM && currentHour < 12) {\n        onChange(dayjsValue.hour(currentHour + 12).format(format));\n      }\n    }\n  };\n\n  // update each columns scroll distance\n  const updateTimeScrollPos = useCallback(() => {\n    const behavior = value ? 'smooth' : 'auto';\n    const isStepsSet = !!steps.filter((v) => v > 1).length;\n\n    cols.forEach((col: EPickerCols, idx: number) => {\n      if (!isStepsSet || (isStepsSet && value)) {\n        // 如果没有设置大于1的steps或设置了大于1的step 正常处理滚动\n        scrollToTime(col, timeArr.includes(col) ? dayjsValue[col]?.() : dayjsValue.format('a'), idx, behavior);\n      } else {\n        // 否则初始化到每列第一个选项\n        scrollToTime(col, getColList(col)?.[0], idx, behavior);\n      }\n    });\n  }, [cols, scrollToTime, dayjsValue, value, steps, getColList]);\n\n  useEffect(() => {\n    updateTimeScrollPos();\n  });\n\n  const isCurrent = useCallback(\n    (col: EPickerCols, colItem: string | number) => {\n      let colVal: number;\n      if (col === EPickerCols.meridiem) {\n        const currentMeridiem = dayjsValue.format('a');\n        return currentMeridiem === colItem;\n      }\n      colVal = dayjsValue[col]?.();\n      if (col === EPickerCols.hour && /[h]{1}/.test(format)) {\n        colVal %= 12;\n      }\n      return colVal === Number(colItem);\n    },\n    [format, dayjsValue],\n  );\n\n  function renderScrollers() {\n    return cols.map((col, idx) => (\n      <ul\n        key={`${col}_${idx}`}\n        ref={(el) => (colsRef.current[idx] = el)}\n        className={`${panelClassName}__body-scroll`}\n        onWheel={debounce(() => handleScroll(col, idx), 50)}\n      >\n        {getColList(col).map((el) => (\n          <li\n            key={el}\n            className={classNames(`${panelClassName}__body-scroll-item`, {\n              [`${classPrefix}-is-disabled`]: !timeItemCanUsed(col, el),\n              [`${classPrefix}-is-current`]: isCurrent(col, el),\n            })}\n            onClick={() => handleTimeItemClick(col, el)}\n          >\n            {timeArr.includes(col) ? el : TEXT_CONFIG[el]}\n          </li>\n        ))}\n      </ul>\n    ));\n  }\n\n  return (\n    <div className={`${panelClassName}__body`}>\n      {/* render mask */}\n      <div className={`${panelClassName}__body-active-mask`} ref={maskRef}>\n        {cols.map((col, idx) => (\n          <div key={`${col}_${idx}`} />\n        ))}\n      </div>\n      {renderScrollers()}\n    </div>\n  );\n};\n\nexport default SinglePanel;\n"],"names":["nativeCeil","Math","ceil","nativeMax","max","baseRange","start","end","step","fromRight","index","length","result","Array","_baseRange","require$$0","isIterateeCall","require$$1","toFinite","require$$2","createRange","undefined","_createRange","range","range_1","timeArr","EPickerCols","hour","minute","second","SinglePanel","props","steps","format","onChange","noop","value","hideDisabledTime","disableTime","useConfig","classPrefix","TEXT_CONFIG","useTimePickerTextConfig","panelClassName","useState","cols","setCols","colsRef","useRef","maskRef","dayjsValue","useMemo","isStepsSet","filter","v","dayjs","Number","current","slice","match","startCol","hourCol","minuteCol","secondCol","endCol","meridiem","renderCol","getItemHeight","useCallback","maskDom","querySelector","timeItemTotalHeight","offsetHeight","parseInt","getComputedStyle","margin","closestLookup","availableArr","calcVal","sort","a","b","abs","timeItemCanUsed","col","el","colIdx","indexOf","params","getColList","count","includes","colStep","test","colList","map","padStart","String","t","MERIDIEM_LIST","getScrollDistance","time","itemIdx","distance","handleScroll","idx","val","scrollTop","min","round","val2","m","toLowerCase","currentHour","AM","PM","scroller","scrollTo","top","behavior","scrollToTime","handleTimeItemClick","updateTimeScrollPos","forEach","isCurrent","colItem","colVal","currentMeridiem","key","ref","className","onWheel","debounce","classNames","onClick","renderScrollers"],"mappings":"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"}
+{"version":3,"file":"SinglePanel.js","sources":["../../../node_modules/lodash/_baseRange.js","../../../node_modules/lodash/_createRange.js","../../../node_modules/lodash/range.js","../../../src/time-picker/panel/SinglePanel.tsx"],"sourcesContent":["/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeCeil = Math.ceil,\n    nativeMax = Math.max;\n\n/**\n * The base implementation of `_.range` and `_.rangeRight` which doesn't\n * coerce arguments.\n *\n * @private\n * @param {number} start The start of the range.\n * @param {number} end The end of the range.\n * @param {number} step The value to increment or decrement by.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Array} Returns the range of numbers.\n */\nfunction baseRange(start, end, step, fromRight) {\n  var index = -1,\n      length = nativeMax(nativeCeil((end - start) / (step || 1)), 0),\n      result = Array(length);\n\n  while (length--) {\n    result[fromRight ? length : ++index] = start;\n    start += step;\n  }\n  return result;\n}\n\nmodule.exports = baseRange;\n","var baseRange = require('./_baseRange'),\n    isIterateeCall = require('./_isIterateeCall'),\n    toFinite = require('./toFinite');\n\n/**\n * Creates a `_.range` or `_.rangeRight` function.\n *\n * @private\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {Function} Returns the new range function.\n */\nfunction createRange(fromRight) {\n  return function(start, end, step) {\n    if (step && typeof step != 'number' && isIterateeCall(start, end, step)) {\n      end = step = undefined;\n    }\n    // Ensure the sign of `-0` is preserved.\n    start = toFinite(start);\n    if (end === undefined) {\n      end = start;\n      start = 0;\n    } else {\n      end = toFinite(end);\n    }\n    step = step === undefined ? (start < end ? 1 : -1) : toFinite(step);\n    return baseRange(start, end, step, fromRight);\n  };\n}\n\nmodule.exports = createRange;\n","var createRange = require('./_createRange');\n\n/**\n * Creates an array of numbers (positive and/or negative) progressing from\n * `start` up to, but not including, `end`. A step of `-1` is used if a negative\n * `start` is specified without an `end` or `step`. If `end` is not specified,\n * it's set to `start` with `start` then set to `0`.\n *\n * **Note:** JavaScript follows the IEEE-754 standard for resolving\n * floating-point values which can produce unexpected results.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Util\n * @param {number} [start=0] The start of the range.\n * @param {number} end The end of the range.\n * @param {number} [step=1] The value to increment or decrement by.\n * @returns {Array} Returns the range of numbers.\n * @see _.inRange, _.rangeRight\n * @example\n *\n * _.range(4);\n * // => [0, 1, 2, 3]\n *\n * _.range(-4);\n * // => [0, -1, -2, -3]\n *\n * _.range(1, 5);\n * // => [1, 2, 3, 4]\n *\n * _.range(0, 20, 5);\n * // => [0, 5, 10, 15]\n *\n * _.range(0, -4, -1);\n * // => [0, -1, -2, -3]\n *\n * _.range(1, 4, 0);\n * // => [1, 1, 1]\n *\n * _.range(0);\n * // => []\n */\nvar range = createRange();\n\nmodule.exports = range;\n","import React, { FC, useCallback, useEffect, useState, useRef, useMemo } from 'react';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport debounce from 'lodash/debounce';\nimport padStart from 'lodash/padStart';\nimport range from 'lodash/range';\n\nimport useConfig from '../../_util/useConfig';\nimport noop from '../../_util/noop';\n\nimport { TdTimePickerProps } from '../type';\nimport { EPickerCols } from '../interfaces';\n\nimport { MERIDIEM_LIST, AM, PM, useTimePickerTextConfig } from '../consts';\n\nconst timeArr = [EPickerCols.hour, EPickerCols.minute, EPickerCols.second];\n\nexport type SinglePanelProps = Pick<\n  TdTimePickerProps,\n  'steps' | 'format' | 'disableTime' | 'value' | 'hideDisabledTime' | 'onChange'\n>;\n\nconst SinglePanel: FC<SinglePanelProps> = (props) => {\n  const { steps, format, onChange = noop, value, hideDisabledTime = true, disableTime } = props;\n  const { classPrefix } = useConfig();\n  const TEXT_CONFIG = useTimePickerTextConfig();\n\n  const panelClassName = `${classPrefix}-time-picker__panel`;\n\n  const [cols, setCols] = useState<Array<EPickerCols>>([]);\n  const colsRef = useRef([]);\n  const maskRef = useRef(null);\n\n  const dayjsValue = useMemo(() => {\n    const isStepsSet = !!steps.filter((v) => v > 1).length;\n\n    if (value) {\n      return dayjs(value, format);\n    }\n    if (isStepsSet) {\n      return dayjs().hour(0).minute(0).second(0);\n    }\n    return dayjs();\n  }, [value, format, steps]);\n\n  useEffect(() => {\n    colsRef.current = colsRef.current.slice(0, cols.length);\n  }, [cols]);\n\n  useEffect(() => {\n    const match = format.match(/(a\\s+|A\\s+)?(h+|H+)?:?(m+)?:?(s+)?(\\s+a|\\s+A)?/);\n    const [, startCol, hourCol, minuteCol, secondCol, endCol] = match;\n    const { meridiem, hour, minute, second } = EPickerCols;\n\n    const renderCol = [\n      startCol && meridiem,\n      hourCol && hour,\n      minuteCol && minute,\n      secondCol && second,\n      endCol && meridiem,\n    ].filter((v) => !!v);\n\n    setCols(renderCol);\n  }, [format]);\n\n  // 获取每个时间的高度\n  const getItemHeight = useCallback(() => {\n    const maskDom = maskRef?.current?.querySelector('div');\n    const timeItemTotalHeight = maskDom.offsetHeight + parseInt(getComputedStyle(maskDom).margin, 10);\n    return timeItemTotalHeight;\n  }, []);\n\n  const closestLookup = (availableArr: Array<any>, calcVal: number, step: number) => {\n    if (step <= 1) return calcVal;\n    return availableArr.sort((a, b) => Math.abs(calcVal + 1 - a) - Math.abs(calcVal + 1 - b))[0];\n  };\n\n  const timeItemCanUsed = (col: EPickerCols, el: string | number) => {\n    const colIdx = timeArr.indexOf(col);\n    if (colIdx !== -1) {\n      const params: [number, number, number] = [dayjsValue.hour(), dayjsValue.minute(), dayjsValue.second()];\n      params[colIdx] = el as number;\n      return !(disableTime && disableTime?.(...params));\n    }\n    return true;\n  };\n\n  // 获取需要渲染的column\n  const getColList = useCallback(\n    (col: EPickerCols) => {\n      let count = 0;\n\n      if (timeArr.includes(col)) {\n        // hour/minute/second column scroller render\n        const colIdx = timeArr.indexOf(col);\n        const colStep = steps[colIdx];\n\n        if (col === EPickerCols.hour) {\n          count = /[h]{1}/.test(format) ? 11 : 23;\n        } else {\n          count = 59;\n        }\n\n        const colList = range(0, count + 1, Number(colStep)).map((v) => padStart(String(v), 2, '0')) || [];\n\n        return hideDisabledTime && !!disableTime\n          ? colList.filter((t) => {\n              const params: [number, number, number] = [dayjsValue.hour(), dayjsValue.minute(), dayjsValue.second()];\n              params[colIdx] = Number(t);\n              return !disableTime?.(...params);\n            })\n          : colList;\n      }\n      // meridiem column scroller render\n      return MERIDIEM_LIST;\n    },\n    [steps, format, hideDisabledTime, dayjsValue, disableTime],\n  );\n\n  const getScrollDistance = useCallback(\n    (col: EPickerCols, time: number | string) => {\n      if (col === EPickerCols.hour && /[h]{1}/.test(format)) {\n        // eslint-disable-next-line no-param-reassign\n        (time as number) %= 12; // 一定是数字 直接cast\n      }\n\n      const itemIdx = getColList(col).indexOf(padStart(String(time), 2, '0'));\n      const timeItemTotalHeight = getItemHeight();\n      const distance = Math.abs(itemIdx * timeItemTotalHeight + timeItemTotalHeight / 2);\n      return distance;\n    },\n    [getItemHeight, getColList, format],\n  );\n\n  const handleScroll = (col: EPickerCols, idx: number) => {\n    let val: number | string;\n    const scrollTop = colsRef.current[idx]?.scrollTop;\n    if (timeArr.includes(col)) {\n      // hour/minute/second col scroll\n      let max = 59;\n      if (col === EPickerCols.hour) {\n        max = /[h]{1}/.test(format) ? 11 : 23;\n      }\n      const colIdx = timeArr.indexOf(col);\n      const colStep = Math.abs(Math.round(scrollTop / getItemHeight()));\n\n      val = Math.min(colStep > 0 ? colStep - 1 : colStep, max);\n\n      val = closestLookup(\n        range(0, max + 1, Number(steps[colIdx])),\n        Number(getColList(col)[val]),\n        Number(steps[colIdx]),\n      );\n\n      if (col === EPickerCols.hour && cols.includes(EPickerCols.meridiem) && dayjsValue.hour() > 12) {\n        // 如果是十二小时制需要再判断\n        val = Number(val) + 12;\n      }\n      if (timeItemCanUsed(col, val))\n        value ? onChange(dayjsValue[col]?.(val).format(format)) : onChange(dayjsValue[col]?.(val).format(format));\n    } else {\n      // meridiem col scroll\n      val = Math.min(Math.abs(Math.round(scrollTop / getItemHeight())), 1);\n\n      const meridiem = MERIDIEM_LIST[val].toLowerCase(); // 处理PM/AM与am/pm\n\n      val = meridiem;\n\n      const currentHour = dayjsValue.hour();\n      if (meridiem === AM && currentHour >= 12) {\n        onChange(dayjsValue.hour(currentHour - 12).format(format));\n      } else if (meridiem === PM && currentHour < 12) {\n        onChange(dayjsValue.hour(currentHour + 12).format(format));\n      }\n    }\n    const distance = getScrollDistance(col, val);\n\n    if (distance !== scrollTop) {\n      const scroller = colsRef.current[cols.indexOf(col)];\n      if (!distance || !scroller || scroller.scrollTop === distance) return;\n\n      scroller.scrollTo({\n        top: distance,\n        behavior: 'smooth',\n      });\n    }\n  };\n\n  const scrollToTime = useCallback(\n    (col: EPickerCols, time: number | string, idx: number, behavior: 'auto' | 'smooth' = 'auto') => {\n      const distance = getScrollDistance(col, time);\n      const scroller = colsRef.current[idx];\n      if (!distance || !scroller || scroller.scrollTop === distance) return;\n\n      scroller.scrollTo({\n        top: distance,\n        behavior,\n      });\n    },\n    [getScrollDistance],\n  );\n\n  const handleTimeItemClick = (col: EPickerCols, el: string | number) => {\n    if (timeArr.includes(col)) {\n      if (col === EPickerCols.hour && dayjsValue.format('a') === PM && cols.includes(EPickerCols.meridiem)) {\n        // eslint-disable-next-line no-param-reassign\n        el = Number(el) + 12;\n      }\n      value ? onChange(dayjsValue[col]?.(el).format(format)) : onChange(dayjsValue[col]?.(el).format(format));\n    } else {\n      const currentHour = dayjsValue.hour();\n      if (el === AM && currentHour >= 12) {\n        onChange(dayjsValue.hour(currentHour - 12).format(format));\n      } else if (el === PM && currentHour < 12) {\n        onChange(dayjsValue.hour(currentHour + 12).format(format));\n      }\n    }\n  };\n\n  // update each columns scroll distance\n  const updateTimeScrollPos = useCallback(() => {\n    const behavior = value ? 'smooth' : 'auto';\n    const isStepsSet = !!steps.filter((v) => v > 1).length;\n\n    cols.forEach((col: EPickerCols, idx: number) => {\n      if (!isStepsSet || (isStepsSet && value)) {\n        // 如果没有设置大于1的steps或设置了大于1的step 正常处理滚动\n        scrollToTime(col, timeArr.includes(col) ? dayjsValue[col]?.() : dayjsValue.format('a'), idx, behavior);\n      } else {\n        // 否则初始化到每列第一个选项\n        scrollToTime(col, getColList(col)?.[0], idx, behavior);\n      }\n    });\n  }, [cols, scrollToTime, dayjsValue, value, steps, getColList]);\n\n  useEffect(() => {\n    updateTimeScrollPos();\n  });\n\n  const isCurrent = useCallback(\n    (col: EPickerCols, colItem: string | number) => {\n      let colVal: number;\n      if (col === EPickerCols.meridiem) {\n        const currentMeridiem = dayjsValue.format('a');\n        return currentMeridiem === colItem;\n      }\n      colVal = dayjsValue[col]?.();\n      if (col === EPickerCols.hour && /[h]{1}/.test(format)) {\n        colVal %= 12;\n      }\n      return colVal === Number(colItem);\n    },\n    [format, dayjsValue],\n  );\n\n  function renderScrollers() {\n    return cols.map((col, idx) => (\n      <ul\n        key={`${col}_${idx}`}\n        ref={(el) => (colsRef.current[idx] = el)}\n        className={`${panelClassName}-body-scroll`}\n        onWheel={debounce(() => handleScroll(col, idx), 50)}\n      >\n        {getColList(col).map((el) => (\n          <li\n            key={el}\n            className={classNames(`${panelClassName}-body-scroll-item`, {\n              [`${classPrefix}-is-disabled`]: !timeItemCanUsed(col, el),\n              [`${classPrefix}-is-current`]: isCurrent(col, el),\n            })}\n            onClick={() => handleTimeItemClick(col, el)}\n          >\n            {timeArr.includes(col) ? el : TEXT_CONFIG[el]}\n          </li>\n        ))}\n      </ul>\n    ));\n  }\n\n  return (\n    <div className={`${panelClassName}-body`}>\n      {/* render mask */}\n      <div className={`${panelClassName}-body-active-mask`} ref={maskRef}>\n        {cols.map((col, idx) => (\n          <div key={`${col}_${idx}`} />\n        ))}\n      </div>\n      {renderScrollers()}\n    </div>\n  );\n};\n\nexport default SinglePanel;\n"],"names":["nativeCeil","Math","ceil","nativeMax","max","baseRange","start","end","step","fromRight","index","length","result","Array","_baseRange","require$$0","isIterateeCall","require$$1","toFinite","require$$2","createRange","undefined","_createRange","range","range_1","timeArr","EPickerCols","hour","minute","second","SinglePanel","props","steps","format","onChange","noop","value","hideDisabledTime","disableTime","useConfig","classPrefix","TEXT_CONFIG","useTimePickerTextConfig","panelClassName","useState","cols","setCols","colsRef","useRef","maskRef","dayjsValue","useMemo","isStepsSet","filter","v","dayjs","current","slice","match","startCol","hourCol","minuteCol","secondCol","endCol","meridiem","renderCol","getItemHeight","useCallback","maskDom","querySelector","timeItemTotalHeight","offsetHeight","parseInt","getComputedStyle","margin","closestLookup","availableArr","calcVal","sort","a","b","abs","timeItemCanUsed","col","el","colIdx","indexOf","params","getColList","count","includes","colStep","test","colList","Number","map","padStart","String","t","MERIDIEM_LIST","getScrollDistance","time","itemIdx","distance","handleScroll","idx","val","scrollTop","round","min","toLowerCase","currentHour","AM","PM","scroller","scrollTo","top","behavior","scrollToTime","handleTimeItemClick","updateTimeScrollPos","forEach","isCurrent","colItem","colVal","currentMeridiem","key","ref","className","onWheel","debounce","classNames","onClick","renderScrollers"],"mappings":"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"}

package/esm/time-picker/panel/TimePickerPanel.js

@@ -1,69 +1,72 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
 import React__default from 'react';
 import dayjs from 'dayjs';
 import SinglePanel from './SinglePanel.js';
 import useConfig from '../../_util/useConfig.js';
 import { Button } from '../../button/index.js';
 import { DEFAULT_FORMAT, DEFAULT_STEPS, useTimePickerTextConfig } from '../consts.js';
-import '../../_chunks/dep-c5e94c83.js';
-import '../../_chunks/dep-4ca264a0.js';
+import '../../_chunks/dep-06e3288c.js';
+import '../../_chunks/dep-eeb051d7.js';
 import 'classnames';
-import '../../_chunks/dep-bdf48dee.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-7e18698b.js';
-import '../../_chunks/dep-a6296075.js';
-import '../../_chunks/dep-b48a9335.js';
-import '../../_chunks/dep-a17dbe80.js';
-import '../../_chunks/dep-044f6a06.js';
-import '../../_chunks/dep-c060cbaa.js';
-import '../../_chunks/dep-88b2f549.js';
-import '../../_chunks/dep-ebbfae85.js';
-import '../../_chunks/dep-c8d6ce97.js';
-import '../../_chunks/dep-43b6ec11.js';
-import '../../_chunks/dep-53bb8c23.js';
-import '../../_chunks/dep-b87b2179.js';
-import '../../_chunks/dep-cdfb69ea.js';
-import '../../_chunks/dep-69034005.js';
-import '../../_chunks/dep-7fb65c80.js';
-import '../../_chunks/dep-fbe7c735.js';
-import '../../_chunks/dep-5c81b722.js';
-import '../../_chunks/dep-dabea1d1.js';
-import '../../_chunks/dep-4cfb170f.js';
-import '../../_chunks/dep-41d15e2c.js';
-import '../../_chunks/dep-1e5e4f5d.js';
+import '../../_chunks/dep-ff119e08.js';
+import '../../_chunks/dep-1d4250da.js';
+import '../../_chunks/dep-5d255e0f.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-ecddcb2c.js';
+import '../../_chunks/dep-a33e5d69.js';
+import '../../_chunks/dep-cbf756f8.js';
+import '../../_chunks/dep-00014c78.js';
+import '../../_chunks/dep-8a315029.js';
+import '../../_chunks/dep-e3b3b607.js';
+import '../../_chunks/dep-bfa1a680.js';
+import '../../_chunks/dep-5533ba72.js';
+import '../../_chunks/dep-b913c21f.js';
+import '../../_chunks/dep-25dd4019.js';
+import '../../_chunks/dep-f7a41461.js';
+import '../../_chunks/dep-87fd240a.js';
+import '../../_chunks/dep-26c09f79.js';
+import '../../_chunks/dep-8e24ef70.js';
+import '../../_chunks/dep-35414959.js';
+import '../../_chunks/dep-31fc86d3.js';
+import '../../_chunks/dep-9b5d609f.js';
+import '../../_chunks/dep-63372d9c.js';
+import '../../_chunks/dep-b07ac5f1.js';
+import '../../_chunks/dep-ce15f2b0.js';
 import '../../_util/noop.js';
 import '../interfaces.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../button/Button.js';
-import '../../_chunks/dep-21185a7d.js';
+import '../../_chunks/dep-7cd001a1.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 import '../../loading/index.js';
 import '../../loading/loading.js';
-import 'react-dom';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-1c77104d.js';
+import '../../_chunks/dep-09257f36.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import 'react-dom';
+import '../../loading/gradient.js';
 import '../../loading/style/index.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 import '../../button/style/index.js';
 import '../../button/type.js';
 import '../../locale/LocalReceiver.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var TimePickerPanel = function TimePickerPanel(props) {
   var isFooterDisplay = props.isFooterDisplay,
@@ -79,20 +82,20 @@ var TimePickerPanel = function TimePickerPanel(props) {
       classPrefix = _useConfig.classPrefix;
 
   var TEXT_CONFIG = useTimePickerTextConfig();
-  var panelClassName = "".concat(classPrefix, "-time-picker-panel");
+  var panelClassName = "".concat(classPrefix, "-time-picker__panel");
   var showNowTimeBtn = !!steps.filter(function (v) {
     return v > 1;
   }).length;
   return /* @__PURE__ */React__default.createElement("div", {
     className: panelClassName
   }, /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(panelClassName, "-section__body")
+    className: "".concat(panelClassName, "-section-body")
   }, /* @__PURE__ */React__default.createElement(SinglePanel, _objectSpread(_objectSpread({}, props), {}, {
     format: format,
     steps: steps,
     value: value
   }))), isFooterDisplay ? /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(panelClassName, "-section__footer")
+    className: "".concat(panelClassName, "-section-footer")
   }, /* @__PURE__ */React__default.createElement(Button, {
     theme: "primary",
     variant: "base",

package/esm/time-picker/panel/TimePickerPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerPanel.js","sources":["../../../src/time-picker/panel/TimePickerPanel.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport dayjs from 'dayjs';\nimport SinglePanel, { SinglePanelProps } from './SinglePanel';\n\nimport useConfig from '../../_util/useConfig';\nimport Button from '../../button';\n\nimport { DEFAULT_STEPS, DEFAULT_FORMAT, useTimePickerTextConfig } from '../consts';\n\nexport interface TimePickerPanelProps extends SinglePanelProps {\n  // 是否展示footer\n  isFooterDisplay?: boolean;\n  handleConfirmClick?: () => void;\n}\n\nconst TimePickerPanel: FC<TimePickerPanelProps> = (props) => {\n  const {\n    isFooterDisplay,\n    onChange,\n    format = DEFAULT_FORMAT,\n    steps = DEFAULT_STEPS,\n    handleConfirmClick,\n    value,\n  } = props;\n  const { classPrefix } = useConfig();\n\n  const TEXT_CONFIG = useTimePickerTextConfig();\n\n  const panelClassName = `${classPrefix}-time-picker-panel`;\n  const showNowTimeBtn = !!steps.filter((v) => v > 1).length;\n\n  return (\n    <div className={panelClassName}>\n      <div className={`${panelClassName}-section__body`}>\n        <SinglePanel {...props} format={format} steps={steps} value={value} />\n      </div>\n      {isFooterDisplay ? (\n        <div className={`${panelClassName}-section__footer`}>\n          <Button theme=\"primary\" variant=\"base\" onClick={handleConfirmClick}>\n            {TEXT_CONFIG.confirm}\n          </Button>\n          {!showNowTimeBtn ? (\n            <Button theme=\"primary\" variant=\"text\" onClick={() => onChange(dayjs().format(format))}>\n              {TEXT_CONFIG.nowtime}\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default TimePickerPanel;\n"],"names":["TimePickerPanel","props","isFooterDisplay","onChange","format","DEFAULT_FORMAT","steps","DEFAULT_STEPS","handleConfirmClick","value","useConfig","classPrefix","TEXT_CONFIG","useTimePickerTextConfig","panelClassName","showNowTimeBtn","filter","v","length","className","SinglePanel","Button","theme","variant","onClick","confirm","dayjs","nowtime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeMA,kBAA4C,SAA5CA,eAA4C,CAACC,KAAD,EAAW;MAEzDC,kBAMED,MANFC;MACAC,WAKEF,MALFE;sBAKEF,MAJFG;MAAAA,oCAASC;qBAIPJ,MAHFK;MAAAA,kCAAQC;MACRC,qBAEEP,MAFFO;MACAC,QACER,MADFQ;;mBAEsBC;MAAhBC,yBAAAA;;MAEFC,cAAcC;MAEdC,2BAAoBH;MACpBI,iBAAiB,CAAC,CAACT,MAAMU,MAAN,CAAa,UAACC,CAAD;AAAA,WAAOA,IAAI,CAAX;AAAA,GAAb,EAA2BC;qDAGjD,OAAD;AAAKC,IAAAA,WAAWL;AAAhB,iDACG,OAAD;AAAKK,IAAAA,qBAAcL;AAAnB,iDACGM,6CAAgBnB;AAAOG,IAAAA,QAAAA;AAAgBE,IAAAA,OAAAA;AAAcG,IAAAA,OAAAA;QAEvDP,8DACE,OAAD;AAAKiB,IAAAA,qBAAcL;AAAnB,iDACGO,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuCC,IAAAA,SAAShB;AAAhD,KACGI,YAAYa,UAEd,CAACV,cAAD,+CACEM,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuCC,IAAAA,SAAS;AAAA,aAAMrB,SAASuB,QAAQtB,MAAR,CAAeA,MAAf,EAAf;AAAA;AAAhD,KACGQ,YAAYe,QAFhB,GAIG,QAEJ;;;;;"}
+{"version":3,"file":"TimePickerPanel.js","sources":["../../../src/time-picker/panel/TimePickerPanel.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport dayjs from 'dayjs';\nimport SinglePanel, { SinglePanelProps } from './SinglePanel';\n\nimport useConfig from '../../_util/useConfig';\nimport Button from '../../button';\n\nimport { DEFAULT_STEPS, DEFAULT_FORMAT, useTimePickerTextConfig } from '../consts';\n\nexport interface TimePickerPanelProps extends SinglePanelProps {\n  // 是否展示footer\n  isFooterDisplay?: boolean;\n  handleConfirmClick?: () => void;\n}\n\nconst TimePickerPanel: FC<TimePickerPanelProps> = (props) => {\n  const {\n    isFooterDisplay,\n    onChange,\n    format = DEFAULT_FORMAT,\n    steps = DEFAULT_STEPS,\n    handleConfirmClick,\n    value,\n  } = props;\n  const { classPrefix } = useConfig();\n\n  const TEXT_CONFIG = useTimePickerTextConfig();\n\n  const panelClassName = `${classPrefix}-time-picker__panel`;\n  const showNowTimeBtn = !!steps.filter((v) => v > 1).length;\n\n  return (\n    <div className={panelClassName}>\n      <div className={`${panelClassName}-section-body`}>\n        <SinglePanel {...props} format={format} steps={steps} value={value} />\n      </div>\n      {isFooterDisplay ? (\n        <div className={`${panelClassName}-section-footer`}>\n          <Button theme=\"primary\" variant=\"base\" onClick={handleConfirmClick}>\n            {TEXT_CONFIG.confirm}\n          </Button>\n          {!showNowTimeBtn ? (\n            <Button theme=\"primary\" variant=\"text\" onClick={() => onChange(dayjs().format(format))}>\n              {TEXT_CONFIG.nowtime}\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default TimePickerPanel;\n"],"names":["TimePickerPanel","props","isFooterDisplay","onChange","format","DEFAULT_FORMAT","steps","DEFAULT_STEPS","handleConfirmClick","value","useConfig","classPrefix","TEXT_CONFIG","useTimePickerTextConfig","panelClassName","showNowTimeBtn","filter","v","length","className","SinglePanel","Button","theme","variant","onClick","confirm","dayjs","nowtime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeMA,kBAA4C,SAA5CA,eAA4C,CAACC,KAAD,EAAW;MAEzDC,kBAMED,MANFC;MACAC,WAKEF,MALFE;sBAKEF,MAJFG;MAAAA,oCAASC;qBAIPJ,MAHFK;MAAAA,kCAAQC;MACRC,qBAEEP,MAFFO;MACAC,QACER,MADFQ;;mBAEsBC;MAAhBC,yBAAAA;;MAEFC,cAAcC;MAEdC,2BAAoBH;MACpBI,iBAAiB,CAAC,CAACT,MAAMU,MAAN,CAAa,UAACC,CAAD;AAAA,WAAOA,IAAI,CAAX;AAAA,GAAb,EAA2BC;qDAGjD,OAAD;AAAKC,IAAAA,WAAWL;AAAhB,iDACG,OAAD;AAAKK,IAAAA,qBAAcL;AAAnB,iDACGM,6CAAgBnB;AAAOG,IAAAA,QAAAA;AAAgBE,IAAAA,OAAAA;AAAcG,IAAAA,OAAAA;QAEvDP,8DACE,OAAD;AAAKiB,IAAAA,qBAAcL;AAAnB,iDACGO,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuCC,IAAAA,SAAShB;AAAhD,KACGI,YAAYa,UAEd,CAACV,cAAD,+CACEM,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuCC,IAAAA,SAAS;AAAA,aAAMrB,SAASuB,QAAQtB,MAAR,CAAeA,MAAf,EAAf;AAAA;AAAhD,KACGQ,YAAYe,QAFhB,GAIG,QAEJ;;;;;"}

package/esm/time-picker/panel/TimePickerRangePanel.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-c5e94c83.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-06e3288c.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
@@ -13,57 +13,60 @@ import SinglePanel from './SinglePanel.js';
 import useConfig from '../../_util/useConfig.js';
 import { Button } from '../../button/index.js';
 import { DEFAULT_STEPS, DEFAULT_FORMAT, useTimePickerTextConfig } from '../consts.js';
-import '../../_chunks/dep-4ca264a0.js';
-import '../../_chunks/dep-bdf48dee.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-7e18698b.js';
-import '../../_chunks/dep-a6296075.js';
-import '../../_chunks/dep-b48a9335.js';
-import '../../_chunks/dep-a17dbe80.js';
-import '../../_chunks/dep-044f6a06.js';
-import '../../_chunks/dep-c060cbaa.js';
-import '../../_chunks/dep-88b2f549.js';
-import '../../_chunks/dep-ebbfae85.js';
-import '../../_chunks/dep-c8d6ce97.js';
-import '../../_chunks/dep-43b6ec11.js';
-import '../../_chunks/dep-53bb8c23.js';
-import '../../_chunks/dep-b87b2179.js';
-import '../../_chunks/dep-cdfb69ea.js';
-import '../../_chunks/dep-69034005.js';
-import '../../_chunks/dep-7fb65c80.js';
-import '../../_chunks/dep-fbe7c735.js';
-import '../../_chunks/dep-5c81b722.js';
-import '../../_chunks/dep-dabea1d1.js';
-import '../../_chunks/dep-4cfb170f.js';
-import '../../_chunks/dep-41d15e2c.js';
-import '../../_chunks/dep-1e5e4f5d.js';
+import '../../_chunks/dep-eeb051d7.js';
+import '../../_chunks/dep-ff119e08.js';
+import '../../_chunks/dep-1d4250da.js';
+import '../../_chunks/dep-5d255e0f.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-ecddcb2c.js';
+import '../../_chunks/dep-a33e5d69.js';
+import '../../_chunks/dep-cbf756f8.js';
+import '../../_chunks/dep-00014c78.js';
+import '../../_chunks/dep-8a315029.js';
+import '../../_chunks/dep-e3b3b607.js';
+import '../../_chunks/dep-bfa1a680.js';
+import '../../_chunks/dep-5533ba72.js';
+import '../../_chunks/dep-b913c21f.js';
+import '../../_chunks/dep-25dd4019.js';
+import '../../_chunks/dep-f7a41461.js';
+import '../../_chunks/dep-87fd240a.js';
+import '../../_chunks/dep-26c09f79.js';
+import '../../_chunks/dep-8e24ef70.js';
+import '../../_chunks/dep-35414959.js';
+import '../../_chunks/dep-31fc86d3.js';
+import '../../_chunks/dep-9b5d609f.js';
+import '../../_chunks/dep-63372d9c.js';
+import '../../_chunks/dep-b07ac5f1.js';
+import '../../_chunks/dep-ce15f2b0.js';
 import '../../_util/noop.js';
 import '../interfaces.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../button/Button.js';
-import '../../_chunks/dep-21185a7d.js';
+import '../../_chunks/dep-7cd001a1.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 import '../../loading/index.js';
 import '../../loading/loading.js';
-import 'react-dom';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-1c77104d.js';
+import '../../_chunks/dep-09257f36.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import 'react-dom';
+import '../../loading/gradient.js';
 import '../../loading/style/index.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 import '../../button/style/index.js';
 import '../../button/type.js';
 import '../../locale/LocalReceiver.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var TimePickerPanel = function TimePickerPanel(props) {
   var _props$value = props.value,
@@ -85,7 +88,7 @@ var TimePickerPanel = function TimePickerPanel(props) {
       startTime = _ref2[0],
       endTime = _ref2[1];
 
-  var panelClassName = "".concat(classPrefix, "-time-picker-panel");
+  var panelClassName = "".concat(classPrefix, "-time-picker__panel");
 
   var handlePanelValueChange = function handlePanelValueChange(value2, index) {
     if (index === 0) {
@@ -99,7 +102,7 @@ var TimePickerPanel = function TimePickerPanel(props) {
   return /* @__PURE__ */React__default.createElement("div", {
     className: classNames(panelClassName, "".concat(panelClassName, "-section"))
   }, /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(panelClassName, "-section__body")
+    className: "".concat(panelClassName, "-section-body")
   }, /* @__PURE__ */React__default.createElement(SinglePanel, _objectSpread(_objectSpread({}, props), {}, {
     steps: steps,
     format: format,
@@ -115,7 +118,7 @@ var TimePickerPanel = function TimePickerPanel(props) {
       return handlePanelValueChange(v, 1);
     }
   }))), isFooterDisplay ? /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(panelClassName, "-section__footer")
+    className: "".concat(panelClassName, "-section-footer")
   }, /* @__PURE__ */React__default.createElement(Button, {
     theme: "primary",
     variant: "base",

package/esm/time-picker/panel/TimePickerRangePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerRangePanel.js","sources":["../../../src/time-picker/panel/TimePickerRangePanel.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\n\nimport SinglePanel, { SinglePanelProps } from './SinglePanel';\n\nimport useConfig from '../../_util/useConfig';\nimport Button from '../../button';\n\nimport { DEFAULT_STEPS, DEFAULT_FORMAT, useTimePickerTextConfig } from '../consts';\n\nimport { TdTimeRangePickerProps } from '../type';\n\nexport interface TimeRangePickerPanelProps extends Omit<SinglePanelProps, 'value' | 'onChange'> {\n  // 是否展示footer\n  isFooterDisplay?: boolean;\n  handleConfirmClick?: () => void;\n  value: TdTimeRangePickerProps['value'];\n  onChange: TdTimeRangePickerProps['onChange'];\n}\n\nconst TimePickerPanel: FC<TimeRangePickerPanelProps> = (props) => {\n  const {\n    value = [],\n    onChange,\n    isFooterDisplay,\n    handleConfirmClick,\n    steps = DEFAULT_STEPS,\n    format = DEFAULT_FORMAT,\n  } = props;\n\n  const TEXT_CONFIG = useTimePickerTextConfig();\n\n  const { classPrefix } = useConfig();\n\n  const [startTime, endTime] = value || [];\n  const panelClassName = `${classPrefix}-time-picker-panel`;\n\n  const handlePanelValueChange = (value: string, index: number) => {\n    if (index === 0) {\n      onChange([value, endTime || value]);\n    } else {\n      const calStartTime = startTime || dayjs().hour(0).minute(0).second(0).format(format);\n      onChange([calStartTime, value]);\n    }\n  };\n\n  return (\n    <div className={classNames(panelClassName, `${panelClassName}-section`)}>\n      <div className={`${panelClassName}-section__body`}>\n        <SinglePanel\n          {...props}\n          steps={steps}\n          format={format}\n          value={startTime}\n          onChange={(v) => handlePanelValueChange(v, 0)}\n        />\n        <SinglePanel\n          {...props}\n          steps={steps}\n          format={format}\n          value={endTime}\n          onChange={(v) => handlePanelValueChange(v, 1)}\n        />\n      </div>\n      {isFooterDisplay ? (\n        <div className={`${panelClassName}-section__footer`}>\n          <Button theme=\"primary\" variant=\"base\" onClick={handleConfirmClick}>\n            {TEXT_CONFIG.confirm}\n          </Button>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default TimePickerPanel;\n"],"names":["TimePickerPanel","props","value","onChange","isFooterDisplay","handleConfirmClick","steps","DEFAULT_STEPS","format","DEFAULT_FORMAT","TEXT_CONFIG","useTimePickerTextConfig","useConfig","classPrefix","startTime","endTime","panelClassName","handlePanelValueChange","value2","index","calStartTime","dayjs","hour","minute","second","className","classNames","SinglePanel","v","Button","theme","variant","onClick","confirm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBMA,kBAAiD,SAAjDA,eAAiD,CAACC,KAAD,EAAW;qBAQ5DA,MANFC;MAAAA,kCAAQ;MACRC,WAKEF,MALFE;MACAC,kBAIEH,MAJFG;MACAC,qBAGEJ,MAHFI;qBAGEJ,MAFFK;MAAAA,kCAAQC;sBAENN,MADFO;MAAAA,oCAASC;MAGLC,cAAcC;;mBAEIC;MAAhBC,yBAAAA;;aAEqBX,SAAS;;MAA/BY;MAAWC;;MACZC,2BAAoBH;;MAEpBI,yBAAyB,SAAzBA,sBAAyB,CAACC,MAAD,EAAgBC,KAAhB,EAAkC;QAC3DA,UAAU,GAAG;eACN,CAACD,MAAD,EAAQH,WAAWG,MAAnB;WACJ;UACCE,eAAeN,aAAaO,QAAQC,IAAR,CAAa,CAAb,EAAgBC,MAAhB,CAAuB,CAAvB,EAA0BC,MAA1B,CAAiC,CAAjC,EAAoChB,MAApC,CAA2CA,MAA3C;eACzB,CAACY,YAAD,EAAeF,MAAf;;;;qDAKV,OAAD;AAAKO,IAAAA,WAAWC,WAAWV,0BAAmBA;AAA9C,iDACG,OAAD;AAAKS,IAAAA,qBAAcT;AAAnB,iDACGW,6CACK1B;AACJK,IAAAA,OAAAA;AACAE,IAAAA,QAAAA;AACAN,IAAAA,OAAOY;AACPX,IAAAA,UAAU,kBAACyB,CAAD;AAAA,aAAOX,uBAAuBW,GAAG,EAAjC;AAAA;mDAEXD,6CACK1B;AACJK,IAAAA,OAAAA;AACAE,IAAAA,QAAAA;AACAN,IAAAA,OAAOa;AACPZ,IAAAA,UAAU,kBAACyB,CAAD;AAAA,aAAOX,uBAAuBW,GAAG,EAAjC;AAAA;QAGbxB,8DACE,OAAD;AAAKqB,IAAAA,qBAAcT;AAAnB,iDACGa,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuCC,IAAAA,SAAS3B;AAAhD,KACGK,YAAYuB,YAGf;;;;;"}
+{"version":3,"file":"TimePickerRangePanel.js","sources":["../../../src/time-picker/panel/TimePickerRangePanel.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\n\nimport SinglePanel, { SinglePanelProps } from './SinglePanel';\n\nimport useConfig from '../../_util/useConfig';\nimport Button from '../../button';\n\nimport { DEFAULT_STEPS, DEFAULT_FORMAT, useTimePickerTextConfig } from '../consts';\n\nimport { TdTimeRangePickerProps } from '../type';\n\nexport interface TimeRangePickerPanelProps extends Omit<SinglePanelProps, 'value' | 'onChange'> {\n  // 是否展示footer\n  isFooterDisplay?: boolean;\n  handleConfirmClick?: () => void;\n  value: TdTimeRangePickerProps['value'];\n  onChange: TdTimeRangePickerProps['onChange'];\n}\n\nconst TimePickerPanel: FC<TimeRangePickerPanelProps> = (props) => {\n  const {\n    value = [],\n    onChange,\n    isFooterDisplay,\n    handleConfirmClick,\n    steps = DEFAULT_STEPS,\n    format = DEFAULT_FORMAT,\n  } = props;\n\n  const TEXT_CONFIG = useTimePickerTextConfig();\n\n  const { classPrefix } = useConfig();\n\n  const [startTime, endTime] = value || [];\n  const panelClassName = `${classPrefix}-time-picker__panel`;\n\n  const handlePanelValueChange = (value: string, index: number) => {\n    if (index === 0) {\n      onChange([value, endTime || value]);\n    } else {\n      const calStartTime = startTime || dayjs().hour(0).minute(0).second(0).format(format);\n      onChange([calStartTime, value]);\n    }\n  };\n\n  return (\n    <div className={classNames(panelClassName, `${panelClassName}-section`)}>\n      <div className={`${panelClassName}-section-body`}>\n        <SinglePanel\n          {...props}\n          steps={steps}\n          format={format}\n          value={startTime}\n          onChange={(v) => handlePanelValueChange(v, 0)}\n        />\n        <SinglePanel\n          {...props}\n          steps={steps}\n          format={format}\n          value={endTime}\n          onChange={(v) => handlePanelValueChange(v, 1)}\n        />\n      </div>\n      {isFooterDisplay ? (\n        <div className={`${panelClassName}-section-footer`}>\n          <Button theme=\"primary\" variant=\"base\" onClick={handleConfirmClick}>\n            {TEXT_CONFIG.confirm}\n          </Button>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default TimePickerPanel;\n"],"names":["TimePickerPanel","props","value","onChange","isFooterDisplay","handleConfirmClick","steps","DEFAULT_STEPS","format","DEFAULT_FORMAT","TEXT_CONFIG","useTimePickerTextConfig","useConfig","classPrefix","startTime","endTime","panelClassName","handlePanelValueChange","value2","index","calStartTime","dayjs","hour","minute","second","className","classNames","SinglePanel","v","Button","theme","variant","onClick","confirm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBMA,kBAAiD,SAAjDA,eAAiD,CAACC,KAAD,EAAW;qBAQ5DA,MANFC;MAAAA,kCAAQ;MACRC,WAKEF,MALFE;MACAC,kBAIEH,MAJFG;MACAC,qBAGEJ,MAHFI;qBAGEJ,MAFFK;MAAAA,kCAAQC;sBAENN,MADFO;MAAAA,oCAASC;MAGLC,cAAcC;;mBAEIC;MAAhBC,yBAAAA;;aAEqBX,SAAS;;MAA/BY;MAAWC;;MACZC,2BAAoBH;;MAEpBI,yBAAyB,SAAzBA,sBAAyB,CAACC,MAAD,EAAgBC,KAAhB,EAAkC;QAC3DA,UAAU,GAAG;eACN,CAACD,MAAD,EAAQH,WAAWG,MAAnB;WACJ;UACCE,eAAeN,aAAaO,QAAQC,IAAR,CAAa,CAAb,EAAgBC,MAAhB,CAAuB,CAAvB,EAA0BC,MAA1B,CAAiC,CAAjC,EAAoChB,MAApC,CAA2CA,MAA3C;eACzB,CAACY,YAAD,EAAeF,MAAf;;;;qDAKV,OAAD;AAAKO,IAAAA,WAAWC,WAAWV,0BAAmBA;AAA9C,iDACG,OAAD;AAAKS,IAAAA,qBAAcT;AAAnB,iDACGW,6CACK1B;AACJK,IAAAA,OAAAA;AACAE,IAAAA,QAAAA;AACAN,IAAAA,OAAOY;AACPX,IAAAA,UAAU,kBAACyB,CAAD;AAAA,aAAOX,uBAAuBW,GAAG,EAAjC;AAAA;mDAEXD,6CACK1B;AACJK,IAAAA,OAAAA;AACAE,IAAAA,QAAAA;AACAN,IAAAA,OAAOa;AACPZ,IAAAA,UAAU,kBAACyB,CAAD;AAAA,aAAOX,uBAAuBW,GAAG,EAAjC;AAAA;QAGbxB,8DACE,OAAD;AAAKqB,IAAAA,qBAAcT;AAAnB,iDACGa,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuCC,IAAAA,SAAS3B;AAAhD,KACGK,YAAYuB,YAGf;;;;;"}

package/esm/time-picker/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { MouseEvent, FocusEvent, FormEvent } from 'react';
 export interface TdTimePickerProps {

package/esm/time-picker/type.js

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