@hi-ui/time-picker 4.0.10 → 4.0.12
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.
- package/CHANGELOG.md +29 -0
- package/lib/cjs/@types/index.js +0 -1
- package/lib/cjs/Input.js +30 -50
- package/lib/cjs/Panel.js +18 -32
- package/lib/cjs/PopContent.js +45 -66
- package/lib/cjs/Selector.js +18 -30
- package/lib/cjs/TimePicker.js +77 -118
- package/lib/cjs/hooks/useFilter.js +0 -5
- package/lib/cjs/index.js +0 -5
- package/lib/cjs/styles/index.scss.js +1 -4
- package/lib/cjs/utils/analysisFormat.js +1 -5
- package/lib/cjs/utils/disposeInputValue.js +12 -16
- package/lib/cjs/utils/generateSelectorData.js +5 -13
- package/lib/cjs/utils/getFormatDefault.js +0 -2
- package/lib/cjs/utils/getNowString.js +0 -5
- package/lib/cjs/utils/getRange.js +0 -6
- package/lib/cjs/utils/valueChecker.js +8 -20
- package/lib/esm/@types/index.js +0 -2
- package/lib/esm/Input.js +28 -39
- package/lib/esm/Panel.js +16 -22
- package/lib/esm/PopContent.js +43 -53
- package/lib/esm/Selector.js +16 -22
- package/lib/esm/TimePicker.js +74 -96
- package/lib/esm/hooks/useFilter.js +0 -4
- package/lib/esm/styles/index.scss.js +1 -3
- package/lib/esm/utils/analysisFormat.js +1 -4
- package/lib/esm/utils/disposeInputValue.js +12 -15
- package/lib/esm/utils/generateSelectorData.js +5 -12
- package/lib/esm/utils/getFormatDefault.js +0 -1
- package/lib/esm/utils/getNowString.js +0 -3
- package/lib/esm/utils/getRange.js +0 -5
- package/lib/esm/utils/valueChecker.js +8 -18
- package/package.json +10 -10
package/lib/cjs/TimePicker.js
CHANGED
@@ -10,123 +10,95 @@
|
|
10
10
|
'use strict';
|
11
11
|
|
12
12
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
13
|
-
|
14
13
|
Object.defineProperty(exports, '__esModule', {
|
15
14
|
value: true
|
16
15
|
});
|
17
|
-
|
18
16
|
var React = require('react');
|
19
|
-
|
20
17
|
var classname = require('@hi-ui/classname');
|
21
|
-
|
22
18
|
var env = require('@hi-ui/env');
|
23
|
-
|
24
19
|
var core = require('@hi-ui/core');
|
25
|
-
|
26
20
|
var Input = require('./Input.js');
|
27
|
-
|
28
21
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
29
|
-
|
30
22
|
var popper = require('@hi-ui/popper');
|
31
|
-
|
32
23
|
var icons = require('@hi-ui/icons');
|
33
|
-
|
34
24
|
var PopContent = require('./PopContent.js');
|
35
|
-
|
36
25
|
var valueChecker = require('./utils/valueChecker.js');
|
37
|
-
|
38
26
|
var useFilter = require('./hooks/useFilter.js');
|
39
|
-
|
40
27
|
var button = require('@hi-ui/button');
|
41
|
-
|
42
28
|
var getNowString = require('./utils/getNowString.js');
|
43
|
-
|
44
29
|
var DayJs = require('dayjs');
|
45
|
-
|
46
|
-
function _interopDefaultLegacy(e) {
|
30
|
+
function _interopDefaultCompat(e) {
|
47
31
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
48
32
|
'default': e
|
49
33
|
};
|
50
34
|
}
|
51
|
-
|
52
|
-
var
|
53
|
-
|
54
|
-
var DayJs__default = /*#__PURE__*/_interopDefaultLegacy(DayJs);
|
55
|
-
|
35
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
36
|
+
var DayJs__default = /*#__PURE__*/_interopDefaultCompat(DayJs);
|
56
37
|
var _role = 'time-picker';
|
57
38
|
var timePickerPrefix = classname.getPrefixCls(_role);
|
58
39
|
var DefaultValue = ['', ''];
|
59
|
-
|
60
40
|
var DefaultDisabledFunc = function DefaultDisabledFunc() {
|
61
41
|
return [];
|
62
42
|
};
|
63
|
-
|
64
43
|
var DefaultPlaceholder = ['', ''];
|
65
|
-
|
66
44
|
var getValueMatchString = function getValueMatchString(value, format) {
|
67
45
|
if (format === void 0) {
|
68
46
|
format = 'HH:mm:ss';
|
69
47
|
}
|
70
|
-
|
71
48
|
if (!value) {
|
72
49
|
return undefined;
|
73
50
|
}
|
74
|
-
|
75
51
|
var result = Array.isArray(value) ? value : [value];
|
76
52
|
return result.map(function (item) {
|
77
53
|
return typeof item === 'string' ? item : DayJs__default["default"](item).format(format);
|
78
54
|
});
|
79
55
|
};
|
80
|
-
|
81
56
|
var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
82
57
|
var _cx;
|
83
|
-
|
84
58
|
var _ref$prefixCls = _ref.prefixCls,
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
59
|
+
prefixCls = _ref$prefixCls === void 0 ? timePickerPrefix : _ref$prefixCls,
|
60
|
+
_ref$role = _ref.role,
|
61
|
+
role = _ref$role === void 0 ? _role : _ref$role,
|
62
|
+
className = _ref.className,
|
63
|
+
controlledValue = _ref.value,
|
64
|
+
_ref$hourStep = _ref.hourStep,
|
65
|
+
hourStep = _ref$hourStep === void 0 ? 1 : _ref$hourStep,
|
66
|
+
_ref$minuteStep = _ref.minuteStep,
|
67
|
+
minuteStep = _ref$minuteStep === void 0 ? 1 : _ref$minuteStep,
|
68
|
+
_ref$secondStep = _ref.secondStep,
|
69
|
+
secondStep = _ref$secondStep === void 0 ? 1 : _ref$secondStep,
|
70
|
+
_ref$format = _ref.format,
|
71
|
+
format = _ref$format === void 0 ? 'HH:mm:ss' : _ref$format,
|
72
|
+
_ref$type = _ref.type,
|
73
|
+
type = _ref$type === void 0 ? 'single' : _ref$type,
|
74
|
+
_ref$appearance = _ref.appearance,
|
75
|
+
appearance = _ref$appearance === void 0 ? 'line' : _ref$appearance,
|
76
|
+
_ref$defaultValue = _ref.defaultValue,
|
77
|
+
uncontrolledValue = _ref$defaultValue === void 0 ? DefaultValue : _ref$defaultValue,
|
78
|
+
_ref$disabled = _ref.disabled,
|
79
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
80
|
+
_ref$disabledHours = _ref.disabledHours,
|
81
|
+
originalDisabledHours = _ref$disabledHours === void 0 ? DefaultDisabledFunc : _ref$disabledHours,
|
82
|
+
_ref$disabledSeconds = _ref.disabledSeconds,
|
83
|
+
originalDisabledSeconds = _ref$disabledSeconds === void 0 ? DefaultDisabledFunc : _ref$disabledSeconds,
|
84
|
+
_ref$disabledMinutes = _ref.disabledMinutes,
|
85
|
+
originalDisabledMinutes = _ref$disabledMinutes === void 0 ? DefaultDisabledFunc : _ref$disabledMinutes,
|
86
|
+
notifyOutside = _ref.onChange,
|
87
|
+
_ref$placeholder = _ref.placeholder,
|
88
|
+
originalPlaceholder = _ref$placeholder === void 0 ? DefaultPlaceholder : _ref$placeholder,
|
89
|
+
_ref$inputReadonly = _ref.inputReadonly,
|
90
|
+
inputReadonly = _ref$inputReadonly === void 0 ? false : _ref$inputReadonly,
|
91
|
+
overlay = _ref.overlay,
|
92
|
+
_ref$size = _ref.size,
|
93
|
+
size = _ref$size === void 0 ? 'md' : _ref$size,
|
94
|
+
_ref$invalid = _ref.invalid,
|
95
|
+
invalid = _ref$invalid === void 0 ? false : _ref$invalid;
|
122
96
|
var i18n = core.useLocaleContext();
|
123
97
|
var confirmText = i18n.get('timePicker.ok');
|
124
98
|
var nowText = i18n.get('timePicker.now');
|
125
|
-
|
126
99
|
var _useState = React.useState(null),
|
127
|
-
|
128
|
-
|
129
|
-
|
100
|
+
attachEl = _useState[0],
|
101
|
+
setAttachEl = _useState[1];
|
130
102
|
var formatUncontrolledValue = React.useMemo(function () {
|
131
103
|
return getValueMatchString(uncontrolledValue, format);
|
132
104
|
}, [format, uncontrolledValue]);
|
@@ -143,42 +115,35 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
143
115
|
var singleFormat = ['HH', 'mm', 'ss'];
|
144
116
|
return singleFormat.includes(format);
|
145
117
|
}, [format]);
|
146
|
-
|
147
118
|
var _useUncontrolledState = useUncontrolledState.useUncontrolledState(formatUncontrolledValue, formatControlledValue, formatNotifyOutside),
|
148
|
-
|
149
|
-
|
150
|
-
|
119
|
+
value = _useUncontrolledState[0],
|
120
|
+
onChange = _useUncontrolledState[1];
|
151
121
|
var placeholder = React.useMemo(function () {
|
152
122
|
return Array.isArray(originalPlaceholder) ? originalPlaceholder : [originalPlaceholder];
|
153
123
|
}, [originalPlaceholder]);
|
154
124
|
var inputRef = React.useRef(null);
|
155
|
-
|
156
125
|
var _useState2 = React.useState(true),
|
157
|
-
|
158
|
-
|
159
|
-
|
126
|
+
isInputValid = _useState2[0],
|
127
|
+
setIsInputValid = _useState2[1];
|
160
128
|
var _useState3 = React.useState(value),
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
129
|
+
cacheValue = _useState3[0],
|
130
|
+
setCacheValue = _useState3[1];
|
131
|
+
var cacheValueRef = React.useRef(cacheValue);
|
132
|
+
// 将值统一转化为函数
|
166
133
|
var _useFilter = useFilter.useFilter({
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
134
|
+
disabledHours: originalDisabledHours,
|
135
|
+
disabledMinutes: originalDisabledMinutes,
|
136
|
+
disabledSeconds: originalDisabledSeconds
|
137
|
+
}),
|
138
|
+
disabledHours = _useFilter.disabledHours,
|
139
|
+
disabledMinutes = _useFilter.disabledMinutes,
|
140
|
+
disabledSeconds = _useFilter.disabledSeconds;
|
175
141
|
React.useEffect(function () {
|
176
142
|
cacheValueRef.current = [].concat(value);
|
177
143
|
setCacheValue(function (pre) {
|
178
144
|
if (pre.join('') !== value.join('')) {
|
179
145
|
return [].concat(value);
|
180
146
|
}
|
181
|
-
|
182
147
|
return pre;
|
183
148
|
});
|
184
149
|
}, [value]);
|
@@ -188,8 +153,8 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
188
153
|
} else {
|
189
154
|
return index === 0 ? 'range-start' : 'range-end';
|
190
155
|
}
|
191
|
-
}, [type]);
|
192
|
-
|
156
|
+
}, [type]);
|
157
|
+
// 检查值是否合规
|
193
158
|
var validChecker = React.useCallback(function (checkValue) {
|
194
159
|
// 检查 range 情况下值是否正确
|
195
160
|
// 视开始结束都为空值为正确值
|
@@ -210,26 +175,24 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
210
175
|
},
|
211
176
|
panelType: getPanelType(index)
|
212
177
|
});
|
213
|
-
}) && (
|
178
|
+
}) && (
|
179
|
+
// 单选不检查前后关系
|
214
180
|
type === 'single' || rangeValid);
|
215
181
|
}, [hourStep, getPanelType, minuteStep, secondStep, disabledHours, disabledMinutes, disabledSeconds, format, type]);
|
216
182
|
var onCacheChange = React.useCallback(function (newValue) {
|
217
183
|
var result = newValue.slice(0, type === 'single' ? 1 : 2);
|
218
|
-
cacheValueRef.current = [].concat(result);
|
219
|
-
|
184
|
+
cacheValueRef.current = [].concat(result);
|
185
|
+
// 避免重复渲染
|
220
186
|
setCacheValue(function (pre) {
|
221
187
|
if (pre.join('') !== result.join('')) {
|
222
188
|
return [].concat(result);
|
223
189
|
}
|
224
|
-
|
225
190
|
return pre;
|
226
191
|
});
|
227
192
|
}, [type]);
|
228
|
-
|
229
193
|
var _useState4 = React.useState(false),
|
230
|
-
|
231
|
-
|
232
|
-
|
194
|
+
showPopper = _useState4[0],
|
195
|
+
setShowPopper = _useState4[1];
|
233
196
|
var showPopperRef = React.useRef(false);
|
234
197
|
var cls = classname.cx(prefixCls, className, prefixCls + "--appearance-" + appearance, (_cx = {}, _cx[prefixCls + "--active"] = showPopper && !disabled, _cx[prefixCls + "--disabled"] = disabled, _cx[prefixCls + "--input-not-valid"] = !isInputValid || invalid, _cx));
|
235
198
|
var functionButtons = React.useMemo(function () {
|
@@ -246,11 +209,10 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
246
209
|
onChange([].concat(cacheValue));
|
247
210
|
}
|
248
211
|
}
|
249
|
-
|
250
212
|
showPopperRef.current = false;
|
251
213
|
setShowPopper(false);
|
252
214
|
}
|
253
|
-
}, confirmText), type === 'single' && !isInSingleValueFormat && /*#__PURE__*/React__default["default"].createElement(button.Button, {
|
215
|
+
}, confirmText), type === 'single' && !isInSingleValueFormat && ( /*#__PURE__*/React__default["default"].createElement(button.Button, {
|
254
216
|
className: prefixCls + "__pop-now-btn",
|
255
217
|
appearance: "link",
|
256
218
|
type: "primary",
|
@@ -260,7 +222,7 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
260
222
|
showPopperRef.current = false;
|
261
223
|
setShowPopper(false);
|
262
224
|
}
|
263
|
-
}, nowText));
|
225
|
+
}, nowText)));
|
264
226
|
}, [prefixCls, isInputValid, confirmText, type, isInSingleValueFormat, nowText, validChecker, cacheValue, value, onChange, onCacheChange, format]);
|
265
227
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
266
228
|
ref: ref,
|
@@ -299,28 +261,28 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
299
261
|
return !pre;
|
300
262
|
});
|
301
263
|
}
|
302
|
-
}, showPopper ? /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, {
|
264
|
+
}, showPopper ? ( /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, {
|
303
265
|
className: prefixCls + "__close-button",
|
304
266
|
onClick: function onClick() {
|
305
267
|
onCacheChange(type === 'single' ? [''] : ['', '']);
|
306
268
|
}
|
307
|
-
}) : /*#__PURE__*/React__default["default"].createElement(icons.TimeOutlined, null))), /*#__PURE__*/React__default["default"].createElement(popper.Popper, Object.assign({}, overlay || {}, {
|
269
|
+
})) : ( /*#__PURE__*/React__default["default"].createElement(icons.TimeOutlined, null)))), /*#__PURE__*/React__default["default"].createElement(popper.Popper, Object.assign({}, overlay || {}, {
|
308
270
|
unmountOnClose: false,
|
309
271
|
visible: showPopper && !disabled,
|
310
272
|
attachEl: attachEl,
|
311
273
|
autoFocus: false,
|
312
274
|
onClose: function onClose() {
|
313
|
-
var _a;
|
314
|
-
|
315
|
-
|
275
|
+
var _a;
|
276
|
+
// 关闭弹窗,视作,抛弃之前的选择行为,复位
|
316
277
|
showPopperRef.current = false;
|
317
278
|
setShowPopper(false);
|
318
|
-
onCacheChange([].concat(value));
|
319
|
-
|
279
|
+
onCacheChange([].concat(value));
|
280
|
+
// 强制刷新 input 内容,复位
|
320
281
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.refresh();
|
321
282
|
},
|
322
283
|
preload: true
|
323
|
-
}), /*#__PURE__*/React__default["default"].createElement(PopContent.PopContent
|
284
|
+
}), /*#__PURE__*/React__default["default"].createElement(PopContent.PopContent
|
285
|
+
// itemHeight={itemHeight}
|
324
286
|
// fullDisplayItemNumber={fullDisplayItemNumber}
|
325
287
|
, {
|
326
288
|
// itemHeight={itemHeight}
|
@@ -336,10 +298,9 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
336
298
|
disabledSeconds: disabledSeconds,
|
337
299
|
value: cacheValue,
|
338
300
|
onChange: function onChange(e) {
|
339
|
-
var _a;
|
301
|
+
var _a;
|
302
|
+
// 只有弹窗展开的时候才接受 pop content 的值改变
|
340
303
|
// WARNING: 当值错误,弹窗收起,默认会滚动到 00:00:00,并且通知外部(非期望),所以我们需要这个FLAG来避免错误值获取
|
341
|
-
|
342
|
-
|
343
304
|
if (showPopperRef.current) {
|
344
305
|
// 强制刷新 input 内容,复位
|
345
306
|
// 解决此情况:
|
@@ -351,10 +312,8 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
351
312
|
}
|
352
313
|
}), functionButtons));
|
353
314
|
});
|
354
|
-
|
355
315
|
if (env.__DEV__) {
|
356
316
|
TimePicker.displayName = 'TimePicker';
|
357
317
|
}
|
358
|
-
|
359
318
|
exports.TimePicker = TimePicker;
|
360
319
|
exports.timePickerPrefix = timePickerPrefix;
|
@@ -12,9 +12,7 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
|
16
15
|
var React = require('react');
|
17
|
-
|
18
16
|
var useFilter = function useFilter(original) {
|
19
17
|
return React.useMemo(function () {
|
20
18
|
function disabledCompatibility(disposeValue) {
|
@@ -23,10 +21,8 @@ var useFilter = function useFilter(original) {
|
|
23
21
|
return disposeValue;
|
24
22
|
};
|
25
23
|
}
|
26
|
-
|
27
24
|
return disposeValue;
|
28
25
|
}
|
29
|
-
|
30
26
|
return {
|
31
27
|
disabledHours: disabledCompatibility(original.disabledHours),
|
32
28
|
disabledMinutes: disabledCompatibility(original.disabledMinutes),
|
@@ -34,5 +30,4 @@ var useFilter = function useFilter(original) {
|
|
34
30
|
};
|
35
31
|
}, [original.disabledHours, original.disabledSeconds, original.disabledMinutes]);
|
36
32
|
};
|
37
|
-
|
38
33
|
exports.useFilter = useFilter;
|
package/lib/cjs/index.js
CHANGED
@@ -12,15 +12,10 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
|
16
15
|
require('./styles/index.scss.js');
|
17
|
-
|
18
16
|
var PopContent = require('./PopContent.js');
|
19
|
-
|
20
17
|
var index = require('./@types/index.js');
|
21
|
-
|
22
18
|
var TimePicker = require('./TimePicker.js');
|
23
|
-
|
24
19
|
exports.TimePickerPopContent = PopContent.PopContent;
|
25
20
|
Object.defineProperty(exports, 'TimePickerSelectorType', {
|
26
21
|
enumerable: true,
|
@@ -12,10 +12,7 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
var css_248z = ".hi-v4-time-picker {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;border-radius: 4px;-webkit-box-shadow: 0 0 0 2px transparent;box-shadow: 0 0 0 2px transparent;}.hi-v4-time-picker__input-wrapper {border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);border-radius: var(--hi-v4-border-radius-md, 4px);width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-time-picker--appearance-line {position: relative;z-index: 0;}.hi-v4-time-picker--appearance-line .hi-v4-time-picker__input-wrapper {background: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-time-picker--appearance-line:hover .hi-v4-time-picker__input-wrapper {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker--appearance-filled {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker--appearance-filled:hover {background: var(--hi-v4-color-gray-200, #ebedf0);}.hi-v4-time-picker--appearance-unset:hover {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker--active {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));background: transparent;}.hi-v4-time-picker--active .hi-v4-time-picker__input-wrapper {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker--active:hover {background: transparent;}.hi-v4-time-picker--input-not-valid {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper, .hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper:hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-time-picker__pop-function-buttons {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 6px 8px;border-top: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}.hi-v4-time-picker__pop-function-buttons .hi-v4-time-picker__pop-now-btn {-webkit-margin-start: 0;margin-inline-start: 0;-webkit-margin-end: var(--hi-v4-spacing-6, 12px);margin-inline-end: var(--hi-v4-spacing-6, 12px);}.hi-v4-time-picker__function-button {margin-right: 8px;font-size: 14px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--disabled {cursor: not-allowed;background: #dfe2e8;}.hi-v4-time-picker--disabled .hi-v4-time-picker__input-wrapper {pointer-events: none;opacity: 0.3;}.hi-v4-time-picker__close-button:hover {color: #5f6a7a;}.hi-v4-time-picker__selector {cursor: pointer;position: relative;z-index: 0;width: 54px;color: #5f6a7a;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__selector:hover .hi-v4-time-picker__selector__shortcut {opacity: 1;}.hi-v4-time-picker__selector--position-left {margin-right: 1px;}.hi-v4-time-picker__selector--position-left .hi-v4-time-picker__selector__item {border-radius: 4px 0 0 4px;}.hi-v4-time-picker__selector--position-right {margin-left: 1px;}.hi-v4-time-picker__selector--position-right .hi-v4-time-picker__selector__item {border-radius: 0 4px 4px 0;}.hi-v4-time-picker__selector--position-single .hi-v4-time-picker__selector__item {border-radius: 4px;}.hi-v4-time-picker__selector__item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;}.hi-v4-time-picker__selector__item:hover {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--disabled {opacity: 0.2;cursor: not-allowed;background: transparent;}.hi-v4-time-picker__selector__demarcate {margin: 2px 0;height: 32px;}.hi-v4-time-picker__selector__demarcate:first-of-type {margin-top: 0;}.hi-v4-time-picker__selector__demarcate:last-of-type {margin-bottom: 0;}.hi-v4-time-picker__selector__scroll-part {overflow-y: auto;-webkit-box-sizing: content-box;box-sizing: content-box;scroll-behavior: smooth;scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */padding: 100px 0;width: 100%;position: relative;z-index: 0;}.hi-v4-time-picker__selector__scroll-part::-webkit-scrollbar {display: none; /* Chrome Safari */}.hi-v4-time-picker__selector__shortcut {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 12px;opacity: 0;}.hi-v4-time-picker__panel {padding: 4px 8px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;}.hi-v4-time-picker__panel__selector-container {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__panel__selector-content {position: relative;}.hi-v4-time-picker__panel__indicator {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);pointer-events: none;background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));z-index: -1;width: 54px;height: 32px;}.hi-v4-time-picker__panel__indicator--left {border-top-left-radius: 4px;border-bottom-left-radius: 4px;left: 0;}.hi-v4-time-picker__panel__indicator--right {border-top-right-radius: 4px;border-bottom-right-radius: 4px;right: 0;}.hi-v4-time-picker__panel__indicator--middle {left: 0;}.hi-v4-time-picker__input {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-time-picker__input--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input--not-valid {color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-time-picker__input--range .hi-v4-time-picker__input__interact-area {text-align: left;}.hi-v4-time-picker__input--fit-content .hi-v4-time-picker__input__wrapper {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}.hi-v4-time-picker__input--size-sm {line-height: var(--hi-v4-height-6, 24px);font-size: var(--hi-v4-text-size-sm, 0.75rem);}.hi-v4-time-picker__input--size-sm .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-6, 24px);}.hi-v4-time-picker__input--size-md {line-height: var(--hi-v4-height-8, 32px);font-size: var(--hi-v4-text-size-md, 0.875rem);}.hi-v4-time-picker__input--size-md .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-8, 32px);}.hi-v4-time-picker__input--size-lg {line-height: var(--hi-v4-height-10, 40px);font-size: var(--hi-v4-text-size-lg, 1rem);}.hi-v4-time-picker__input--size-lg .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-10, 40px);}.hi-v4-time-picker__input__wrapper {width: 208px;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 0;height: 30px;line-height: 30px;padding: 0 12px;}.hi-v4-time-picker__input__shadow-text {display: inline-block;font-size: inherit;font-weight: inherit;font-family: inherit;color: transparent;}.hi-v4-time-picker__input__interact-area {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 0 12px;color: inherit;border: none;outline: none;height: 100%;font-size: inherit;background: transparent;font-weight: inherit;font-family: inherit;position: absolute;left: 0;top: 0;}.hi-v4-time-picker__input__interact-area:disabled {background: transparent;}.hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::-moz-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::-ms-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area:-ms-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-moz-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-ms-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area:-ms-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker__pop-content {display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;position: relative;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;min-width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__pop-content__separator {width: 1px;background-color: var(--hi-v4-color-gray-100, #f2f4f7);border-left: none;border-right: none;}";
|
16
|
-
|
15
|
+
var css_248z = ".hi-v4-time-picker {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;border-radius: 4px;-webkit-box-shadow: 0 0 0 2px transparent;box-shadow: 0 0 0 2px transparent;}.hi-v4-time-picker__input-wrapper {border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);border-radius: var(--hi-v4-border-radius-md, 4px);width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-time-picker--appearance-line {position: relative;z-index: 0;}.hi-v4-time-picker--appearance-line .hi-v4-time-picker__input-wrapper {background: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-time-picker--appearance-line:hover .hi-v4-time-picker__input-wrapper {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker--appearance-filled {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker--appearance-filled:hover {background: var(--hi-v4-color-gray-200, #ebedf0);}.hi-v4-time-picker--appearance-unset:hover {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker--active {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));background: transparent;}.hi-v4-time-picker--active .hi-v4-time-picker__input-wrapper {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker--active:hover {background: transparent;}.hi-v4-time-picker--input-not-valid {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper, .hi-v4-time-picker--input-not-valid .hi-v4-time-picker__input-wrapper:hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-time-picker__pop-function-buttons {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 6px 8px;border-top: 1px solid var(--hi-v4-color-gray-100, #f2f4f7);-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}.hi-v4-time-picker__pop-function-buttons .hi-v4-time-picker__pop-now-btn {-webkit-margin-start: 0;margin-inline-start: 0;-webkit-margin-end: var(--hi-v4-spacing-6, 12px);margin-inline-end: var(--hi-v4-spacing-6, 12px);}.hi-v4-time-picker__function-button {margin-right: 8px;font-size: 14px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--disabled {cursor: not-allowed;background: #dfe2e8;}.hi-v4-time-picker--disabled .hi-v4-time-picker__input-wrapper {pointer-events: none;opacity: 0.3;}.hi-v4-time-picker__close-button:hover {color: #5f6a7a;}.hi-v4-time-picker__selector {cursor: pointer;position: relative;z-index: 0;width: 54px;color: #5f6a7a;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__selector:hover .hi-v4-time-picker__selector__shortcut {opacity: 1;}.hi-v4-time-picker__selector--position-left {margin-right: 1px;}.hi-v4-time-picker__selector--position-left .hi-v4-time-picker__selector__item {border-radius: 4px 0 0 4px;}.hi-v4-time-picker__selector--position-right {margin-left: 1px;}.hi-v4-time-picker__selector--position-right .hi-v4-time-picker__selector__item {border-radius: 0 4px 4px 0;}.hi-v4-time-picker__selector--position-single .hi-v4-time-picker__selector__item {border-radius: 4px;}.hi-v4-time-picker__selector__item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;}.hi-v4-time-picker__selector__item:hover {background: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-time-picker__selector__item.hi-v4-time-picker__selector__item--disabled {opacity: 0.2;cursor: not-allowed;background: transparent;}.hi-v4-time-picker__selector__demarcate {margin: 2px 0;height: 32px;}.hi-v4-time-picker__selector__demarcate:first-of-type {margin-top: 0;}.hi-v4-time-picker__selector__demarcate:last-of-type {margin-bottom: 0;}.hi-v4-time-picker__selector__scroll-part {overflow-y: auto;-webkit-box-sizing: content-box;box-sizing: content-box;scroll-behavior: smooth;scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */padding: 100px 0;width: 100%;position: relative;z-index: 0;}.hi-v4-time-picker__selector__scroll-part::-webkit-scrollbar {display: none; /* Chrome Safari */}.hi-v4-time-picker__selector__shortcut {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 12px;opacity: 0;}.hi-v4-time-picker__panel {padding: 4px 8px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;}.hi-v4-time-picker__panel__selector-container {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__panel__selector-content {position: relative;}.hi-v4-time-picker__panel__indicator {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);pointer-events: none;background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));z-index: -1;width: 54px;height: 32px;}.hi-v4-time-picker__panel__indicator--left {border-top-left-radius: 4px;border-bottom-left-radius: 4px;left: 0;}.hi-v4-time-picker__panel__indicator--right {border-top-right-radius: 4px;border-bottom-right-radius: 4px;right: 0;}.hi-v4-time-picker__panel__indicator--middle {left: 0;}.hi-v4-time-picker__input {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-time-picker__input--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input--not-valid {color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-time-picker__input--range .hi-v4-time-picker__input__interact-area {text-align: left;}.hi-v4-time-picker__input--fit-content .hi-v4-time-picker__input__wrapper {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}.hi-v4-time-picker__input--size-sm {line-height: var(--hi-v4-height-6, 24px);font-size: var(--hi-v4-text-size-sm, 0.75rem);}.hi-v4-time-picker__input--size-sm .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-6, 24px);}.hi-v4-time-picker__input--size-md {line-height: var(--hi-v4-height-8, 32px);font-size: var(--hi-v4-text-size-md, 0.875rem);}.hi-v4-time-picker__input--size-md .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-8, 32px);}.hi-v4-time-picker__input--size-lg {line-height: var(--hi-v4-height-10, 40px);font-size: var(--hi-v4-text-size-lg, 1rem);}.hi-v4-time-picker__input--size-lg .hi-v4-time-picker__input__wrapper {height: var(--hi-v4-height-10, 40px);}.hi-v4-time-picker__input__wrapper {width: 208px;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 0;height: 30px;line-height: 30px;padding: 0 12px;}.hi-v4-time-picker__input__shadow-text {display: inline-block;font-size: inherit;font-weight: inherit;font-family: inherit;color: transparent;}.hi-v4-time-picker__input__interact-area {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 0 12px;color: inherit;border: none;outline: none;height: 100%;font-size: inherit;background: transparent;font-weight: inherit;font-family: inherit;position: absolute;left: 0;top: 0;}.hi-v4-time-picker__input__interact-area:disabled {background: transparent;}.hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::-moz-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::-ms-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker__input__interact-area::placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-webkit-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-moz-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::-ms-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker--appearance-unset .hi-v4-time-picker__input__interact-area::placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-time-picker__pop-content {display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;position: relative;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;min-width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hi-v4-time-picker__pop-content__separator {width: 1px;background-color: var(--hi-v4-color-gray-100, #f2f4f7);border-left: none;border-right: none;}";
|
17
16
|
var __styleInject__ = require('style-inject')["default"];
|
18
|
-
|
19
17
|
__styleInject__(css_248z);
|
20
|
-
|
21
18
|
exports["default"] = css_248z;
|
@@ -12,9 +12,7 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
|
16
15
|
var index = require('../@types/index.js');
|
17
|
-
|
18
16
|
var analysisFormat = function analysisFormat(format) {
|
19
17
|
var searchList = [{
|
20
18
|
identifier: 'HH',
|
@@ -29,13 +27,11 @@ var analysisFormat = function analysisFormat(format) {
|
|
29
27
|
var result = [];
|
30
28
|
searchList.forEach(function (_ref) {
|
31
29
|
var identifier = _ref.identifier,
|
32
|
-
|
33
|
-
|
30
|
+
type = _ref.type;
|
34
31
|
if (format.includes(identifier)) {
|
35
32
|
result.push(type);
|
36
33
|
}
|
37
34
|
});
|
38
35
|
return result;
|
39
36
|
};
|
40
|
-
|
41
37
|
exports.analysisFormat = analysisFormat;
|
@@ -12,45 +12,41 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
|
16
15
|
var disposeInputValue = function disposeInputValue(format, original) {
|
17
|
-
var inputMaxLength = format.length;
|
18
|
-
|
19
|
-
var rough = original.trim().replace(/[\uff1a]/g, ':').replace(/[^0-9:]/g, '').slice(0, inputMaxLength);
|
20
|
-
|
16
|
+
var inputMaxLength = format.length;
|
17
|
+
// 初步处理(去除前后空格,兼容中文:,去除无效字符,不允许超过长度)
|
18
|
+
var rough = original.trim().replace(/[\uff1a]/g, ':').replace(/[^0-9:]/g, '').slice(0, inputMaxLength);
|
19
|
+
// 兼容直接在为空情况下输入 : 的情况
|
21
20
|
if (rough === ':') {
|
22
21
|
return '';
|
23
22
|
}
|
24
|
-
|
25
23
|
if (/:{2}$/.test(rough)) {
|
26
24
|
return rough.slice(0, rough.length - 1);
|
27
|
-
}
|
28
|
-
|
29
|
-
|
25
|
+
}
|
26
|
+
// 已经输入两个数字了,现在新输入的一个字符不是 : 号
|
30
27
|
if (/[0-9]{2}[^:]$/.test(rough)) {
|
31
28
|
// 字符串已经到达最长长度,代表,此时,字符串是一个错乱的,直接忽略新输入的字符
|
32
29
|
if (rough.length === inputMaxLength) {
|
33
30
|
return rough.slice(0, rough.length - 1);
|
34
|
-
}
|
31
|
+
}
|
32
|
+
// 字符串还有添加空间,则自动添加:在新字符前方
|
35
33
|
else {
|
36
34
|
return rough.slice(0, rough.length - 1) + ':' + rough.slice(rough.length - 1);
|
37
35
|
}
|
38
|
-
}
|
39
|
-
|
40
|
-
|
36
|
+
}
|
37
|
+
// 在某个部分只输入了一个数字,然后输入 : 想要结束这个部分
|
41
38
|
if (/:[0-9]:$/.test(rough) || /^[0-9]:$/.test(rough)) {
|
42
39
|
// 已经达到最大输入了,则此时输入的 : 是无效的
|
43
40
|
// 自动转换,去除:,添加 0 在数字前
|
44
41
|
if (rough.length === inputMaxLength) {
|
45
42
|
return rough.slice(0, rough.length - 2) + '0' + rough.slice(rough.length - 2, rough.length - 1);
|
46
|
-
}
|
43
|
+
}
|
44
|
+
// 输入没有达到最大,则,此时输入 : 是有效的
|
47
45
|
// 自动补充此章节,添加 0
|
48
46
|
else {
|
49
47
|
return rough.slice(0, rough.length - 2) + '0' + rough.slice(rough.length - 2, rough.length);
|
50
48
|
}
|
51
49
|
}
|
52
|
-
|
53
50
|
return rough;
|
54
51
|
};
|
55
|
-
|
56
52
|
exports.disposeInputValue = disposeInputValue;
|
@@ -12,25 +12,20 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
|
16
15
|
var index = require('../@types/index.js');
|
17
|
-
|
18
16
|
var generateSelectorData = function generateSelectorData(info) {
|
19
17
|
var _disabledMap, _rangeMap, _stepMap;
|
20
|
-
|
21
18
|
var type = info.type,
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
19
|
+
filter = info.filter,
|
20
|
+
step = info.step,
|
21
|
+
separateValue = info.separateValue,
|
22
|
+
panelType = info.panelType,
|
23
|
+
selectorTypes = info.selectorTypes;
|
27
24
|
var result = [];
|
28
|
-
|
29
25
|
var getMatchTypeValue = function getMatchTypeValue(selectorType) {
|
30
26
|
var matchIndex = selectorTypes.indexOf(selectorType);
|
31
27
|
return matchIndex >= 0 ? separateValue[matchIndex] : -1;
|
32
28
|
};
|
33
|
-
|
34
29
|
var disabledMap = (_disabledMap = {}, _disabledMap[index.TimePickerSelectorType.hour] = function () {
|
35
30
|
return filter.disabledHours(panelType);
|
36
31
|
}, _disabledMap[index.TimePickerSelectorType.minute] = function () {
|
@@ -42,7 +37,6 @@ var generateSelectorData = function generateSelectorData(info) {
|
|
42
37
|
var rangeMap = (_rangeMap = {}, _rangeMap[index.TimePickerSelectorType.hour] = [0, 23], _rangeMap[index.TimePickerSelectorType.minute] = [0, 59], _rangeMap[index.TimePickerSelectorType.second] = [0, 59], _rangeMap);
|
43
38
|
var range = rangeMap[type];
|
44
39
|
var stepMap = (_stepMap = {}, _stepMap[index.TimePickerSelectorType.hour] = step.hourStep, _stepMap[index.TimePickerSelectorType.minute] = step.minuteStep, _stepMap[index.TimePickerSelectorType.second] = step.secondStep, _stepMap);
|
45
|
-
|
46
40
|
for (var index$1 = range[0]; index$1 <= range[1]; index$1 += stepMap[type]) {
|
47
41
|
result.push({
|
48
42
|
title: String(index$1).padStart(2, '0'),
|
@@ -50,8 +44,6 @@ var generateSelectorData = function generateSelectorData(info) {
|
|
50
44
|
id: String(index$1)
|
51
45
|
});
|
52
46
|
}
|
53
|
-
|
54
47
|
return result;
|
55
48
|
};
|
56
|
-
|
57
49
|
exports.generateSelectorData = generateSelectorData;
|
@@ -12,14 +12,10 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
|
16
15
|
var index = require('../@types/index.js');
|
17
|
-
|
18
16
|
var analysisFormat = require('./analysisFormat.js');
|
19
|
-
|
20
17
|
var getNowString = function getNowString(formatString) {
|
21
18
|
var _timeMap;
|
22
|
-
|
23
19
|
var format = analysisFormat.analysisFormat(formatString);
|
24
20
|
var now = new Date();
|
25
21
|
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 +23,4 @@ var getNowString = function getNowString(formatString) {
|
|
27
23
|
return timeMap[item];
|
28
24
|
}).join(':');
|
29
25
|
};
|
30
|
-
|
31
26
|
exports.getNowString = getNowString;
|
@@ -12,23 +12,17 @@
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
|
16
15
|
var getRange = function getRange(min, max) {
|
17
16
|
var result = [];
|
18
|
-
|
19
17
|
if (min > max) {
|
20
18
|
return [];
|
21
19
|
}
|
22
|
-
|
23
20
|
if (min < 0 || max < 0) {
|
24
21
|
return [];
|
25
22
|
}
|
26
|
-
|
27
23
|
for (var counter = min; counter <= max; counter++) {
|
28
24
|
result.push(counter);
|
29
25
|
}
|
30
|
-
|
31
26
|
return result;
|
32
27
|
};
|
33
|
-
|
34
28
|
exports.getRange = getRange;
|