@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.
- package/lib/components/avatar/text-avatar/index.css +2 -2
- package/lib/components/avatar/text-avatar/index.js +2 -2
- package/lib/components/nav-top/components/menu/img/new.svg +30 -0
- package/lib/components/nav-top/components/menu/img/wecome-temp.png +0 -0
- package/lib/components/nav-top/components/menu/index.css +91 -0
- package/lib/components/nav-top/components/menu/index.js +72 -24
- package/lib/components/okr-flow/child-node/index.css +1 -1
- package/lib/components/okr-flow/export-modal/index.js +47 -2
- package/lib/components/task-relation-modal/index.js +0 -1
- package/lib/components/task-tree/index.js +1 -7
- package/lib/components/task-tree/task-item-node/e-status-dropdown.js +33 -13
- package/lib/components/task-tree/task-item-node/e-task.js +3 -3
- package/lib/components/task-tree/task-item-node/index.css +28 -18
- package/lib/components/task-tree/task-tree.css +1 -1
- package/lib/components/time-picker/time-picker.js +34 -102
- package/lib/components/time-picker/timer-picker-input.js +0 -6
- package/package.json +1 -1
- package/lib/components/task-tree/mock.js +0 -944
|
@@ -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
|
|
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
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
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
|
|
229
|
-
|
|
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
|
|
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
|
|
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
|