@titaui/pc 1.11.4-10 → 1.11.4-11

package/lib/components/time-picker/time-picker.js

@@ -64,8 +64,8 @@ var TimePicker = function TimePicker(props) {
 
   var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
-      timeSetType = _useState2[0],
-      setTimeSetType = _useState2[1];
+      timeSetingtType = _useState2[0],
+      setTimeSettingType = _useState2[1];
 
   var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -98,12 +98,18 @@ var TimePicker = function TimePicker(props) {
         (_mInputRef$current = mInputRef.current) === null || _mInputRef$current === void 0 ? void 0 : _mInputRef$current.focus();
       }
 
-      setTimeSetType(function () {
+      setTimeSettingType(function () {
         return type;
       });
     }, 0);
   };
 
+  var onFocusHandler = function onFocusHandler(type) {
+    setTimeSettingType(function () {
+      return type;
+    });
+  };
+
   var onHourInputBlur = function onHourInputBlur() {
     // setHour((prevHour) => {
     // const prevHour = hourRef.current;
@@ -117,7 +123,7 @@ var TimePicker = function TimePicker(props) {
     //   hInputRef.current.focus();
     // }
     // onTimeChange();
-    setTimeSetType('');
+    setTimeSettingType('');
   };
 
   var onHourInputChange = function onHourInputChange(e) {
@@ -158,7 +164,7 @@ var TimePicker = function TimePicker(props) {
     //   mInputRef.current.focus();
     // }
     // onTimeChange();
-    setTimeSetType('');
+    setTimeSettingType('');
   };
 
   var onMinuteInputChange = function onMinuteInputChange(e) {
@@ -225,12 +231,12 @@ var TimePicker = function TimePicker(props) {
     var keyCode = e.keyCode;
 
     if ([_utils.KEYCODE.directionLeft, _utils.KEYCODE.directionRight].includes(keyCode)) {
-      setTimeSetType(_utils.TargetMapByKeyCode[keyCode]);
+      setTimeSettingType(_utils.TargetMapByKeyCode[keyCode]);
     }
 
     if ([_utils.KEYCODE.directionUp, _utils.KEYCODE.directionDown].indexOf(keyCode) === -1) return;
 
-    switch (timeSetType) {
+    switch (timeSetingtType) {
       case 'hour':
         hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
         break;
@@ -247,12 +253,11 @@ var TimePicker = function TimePicker(props) {
   };
 
   (0, _react.useEffect)(function () {
-    document.removeEventListener('keydown', handleKeyDown);
-    document.addEventListener('keydown', handleKeyDown);
+    timeSetingtType && document.addEventListener('keydown', handleKeyDown);
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [timeSetType]);
+  }, [timeSetingtType]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _utils.TimePickerClass
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -262,7 +267,7 @@ var TimePicker = function TimePicker(props) {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-inputs"), _defineProperty({}, "".concat(_utils.TimePickerClass, "-inputs--placeholder"), !value))
   }, /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
-      active: timeSetType === 'hour'
+      active: timeSetingtType === 'hour'
     }),
     disabled: disabled,
     maxLength: 2,
@@ -271,11 +276,14 @@ var TimePicker = function TimePicker(props) {
     onClick: function onClick() {
       return onInputClick('hour');
     },
+    onFocus: function onFocus() {
+      return onFocusHandler('hour');
+    },
     ref: hInputRef,
     value: hourRef.current
   }), /*#__PURE__*/_react["default"].createElement("span", null, ":"), /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
     className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
-      active: timeSetType === 'minute'
+      active: timeSetingtType === 'minute'
     }),
     disabled: disabled,
     maxLength: 2,
@@ -284,6 +292,9 @@ var TimePicker = function TimePicker(props) {
     onClick: function onClick() {
       return onInputClick('minute');
     },
+    onFocus: function onFocus() {
+      return onFocusHandler('minute');
+    },
     ref: mInputRef,
     value: minuteRef.current
   })), !disabled && /*#__PURE__*/_react["default"].createElement(_timePickerSelector["default"], _extends({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.11.4-10",
+  "version": "1.11.4-11",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",