one-design-next 0.0.4-alpha.57

package/dist/time-picker/index.js

@@ -0,0 +1,945 @@
+var _excluded = ["allowClear", "picker", "value", "onChange", "visible", "onVisibleChange", "disabled", "placeholder", "popupRender", "light", "triggerElement", "minTime", "maxTime", "onClick"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useEffect, useRef, useState } from 'react';
+import { isLegalTimeString, isTimeAfter, isTimeBefore } from "../_util/time";
+import HoverFill from "../hover-fill";
+import Icon from "../icon";
+import Popover from "../popover";
+import ScrollArea from "../scroll-area";
+import "./style";
+var TimePicker = function TimePicker(props) {
+  var _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+    _props$picker = props.picker,
+    picker = _props$picker === void 0 ? 'hour' : _props$picker,
+    _props$value = props.value,
+    valueProp = _props$value === void 0 ? undefined : _props$value,
+    onChange = props.onChange,
+    _props$visible = props.visible,
+    visibleProp = _props$visible === void 0 ? null : _props$visible,
+    onVisibleChange = props.onVisibleChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    placeholderProp = props.placeholder,
+    popupRender = props.popupRender,
+    light = props.light,
+    triggerElement = props.triggerElement,
+    minTime = props.minTime,
+    maxTime = props.maxTime,
+    _onClick = props.onClick,
+    rest = _objectWithoutProperties(props, _excluded);
+  var hoursRef = useRef(null);
+  var minutesRef = useRef(null);
+  var secondsRef = useRef(null);
+  var placeholder = placeholderProp !== null && placeholderProp !== void 0 ? placeholderProp : '请选择时间';
+  var nextClickInsideRef = useRef(false);
+  var containerRef = useRef(null);
+  var popupRef = useRef(null);
+  var _useState = useState(function () {
+      if (visibleProp !== null && visibleProp !== undefined) {
+        return visibleProp;
+      }
+      return false;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(function () {
+      return valueProp !== null && valueProp !== void 0 ? valueProp : null;
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedTime = _useState4[0],
+    setSelectedTime = _useState4[1];
+  var _useState5 = useState(function () {
+      return valueProp !== null && valueProp !== void 0 ? valueProp : '';
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    value = _useState6[0],
+    setValue = _useState6[1];
+
+  // 分钟选择器相关状态
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedHour = _useState8[0],
+    setSelectedHour = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectedMinute = _useState10[0],
+    setSelectedMinute = _useState10[1];
+  var _useState11 = useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedSecond = _useState12[0],
+    setSelectedSecond = _useState12[1];
+
+  // 根据 picker 模式格式化时间字符串
+  // 注意：这个函数只在设置 selectedTime 时使用，不应该在用户输入过程中使用
+  var formatTimeForPicker = function formatTimeForPicker(timeString) {
+    if (!timeString) return '';
+    if (picker === 'hour') {
+      // hour 模式：只显示 HH:00
+      var match = timeString.match(/^(\d{1,2}):(\d{1,2})(?::\d{1,2})?$/);
+      if (match) {
+        return "".concat(match[1].padStart(2, '0'), ":00");
+      }
+    } else if (picker === 'minute') {
+      // minute 模式：显示 HH:MM
+      var _match = timeString.match(/^(\d{1,2}):(\d{1,2})(?::\d{1,2})?$/);
+      if (_match) {
+        return "".concat(_match[1].padStart(2, '0'), ":").concat(_match[2].padStart(2, '0'));
+      }
+    } else if (picker === 'second') {
+      // second 模式：显示 HH:MM:SS
+      // 如果只有 HH:MM 格式，自动添加 :00 秒
+      var _match2 = timeString.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/);
+      if (_match2) {
+        if (_match2[3] !== undefined) {
+          // 已经是 HH:MM:SS 格式
+          return "".concat(_match2[1].padStart(2, '0'), ":").concat(_match2[2].padStart(2, '0'), ":").concat(_match2[3].padStart(2, '0'));
+        } else {
+          // 只有 HH:MM 格式，添加 :00 秒
+          return "".concat(_match2[1].padStart(2, '0'), ":").concat(_match2[2].padStart(2, '0'), ":00");
+        }
+      }
+    }
+    return timeString;
+  };
+  useEffect(function () {
+    if (valueProp !== undefined && valueProp !== selectedTime) {
+      setSelectedTime(valueProp);
+      // 只在外部 valueProp 变化时格式化，用户输入过程中不格式化
+      if (valueProp) {
+        setValue(formatTimeForPicker(valueProp));
+      } else {
+        setValue('');
+      }
+      if (valueProp) {
+        // 同步 selectedHour、selectedMinute、selectedSecond
+        if (picker === 'hour') {
+          var timeMatch = valueProp.match(/^(\d{1,2}):(\d{1,2})$/);
+          if (timeMatch) {
+            var hour = parseInt(timeMatch[1], 10);
+            setSelectedHour(hour);
+            setSelectedMinute(null);
+            setSelectedSecond(null);
+          }
+        } else if (picker === 'minute') {
+          var _timeMatch = valueProp.match(/^(\d{1,2}):(\d{1,2})$/);
+          if (_timeMatch) {
+            var _hour = parseInt(_timeMatch[1], 10);
+            var minute = parseInt(_timeMatch[2], 10);
+            setSelectedHour(_hour);
+            setSelectedMinute(minute);
+            setSelectedSecond(null);
+          }
+        } else if (picker === 'second') {
+          var _timeMatch2 = valueProp.match(/^(\d{1,2}):(\d{1,2}):(\d{1,2})$/);
+          if (_timeMatch2) {
+            var _hour2 = parseInt(_timeMatch2[1], 10);
+            var _minute = parseInt(_timeMatch2[2], 10);
+            var second = parseInt(_timeMatch2[3], 10);
+            setSelectedHour(_hour2);
+            setSelectedMinute(_minute);
+            setSelectedSecond(second);
+          }
+        }
+      } else {
+        // 当 valueProp 为 null 时，重置所有选择状态
+        setSelectedHour(null);
+        setSelectedMinute(null);
+        setSelectedSecond(null);
+      }
+    }
+  }, [valueProp, picker]);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      var _containerRef$current, _popupRef$current;
+      var target = event.target;
+
+      // 如果弹窗没有显示，不需要处理
+      if (!visible) {
+        return;
+      }
+
+      // 检查点击是否在 containerRef 或 popupRef 内部
+      var isInsideContainer = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.contains(target);
+      var isInsidePopup = (_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 ? void 0 : _popupRef$current.contains(target);
+
+      // 如果点击在两者之外，则关闭弹窗
+      if (!isInsideContainer && !isInsidePopup) {
+        handleVisibleChange(false);
+      }
+    };
+
+    // 添加点击事件监听器
+    document.addEventListener('click', handleClickOutside);
+
+    // 清理函数
+    return function () {
+      document.removeEventListener('click', handleClickOutside);
+    };
+  }, [visible, value, selectedTime]);
+  var handleVisibleChange = function handleVisibleChange(bool) {
+    setTimeout(function () {
+      if (nextClickInsideRef.current === true) {
+        nextClickInsideRef.current = false;
+        // 展开时，如果在内部元素点击，则不做默认的收起操作
+        if (!bool) {
+          return;
+        }
+      }
+
+      // 当弹窗关闭时，如果输入框的值是非法字符或超出范围，则重置为选中的值
+      if (!bool && value !== selectedTime && (!isLegalTimeString(value, picker) || minTime && isTimeBefore(value, minTime) || maxTime && isTimeAfter(value, maxTime))) {
+        // 弹窗关闭时，如果输入值不合法，重置为选中的值
+        // 这里不需要格式化，因为 selectedTime 已经是正确格式
+        setValue(selectedTime !== null && selectedTime !== void 0 ? selectedTime : '');
+        // 如果重置为空，也要重置选择状态
+        if (!selectedTime) {
+          setSelectedHour(null);
+          setSelectedMinute(null);
+          setSelectedSecond(null);
+        }
+      }
+      if (bool) {
+        if (selectedTime) {
+          // 根据 picker 模式同步相应的选择状态
+          if (picker === 'hour') {
+            var timeMatch = selectedTime.match(/^(\d{1,2}):(\d{1,2})$/);
+            if (timeMatch) {
+              var hour = parseInt(timeMatch[1], 10);
+              setSelectedHour(hour);
+              setSelectedMinute(null);
+              setSelectedSecond(null);
+            }
+          } else if (picker === 'minute') {
+            var _timeMatch3 = selectedTime.match(/^(\d{1,2}):(\d{1,2})$/);
+            if (_timeMatch3) {
+              var _hour3 = parseInt(_timeMatch3[1], 10);
+              var minute = parseInt(_timeMatch3[2], 10);
+              setSelectedHour(_hour3);
+              setSelectedMinute(minute);
+              setSelectedSecond(null);
+            }
+          } else if (picker === 'second') {
+            var _timeMatch4 = selectedTime.match(/^(\d{1,2}):(\d{1,2}):(\d{1,2})$/);
+            if (_timeMatch4) {
+              var _hour4 = parseInt(_timeMatch4[1], 10);
+              var _minute2 = parseInt(_timeMatch4[2], 10);
+              var second = parseInt(_timeMatch4[3], 10);
+              setSelectedHour(_hour4);
+              setSelectedMinute(_minute2);
+              setSelectedSecond(second);
+            }
+          }
+        }
+        scrollPopup(selectedTime !== null && selectedTime !== void 0 ? selectedTime : '', 'instant');
+      }
+      if (onVisibleChange) {
+        onVisibleChange(bool);
+      }
+      if (visibleProp === null || visibleProp === undefined) {
+        setVisible(bool);
+      }
+    }, 0);
+  };
+  var handleInputChange = function handleInputChange(e) {
+    var val = e.target.value;
+    setValue(val);
+    if (val.trim() === '') {
+      if (allowClear) {
+        if (valueProp === undefined) {
+          setSelectedTime(null);
+          // 重置所有选择状态
+          setSelectedHour(null);
+          setSelectedMinute(null);
+          setSelectedSecond(null);
+        }
+        onChange === null || onChange === void 0 || onChange(null);
+      }
+    } else {
+      // 验证时间格式和范围（用于滚动，但不触发 onChange）
+      if (isLegalTimeString(val, picker)) {
+        // 检查时间范围
+        var isInRange = true;
+        if (minTime && isTimeBefore(val, minTime)) {
+          isInRange = false;
+        }
+        if (maxTime && isTimeAfter(val, maxTime)) {
+          isInRange = false;
+        }
+        if (isInRange) {
+          if (valueProp === undefined) {
+            setSelectedTime(val);
+          }
+          onChange === null || onChange === void 0 || onChange(val);
+
+          // 如果弹窗是打开的，滚动到对应位置
+          if (visible) {
+            scrollPopup(val, 'smooth');
+          }
+        } else {
+          // 如果不在范围内，不触发 onChange，也不滚动
+          // 保持当前值，让用户看到输入的内容
+        }
+      } else {
+        // 如果格式不合法，不触发 onChange，也不滚动
+        // 保持当前值，让用户看到输入的内容
+      }
+    }
+  };
+  var handleInputBlur = function handleInputBlur() {
+    var val = value.trim();
+    if (val === '') {
+      if (allowClear) {
+        if (valueProp === undefined) {
+          setSelectedTime(null);
+          // 重置所有选择状态
+          setSelectedHour(null);
+          setSelectedMinute(null);
+          setSelectedSecond(null);
+        }
+        onChange === null || onChange === void 0 || onChange(null);
+      } else {
+        // 如果 allowClear 为 false，空值是非法的，重置为之前的值
+        setValue(selectedTime !== null && selectedTime !== void 0 ? selectedTime : '');
+      }
+    } else {
+      // 验证时间格式和范围
+      if (isLegalTimeString(val, picker)) {
+        // 检查时间范围
+        var isInRange = true;
+        if (minTime && isTimeBefore(val, minTime)) {
+          isInRange = false;
+        }
+        if (maxTime && isTimeAfter(val, maxTime)) {
+          isInRange = false;
+        }
+        if (isInRange) {
+          if (valueProp === undefined) {
+            setSelectedTime(val);
+          }
+          onChange === null || onChange === void 0 || onChange(val);
+        } else {
+          // 如果不在范围内，重置为选中的值
+          setValue(selectedTime !== null && selectedTime !== void 0 ? selectedTime : '');
+        }
+      } else {
+        // 如果格式不合法，重置为选中的值
+        setValue(selectedTime !== null && selectedTime !== void 0 ? selectedTime : '');
+      }
+    }
+  };
+  var handleInputIconClick = function handleInputIconClick(e) {
+    if (disabled) {
+      return;
+    }
+    e.stopPropagation();
+    e.preventDefault();
+    if (allowClear && selectedTime) {
+      if (valueProp === undefined) {
+        setSelectedTime(null);
+        setValue('');
+        // 重置所有选择状态
+        setSelectedHour(null);
+        setSelectedMinute(null);
+        setSelectedSecond(null);
+      }
+      onChange === null || onChange === void 0 || onChange(null);
+      if (onVisibleChange) {
+        onVisibleChange(false);
+      }
+      if (visibleProp === null) {
+        setVisible(false);
+      }
+    }
+  };
+  var handleHourSelect = function handleHourSelect(hour) {
+    if (picker === 'hour') {
+      var timeString = "".concat(hour.toString().padStart(2, '0'), ":00");
+      if (valueProp === undefined) {
+        setSelectedTime(timeString);
+        setValue(formatTimeForPicker(timeString));
+      }
+      onChange === null || onChange === void 0 || onChange(timeString);
+      if (picker === 'hour') {
+        if (onVisibleChange) {
+          onVisibleChange(false);
+        }
+        if (visibleProp === null) {
+          setVisible(false);
+        }
+      }
+    } else if (picker === 'minute' || picker === 'second') {
+      setSelectedHour(hour);
+
+      // 如果之前没有选择分钟，默认选择 00
+      if (selectedMinute === null) {
+        setSelectedMinute(0);
+      }
+
+      // 如果之前没有选择秒，默认选择 00
+      if (picker === 'second' && selectedSecond === null) {
+        setSelectedSecond(0);
+      }
+
+      // 构建完整时间字符串
+      var _timeString;
+      if (picker === 'minute') {
+        _timeString = "".concat(hour.toString().padStart(2, '0'), ":").concat((selectedMinute === null || selectedMinute === void 0 ? void 0 : selectedMinute.toString().padStart(2, '0')) || '00');
+      } else {
+        _timeString = "".concat(hour.toString().padStart(2, '0'), ":").concat((selectedMinute === null || selectedMinute === void 0 ? void 0 : selectedMinute.toString().padStart(2, '0')) || '00', ":").concat((selectedSecond === null || selectedSecond === void 0 ? void 0 : selectedSecond.toString().padStart(2, '0')) || '00');
+      }
+
+      // 检查时间范围，如果超出范围则自动调整
+      var adjustedTimeString = _timeString;
+      if (minTime && isTimeBefore(_timeString, minTime)) {
+        // 如果小于最小时间，使用最小时间
+        adjustedTimeString = minTime;
+        var _minTime$split$map = minTime.split(':').map(Number),
+          _minTime$split$map2 = _slicedToArray(_minTime$split$map, 3),
+          minHour = _minTime$split$map2[0],
+          minMinute = _minTime$split$map2[1],
+          minSecond = _minTime$split$map2[2];
+        setSelectedHour(minHour);
+        setSelectedMinute(minMinute);
+        if (picker === 'second') {
+          setSelectedSecond(minSecond || 0);
+        }
+      } else if (maxTime && isTimeAfter(_timeString, maxTime)) {
+        // 如果大于最大时间，使用最大时间
+        adjustedTimeString = maxTime;
+        var _maxTime$split$map = maxTime.split(':').map(Number),
+          _maxTime$split$map2 = _slicedToArray(_maxTime$split$map, 3),
+          maxHour = _maxTime$split$map2[0],
+          maxMinute = _maxTime$split$map2[1],
+          maxSecond = _maxTime$split$map2[2];
+        setSelectedHour(maxHour);
+        setSelectedMinute(maxMinute);
+        if (picker === 'second') {
+          setSelectedSecond(maxSecond || 0);
+        }
+      }
+      if (valueProp === undefined) {
+        setSelectedTime(adjustedTimeString);
+        setValue(formatTimeForPicker(adjustedTimeString));
+      }
+      onChange === null || onChange === void 0 || onChange(adjustedTimeString);
+
+      // 滚动到调整后的时间位置
+      scrollPopup(adjustedTimeString, 'smooth');
+    }
+  };
+  var handleMinuteSelect = function handleMinuteSelect(minute) {
+    if (picker === 'minute' || picker === 'second') {
+      var hour = selectedHour;
+
+      // 如果还没有选择小时，自动选择最小合法小时
+      if (hour === null) {
+        if (minTime) {
+          // 如果有最小时间限制，使用最小时间的小时
+          var _minTime$split$map3 = minTime.split(':').map(Number),
+            _minTime$split$map4 = _slicedToArray(_minTime$split$map3, 1),
+            minHour = _minTime$split$map4[0];
+          hour = minHour;
+        } else {
+          // 否则默认选择 00 小时
+          hour = 0;
+        }
+        setSelectedHour(hour);
+      }
+      var timeString;
+      if (picker === 'minute') {
+        timeString = "".concat(hour.toString().padStart(2, '0'), ":").concat(minute.toString().padStart(2, '0'));
+      } else {
+        // 秒选择器模式，需要包含秒
+        var second = selectedSecond !== null && selectedSecond !== void 0 ? selectedSecond : 0;
+        timeString = "".concat(hour.toString().padStart(2, '0'), ":").concat(minute.toString().padStart(2, '0'), ":").concat(second.toString().padStart(2, '0'));
+      }
+
+      // 检查时间范围，如果超出范围则自动调整
+      var adjustedTimeString = timeString;
+      if (minTime && isTimeBefore(timeString, minTime)) {
+        // 如果小于最小时间，使用最小时间
+        adjustedTimeString = minTime;
+        var _minTime$split$map5 = minTime.split(':').map(Number),
+          _minTime$split$map6 = _slicedToArray(_minTime$split$map5, 3),
+          _minHour = _minTime$split$map6[0],
+          minMinute = _minTime$split$map6[1],
+          minSecond = _minTime$split$map6[2];
+        setSelectedHour(_minHour);
+        setSelectedMinute(minMinute);
+        if (picker === 'second') {
+          setSelectedSecond(minSecond || 0);
+        }
+      } else if (maxTime && isTimeAfter(timeString, maxTime)) {
+        // 如果大于最大时间，使用最大时间
+        adjustedTimeString = maxTime;
+        var _maxTime$split$map3 = maxTime.split(':').map(Number),
+          _maxTime$split$map4 = _slicedToArray(_maxTime$split$map3, 3),
+          maxHour = _maxTime$split$map4[0],
+          maxMinute = _maxTime$split$map4[1],
+          maxSecond = _maxTime$split$map4[2];
+        setSelectedHour(maxHour);
+        setSelectedMinute(maxMinute);
+        if (picker === 'second') {
+          setSelectedSecond(maxSecond || 0);
+        }
+      } else {
+        // 在范围内，更新分钟
+        setSelectedMinute(minute);
+      }
+      if (valueProp === undefined) {
+        setSelectedTime(adjustedTimeString);
+        setValue(adjustedTimeString);
+      }
+      onChange === null || onChange === void 0 || onChange(adjustedTimeString);
+      scrollPopup(adjustedTimeString, 'smooth');
+    }
+  };
+  var handleSecondSelect = function handleSecondSelect(second) {
+    if (picker === 'second') {
+      var hour = selectedHour;
+      var minute = selectedMinute;
+
+      // 如果还没有选择小时，自动选择最小合法小时
+      if (hour === null) {
+        if (minTime) {
+          var _minTime$split$map7 = minTime.split(':').map(Number),
+            _minTime$split$map8 = _slicedToArray(_minTime$split$map7, 1),
+            minHour = _minTime$split$map8[0];
+          hour = minHour;
+        } else {
+          hour = 0;
+        }
+        setSelectedHour(hour);
+      }
+
+      // 如果还没有选择分钟，自动选择最小合法分钟
+      if (minute === null) {
+        if (minTime && hour === parseInt(minTime.split(':')[0], 10)) {
+          var _minTime$split$map9 = minTime.split(':').map(Number),
+            _minTime$split$map10 = _slicedToArray(_minTime$split$map9, 2),
+            minMinute = _minTime$split$map10[1];
+          minute = minMinute;
+        } else {
+          minute = 0;
+        }
+        setSelectedMinute(minute);
+      }
+      var timeString = "".concat(hour.toString().padStart(2, '0'), ":").concat(minute.toString().padStart(2, '0'), ":").concat(second.toString().padStart(2, '0'));
+
+      // 检查时间范围，如果超出范围则自动调整
+      var adjustedTimeString = timeString;
+      if (minTime && isTimeBefore(timeString, minTime)) {
+        adjustedTimeString = minTime;
+        var _minTime$split$map11 = minTime.split(':').map(Number),
+          _minTime$split$map12 = _slicedToArray(_minTime$split$map11, 3),
+          _minHour2 = _minTime$split$map12[0],
+          _minMinute = _minTime$split$map12[1],
+          minSecond = _minTime$split$map12[2];
+        setSelectedHour(_minHour2);
+        setSelectedMinute(_minMinute);
+        setSelectedSecond(minSecond || 0);
+      } else if (maxTime && isTimeAfter(timeString, maxTime)) {
+        adjustedTimeString = maxTime;
+        var _maxTime$split$map5 = maxTime.split(':').map(Number),
+          _maxTime$split$map6 = _slicedToArray(_maxTime$split$map5, 3),
+          maxHour = _maxTime$split$map6[0],
+          maxMinute = _maxTime$split$map6[1],
+          maxSecond = _maxTime$split$map6[2];
+        setSelectedHour(maxHour);
+        setSelectedMinute(maxMinute);
+        setSelectedSecond(maxSecond || 0);
+      } else {
+        setSelectedSecond(second);
+      }
+      if (valueProp === undefined) {
+        setSelectedTime(adjustedTimeString);
+        setValue(adjustedTimeString);
+      }
+      onChange === null || onChange === void 0 || onChange(adjustedTimeString);
+      scrollPopup(adjustedTimeString, 'smooth');
+    }
+  };
+
+  // 生成小时选项（0-23），根据 minTime 和 maxTime 过滤
+  var generateHourOptions = function generateHourOptions() {
+    var hours = [];
+    for (var i = 0; i < 24; i++) {
+      hours.push(i);
+    }
+    if (!minTime && !maxTime) {
+      return hours;
+    }
+    return hours.filter(function (hour) {
+      // 对于 minTime，只要该小时内有任何分钟可用，就保留该小时
+      // 对于 maxTime，只要该小时内有任何分钟可用，就保留该小时
+
+      if (minTime) {
+        var _minTime$split$map13 = minTime.split(':').map(Number),
+          _minTime$split$map14 = _slicedToArray(_minTime$split$map13, 2),
+          minHour = _minTime$split$map14[0],
+          minMinute = _minTime$split$map14[1];
+        if (hour < minHour) {
+          return false; // 小时太小，完全不可用
+        }
+        if (hour === minHour && minMinute === 59) {
+          return false; // 该小时只有最后一分钟，实际上不可用
+        }
+      }
+      if (maxTime) {
+        var _maxTime$split$map7 = maxTime.split(':').map(Number),
+          _maxTime$split$map8 = _slicedToArray(_maxTime$split$map7, 2),
+          maxHour = _maxTime$split$map8[0],
+          maxMinute = _maxTime$split$map8[1];
+        if (hour > maxHour) {
+          return false; // 小时太大，完全不可用
+        }
+        // 修复：当 maxTime 为 XX:00:00 时，该小时应该是可用的
+        // 只有当 maxMinute 为 0 且没有秒数限制时，才需要进一步检查
+        if (hour === maxHour && maxMinute === 0) {
+          // 检查是否有秒数限制
+          var maxTimeParts = maxTime.split(':');
+          if (maxTimeParts.length === 3) {
+            var maxSecond = parseInt(maxTimeParts[2], 10);
+            if (maxSecond === 0) {
+              return true; // 该小时的第一分钟第一秒是有效的
+            }
+          }
+          // 如果没有秒数限制（HH:MM 格式），且分钟为 0，则该小时不可用
+          return false; // 该小时只有第一分钟，实际上不可用
+        }
+      }
+      return true;
+    });
+  };
+  var hourOptions = generateHourOptions();
+
+  // 生成分钟选项（0-59）
+  var generateMinuteOptions = function generateMinuteOptions() {
+    var minutes = [];
+    for (var i = 0; i < 60; i++) {
+      minutes.push(i);
+    }
+    return minutes;
+  };
+  var minuteOptions = generateMinuteOptions();
+
+  // 生成秒选项（0-59）
+  var generateSecondOptions = function generateSecondOptions() {
+    var seconds = [];
+    for (var i = 0; i < 60; i++) {
+      seconds.push(i);
+    }
+    return seconds;
+  };
+  var secondOptions = generateSecondOptions();
+
+  // 判断分钟选项是否应该禁用
+  var isMinuteDisabled = function isMinuteDisabled(minute) {
+    if (picker !== 'minute' && picker !== 'second' || selectedHour === null) {
+      return false;
+    }
+    if (picker === 'minute') {
+      // minute 模式：直接比较 HH:MM 格式
+      var timeString = "".concat(selectedHour.toString().padStart(2, '0'), ":").concat(minute.toString().padStart(2, '0'));
+      if (minTime && isTimeBefore(timeString, minTime)) {
+        return true;
+      }
+      if (maxTime && isTimeAfter(timeString, maxTime)) {
+        return true;
+      }
+    } else if (picker === 'second') {
+      // second 模式：需要检查这个分钟是否有可能达到合法时间
+      // 如果 minTime 是 "06:27:27"，那么分钟 27 应该是可选的
+      // 因为用户可以选择秒数来达到合法时间
+      if (minTime) {
+        var _minTime$split$map15 = minTime.split(':').map(Number),
+          _minTime$split$map16 = _slicedToArray(_minTime$split$map15, 3),
+          minHour = _minTime$split$map16[0],
+          minMinute = _minTime$split$map16[1],
+          minSecond = _minTime$split$map16[2];
+        if (selectedHour === minHour && minute < minMinute) {
+          // 同小时，分钟小于最小分钟，禁用
+          return true;
+        }
+        if (selectedHour < minHour) {
+          // 小时小于最小小时，禁用
+          return true;
+        }
+      }
+      if (maxTime) {
+        var _maxTime$split$map9 = maxTime.split(':').map(Number),
+          _maxTime$split$map10 = _slicedToArray(_maxTime$split$map9, 3),
+          maxHour = _maxTime$split$map10[0],
+          maxMinute = _maxTime$split$map10[1],
+          maxSecond = _maxTime$split$map10[2];
+        if (selectedHour === maxHour && minute > maxMinute) {
+          // 同小时，分钟大于最大分钟，禁用
+          return true;
+        }
+        if (selectedHour > maxHour) {
+          // 小时大于最大小时，禁用
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  // 判断秒选项是否应该禁用
+  var isSecondDisabled = function isSecondDisabled(second) {
+    if (picker !== 'second' || selectedHour === null || selectedMinute === null) {
+      return false;
+    }
+
+    // second 模式：直接比较 HH:MM:SS 格式
+    var timeString = "".concat(selectedHour.toString().padStart(2, '0'), ":").concat(selectedMinute.toString().padStart(2, '0'), ":").concat(second.toString().padStart(2, '0'));
+    if (minTime && isTimeBefore(timeString, minTime)) {
+      return true;
+    }
+    if (maxTime && isTimeAfter(timeString, maxTime)) {
+      return true;
+    }
+    return false;
+  };
+
+  // 自定义平滑滚动方法
+  var scrollTo = function scrollTo(element, to, duration) {
+    if (duration <= 0) {
+      element.scrollTop = to;
+      return;
+    }
+    var difference = to - element.scrollTop;
+    var perTick = difference / duration * 10;
+    var reqAnimFrame = function reqAnimFrame() {
+      element.scrollTop += perTick;
+      if (Math.abs(element.scrollTop - to) < Math.abs(perTick)) {
+        element.scrollTop = to; // 确保最终位置准确
+        return;
+      }
+      requestAnimationFrame(function () {
+        return reqAnimFrame();
+      });
+    };
+    requestAnimationFrame(reqAnimFrame);
+  };
+
+  // 滚动到指定时间位置
+  var scrollPopup = function scrollPopup(timeString) {
+    var behavior = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'smooth';
+    return new Promise(function (resolve) {
+      // 通用的滚动函数
+      var scrollElement = function scrollElement(element, targetTop, checkResolve) {
+        if (element) {
+          if (behavior === 'instant') {
+            element.scrollTop = targetTop;
+            checkResolve();
+          } else {
+            scrollTo(element, targetTop, 200);
+            setTimeout(checkResolve, 200);
+          }
+        } else {
+          checkResolve();
+        }
+      };
+      if (picker === 'hour') {
+        var _hoursRef$current;
+        var hourOption = (_hoursRef$current = hoursRef.current) === null || _hoursRef$current === void 0 ? void 0 : _hoursRef$current.querySelector("[data-odn-time-picker-option-value=\"".concat(timeString, "\"]"));
+        if (hoursRef.current && hourOption) {
+          var targetTop = hourOption.offsetTop - 8;
+          scrollElement(hoursRef.current, targetTop, resolve);
+        } else {
+          resolve();
+        }
+      } else if (picker === 'minute') {
+        var timeMatch = timeString.match(/^(\d{1,2}):(\d{1,2})$/);
+        if (timeMatch) {
+          var _hoursRef$current2, _minutesRef$current;
+          var hour = parseInt(timeMatch[1], 10);
+          var minute = parseInt(timeMatch[2], 10);
+          var _hourOption = (_hoursRef$current2 = hoursRef.current) === null || _hoursRef$current2 === void 0 ? void 0 : _hoursRef$current2.querySelector("[data-odn-time-picker-option-value=\"".concat(hour.toString().padStart(2, '0'), ":00\"]"));
+          var minuteOption = (_minutesRef$current = minutesRef.current) === null || _minutesRef$current === void 0 ? void 0 : _minutesRef$current.querySelector("[data-odn-time-picker-option-value=\"".concat(minute.toString().padStart(2, '0'), "\"]"));
+          var resolvedCount = 0;
+          var checkResolve = function checkResolve() {
+            resolvedCount++;
+            if (resolvedCount === 2) resolve();
+          };
+          if (_hourOption) {
+            var _targetTop = _hourOption.offsetTop - 8;
+            scrollElement(hoursRef.current, _targetTop, checkResolve);
+          } else {
+            checkResolve();
+          }
+          if (minuteOption) {
+            var _targetTop2 = minuteOption.offsetTop - 8;
+            scrollElement(minutesRef.current, _targetTop2, checkResolve);
+          } else {
+            checkResolve();
+          }
+        } else {
+          resolve();
+        }
+      } else if (picker === 'second') {
+        var _timeMatch5 = timeString.match(/^(\d{1,2}):(\d{1,2}):(\d{1,2})$/);
+        if (_timeMatch5) {
+          var _hoursRef$current3, _minutesRef$current2, _secondsRef$current;
+          var _hour5 = parseInt(_timeMatch5[1], 10);
+          var _minute3 = parseInt(_timeMatch5[2], 10);
+          var second = parseInt(_timeMatch5[3], 10);
+          var _hourOption2 = (_hoursRef$current3 = hoursRef.current) === null || _hoursRef$current3 === void 0 ? void 0 : _hoursRef$current3.querySelector("[data-odn-time-picker-option-value=\"".concat(_hour5.toString().padStart(2, '0'), ":00\"]"));
+          var _minuteOption = (_minutesRef$current2 = minutesRef.current) === null || _minutesRef$current2 === void 0 ? void 0 : _minutesRef$current2.querySelector("[data-odn-time-picker-option-value=\"".concat(_minute3.toString().padStart(2, '0'), "\"]"));
+          var secondOption = (_secondsRef$current = secondsRef.current) === null || _secondsRef$current === void 0 ? void 0 : _secondsRef$current.querySelector("[data-odn-time-picker-option-value=\"".concat(second.toString().padStart(2, '0'), "\"]"));
+          var _resolvedCount = 0;
+          var _checkResolve = function _checkResolve() {
+            _resolvedCount++;
+            if (_resolvedCount === 3) resolve();
+          };
+          if (_hourOption2) {
+            var _targetTop3 = _hourOption2.offsetTop - 8;
+            scrollElement(hoursRef.current, _targetTop3, _checkResolve);
+          } else {
+            _checkResolve();
+          }
+          if (_minuteOption) {
+            var _targetTop4 = _minuteOption.offsetTop - 8;
+            scrollElement(minutesRef.current, _targetTop4, _checkResolve);
+          } else {
+            _checkResolve();
+          }
+          if (secondOption) {
+            var _targetTop5 = secondOption.offsetTop - 8;
+            scrollElement(secondsRef.current, _targetTop5, _checkResolve);
+          } else {
+            _checkResolve();
+          }
+        } else {
+          resolve();
+        }
+      } else {
+        resolve();
+      }
+    });
+  };
+  var inputEl = /*#__PURE__*/React.createElement("input", {
+    "data-odn-time-picker-input": true,
+    "data-odn-time-picker-input-disabled": disabled,
+    type: "text",
+    value: value,
+    onChange: handleInputChange,
+    onBlur: handleInputBlur,
+    onClick: function onClick() {
+      nextClickInsideRef.current = true;
+    },
+    placeholder: placeholder,
+    disabled: disabled
+  });
+  var popup = /*#__PURE__*/React.createElement("div", {
+    "data-odn-time-picker-popup-content": true
+  }, /*#__PURE__*/React.createElement(ScrollArea, {
+    "data-odn-time-picker-options": true,
+    ref: hoursRef
+  }, hourOptions.map(function (hour) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: hour,
+      "data-odn-time-picker-option": true,
+      "data-odn-time-picker-option-value": "".concat(hour.toString().padStart(2, '0'), ":00"),
+      "data-odn-time-picker-option-selected": picker === 'hour' ? selectedTime === "".concat(hour.toString().padStart(2, '0'), ":00") : selectedHour === hour,
+      onClick: function onClick() {
+        return handleHourSelect(hour);
+      }
+    }, picker === 'hour' ? "".concat(hour.toString().padStart(2, '0'), ":00") : hour.toString().padStart(2, '0'));
+  }), /*#__PURE__*/React.createElement("div", {
+    "data-odn-time-picker-padding-bottom": true
+  })), (picker === 'minute' || picker === 'second') && /*#__PURE__*/React.createElement(ScrollArea, {
+    "data-odn-time-picker-options": true,
+    ref: minutesRef
+  }, minuteOptions.map(function (minute) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: minute,
+      "data-odn-time-picker-option": true,
+      "data-odn-time-picker-option-value": minute.toString().padStart(2, '0'),
+      "data-odn-time-picker-option-selected": selectedMinute === minute,
+      "data-odn-time-picker-option-disabled": isMinuteDisabled(minute),
+      onClick: function onClick() {
+        return !isMinuteDisabled(minute) && handleMinuteSelect(minute);
+      }
+    }, minute.toString().padStart(2, '0'));
+  }), /*#__PURE__*/React.createElement("div", {
+    "data-odn-time-picker-padding-bottom": true
+  })), picker === 'second' && /*#__PURE__*/React.createElement(ScrollArea, {
+    "data-odn-time-picker-options": true,
+    ref: secondsRef
+  }, secondOptions.map(function (second) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: second,
+      "data-odn-time-picker-option": true,
+      "data-odn-time-picker-option-value": second.toString().padStart(2, '0'),
+      "data-odn-time-picker-option-selected": selectedSecond === second,
+      "data-odn-time-picker-option-disabled": isSecondDisabled(second),
+      onClick: function onClick() {
+        return !isSecondDisabled(second) && handleSecondSelect(second);
+      }
+    }, second.toString().padStart(2, '0'));
+  }), /*#__PURE__*/React.createElement("div", {
+    "data-odn-time-picker-padding-bottom": true
+  })));
+  return /*#__PURE__*/React.createElement(Popover, {
+    destroyOnHidden: false,
+    matchWidth: true,
+    arrowed: false,
+    visible: visible,
+    placement: "bottomLeft",
+    trigger: "click",
+    popupStyle: {
+      padding: 0,
+      maxWidth: 'initial'
+    },
+    popup: /*#__PURE__*/React.createElement("div", {
+      "data-odn-time-picker-popup": true,
+      "data-odn-time-picker-popup-picker": picker,
+      ref: popupRef
+    }, popupRender ? popupRender(popup) : popup)
+  }, triggerElement ? /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    onClick: function onClick() {
+      handleVisibleChange(!visible);
+    }
+  }, triggerElement) : /*#__PURE__*/React.createElement("div", _extends({
+    "data-odn-time-picker-container": true,
+    "data-odn-time-picker-container-selected": !!selectedTime,
+    "data-odn-time-picker-container-light": light,
+    "data-odn-time-picker-container-disabled": disabled,
+    "data-odn-time-picker-container-allow-clear": allowClear,
+    "data-odn-time-picker-container-picker": picker,
+    onClick: function onClick(e) {
+      _onClick === null || _onClick === void 0 || _onClick(e);
+      handleVisibleChange(!visible);
+    },
+    ref: containerRef
+  }, rest), light ? /*#__PURE__*/React.createElement(HoverFill, {
+    bgStyle: {
+      borderRadius: '4px'
+    }
+  }, inputEl) : inputEl, /*#__PURE__*/React.createElement("div", {
+    "data-odn-time-picker-icon-container": true,
+    onClick: handleInputIconClick
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "time",
+    "data-odn-time-picker-icon": true,
+    "data-odn-time-picker-icon-clock": true
+  }), allowClear && selectedTime && /*#__PURE__*/React.createElement(Icon, {
+    name: "cancel-circle-filled",
+    "data-odn-time-picker-icon": true,
+    "data-odn-time-picker-icon-clear": true
+  }))));
+};
+export default TimePicker;