@hi-ui/time-picker 4.0.9 → 4.0.11

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @hi-ui/time-picker
 
+## 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
+
+- [#2653](https://github.com/XiaoMi/hiui/pull/2653) [`b477d91db`](https://github.com/XiaoMi/hiui/commit/b477d91db15bbc92c8712a9a771af5b332779315) Thanks [@zyprepare](https://github.com/zyprepare)! - chore: 更新使用到的 G40 颜色值
+
+- Updated dependencies [[`b477d91db`](https://github.com/XiaoMi/hiui/commit/b477d91db15bbc92c8712a9a771af5b332779315)]:
+  - @hi-ui/button@4.0.6
+
 ## 4.0.9
 
 ### Patch Changes

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

@@ -9,11 +9,7 @@
  */
 'use strict';
 
-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

@@ -9,68 +9,46 @@
  */
 '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) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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 +65,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 +80,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 +87,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return item === '';
       })) {
         return true;
-      } // 结束时间要>开始时间
-
-
+      }
+      // 结束时间要>开始时间
       return disposeValue[1] > disposeValue[0];
     } else {
       return valueValid;
@@ -125,26 +99,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", {
+    return /*#__PURE__*/React.createElement("div", {
       className: componentClass + "__wrapper"
-    }, /*#__PURE__*/React__default["default"].createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", {
       className: componentClass + "__interact-area",
       onChange: function onChange(e) {
         var result = dispose(e.target.value);
-
         if (result) {
           _onChange(result);
         }
@@ -155,11 +125,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       },
       value: matchValue,
       placeholder: placeholders[index]
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    }), /*#__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]);
+  // 通知外部，输入框内容合法性变更
   React.useEffect(function () {
     onValidChange(judgeIsValid(cacheValue));
   }, [judgeIsValid, cacheValue, onValidChange]);
@@ -170,9 +140,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     };
   }, [value]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classname.cx(componentClass, componentClass + "--size-" + size, (_cx = {}, _cx[componentClass + "--not-valid"] = !judgeIsValid(cacheValue), _cx[componentClass + "--range"] = type === 'range', _cx[componentClass + "--disabled"] = disabled, _cx[componentClass + "--fit-content"] = isFitContent, _cx))
-  }, renderInput(cacheValue[0], 0), type === 'range' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, renderInput(cacheValue[0], 0), type === 'range' && /*#__PURE__*/React.createElement("div", {
     className: componentClass + "__range-separator"
   }, toText), type === 'range' && renderInput(cacheValue[1], 1));
 });

package/lib/cjs/Panel.js

@@ -9,42 +9,23 @@
  */
 '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) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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 +56,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,55 +68,49 @@ var Panel = function Panel(props) {
   //     </div>
   //   )
   // }, [selectorTypes, componentPrefix])
-
   var renderSelectors = React.useCallback(function () {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.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", {
+      return /*#__PURE__*/React.createElement("div", {
         className: componentPrefix + "__selector-content",
         key: type
-      }, /*#__PURE__*/React__default["default"].createElement(Selector.Selector, {
+      }, /*#__PURE__*/React.createElement(Selector.Selector, {
         value: String(separateValue[index]),
         prefix: prefix,
         position: position,
         // 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(':'));
         },
         data: getSelectorData(type)
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         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", {
+  return /*#__PURE__*/React.createElement("div", {
     className: componentPrefix
   }, renderSelectors());
 };
-
 exports.Panel = Panel;

package/lib/cjs/PopContent.js

@@ -9,68 +9,44 @@
  */
 '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) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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,84 +75,78 @@ 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 () {
     return prefix + "__pop-content";
   }, [prefix]);
   var renderPanel = React.useCallback(function (index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: componentClass + "__panel-container"
-    }, /*#__PURE__*/React__default["default"].createElement(Panel.Panel // itemHeight={itemHeight}
+    }, /*#__PURE__*/React.createElement(Panel.Panel
+    // itemHeight={itemHeight}
     // fullDisplayItemNumber={fullDisplayItemNumber}
     , {
       // itemHeight={itemHeight}
@@ -194,19 +164,18 @@ 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", {
+  return /*#__PURE__*/React.createElement("div", {
     className: componentClass,
     style: style
-  }, renderPanel(0), type === 'range' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, renderPanel(0), type === 'range' && /*#__PURE__*/React.createElement("div", {
     className: componentClass + "__separator"
   }), type === 'range' && renderPanel(1));
 };
-
 exports.PopContent = PopContent;