@titaui/pc 1.11.4-12 → 1.11.4-15

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

@@ -21,7 +21,7 @@ var _utils = require("./utils");
 
 require("./index.css");
 
-var _excluded = ["disabled", "timeFormat", "hourStep", "minuteStep", "onChange", "value"];
+var _excluded = ["disabled", "enableKeyBoard", "timeFormat", "hourStep", "minuteStep", "onChange", "value"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -51,6 +51,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var TimePicker = function TimePicker(props) {
   var disabled = props.disabled,
+      _props$enableKeyBoard = props.enableKeyBoard,
+      enableKeyBoard = _props$enableKeyBoard === void 0 ? true : _props$enableKeyBoard,
       _props$timeFormat = props.timeFormat,
       timeFormat = _props$timeFormat === void 0 ? 'hh:mm' : _props$timeFormat,
       _props$hourStep = props.hourStep,
@@ -83,26 +85,18 @@ var TimePicker = function TimePicker(props) {
 
   var onTimeChange = function onTimeChange() {
     onChange === null || onChange === void 0 ? void 0 : onChange("".concat(hourRef.current, ":").concat(minuteRef.current));
-  };
-
-  var onInputClick = function onInputClick(type) {
-    clearTimeout(timerRef.current);
-    timerRef.current = setTimeout(function () {
-      if (type === 'hour') {
-        var _hInputRef$current;
-
-        (_hInputRef$current = hInputRef.current) === null || _hInputRef$current === void 0 ? void 0 : _hInputRef$current.focus();
-      } else {
-        var _mInputRef$current;
-
-        (_mInputRef$current = mInputRef.current) === null || _mInputRef$current === void 0 ? void 0 : _mInputRef$current.focus();
-      }
+  }; // const onInputClick = (type) => {
+  //   clearTimeout(timerRef.current)
+  //   timerRef.current = setTimeout(() => {
+  //     if (type === 'hour') {
+  //       hInputRef.current?.focus()
+  //     } else {
+  //       mInputRef.current?.focus()
+  //     }
+  //     setTimeSettingType(() => type)
+  //   }, 0)
+  // }
 
-      setTimeSettingType(function () {
-        return type;
-      });
-    }, 0);
-  };
 
   var onFocusHandler = function onFocusHandler(type) {
     setTimeSettingType(function () {
@@ -254,8 +248,9 @@ var TimePicker = function TimePicker(props) {
 
   (0, _react.useEffect)(function () {
     document.removeEventListener('keydown', handleKeyDown);
-    timeSetingtType && document.addEventListener('keydown', handleKeyDown);
+    enableKeyBoard && timeSetingtType && document.addEventListener('keydown', handleKeyDown);
     return function () {
+      clearTimeout(timerRef.current);
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, [timeSetingtType]);
@@ -273,10 +268,8 @@ var TimePicker = function TimePicker(props) {
     disabled: disabled,
     maxLength: 2,
     onBlur: onHourInputBlur,
-    onChange: onHourInputChange,
-    onClick: function onClick() {
-      return onInputClick('hour');
-    },
+    onChange: onHourInputChange // onClick={() => onInputClick('hour')}
+    ,
     onFocus: function onFocus() {
       return onFocusHandler('hour');
     },
@@ -289,10 +282,8 @@ var TimePicker = function TimePicker(props) {
     disabled: disabled,
     maxLength: 2,
     onBlur: onMinuteInputBlur,
-    onChange: onMinuteInputChange,
-    onClick: function onClick() {
-      return onInputClick('minute');
-    },
+    onChange: onMinuteInputChange // onClick={() => onInputClick('minute')}
+    ,
     onFocus: function onFocus() {
       return onFocusHandler('minute');
     },

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

@@ -32,7 +32,7 @@ var TimePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       _props$stopPropagatio = props.stopPropagation,
       stopPropagation = _props$stopPropagatio === void 0 ? true : _props$stopPropagatio,
       _props$type = props.type,
-      type = _props$type === void 0 ? "text" : _props$type,
+      type = _props$type === void 0 ? 'text' : _props$type,
       value = props.value,
       restProps = _objectWithoutProperties(props, _excluded);
 
@@ -80,6 +80,8 @@ var TimePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     setSelectionRange(changeTimeout);
   }, [value]);
   return /*#__PURE__*/_react["default"].createElement("input", _extends({
+    autoFocus: false,
+    autoComplete: "off",
     className: className,
     maxLength: maxLength,
     onClick: onClickHandler,

package/package.json

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