@hi-ui/time-picker 4.0.10 → 4.0.12

package/lib/cjs/utils/valueChecker.js

@@ -12,19 +12,15 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 var index = require('../@types/index.js');
-
 var analysisFormat = require('./analysisFormat.js');
-
 var valueChecker = function valueChecker(info) {
   var _checkerMap, _disabledMap, _stepMap;
-
   var value = info.value,
-      format = info.format,
-      filter = info.filter,
-      panelType = info.panelType,
-      step = info.step;
+    format = info.format,
+    filter = info.filter,
+    panelType = info.panelType,
+    step = info.step;
   var selectorTypes = analysisFormat.analysisFormat(format);
   var checkerMap = (_checkerMap = {}, _checkerMap[index.TimePickerSelectorType.hour] = function (e) {
     return e >= 0 && e <= 23;
@@ -32,31 +28,26 @@ var valueChecker = function valueChecker(info) {
     return e >= 0 && e <= 59;
   }, _checkerMap[index.TimePickerSelectorType.second] = function (e) {
     return e >= 0 && e <= 59;
-  }, _checkerMap); // 允许为空的情况
-
+  }, _checkerMap);
+  // 允许为空的情况
   if (value === '') {
     return true;
   }
-
   if (!value) {
     return false;
   }
-
   var separateParts = value.split(':').filter(function (item) {
     return !!item && item.length === 2;
   }).map(function (item) {
     return Number(item);
   });
-
   if (separateParts.length !== selectorTypes.length) {
     return false;
   }
-
   var getMatchTypeValue = function getMatchTypeValue(selectorType) {
     var matchIndex = selectorTypes.indexOf(selectorType);
     return matchIndex >= 0 ? separateParts[matchIndex] : -1;
   };
-
   var disabledMap = (_disabledMap = {}, _disabledMap[index.TimePickerSelectorType.hour] = function () {
     return filter.disabledHours(panelType);
   }, _disabledMap[index.TimePickerSelectorType.minute] = function () {
@@ -65,22 +56,19 @@ var valueChecker = function valueChecker(info) {
     return filter.disabledSeconds(getMatchTypeValue(index.TimePickerSelectorType.hour), getMatchTypeValue(index.TimePickerSelectorType.minute), panelType);
   }, _disabledMap);
   var stepMap = (_stepMap = {}, _stepMap[index.TimePickerSelectorType.hour] = step.hourStep, _stepMap[index.TimePickerSelectorType.minute] = step.minuteStep, _stepMap[index.TimePickerSelectorType.second] = step.secondStep, _stepMap);
-
   for (var counter = 0; counter < separateParts.length; counter++) {
     var type = selectorTypes[counter];
     var stepNumber = stepMap[type];
     var disabledNumbers = disabledMap[type]();
     var checker = checkerMap[type];
-    var checkNumber = separateParts[counter]; // 不符合要求的数字
+    var checkNumber = separateParts[counter];
+    // 不符合要求的数字
     // 被禁用的数字
     // 不符合 step 的数字
-
     if (!checker(checkNumber) || disabledNumbers.includes(checkNumber) || checkNumber % stepNumber !== 0) {
       return false;
     }
   }
-
   return true;
 };
-
 exports.valueChecker = valueChecker;

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

@@ -8,11 +8,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 var TimePickerSelectorType;
-
 (function (TimePickerSelectorType) {
   TimePickerSelectorType[TimePickerSelectorType["hour"] = 1] = "hour";
   TimePickerSelectorType[TimePickerSelectorType["minute"] = 2] = "minute";
   TimePickerSelectorType[TimePickerSelectorType["second"] = 3] = "second";
 })(TimePickerSelectorType || (TimePickerSelectorType = {}));
-
 export { TimePickerSelectorType };

package/lib/esm/Input.js

@@ -14,42 +14,39 @@ import { disposeInputValue } from './utils/disposeInputValue.js';
 import { useLocaleContext } from '@hi-ui/core';
 var Input = /*#__PURE__*/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 = useLocaleContext();
   var toText = i18n.get('timePicker.to');
   var componentClass = useMemo(function () {
     return prefix + "__input";
   }, [prefix]);
-
   var _useState = useState(value),
-      cacheValue = _useState[0],
-      setCacheValue = _useState[1];
-
+    cacheValue = _useState[0],
+    setCacheValue = _useState[1];
   var getPanelType = useCallback(function (index) {
     if (type === 'single') {
       return 'single';
     } else {
       return index === 0 ? 'range-start' : 'range-end';
     }
-  }, [type]); // 检查值是否合规
-
+  }, [type]);
+  // 检查值是否合规
   var validChecker = useCallback(function (checkValue, panelType) {
     return valueChecker({
       value: checkValue,
@@ -66,16 +63,14 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
       },
       panelType: panelType
     });
-  }, [hourStep, minuteStep, secondStep, disabledHours, disabledMinutes, disabledSeconds, format]); // 缓存同步外部
-
+  }, [hourStep, minuteStep, secondStep, disabledHours, disabledMinutes, disabledSeconds, format]);
+  // 缓存同步外部
   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]);
@@ -83,7 +78,6 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
     var valueValid = disposeValue.every(function (item, index) {
       return validChecker(item, getPanelType(index));
     });
-
     if (type === 'range' && valueValid) {
       // 数据格式正确，检查范围数据
       // 全为空字符串，则认为是合法的（还未选择）
@@ -91,9 +85,8 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
         return item === '';
       })) {
         return true;
-      } // 结束时间要>开始时间
-
-
+      }
+      // 结束时间要>开始时间
       return disposeValue[1] > disposeValue[0];
     } else {
       return valueValid;
@@ -104,26 +97,22 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
       if (needValid === void 0) {
         needValid = true;
       }
-
       var newValue = 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.createElement("div", {
       className: componentClass + "__wrapper"
     }, /*#__PURE__*/React.createElement("input", {
       className: componentClass + "__interact-area",
       onChange: function onChange(e) {
         var result = dispose(e.target.value);
-
         if (result) {
           _onChange(result);
         }
@@ -137,8 +126,8 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
     }), /*#__PURE__*/React.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]);
+  // 通知外部，输入框内容合法性变更
   useEffect(function () {
     onValidChange(judgeIsValid(cacheValue));
   }, [judgeIsValid, cacheValue, onValidChange]);

package/lib/esm/Panel.js

@@ -12,19 +12,18 @@ import { analysisFormat } from './utils/analysisFormat.js';
 import { generateSelectorData } from './utils/generateSelectorData.js';
 import { cx } from '@hi-ui/classname';
 import { Selector, SelectorPosition } from './Selector.js';
-
 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 = useMemo(function () {
     return prefix + "__panel";
   }, [prefix]);
@@ -55,7 +54,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) => (
@@ -66,21 +66,17 @@ var Panel = function Panel(props) {
   //     </div>
   //   )
   // }, [selectorTypes, componentPrefix])
-
   var renderSelectors = useCallback(function () {
     return /*#__PURE__*/React.createElement("div", {
       className: componentPrefix + "__selector-container"
     }, selectorTypes.map(function (type, index) {
       var _cx;
-
       var position = selectorTypes.length === 1 ? SelectorPosition.single : SelectorPosition.middle;
-
       if (selectorTypes.length > 1 && index === 0) {
         position = SelectorPosition.left;
       } else if (selectorTypes.length > 1 && index === selectorTypes.length - 1) {
         position = SelectorPosition.right;
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: componentPrefix + "__selector-content",
         key: type
@@ -91,15 +87,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(':'));
@@ -109,12 +103,12 @@ var Panel = function Panel(props) {
         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.createElement("div", {
     className: componentPrefix
   }, renderSelectors());
 };
-
 export { Panel };

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 };