@hi-ui/time-picker 4.0.10 → 4.0.11

package/lib/esm/PopContent.js

@@ -15,39 +15,36 @@ import { analysisFormat } from './utils/analysisFormat.js';
 import { getFormatDefault } from './utils/getFormatDefault.js';
 import { timePickerPrefix } from './TimePicker.js';
 import { useFilter } from './hooks/useFilter.js';
-
 var DefaultDisabledFunc = function DefaultDisabledFunc() {
   return [];
 };
-
 var PopContent = function PopContent(props) {
   var _props$prefix = props.prefix,
-      prefix = _props$prefix === void 0 ? timePickerPrefix : _props$prefix,
-      dangerousValue = props.value,
-      _onChange = props.onChange,
-      format = props.format,
-      type = props.type,
-      hourStep = props.hourStep,
-      minuteStep = props.minuteStep,
-      secondStep = props.secondStep,
-      _props$disabledHours = props.disabledHours,
-      originalDisabledHours = _props$disabledHours === void 0 ? DefaultDisabledFunc : _props$disabledHours,
-      _props$disabledSecond = props.disabledSeconds,
-      originalDisabledSeconds = _props$disabledSecond === void 0 ? DefaultDisabledFunc : _props$disabledSecond,
-      _props$disabledMinute = props.disabledMinutes,
-      originalDisabledMinutes = _props$disabledMinute === void 0 ? DefaultDisabledFunc : _props$disabledMinute,
-      style = props.style; // 将值统一转化为函数
+    prefix = _props$prefix === void 0 ? timePickerPrefix : _props$prefix,
+    dangerousValue = props.value,
+    _onChange = props.onChange,
+    format = props.format,
+    type = props.type,
+    hourStep = props.hourStep,
+    minuteStep = props.minuteStep,
+    secondStep = props.secondStep,
+    _props$disabledHours = props.disabledHours,
+    originalDisabledHours = _props$disabledHours === void 0 ? DefaultDisabledFunc : _props$disabledHours,
+    _props$disabledSecond = props.disabledSeconds,
+    originalDisabledSeconds = _props$disabledSecond === void 0 ? DefaultDisabledFunc : _props$disabledSecond,
+    _props$disabledMinute = props.disabledMinutes,
+    originalDisabledMinutes = _props$disabledMinute === void 0 ? DefaultDisabledFunc : _props$disabledMinute,
+    style = props.style;
+  // 将值统一转化为函数
   // 由于 pop content 会被 date-picker 直接调用，故而在此多做一次兼容处理
-
   var _useFilter = useFilter({
-    disabledHours: originalDisabledHours,
-    disabledMinutes: originalDisabledMinutes,
-    disabledSeconds: originalDisabledSeconds
-  }),
-      disabledHours = _useFilter.disabledHours,
-      disabledMinutes = _useFilter.disabledMinutes,
-      disabledSeconds = _useFilter.disabledSeconds;
-
+      disabledHours: originalDisabledHours,
+      disabledMinutes: originalDisabledMinutes,
+      disabledSeconds: originalDisabledSeconds
+    }),
+    disabledHours = _useFilter.disabledHours,
+    disabledMinutes = _useFilter.disabledMinutes,
+    disabledSeconds = _useFilter.disabledSeconds;
   var value = useMemo(function () {
     return dangerousValue.map(function (item) {
       return item || getFormatDefault(format);
@@ -76,75 +73,68 @@ var PopContent = function PopContent(props) {
   }, [selectorTypes]);
   var customDisabledHours = useCallback(function (panel) {
     var result = disabledHours(panel);
-
     if (panel === 'range-end') {
       var startHour = getMatchTypeValue(0, TimePickerSelectorType.hour);
-      var isLastOne = judgeTypeIsLastOne(TimePickerSelectorType.hour); // 当当前类型为最后一个类型的时候
+      var isLastOne = judgeTypeIsLastOne(TimePickerSelectorType.hour);
+      // 当当前类型为最后一个类型的时候
       // 不能够选择与开始一致的值
-
       result = [].concat(result, getRange(0, isLastOne ? startHour : startHour - 1));
     }
-
     return result;
   }, [getMatchTypeValue, disabledHours, judgeTypeIsLastOne]);
   var customDisabledMinute = useCallback(function (hour, panel) {
     var result = disabledMinutes(hour, panel);
-
     if (panel === 'range-end') {
       var startHour = getMatchTypeValue(0, TimePickerSelectorType.hour);
-      var startMinute = getMatchTypeValue(0, TimePickerSelectorType.minute); // 当前类型中包含了小时
+      var startMinute = getMatchTypeValue(0, TimePickerSelectorType.minute);
+      // 当前类型中包含了小时
       // minute 有值
-
       if (hour >= 0) {
         // 开始时间等于结束时间，则直接禁用开始时间之前的时间
         if (startHour === hour) {
-          var isLastOne = judgeTypeIsLastOne(TimePickerSelectorType.minute); // 当当前类型为最后一个类型的时候
+          var isLastOne = judgeTypeIsLastOne(TimePickerSelectorType.minute);
+          // 当当前类型为最后一个类型的时候
           // 不能够选择与开始一致的值
-
           result = [].concat(result, getRange(0, isLastOne ? startMinute : startMinute - 1));
-        } // 开始时间大于结束时间，直接禁用所有
+        }
+        // 开始时间大于结束时间，直接禁用所有
         else if (startHour > hour) {
           result = [].concat(result, getRange(0, 59));
         }
       }
     }
-
     return result;
   }, [getMatchTypeValue, judgeTypeIsLastOne, disabledMinutes]);
   var customDisabledSeconds = useCallback(function (hour, minute, panel) {
     var result = disabledSeconds(hour, minute, panel);
-
     if (panel === 'range-end') {
       var startHour = getMatchTypeValue(0, TimePickerSelectorType.hour);
       var startMinute = getMatchTypeValue(0, TimePickerSelectorType.minute);
       var startSecond = getMatchTypeValue(0, TimePickerSelectorType.second);
-      var allDisabled = false; // 如果小时存在，并且开始小时大于结束，禁用所有秒
-
+      var allDisabled = false;
+      // 如果小时存在，并且开始小时大于结束，禁用所有秒
       if (hour >= 0 && startHour > hour) {
         allDisabled = true;
-      } // 如果小时存在，并且开始结束小时一样，并且开始分钟大于结束分钟，禁用所有秒
-
-
+      }
+      // 如果小时存在，并且开始结束小时一样，并且开始分钟大于结束分钟，禁用所有秒
       if (hour >= 0 && startHour === hour && minute >= 0 && startMinute > minute) {
         allDisabled = true;
       }
-
       if (allDisabled) {
         result = [].concat(result, getRange(0, 59));
       } else {
         // hour 不存在 或者存在并且开始与结束相同
         // 则视作，小时相等
-        var isHourEqual = hour < 0 || startHour === hour; // minute 不存在 或者存在并且开始与结束相同
+        var isHourEqual = hour < 0 || startHour === hour;
+        // minute 不存在 或者存在并且开始与结束相同
         // 则视作，分钟相等
-
-        var isMinuteEqual = minute < 0 || startMinute === minute; // 分钟小时相等，则需要根据 开始 秒 做禁用处理
-
+        var isMinuteEqual = minute < 0 || startMinute === minute;
+        // 分钟小时相等，则需要根据 开始 秒 做禁用处理
         if (isHourEqual && isMinuteEqual) {
           result = [].concat(result, getRange(0, startSecond));
         }
       }
     }
-
     return result;
   }, [getMatchTypeValue, disabledSeconds]);
   var componentClass = useMemo(function () {
@@ -153,7 +143,8 @@ var PopContent = function PopContent(props) {
   var renderPanel = useCallback(function (index) {
     return /*#__PURE__*/React.createElement("div", {
       className: componentClass + "__panel-container"
-    }, /*#__PURE__*/React.createElement(Panel // itemHeight={itemHeight}
+    }, /*#__PURE__*/React.createElement(Panel
+    // itemHeight={itemHeight}
     // fullDisplayItemNumber={fullDisplayItemNumber}
     , {
       // itemHeight={itemHeight}
@@ -171,11 +162,11 @@ var PopContent = function PopContent(props) {
       onChange: function onChange(e) {
         var result = [].concat(value);
         result[index] = e;
-
         _onChange(result);
       }
     }));
-  }, [hourStep, minuteStep, secondStep, customDisabledHours, customDisabledMinute, customDisabledSeconds, format, prefix, type, value, _onChange, // fullDisplayItemNumber,
+  }, [hourStep, minuteStep, secondStep, customDisabledHours, customDisabledMinute, customDisabledSeconds, format, prefix, type, value, _onChange,
+  // fullDisplayItemNumber,
   // itemHeight,
   componentClass]);
   return /*#__PURE__*/React.createElement("div", {
@@ -185,5 +176,4 @@ var PopContent = function PopContent(props) {
     className: componentClass + "__separator"
   }), type === 'range' && renderPanel(1));
 };
-
 export { PopContent };

package/lib/esm/Selector.js

@@ -10,23 +10,21 @@
 import React, { useRef, useCallback, useEffect } from 'react';
 import { cx } from '@hi-ui/classname';
 var SelectorPosition;
-
 (function (SelectorPosition) {
   SelectorPosition["left"] = "left";
   SelectorPosition["right"] = "right";
   SelectorPosition["middle"] = "middle";
   SelectorPosition["single"] = "single";
 })(SelectorPosition || (SelectorPosition = {}));
-
 var Selector = function Selector(props) {
   var prefix = props.prefix,
-      value = props.value,
-      data = props.data,
-      onChange = props.onChange,
-      position = props.position;
+    value = props.value,
+    data = props.data,
+    onChange = props.onChange,
+    position = props.position;
   var componentPrefix = prefix + "__selector";
-  var stopScrollTimeoutHandler = useRef(-1); // 滚动容器引用
-
+  var stopScrollTimeoutHandler = useRef(-1);
+  // 滚动容器引用
   var scrollContainerRef = useRef(null);
   var topItemGagerRef = useRef(null);
   var bottomItemGagerRef = useRef(null);
@@ -41,22 +39,20 @@ var Selector = function Selector(props) {
   }, []);
   var onScroll = useCallback(function (e) {
     e.persist();
-    e.stopPropagation(); // 清除用做判断是否滚动停止的定时器
-
-    clearTimeout(stopScrollTimeoutHandler.current); // 计算当前选中的 index 下标
-
+    e.stopPropagation();
+    // 清除用做判断是否滚动停止的定时器
+    clearTimeout(stopScrollTimeoutHandler.current);
+    // 计算当前选中的 index 下标
     var currentIndex = calcCurrentIndex(e.target.scrollTop);
-
     if (currentIndex > data.length) {
       currentIndex = data.length - 1;
-    } // 200ms 后如果事件没有再次响应，则视作滚动停止
+    }
+    // 200ms 后如果事件没有再次响应，则视作滚动停止
     // 不论是否禁用，我们都需要自动滚动到对应 index
-
-
     stopScrollTimeoutHandler.current = setTimeout(function () {
-      scrollToMatchIndex(currentIndex); // 通知外部改变
+      scrollToMatchIndex(currentIndex);
+      // 通知外部改变
       // 如果当前 item 被禁用了，则无通知
-
       if (!data[currentIndex].disabled) {
         onChange(data[currentIndex]);
       }
@@ -70,9 +66,9 @@ var Selector = function Selector(props) {
   useEffect(function () {
     var currentIndex = data.findIndex(function (item) {
       return item.id === value;
-    }); // 避免非法值跳转
+    });
+    // 避免非法值跳转
     // 避免重复执行操作，只有当 value 对应的下标改变的时候才需要执行
-
     if (currentIndex >= 0 && lastValueMatchIndexCache.current !== currentIndex) {
       lastValueMatchIndexCache.current = currentIndex;
       scrollToMatchIndex(currentIndex);
@@ -88,7 +84,6 @@ var Selector = function Selector(props) {
     className: cx(componentPrefix + "__scroll-part", componentPrefix + "__demarcate")
   }, data.map(function (item, index) {
     var _cx;
-
     return /*#__PURE__*/React.createElement("div", {
       className: cx(componentPrefix + "__item", componentPrefix + "__demarcate", (_cx = {}, _cx[componentPrefix + "__item--disabled"] = item.disabled, _cx[componentPrefix + "__item--active"] = item.id === value, _cx)),
       key: item.id,
@@ -113,5 +108,4 @@ var Selector = function Selector(props) {
     ref: bottomItemGagerRef
   }))));
 };
-
 export { Selector, SelectorPosition };

package/lib/esm/TimePicker.js

@@ -24,77 +24,68 @@ import DayJs from 'dayjs';
 var _role = 'time-picker';
 var timePickerPrefix = getPrefixCls(_role);
 var DefaultValue = ['', ''];
-
 var DefaultDisabledFunc = function DefaultDisabledFunc() {
   return [];
 };
-
 var DefaultPlaceholder = ['', ''];
-
 var getValueMatchString = function getValueMatchString(value, format) {
   if (format === void 0) {
     format = 'HH:mm:ss';
   }
-
   if (!value) {
     return undefined;
   }
-
   var result = Array.isArray(value) ? value : [value];
   return result.map(function (item) {
     return typeof item === 'string' ? item : DayJs(item).format(format);
   });
 };
-
 var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _cx;
-
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? timePickerPrefix : _ref$prefixCls,
-      _ref$role = _ref.role,
-      role = _ref$role === void 0 ? _role : _ref$role,
-      className = _ref.className,
-      controlledValue = _ref.value,
-      _ref$hourStep = _ref.hourStep,
-      hourStep = _ref$hourStep === void 0 ? 1 : _ref$hourStep,
-      _ref$minuteStep = _ref.minuteStep,
-      minuteStep = _ref$minuteStep === void 0 ? 1 : _ref$minuteStep,
-      _ref$secondStep = _ref.secondStep,
-      secondStep = _ref$secondStep === void 0 ? 1 : _ref$secondStep,
-      _ref$format = _ref.format,
-      format = _ref$format === void 0 ? 'HH:mm:ss' : _ref$format,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'single' : _ref$type,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'line' : _ref$appearance,
-      _ref$defaultValue = _ref.defaultValue,
-      uncontrolledValue = _ref$defaultValue === void 0 ? DefaultValue : _ref$defaultValue,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$disabledHours = _ref.disabledHours,
-      originalDisabledHours = _ref$disabledHours === void 0 ? DefaultDisabledFunc : _ref$disabledHours,
-      _ref$disabledSeconds = _ref.disabledSeconds,
-      originalDisabledSeconds = _ref$disabledSeconds === void 0 ? DefaultDisabledFunc : _ref$disabledSeconds,
-      _ref$disabledMinutes = _ref.disabledMinutes,
-      originalDisabledMinutes = _ref$disabledMinutes === void 0 ? DefaultDisabledFunc : _ref$disabledMinutes,
-      notifyOutside = _ref.onChange,
-      _ref$placeholder = _ref.placeholder,
-      originalPlaceholder = _ref$placeholder === void 0 ? DefaultPlaceholder : _ref$placeholder,
-      _ref$inputReadonly = _ref.inputReadonly,
-      inputReadonly = _ref$inputReadonly === void 0 ? false : _ref$inputReadonly,
-      overlay = _ref.overlay,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid;
+    prefixCls = _ref$prefixCls === void 0 ? timePickerPrefix : _ref$prefixCls,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? _role : _ref$role,
+    className = _ref.className,
+    controlledValue = _ref.value,
+    _ref$hourStep = _ref.hourStep,
+    hourStep = _ref$hourStep === void 0 ? 1 : _ref$hourStep,
+    _ref$minuteStep = _ref.minuteStep,
+    minuteStep = _ref$minuteStep === void 0 ? 1 : _ref$minuteStep,
+    _ref$secondStep = _ref.secondStep,
+    secondStep = _ref$secondStep === void 0 ? 1 : _ref$secondStep,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? 'HH:mm:ss' : _ref$format,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'single' : _ref$type,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'line' : _ref$appearance,
+    _ref$defaultValue = _ref.defaultValue,
+    uncontrolledValue = _ref$defaultValue === void 0 ? DefaultValue : _ref$defaultValue,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$disabledHours = _ref.disabledHours,
+    originalDisabledHours = _ref$disabledHours === void 0 ? DefaultDisabledFunc : _ref$disabledHours,
+    _ref$disabledSeconds = _ref.disabledSeconds,
+    originalDisabledSeconds = _ref$disabledSeconds === void 0 ? DefaultDisabledFunc : _ref$disabledSeconds,
+    _ref$disabledMinutes = _ref.disabledMinutes,
+    originalDisabledMinutes = _ref$disabledMinutes === void 0 ? DefaultDisabledFunc : _ref$disabledMinutes,
+    notifyOutside = _ref.onChange,
+    _ref$placeholder = _ref.placeholder,
+    originalPlaceholder = _ref$placeholder === void 0 ? DefaultPlaceholder : _ref$placeholder,
+    _ref$inputReadonly = _ref.inputReadonly,
+    inputReadonly = _ref$inputReadonly === void 0 ? false : _ref$inputReadonly,
+    overlay = _ref.overlay,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid;
   var i18n = useLocaleContext();
   var confirmText = i18n.get('timePicker.ok');
   var nowText = i18n.get('timePicker.now');
-
   var _useState = useState(null),
-      attachEl = _useState[0],
-      setAttachEl = _useState[1];
-
+    attachEl = _useState[0],
+    setAttachEl = _useState[1];
   var formatUncontrolledValue = useMemo(function () {
     return getValueMatchString(uncontrolledValue, format);
   }, [format, uncontrolledValue]);
@@ -111,42 +102,35 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var singleFormat = ['HH', 'mm', 'ss'];
     return singleFormat.includes(format);
   }, [format]);
-
   var _useUncontrolledState = useUncontrolledState(formatUncontrolledValue, formatControlledValue, formatNotifyOutside),
-      value = _useUncontrolledState[0],
-      onChange = _useUncontrolledState[1];
-
+    value = _useUncontrolledState[0],
+    onChange = _useUncontrolledState[1];
   var placeholder = useMemo(function () {
     return Array.isArray(originalPlaceholder) ? originalPlaceholder : [originalPlaceholder];
   }, [originalPlaceholder]);
   var inputRef = useRef(null);
-
   var _useState2 = useState(true),
-      isInputValid = _useState2[0],
-      setIsInputValid = _useState2[1];
-
+    isInputValid = _useState2[0],
+    setIsInputValid = _useState2[1];
   var _useState3 = useState(value),
-      cacheValue = _useState3[0],
-      setCacheValue = _useState3[1];
-
-  var cacheValueRef = useRef(cacheValue); // 将值统一转化为函数
-
+    cacheValue = _useState3[0],
+    setCacheValue = _useState3[1];
+  var cacheValueRef = useRef(cacheValue);
+  // 将值统一转化为函数
   var _useFilter = useFilter({
-    disabledHours: originalDisabledHours,
-    disabledMinutes: originalDisabledMinutes,
-    disabledSeconds: originalDisabledSeconds
-  }),
-      disabledHours = _useFilter.disabledHours,
-      disabledMinutes = _useFilter.disabledMinutes,
-      disabledSeconds = _useFilter.disabledSeconds;
-
+      disabledHours: originalDisabledHours,
+      disabledMinutes: originalDisabledMinutes,
+      disabledSeconds: originalDisabledSeconds
+    }),
+    disabledHours = _useFilter.disabledHours,
+    disabledMinutes = _useFilter.disabledMinutes,
+    disabledSeconds = _useFilter.disabledSeconds;
   useEffect(function () {
     cacheValueRef.current = [].concat(value);
     setCacheValue(function (pre) {
       if (pre.join('') !== value.join('')) {
         return [].concat(value);
       }
-
       return pre;
     });
   }, [value]);
@@ -156,8 +140,8 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     } else {
       return index === 0 ? 'range-start' : 'range-end';
     }
-  }, [type]); // 检查值是否合规
-
+  }, [type]);
+  // 检查值是否合规
   var validChecker = useCallback(function (checkValue) {
     // 检查 range 情况下值是否正确
     // 视开始结束都为空值为正确值
@@ -178,26 +162,24 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
         },
         panelType: getPanelType(index)
       });
-    }) && ( // 单选不检查前后关系
+    }) && (
+    // 单选不检查前后关系
     type === 'single' || rangeValid);
   }, [hourStep, getPanelType, minuteStep, secondStep, disabledHours, disabledMinutes, disabledSeconds, format, type]);
   var onCacheChange = useCallback(function (newValue) {
     var result = newValue.slice(0, type === 'single' ? 1 : 2);
-    cacheValueRef.current = [].concat(result); // 避免重复渲染
-
+    cacheValueRef.current = [].concat(result);
+    // 避免重复渲染
     setCacheValue(function (pre) {
       if (pre.join('') !== result.join('')) {
         return [].concat(result);
       }
-
       return pre;
     });
   }, [type]);
-
   var _useState4 = useState(false),
-      showPopper = _useState4[0],
-      setShowPopper = _useState4[1];
-
+    showPopper = _useState4[0],
+    setShowPopper = _useState4[1];
   var showPopperRef = useRef(false);
   var cls = cx(prefixCls, className, prefixCls + "--appearance-" + appearance, (_cx = {}, _cx[prefixCls + "--active"] = showPopper && !disabled, _cx[prefixCls + "--disabled"] = disabled, _cx[prefixCls + "--input-not-valid"] = !isInputValid || invalid, _cx));
   var functionButtons = useMemo(function () {
@@ -214,7 +196,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
             onChange([].concat(cacheValue));
           }
         }
-
         showPopperRef.current = false;
         setShowPopper(false);
       }
@@ -278,17 +259,17 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     attachEl: attachEl,
     autoFocus: false,
     onClose: function onClose() {
-      var _a; // 关闭弹窗，视作，抛弃之前的选择行为，复位
-
-
+      var _a;
+      // 关闭弹窗，视作，抛弃之前的选择行为，复位
       showPopperRef.current = false;
       setShowPopper(false);
-      onCacheChange([].concat(value)); // 强制刷新 input 内容，复位
-
+      onCacheChange([].concat(value));
+      // 强制刷新 input 内容，复位
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.refresh();
     },
     preload: true
-  }), /*#__PURE__*/React.createElement(PopContent // itemHeight={itemHeight}
+  }), /*#__PURE__*/React.createElement(PopContent
+  // itemHeight={itemHeight}
   // fullDisplayItemNumber={fullDisplayItemNumber}
   , {
     // itemHeight={itemHeight}
@@ -304,10 +285,9 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabledSeconds: disabledSeconds,
     value: cacheValue,
     onChange: function onChange(e) {
-      var _a; // 只有弹窗展开的时候才接受 pop content 的值改变
+      var _a;
+      // 只有弹窗展开的时候才接受 pop content 的值改变
       // WARNING: 当值错误，弹窗收起，默认会滚动到 00:00:00，并且通知外部（非期望），所以我们需要这个FLAG来避免错误值获取
-
-
       if (showPopperRef.current) {
         // 强制刷新 input 内容，复位
         // 解决此情况：
@@ -319,9 +299,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }), functionButtons));
 });
-
 if (__DEV__) {
   TimePicker.displayName = 'TimePicker';
 }
-
 export { TimePicker, timePickerPrefix };

package/lib/esm/hooks/useFilter.js

@@ -8,7 +8,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { useMemo } from 'react';
-
 var useFilter = function useFilter(original) {
   return useMemo(function () {
     function disabledCompatibility(disposeValue) {
@@ -17,10 +16,8 @@ var useFilter = function useFilter(original) {
           return disposeValue;
         };
       }
-
       return disposeValue;
     }
-
     return {
       disabledHours: disabledCompatibility(original.disabledHours),
       disabledMinutes: disabledCompatibility(original.disabledMinutes),
@@ -28,5 +25,4 @@ var useFilter = function useFilter(original) {
     };
   }, [original.disabledHours, original.disabledSeconds, original.disabledMinutes]);
 };
-
 export { useFilter };

package/lib/esm/styles/index.scss.js

@@ -8,8 +8,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import __styleInject__ from 'style-inject';
-var css_248z = ".hi-v4-time-picker {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;border-radius: 4px;-webkit-box-shadow: 0 0 0 2px transparent;box-shadow: 0 0 0 2px transparent;}.hi-v4-time-picker__input-wrapper {border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);border-radius: var(--hi-v4-border-radius-md, 4px);width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-time-picker--appearance-line {position: relative;z-index: 0;}.hi-v4-time-picker--appearance-line .hi-v4-time-picker__input-wrapper {background: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-time-picker--appearance-line:hover .hi-v4-time-picker__input-wrapper {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker--appearance-filled {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker--appearance-filled:hover {background: var(--hi-v4-color-gray-200, #ebedf0);}.hi-v4-time-picker--appearance-unset:hover {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker--active {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));background: transparent;}.hi-v4-time-picker--active .hi-v4-time-picker__input-wrapper {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker--active:hover {background: transparent;}.hi-v4-time-picker--input-not-valid {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper, .hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper:hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-time-picker__pop-function-buttons {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 6px 8px;border-top: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}.hi-v4-time-picker__pop-function-buttons .hi-v4-time-picker__pop-now-btn {-webkit-margin-start: 0;margin-inline-start: 0;-webkit-margin-end: var(--hi-v4-spacing-6, 12px);margin-inline-end: var(--hi-v4-spacing-6, 12px);}.hi-v4-time-picker__function-button {margin-right: 8px;font-size: 14px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--disabled {cursor: not-allowed;background: #dfe2e8;}.hi-v4-time-picker--disabled .hi-v4-time-picker__input-wrapper {pointer-events: none;opacity: 0.3;}.hi-v4-time-picker__close-button:hover {color: #5f6a7a;}.hi-v4-time-picker__selector {cursor: pointer;position: relative;z-index: 0;width: 54px;color: #5f6a7a;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__selector:hover .hi-v4-time-picker__selector__shortcut {opacity: 1;}.hi-v4-time-picker__selector--position-left {margin-right: 1px;}.hi-v4-time-picker__selector--position-left .hi-v4-time-picker__selector__item {border-radius: 4px 0 0 4px;}.hi-v4-time-picker__selector--position-right {margin-left: 1px;}.hi-v4-time-picker__selector--position-right .hi-v4-time-picker__selector__item {border-radius: 0 4px 4px 0;}.hi-v4-time-picker__selector--position-single .hi-v4-time-picker__selector__item {border-radius: 4px;}.hi-v4-time-picker__selector__item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;}.hi-v4-time-picker__selector__item:hover {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--disabled {opacity: 0.2;cursor: not-allowed;background: transparent;}.hi-v4-time-picker__selector__demarcate {margin: 2px 0;height: 32px;}.hi-v4-time-picker__selector__demarcate:first-of-type {margin-top: 0;}.hi-v4-time-picker__selector__demarcate:last-of-type {margin-bottom: 0;}.hi-v4-time-picker__selector__scroll-part {overflow-y: auto;-webkit-box-sizing: content-box;box-sizing: content-box;scroll-behavior: smooth;scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */padding: 100px 0;width: 100%;position: relative;z-index: 0;}.hi-v4-time-picker__selector__scroll-part::-webkit-scrollbar {display: none; /* Chrome Safari */}.hi-v4-time-picker__selector__shortcut {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 12px;opacity: 0;}.hi-v4-time-picker__panel {padding: 4px 8px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;}.hi-v4-time-picker__panel__selector-container {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__panel__selector-content {position: relative;}.hi-v4-time-picker__panel__indicator {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);pointer-events: none;background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));z-index: -1;width: 54px;height: 32px;}.hi-v4-time-picker__panel__indicator--left {border-top-left-radius: 4px;border-bottom-left-radius: 4px;left: 0;}.hi-v4-time-picker__panel__indicator--right {border-top-right-radius: 4px;border-bottom-right-radius: 4px;right: 0;}.hi-v4-time-picker__panel__indicator--middle {left: 0;}.hi-v4-time-picker__input {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-time-picker__input--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input--not-valid {color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-time-picker__input--range .hi-v4-time-picker__input__interact-area {text-align: left;}.hi-v4-time-picker__input--fit-content .hi-v4-time-picker__input__wrapper {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}.hi-v4-time-picker__input--size-sm {line-height: var(--hi-v4-height-6, 24px);font-size: var(--hi-v4-text-size-sm, 0.75rem);}.hi-v4-time-picker__input--size-sm .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-6, 24px);}.hi-v4-time-picker__input--size-md {line-height: var(--hi-v4-height-8, 32px);font-size: var(--hi-v4-text-size-md, 0.875rem);}.hi-v4-time-picker__input--size-md .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-8, 32px);}.hi-v4-time-picker__input--size-lg {line-height: var(--hi-v4-height-10, 40px);font-size: var(--hi-v4-text-size-lg, 1rem);}.hi-v4-time-picker__input--size-lg .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-10, 40px);}.hi-v4-time-picker__input__wrapper {width: 208px;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 0;height: 30px;line-height: 30px;padding: 0 12px;}.hi-v4-time-picker__input__shadow-text {display: inline-block;font-size: inherit;font-weight: inherit;font-family: inherit;color: transparent;}.hi-v4-time-picker__input__interact-area {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 0 12px;color: inherit;border: none;outline: none;height: 100%;font-size: inherit;background: transparent;font-weight: inherit;font-family: inherit;position: absolute;left: 0;top: 0;}.hi-v4-time-picker__input__interact-area:disabled {background: transparent;}.hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::-moz-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::-ms-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area:-ms-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-moz-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-ms-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area:-ms-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker__pop-content {display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;position: relative;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;min-width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__pop-content__separator {width: 1px;background-color: var(--hi-v4-color-gray-100, #f2f4f7);border-left: none;border-right: none;}";
-
+var css_248z = ".hi-v4-time-picker {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;border-radius: 4px;-webkit-box-shadow: 0 0 0 2px transparent;box-shadow: 0 0 0 2px transparent;}.hi-v4-time-picker__input-wrapper {border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);border-radius: var(--hi-v4-border-radius-md, 4px);width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-time-picker--appearance-line {position: relative;z-index: 0;}.hi-v4-time-picker--appearance-line .hi-v4-time-picker__input-wrapper {background: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-time-picker--appearance-line:hover .hi-v4-time-picker__input-wrapper {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker--appearance-filled {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker--appearance-filled:hover {background: var(--hi-v4-color-gray-200, #ebedf0);}.hi-v4-time-picker--appearance-unset:hover {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker--active {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));background: transparent;}.hi-v4-time-picker--active .hi-v4-time-picker__input-wrapper {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker--active:hover {background: transparent;}.hi-v4-time-picker--input-not-valid {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper, .hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper:hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-time-picker__pop-function-buttons {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 6px 8px;border-top: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}.hi-v4-time-picker__pop-function-buttons .hi-v4-time-picker__pop-now-btn {-webkit-margin-start: 0;margin-inline-start: 0;-webkit-margin-end: var(--hi-v4-spacing-6, 12px);margin-inline-end: var(--hi-v4-spacing-6, 12px);}.hi-v4-time-picker__function-button {margin-right: 8px;font-size: 14px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--disabled {cursor: not-allowed;background: #dfe2e8;}.hi-v4-time-picker--disabled .hi-v4-time-picker__input-wrapper {pointer-events: none;opacity: 0.3;}.hi-v4-time-picker__close-button:hover {color: #5f6a7a;}.hi-v4-time-picker__selector {cursor: pointer;position: relative;z-index: 0;width: 54px;color: #5f6a7a;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__selector:hover .hi-v4-time-picker__selector__shortcut {opacity: 1;}.hi-v4-time-picker__selector--position-left {margin-right: 1px;}.hi-v4-time-picker__selector--position-left .hi-v4-time-picker__selector__item {border-radius: 4px 0 0 4px;}.hi-v4-time-picker__selector--position-right {margin-left: 1px;}.hi-v4-time-picker__selector--position-right .hi-v4-time-picker__selector__item {border-radius: 0 4px 4px 0;}.hi-v4-time-picker__selector--position-single .hi-v4-time-picker__selector__item {border-radius: 4px;}.hi-v4-time-picker__selector__item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;}.hi-v4-time-picker__selector__item:hover {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--disabled {opacity: 0.2;cursor: not-allowed;background: transparent;}.hi-v4-time-picker__selector__demarcate {margin: 2px 0;height: 32px;}.hi-v4-time-picker__selector__demarcate:first-of-type {margin-top: 0;}.hi-v4-time-picker__selector__demarcate:last-of-type {margin-bottom: 0;}.hi-v4-time-picker__selector__scroll-part {overflow-y: auto;-webkit-box-sizing: content-box;box-sizing: content-box;scroll-behavior: smooth;scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */padding: 100px 0;width: 100%;position: relative;z-index: 0;}.hi-v4-time-picker__selector__scroll-part::-webkit-scrollbar {display: none; /* Chrome Safari */}.hi-v4-time-picker__selector__shortcut {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 12px;opacity: 0;}.hi-v4-time-picker__panel {padding: 4px 8px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;}.hi-v4-time-picker__panel__selector-container {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__panel__selector-content {position: relative;}.hi-v4-time-picker__panel__indicator {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);pointer-events: none;background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));z-index: -1;width: 54px;height: 32px;}.hi-v4-time-picker__panel__indicator--left {border-top-left-radius: 4px;border-bottom-left-radius: 4px;left: 0;}.hi-v4-time-picker__panel__indicator--right {border-top-right-radius: 4px;border-bottom-right-radius: 4px;right: 0;}.hi-v4-time-picker__panel__indicator--middle {left: 0;}.hi-v4-time-picker__input {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-time-picker__input--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input--not-valid {color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-time-picker__input--range .hi-v4-time-picker__input__interact-area {text-align: left;}.hi-v4-time-picker__input--fit-content .hi-v4-time-picker__input__wrapper {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}.hi-v4-time-picker__input--size-sm {line-height: var(--hi-v4-height-6, 24px);font-size: var(--hi-v4-text-size-sm, 0.75rem);}.hi-v4-time-picker__input--size-sm .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-6, 24px);}.hi-v4-time-picker__input--size-md {line-height: var(--hi-v4-height-8, 32px);font-size: var(--hi-v4-text-size-md, 0.875rem);}.hi-v4-time-picker__input--size-md .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-8, 32px);}.hi-v4-time-picker__input--size-lg {line-height: var(--hi-v4-height-10, 40px);font-size: var(--hi-v4-text-size-lg, 1rem);}.hi-v4-time-picker__input--size-lg .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-10, 40px);}.hi-v4-time-picker__input__wrapper {width: 208px;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 0;height: 30px;line-height: 30px;padding: 0 12px;}.hi-v4-time-picker__input__shadow-text {display: inline-block;font-size: inherit;font-weight: inherit;font-family: inherit;color: transparent;}.hi-v4-time-picker__input__interact-area {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 0 12px;color: inherit;border: none;outline: none;height: 100%;font-size: inherit;background: transparent;font-weight: inherit;font-family: inherit;position: absolute;left: 0;top: 0;}.hi-v4-time-picker__input__interact-area:disabled {background: transparent;}.hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::-moz-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::-ms-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-moz-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-ms-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker__pop-content {display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;position: relative;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;min-width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__pop-content__separator {width: 1px;background-color: var(--hi-v4-color-gray-100, #f2f4f7);border-left: none;border-right: none;}";
 __styleInject__(css_248z);
-
 export { css_248z as default };

package/lib/esm/utils/analysisFormat.js

@@ -8,7 +8,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { TimePickerSelectorType } from '../@types/index.js';
-
 var analysisFormat = function analysisFormat(format) {
   var searchList = [{
     identifier: 'HH',
@@ -23,13 +22,11 @@ var analysisFormat = function analysisFormat(format) {
   var result = [];
   searchList.forEach(function (_ref) {
     var identifier = _ref.identifier,
-        type = _ref.type;
-
+      type = _ref.type;
     if (format.includes(identifier)) {
       result.push(type);
     }
   });
   return result;
 };
-
 export { analysisFormat };