@hi-ui/time-picker 4.0.10 → 4.0.11

package/lib/cjs/utils/disposeInputValue.js

@@ -9,48 +9,41 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var disposeInputValue = function disposeInputValue(format, original) {
-  var inputMaxLength = format.length; // 初步处理（去除前后空格，兼容中文：，去除无效字符，不允许超过长度）
-
-  var rough = original.trim().replace(/[\uff1a]/g, ':').replace(/[^0-9:]/g, '').slice(0, inputMaxLength); // 兼容直接在为空情况下输入 : 的情况
-
+  var inputMaxLength = format.length;
+  // 初步处理（去除前后空格，兼容中文：，去除无效字符，不允许超过长度）
+  var rough = original.trim().replace(/[\uff1a]/g, ':').replace(/[^0-9:]/g, '').slice(0, inputMaxLength);
+  // 兼容直接在为空情况下输入 : 的情况
   if (rough === ':') {
     return '';
   }
-
   if (/:{2}$/.test(rough)) {
     return rough.slice(0, rough.length - 1);
-  } // 已经输入两个数字了，现在新输入的一个字符不是 : 号
-
-
+  }
+  // 已经输入两个数字了，现在新输入的一个字符不是 : 号
   if (/[0-9]{2}[^:]$/.test(rough)) {
     // 字符串已经到达最长长度，代表，此时，字符串是一个错乱的，直接忽略新输入的字符
     if (rough.length === inputMaxLength) {
       return rough.slice(0, rough.length - 1);
-    } // 字符串还有添加空间，则自动添加:在新字符前方
+    }
+    // 字符串还有添加空间，则自动添加:在新字符前方
     else {
       return rough.slice(0, rough.length - 1) + ':' + rough.slice(rough.length - 1);
     }
-  } // 在某个部分只输入了一个数字，然后输入 : 想要结束这个部分
-
-
+  }
+  // 在某个部分只输入了一个数字，然后输入 : 想要结束这个部分
   if (/:[0-9]:$/.test(rough) || /^[0-9]:$/.test(rough)) {
     // 已经达到最大输入了，则此时输入的 : 是无效的
     // 自动转换，去除：，添加 0 在数字前
     if (rough.length === inputMaxLength) {
       return rough.slice(0, rough.length - 2) + '0' + rough.slice(rough.length - 2, rough.length - 1);
-    } // 输入没有达到最大，则，此时输入 : 是有效的
+    }
+    // 输入没有达到最大，则，此时输入 : 是有效的
     // 自动补充此章节，添加 0
     else {
       return rough.slice(0, rough.length - 2) + '0' + rough.slice(rough.length - 2, rough.length);
     }
   }
-
   return rough;
 };
-
 exports.disposeInputValue = disposeInputValue;

package/lib/cjs/utils/generateSelectorData.js

@@ -9,28 +9,20 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var index = require('../@types/index.js');
-
 var generateSelectorData = function generateSelectorData(info) {
   var _disabledMap, _rangeMap, _stepMap;
-
   var type = info.type,
-      filter = info.filter,
-      step = info.step,
-      separateValue = info.separateValue,
-      panelType = info.panelType,
-      selectorTypes = info.selectorTypes;
+    filter = info.filter,
+    step = info.step,
+    separateValue = info.separateValue,
+    panelType = info.panelType,
+    selectorTypes = info.selectorTypes;
   var result = [];
-
   var getMatchTypeValue = function getMatchTypeValue(selectorType) {
     var matchIndex = selectorTypes.indexOf(selectorType);
     return matchIndex >= 0 ? separateValue[matchIndex] : -1;
   };
-
   var disabledMap = (_disabledMap = {}, _disabledMap[index.TimePickerSelectorType.hour] = function () {
     return filter.disabledHours(panelType);
   }, _disabledMap[index.TimePickerSelectorType.minute] = function () {
@@ -42,7 +34,6 @@ var generateSelectorData = function generateSelectorData(info) {
   var rangeMap = (_rangeMap = {}, _rangeMap[index.TimePickerSelectorType.hour] = [0, 23], _rangeMap[index.TimePickerSelectorType.minute] = [0, 59], _rangeMap[index.TimePickerSelectorType.second] = [0, 59], _rangeMap);
   var range = rangeMap[type];
   var stepMap = (_stepMap = {}, _stepMap[index.TimePickerSelectorType.hour] = step.hourStep, _stepMap[index.TimePickerSelectorType.minute] = step.minuteStep, _stepMap[index.TimePickerSelectorType.second] = step.secondStep, _stepMap);
-
   for (var index$1 = range[0]; index$1 <= range[1]; index$1 += stepMap[type]) {
     result.push({
       title: String(index$1).padStart(2, '0'),
@@ -50,8 +41,6 @@ var generateSelectorData = function generateSelectorData(info) {
       id: String(index$1)
     });
   }
-
   return result;
 };
-
 exports.generateSelectorData = generateSelectorData;

package/lib/cjs/utils/getFormatDefault.js

@@ -9,12 +9,7 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var getFormatDefault = function getFormatDefault(format) {
   return format.replace(/[Hms]/g, '0');
 };
-
 exports.getFormatDefault = getFormatDefault;

package/lib/cjs/utils/getNowString.js

@@ -9,17 +9,10 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var index = require('../@types/index.js');
-
 var analysisFormat = require('./analysisFormat.js');
-
 var getNowString = function getNowString(formatString) {
   var _timeMap;
-
   var format = analysisFormat.analysisFormat(formatString);
   var now = new Date();
   var timeMap = (_timeMap = {}, _timeMap[index.TimePickerSelectorType.hour] = String(now.getHours()).padStart(2, '0'), _timeMap[index.TimePickerSelectorType.minute] = String(now.getMinutes()).padStart(2, '0'), _timeMap[index.TimePickerSelectorType.second] = String(now.getSeconds()).padStart(2, '0'), _timeMap);
@@ -27,5 +20,4 @@ var getNowString = function getNowString(formatString) {
     return timeMap[item];
   }).join(':');
 };
-
 exports.getNowString = getNowString;

package/lib/cjs/utils/getRange.js

@@ -9,26 +9,17 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var getRange = function getRange(min, max) {
   var result = [];
-
   if (min > max) {
     return [];
   }
-
   if (min < 0 || max < 0) {
     return [];
   }
-
   for (var counter = min; counter <= max; counter++) {
     result.push(counter);
   }
-
   return result;
 };
-
 exports.getRange = getRange;

package/lib/cjs/utils/valueChecker.js

@@ -9,22 +9,15 @@
  */
 'use strict';
 
-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 +25,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 +53,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 };