@titaui/pc 1.11.3-2.beta-1 → 1.11.4-0.beta-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,5 +12,5 @@
12
12
  }
13
13
 
14
14
  .titaui-task-tree .rc-tree-treenode-switcher-close:hover {
15
- background: #f7f8fa;
15
+ background: #f0f4fa;
16
16
  }
@@ -79,49 +79,42 @@ var TimePicker = function TimePicker(props) {
79
79
  var mInputRef = (0, _react.useRef)();
80
80
  var minuteRef = (0, _react.useRef)((0, _moment["default"])(value || '00:00', timeFormat).format('mm'));
81
81
  var triggerRef = (0, _react.useRef)();
82
- var timerRef = (0, _react.useRef)();
83
82
  var hours = (0, _utils.getHours)(hourStep);
84
83
  var minutes = (0, _utils.getMinutes)(minuteStep);
85
84
 
86
85
  var onTimeChange = function onTimeChange() {
87
- onChange === null || onChange === void 0 ? void 0 : onChange("".concat(hourRef.current, ":").concat(minuteRef.current));
88
- }; // const onInputClick = (type) => {
89
- // clearTimeout(timerRef.current)
90
- // timerRef.current = setTimeout(() => {
91
- // if (type === 'hour') {
92
- // hInputRef.current?.focus()
93
- // } else {
94
- // mInputRef.current?.focus()
95
- // }
96
- // setTimeSettingType(() => type)
97
- // }, 0)
98
- // }
99
-
100
-
101
- var showSelectorPop = function showSelectorPop() {
102
- return setVisible(true);
86
+ return onChange === null || onChange === void 0 ? void 0 : onChange("".concat(hourRef.current, ":").concat(minuteRef.current));
103
87
  };
104
88
 
105
- var onFocusHandler = function onFocusHandler(type) {
106
- setTimeSettingType(function () {
89
+ var onInputClickHandler = function onInputClickHandler(type) {
90
+ return setTimeSettingType(function () {
107
91
  return type;
108
92
  });
109
93
  };
110
94
 
111
- var onHourInputBlur = function onHourInputBlur() {
112
- // setHour((prevHour) => {
113
- // const prevHour = hourRef.current;
114
- // let nextHour = (Array(2).join("0") + prevHour).slice(-2);
115
- // if (Number(prevHour) > Number(hours[hours.length - 1])) {
116
- // nextHour = `0${prevHour.slice(0, 1)}`;
117
- // }
118
- // hourRef.current = nextHour;
119
- // });
120
- // if (timeSetType === "hour" && hInputRef.current) {
121
- // hInputRef.current.focus();
122
- // }
123
- // onTimeChange();
124
- setTimeSettingType('');
95
+ var onKeyDownHandler = function onKeyDownHandler(e) {
96
+ var keyCode = e.keyCode;
97
+
98
+ if ([_utils.KEYCODE.directionLeft, _utils.KEYCODE.directionRight].includes(keyCode)) {
99
+ setTimeSettingType(_utils.TargetMapByKeyCode[keyCode]);
100
+ }
101
+
102
+ if ([_utils.KEYCODE.directionUp, _utils.KEYCODE.directionDown].includes(keyCode)) {
103
+ switch (timeSetingtType) {
104
+ case 'hour':
105
+ hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
106
+ break;
107
+
108
+ case 'minute':
109
+ minuteRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'minute', minuteRef.current);
110
+ break;
111
+
112
+ default:
113
+ break;
114
+ }
115
+
116
+ onTimeChange();
117
+ }
125
118
  };
126
119
 
127
120
  var onHourInputChange = function onHourInputChange(e) {
@@ -139,32 +132,6 @@ var TimePicker = function TimePicker(props) {
139
132
  }
140
133
  };
141
134
 
142
- var onMinuteInputBlur = function onMinuteInputBlur() {
143
- // setMinute((prevMinute) => {
144
- // let nextMinute = minuteRef.current;
145
- // minutes.forEach((m, i) => {
146
- // const mNum = Number(m);
147
- // const nextMinuteNum = Number(nextMinute);
148
- // if (mNum === nextMinuteNum) {
149
- // nextMinute = m;
150
- // } else if (
151
- // mNum < nextMinuteNum
152
- // && Number(minutes[i + 1]) > nextMinuteNum
153
- // ) {
154
- // nextMinute = m;
155
- // } else if (nextMinuteNum > Number(minutes[minutes.length - 1])) {
156
- // nextMinute = "00";
157
- // }
158
- // });
159
- // minuteRef.current = nextMinute;
160
- // });
161
- // if (timeSetType === "minute" && mInputRef.current) {
162
- // mInputRef.current.focus();
163
- // }
164
- // onTimeChange();
165
- setTimeSettingType('');
166
- };
167
-
168
135
  var onMinuteInputChange = function onMinuteInputChange(e) {
169
136
  var v = e.target.value;
170
137
 
@@ -225,39 +192,10 @@ var TimePicker = function TimePicker(props) {
225
192
  return currTime;
226
193
  };
227
194
 
228
- var handleKeyDown = function handleKeyDown(e) {
229
- var keyCode = e.keyCode;
230
-
231
- if ([_utils.KEYCODE.directionLeft, _utils.KEYCODE.directionRight].includes(keyCode)) {
232
- setTimeSettingType(_utils.TargetMapByKeyCode[keyCode]);
233
- }
234
-
235
- if ([_utils.KEYCODE.directionUp, _utils.KEYCODE.directionDown].includes(keyCode)) {
236
- switch (timeSetingtType) {
237
- case 'hour':
238
- hourRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'hour', hourRef.current);
239
- break;
240
-
241
- case 'minute':
242
- minuteRef.current = setTimeOnKeyboardDirectionChange(keyCode, 'minute', minuteRef.current);
243
- break;
244
-
245
- default:
246
- break;
247
- }
248
-
249
- onTimeChange();
250
- }
195
+ var showSelectorPop = function showSelectorPop() {
196
+ return setVisible(true);
251
197
  };
252
198
 
253
- (0, _react.useEffect)(function () {
254
- document.removeEventListener('keydown', handleKeyDown);
255
- enableKeyBoard && timeSetingtType && document.addEventListener('keydown', handleKeyDown);
256
- return function () {
257
- clearTimeout(timerRef.current);
258
- document.removeEventListener('keydown', handleKeyDown);
259
- };
260
- }, [timeSetingtType]);
261
199
  return /*#__PURE__*/_react["default"].createElement("div", {
262
200
  className: _utils.TimePickerClass
263
201
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -268,36 +206,30 @@ var TimePicker = function TimePicker(props) {
268
206
  onClick: function onClick() {
269
207
  return !enableKeyBoard && showSelectorPop();
270
208
  }
271
- }, /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
209
+ }, /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], _extends({
272
210
  className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
273
211
  active: enableKeyBoard && timeSetingtType === 'hour'
274
212
  }),
275
213
  disabled: disabled,
276
214
  maxLength: 2,
277
- onBlur: onHourInputBlur,
278
215
  onChange: onHourInputChange,
279
216
  onClick: function onClick() {
280
- return !enableKeyBoard && showSelectorPop();
281
- },
282
- onFocus: function onFocus() {
283
- return onFocusHandler('hour');
217
+ return onInputClickHandler('hour');
284
218
  },
219
+ onKeyDown: onKeyDownHandler,
285
220
  ref: hInputRef,
286
221
  value: hourRef.current
287
- }), /*#__PURE__*/_react["default"].createElement("span", null, ":"), /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
222
+ }, restProps)), /*#__PURE__*/_react["default"].createElement("span", null, ":"), /*#__PURE__*/_react["default"].createElement(_timerPickerInput["default"], {
288
223
  className: (0, _classnames["default"])("".concat(_utils.TimePickerClass, "-input"), {
289
224
  active: enableKeyBoard && timeSetingtType === 'minute'
290
225
  }),
291
226
  disabled: disabled,
292
227
  maxLength: 2,
293
- onBlur: onMinuteInputBlur,
294
228
  onChange: onMinuteInputChange,
295
229
  onClick: function onClick() {
296
- return !enableKeyBoard && showSelectorPop();
297
- },
298
- onFocus: function onFocus() {
299
- return onFocusHandler('minute');
230
+ return onInputClickHandler('minute');
300
231
  },
232
+ onKeyDown: onKeyDownHandler,
301
233
  ref: mInputRef,
302
234
  value: minuteRef.current
303
235
  })), !disabled && /*#__PURE__*/_react["default"].createElement(_timePickerSelector["default"], _extends({
@@ -57,11 +57,6 @@ var TimePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
57
57
  onClick === null || onClick === void 0 ? void 0 : onClick(e);
58
58
  };
59
59
 
60
- var onFocusHandler = function onFocusHandler(e) {
61
- setSelectionRange(0);
62
- onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
63
- };
64
-
65
60
  var onChangeHandler = function onChangeHandler(e) {
66
61
  return onChange === null || onChange === void 0 ? void 0 : onChange(e);
67
62
  };
@@ -86,7 +81,6 @@ var TimePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
86
81
  maxLength: maxLength,
87
82
  onClick: onClickHandler,
88
83
  onChange: onChangeHandler,
89
- onFocus: onFocusHandler,
90
84
  ref: inputRef,
91
85
  type: type,
92
86
  value: value
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.11.32.beta-1",
3
+ "version": "1.11.40.beta-2",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",