@hi-ui/time-picker 4.0.10 → 4.0.12

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @hi-ui/time-picker
 
+## 4.0.12
+
+### Patch Changes
+
+- fix: 修复 rollup3 打包 cjs 模块问题
+- Updated dependencies
+  - @hi-ui/env@4.0.3
+  - @hi-ui/core@4.0.7
+  - @hi-ui/use-uncontrolled-state@4.0.3
+  - @hi-ui/icons@4.0.17
+  - @hi-ui/button@4.0.8
+  - @hi-ui/popper@4.1.2
+  - @hi-ui/classname@4.0.3
+
+## 4.0.11
+
+### Patch Changes
+
+- [#2672](https://github.com/XiaoMi/hiui/pull/2672) [`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 升级到 rollup3,重新构建发布组件
+
+- Updated dependencies [[`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e)]:
+  - @hi-ui/core@4.0.6
+  - @hi-ui/use-uncontrolled-state@4.0.2
+  - @hi-ui/icons@4.0.16
+  - @hi-ui/button@4.0.7
+  - @hi-ui/popper@4.1.1
+  - @hi-ui/classname@4.0.2
+  - @hi-ui/env@4.0.2
+
 ## 4.0.10
 
 ### Patch Changes

package/lib/cjs/@types/index.js

@@ -13,7 +13,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 exports.TimePickerSelectorType = void 0;
-
 (function (TimePickerSelectorType) {
   TimePickerSelectorType[TimePickerSelectorType["hour"] = 1] = "hour";
   TimePickerSelectorType[TimePickerSelectorType["minute"] = 2] = "minute";

package/lib/cjs/Input.js

@@ -10,67 +10,55 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var valueChecker = require('./utils/valueChecker.js');
-
 var disposeInputValue = require('./utils/disposeInputValue.js');
-
 var core = require('@hi-ui/core');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _cx;
-
   var prefix = props.prefix,
-      value = props.value,
-      format = props.format,
-      hourStep = props.hourStep,
-      minuteStep = props.minuteStep,
-      secondStep = props.secondStep,
-      disabledHours = props.disabledHours,
-      disabledMinutes = props.disabledMinutes,
-      disabledSeconds = props.disabledSeconds,
-      type = props.type,
-      placeholders = props.placeholders,
-      _onChange = props.onChange,
-      _onFocus = props.onFocus,
-      disabled = props.disabled,
-      onValidChange = props.onValidChange,
-      isFitContent = props.isFitContent,
-      size = props.size;
+    value = props.value,
+    format = props.format,
+    hourStep = props.hourStep,
+    minuteStep = props.minuteStep,
+    secondStep = props.secondStep,
+    disabledHours = props.disabledHours,
+    disabledMinutes = props.disabledMinutes,
+    disabledSeconds = props.disabledSeconds,
+    type = props.type,
+    placeholders = props.placeholders,
+    _onChange = props.onChange,
+    _onFocus = props.onFocus,
+    disabled = props.disabled,
+    onValidChange = props.onValidChange,
+    isFitContent = props.isFitContent,
+    size = props.size;
   var i18n = core.useLocaleContext();
   var toText = i18n.get('timePicker.to');
   var componentClass = React.useMemo(function () {
     return prefix + "__input";
   }, [prefix]);
-
   var _useState = React.useState(value),
-      cacheValue = _useState[0],
-      setCacheValue = _useState[1];
-
+    cacheValue = _useState[0],
+    setCacheValue = _useState[1];
   var getPanelType = React.useCallback(function (index) {
     if (type === 'single') {
       return 'single';
     } else {
       return index === 0 ? 'range-start' : 'range-end';
     }
-  }, [type]); // 检查值是否合规
-
+  }, [type]);
+  // 检查值是否合规
   var validChecker = React.useCallback(function (checkValue, panelType) {
     return valueChecker.valueChecker({
       value: checkValue,
@@ -87,16 +75,14 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       },
       panelType: panelType
     });
-  }, [hourStep, minuteStep, secondStep, disabledHours, disabledMinutes, disabledSeconds, format]); // 缓存同步外部
-
+  }, [hourStep, minuteStep, secondStep, disabledHours, disabledMinutes, disabledSeconds, format]);
+  // 缓存同步外部
   React.useEffect(function () {
     setCacheValue(function (pre) {
       var result = value.slice(0, type === 'single' ? 1 : 2);
-
       if (result.join('') !== pre.join('')) {
         return result;
       }
-
       return pre;
     });
   }, [value, type]);
@@ -104,7 +90,6 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var valueValid = disposeValue.every(function (item, index) {
       return validChecker(item, getPanelType(index));
     });
-
     if (type === 'range' && valueValid) {
       // 数据格式正确，检查范围数据
       // 全为空字符串，则认为是合法的（还未选择）
@@ -112,9 +97,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return item === '';
       })) {
         return true;
-      } // 结束时间要>开始时间
-
-
+      }
+      // 结束时间要>开始时间
       return disposeValue[1] > disposeValue[0];
     } else {
       return valueValid;
@@ -125,26 +109,22 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (needValid === void 0) {
         needValid = true;
       }
-
       var newValue = disposeInputValue.disposeInputValue(format, disposeValue);
       var result = [].concat(cacheValue);
       result[index] = newValue;
-      setCacheValue(result); // 合法，则通知外部
-
+      setCacheValue(result);
+      // 合法，则通知外部
       if (!needValid || validChecker(newValue, getPanelType(index))) {
         return [].concat(result);
       }
-
       return undefined;
     };
-
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: componentClass + "__wrapper"
     }, /*#__PURE__*/React__default["default"].createElement("input", {
       className: componentClass + "__interact-area",
       onChange: function onChange(e) {
         var result = dispose(e.target.value);
-
         if (result) {
           _onChange(result);
         }
@@ -158,8 +138,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: componentClass + "__shadow-text"
     }, matchValue || placeholders[index]));
-  }, [componentClass, disabled, placeholders, isFitContent, format, cacheValue, validChecker, getPanelType, _onChange, _onFocus]); // 通知外部，输入框内容合法性变更
-
+  }, [componentClass, disabled, placeholders, isFitContent, format, cacheValue, validChecker, getPanelType, _onChange, _onFocus]);
+  // 通知外部，输入框内容合法性变更
   React.useEffect(function () {
     onValidChange(judgeIsValid(cacheValue));
   }, [judgeIsValid, cacheValue, onValidChange]);

package/lib/cjs/Panel.js

@@ -10,41 +10,32 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
-
 var analysisFormat = require('./utils/analysisFormat.js');
-
 var generateSelectorData = require('./utils/generateSelectorData.js');
-
 var classname = require('@hi-ui/classname');
-
 var Selector = require('./Selector.js');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var Panel = function Panel(props) {
   var hourStep = props.hourStep,
-      secondStep = props.secondStep,
-      minuteStep = props.minuteStep,
-      disabledHours = props.disabledHours,
-      disabledMinutes = props.disabledMinutes,
-      disabledSeconds = props.disabledSeconds,
-      prefix = props.prefix,
-      format = props.format,
-      value = props.value,
-      panel = props.panel,
-      _onChange = props.onChange;
+    secondStep = props.secondStep,
+    minuteStep = props.minuteStep,
+    disabledHours = props.disabledHours,
+    disabledMinutes = props.disabledMinutes,
+    disabledSeconds = props.disabledSeconds,
+    prefix = props.prefix,
+    format = props.format,
+    value = props.value,
+    panel = props.panel,
+    _onChange = props.onChange;
   var componentPrefix = React.useMemo(function () {
     return prefix + "__panel";
   }, [prefix]);
@@ -75,7 +66,8 @@ var Panel = function Panel(props) {
       selectorTypes: selectorTypes,
       separateValue: separateValue
     });
-  }, [disabledHours, disabledMinutes, disabledSeconds, secondStep, hourStep, minuteStep, panel, selectorTypes, separateValue]); // const renderHeader = useCallback(() => {
+  }, [disabledHours, disabledMinutes, disabledSeconds, secondStep, hourStep, minuteStep, panel, selectorTypes, separateValue]);
+  // const renderHeader = useCallback(() => {
   //   return (
   //     <div className={`${componentPrefix}__header`}>
   //       {selectorTypes.map((item) => (
@@ -86,21 +78,17 @@ var Panel = function Panel(props) {
   //     </div>
   //   )
   // }, [selectorTypes, componentPrefix])
-
   var renderSelectors = React.useCallback(function () {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: componentPrefix + "__selector-container"
     }, selectorTypes.map(function (type, index) {
       var _cx;
-
       var position = selectorTypes.length === 1 ? Selector.SelectorPosition.single : Selector.SelectorPosition.middle;
-
       if (selectorTypes.length > 1 && index === 0) {
         position = Selector.SelectorPosition.left;
       } else if (selectorTypes.length > 1 && index === selectorTypes.length - 1) {
         position = Selector.SelectorPosition.right;
       }
-
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: componentPrefix + "__selector-content",
         key: type
@@ -111,15 +99,13 @@ var Panel = function Panel(props) {
         // itemHeight={itemHeight}
         // fullDisplayItemNumber={fullDisplayItemNumber}
         onChange: function onChange(e) {
-          var result = [].concat(separateValue).slice(0, selectorTypes.length); // 如果 value = ''，则代表为空值
+          var result = [].concat(separateValue).slice(0, selectorTypes.length);
+          // 如果 value = ''，则代表为空值
           // 此时选择任意项，其他项直接视作 0
-
           if (value === '') {
             result = [0, 0, 0].slice(0, selectorTypes.length);
           }
-
           result[index] = Number(e.id);
-
           _onChange(result.map(function (item) {
             return String(item).padStart(2, '0');
           }).join(':'));
@@ -129,12 +115,12 @@ var Panel = function Panel(props) {
         className: classname.cx(componentPrefix + "__indicator", (_cx = {}, _cx[componentPrefix + "__indicator--left"] = index === 0, _cx[componentPrefix + "__indicator--right"] = index === selectorTypes.length - 1, _cx))
       }));
     }));
-  }, [selectorTypes, componentPrefix, prefix, getSelectorData, _onChange, separateValue, // itemHeight,
+  }, [selectorTypes, componentPrefix, prefix, getSelectorData, _onChange, separateValue,
+  // itemHeight,
   // fullDisplayItemNumber,
   value]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: componentPrefix
   }, renderSelectors());
 };
-
 exports.Panel = Panel;

package/lib/cjs/PopContent.js

@@ -10,67 +10,53 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
-
 var index = require('./@types/index.js');
-
 var getRange = require('./utils/getRange.js');
-
 var Panel = require('./Panel.js');
-
 var analysisFormat = require('./utils/analysisFormat.js');
-
 var getFormatDefault = require('./utils/getFormatDefault.js');
-
 var TimePicker = require('./TimePicker.js');
-
 var useFilter = require('./hooks/useFilter.js');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var DefaultDisabledFunc = function DefaultDisabledFunc() {
   return [];
 };
-
 var PopContent = function PopContent(props) {
   var _props$prefix = props.prefix,
-      prefix = _props$prefix === void 0 ? TimePicker.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 ? TimePicker.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.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 = React.useMemo(function () {
     return dangerousValue.map(function (item) {
       return item || getFormatDefault.getFormatDefault(format);
@@ -99,75 +85,68 @@ var PopContent = function PopContent(props) {
   }, [selectorTypes]);
   var customDisabledHours = React.useCallback(function (panel) {
     var result = disabledHours(panel);
-
     if (panel === 'range-end') {
       var startHour = getMatchTypeValue(0, index.TimePickerSelectorType.hour);
-      var isLastOne = judgeTypeIsLastOne(index.TimePickerSelectorType.hour); // 当当前类型为最后一个类型的时候
+      var isLastOne = judgeTypeIsLastOne(index.TimePickerSelectorType.hour);
+      // 当当前类型为最后一个类型的时候
       // 不能够选择与开始一致的值
-
       result = [].concat(result, getRange.getRange(0, isLastOne ? startHour : startHour - 1));
     }
-
     return result;
   }, [getMatchTypeValue, disabledHours, judgeTypeIsLastOne]);
   var customDisabledMinute = React.useCallback(function (hour, panel) {
     var result = disabledMinutes(hour, panel);
-
     if (panel === 'range-end') {
       var startHour = getMatchTypeValue(0, index.TimePickerSelectorType.hour);
-      var startMinute = getMatchTypeValue(0, index.TimePickerSelectorType.minute); // 当前类型中包含了小时
+      var startMinute = getMatchTypeValue(0, index.TimePickerSelectorType.minute);
+      // 当前类型中包含了小时
       // minute 有值
-
       if (hour >= 0) {
         // 开始时间等于结束时间，则直接禁用开始时间之前的时间
         if (startHour === hour) {
-          var isLastOne = judgeTypeIsLastOne(index.TimePickerSelectorType.minute); // 当当前类型为最后一个类型的时候
+          var isLastOne = judgeTypeIsLastOne(index.TimePickerSelectorType.minute);
+          // 当当前类型为最后一个类型的时候
           // 不能够选择与开始一致的值
-
           result = [].concat(result, getRange.getRange(0, isLastOne ? startMinute : startMinute - 1));
-        } // 开始时间大于结束时间，直接禁用所有
+        }
+        // 开始时间大于结束时间，直接禁用所有
         else if (startHour > hour) {
           result = [].concat(result, getRange.getRange(0, 59));
         }
       }
     }
-
     return result;
   }, [getMatchTypeValue, judgeTypeIsLastOne, disabledMinutes]);
   var customDisabledSeconds = React.useCallback(function (hour, minute, panel) {
     var result = disabledSeconds(hour, minute, panel);
-
     if (panel === 'range-end') {
       var startHour = getMatchTypeValue(0, index.TimePickerSelectorType.hour);
       var startMinute = getMatchTypeValue(0, index.TimePickerSelectorType.minute);
       var startSecond = getMatchTypeValue(0, index.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.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.getRange(0, startSecond));
         }
       }
     }
-
     return result;
   }, [getMatchTypeValue, disabledSeconds]);
   var componentClass = React.useMemo(function () {
@@ -176,7 +155,8 @@ var PopContent = function PopContent(props) {
   var renderPanel = React.useCallback(function (index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: componentClass + "__panel-container"
-    }, /*#__PURE__*/React__default["default"].createElement(Panel.Panel // itemHeight={itemHeight}
+    }, /*#__PURE__*/React__default["default"].createElement(Panel.Panel
+    // itemHeight={itemHeight}
     // fullDisplayItemNumber={fullDisplayItemNumber}
     , {
       // itemHeight={itemHeight}
@@ -194,11 +174,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__default["default"].createElement("div", {
@@ -208,5 +188,4 @@ var PopContent = function PopContent(props) {
     className: componentClass + "__separator"
   }), type === 'range' && renderPanel(1));
 };
-
 exports.PopContent = PopContent;

package/lib/cjs/Selector.js

@@ -10,41 +10,33 @@
 'use strict';
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
-function _interopDefaultLegacy(e) {
+function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
   };
 }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 exports.SelectorPosition = void 0;
-
 (function (SelectorPosition) {
   SelectorPosition["left"] = "left";
   SelectorPosition["right"] = "right";
   SelectorPosition["middle"] = "middle";
   SelectorPosition["single"] = "single";
 })(exports.SelectorPosition || (exports.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 = React.useRef(-1); // 滚动容器引用
-
+  var stopScrollTimeoutHandler = React.useRef(-1);
+  // 滚动容器引用
   var scrollContainerRef = React.useRef(null);
   var topItemGagerRef = React.useRef(null);
   var bottomItemGagerRef = React.useRef(null);
@@ -59,22 +51,20 @@ var Selector = function Selector(props) {
   }, []);
   var onScroll = React.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]);
       }
@@ -88,9 +78,9 @@ var Selector = function Selector(props) {
   React.useEffect(function () {
     var currentIndex = data.findIndex(function (item) {
       return item.id === value;
-    }); // 避免非法值跳转
+    });
+    // 避免非法值跳转
     // 避免重复执行操作，只有当 value 对应的下标改变的时候才需要执行
-
     if (currentIndex >= 0 && lastValueMatchIndexCache.current !== currentIndex) {
       lastValueMatchIndexCache.current = currentIndex;
       scrollToMatchIndex(currentIndex);
@@ -106,7 +96,6 @@ var Selector = function Selector(props) {
     className: classname.cx(componentPrefix + "__scroll-part", componentPrefix + "__demarcate")
   }, data.map(function (item, index) {
     var _cx;
-
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classname.cx(componentPrefix + "__item", componentPrefix + "__demarcate", (_cx = {}, _cx[componentPrefix + "__item--disabled"] = item.disabled, _cx[componentPrefix + "__item--active"] = item.id === value, _cx)),
       key: item.id,
@@ -131,5 +120,4 @@ var Selector = function Selector(props) {
     ref: bottomItemGagerRef
   }))));
 };
-
 exports.Selector = Selector;