@chaoswise/ui 2.3.1 → 2.3.3
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/BasicLayout/index.js +16 -3
- package/lib/CWRangePicker/DropdownMenu/MoreTimeList/index.js +0 -1
- package/lib/CWRangePicker/DropdownMenu/index.js +4 -31
- package/lib/CWRangePicker/Refresh/index.js +34 -19
- package/lib/CWRangePicker/TimeSpan/index.js +11 -12
- package/lib/CWRangePicker/index.js +141 -51
- package/lib/CWRangePicker/locale/en_US.js +2 -1
- package/lib/CWRangePicker/locale/zh_CN.js +2 -1
- package/lib/CWRangePicker/utils/index.js +16 -6
- package/lib/CWSelect/index.js +8 -4
- package/lib/CWTable/header.js +19 -4
- package/lib/Cascader/index.less +4 -0
- package/lib/DropdownDatePicker/assets/Recover.js +18 -0
- package/lib/DropdownDatePicker/index.js +87 -11
- package/lib/DropdownDatePicker/locale/en_US.js +1 -0
- package/lib/DropdownDatePicker/locale/zh_CN.js +1 -0
- package/lib/DropdownDatePicker/utils/index.js +6 -2
- package/lib/Header/TopNavigationMenu/index.js +59 -0
- package/lib/Header/TopNavigationMenu/index.less +41 -0
- package/lib/Header/index.js +12 -4
- package/lib/InputNumber/index.js +4 -0
- package/lib/RangePicker/components/ExtraTimeFooter.js +8 -2
- package/lib/RangePicker/index.js +5 -0
- package/lib/RangePicker/index.less +22 -7
- package/lib/SimplePagination/index.js +1 -1
- package/package.json +2 -2
|
@@ -41,10 +41,10 @@ import Refresh from "./Refresh";
|
|
|
41
41
|
import CalendarSvg from "./assets/Calendar";
|
|
42
42
|
import LiveSvg from "./assets/live";
|
|
43
43
|
import RecoverSvg from "./assets/Recover";
|
|
44
|
-
import { regroupDataSourceFn, echoInputValue, getUnit, judgeType, getChangeUnitDate, isInvalidDate, range, funcValueChangeArrayValue, getCorrectValue, getHistoryInfo, getFinalDateOption, getTruthDateCount, isAfterDate } from "./utils";
|
|
44
|
+
import { regroupDataSourceFn, echoInputValue, getUnit, judgeType, getChangeUnitDate, isInvalidDate, range, funcValueChangeArrayValue, getCorrectValue, getHistoryInfo, getFinalDateOption, getTruthDateCount, isAfterDate, isSameDate } from "./utils";
|
|
45
|
+
import _ from "lodash";
|
|
45
46
|
import moment from "moment";
|
|
46
47
|
import "./index.less";
|
|
47
|
-
// const { RangePicker } = DatePicker;
|
|
48
48
|
var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
49
49
|
var defaultValue = props.defaultValue,
|
|
50
50
|
value = props.value,
|
|
@@ -53,6 +53,8 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
53
53
|
classNameWrapper = props.classNameWrapper,
|
|
54
54
|
_props$onChange = props.onChange,
|
|
55
55
|
_onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
|
|
56
|
+
_props$onInitChange = props.onInitChange,
|
|
57
|
+
_onInitChange = _props$onInitChange === void 0 ? function () {} : _props$onInitChange,
|
|
56
58
|
_props$growSize = props.growSize,
|
|
57
59
|
growSize = _props$growSize === void 0 ? 3 : _props$growSize,
|
|
58
60
|
_props$tipTooltipOpti = props.tipTooltipOption,
|
|
@@ -68,8 +70,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
68
70
|
inputPrefixIcon = props.inputPrefixIcon,
|
|
69
71
|
_props$format = props.format,
|
|
70
72
|
format = _props$format === void 0 ? "YYYY/MM/DD HH:mm:ss" : _props$format,
|
|
71
|
-
|
|
72
|
-
forceRenderTitle = _props$forceRenderTit === void 0 ? false : _props$forceRenderTit,
|
|
73
|
+
forceRenderTitle = props.forceRenderTitle,
|
|
73
74
|
open = props.open;
|
|
74
75
|
var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
|
|
75
76
|
_ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
|
|
@@ -81,8 +82,11 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
81
82
|
onAutoRefreshChange = _refreshOption$onAuto2 === void 0 ? function () {} : _refreshOption$onAuto2,
|
|
82
83
|
_refreshOption$delay = refreshOption.delay,
|
|
83
84
|
delay = _refreshOption$delay === void 0 ? 5000 : _refreshOption$delay,
|
|
84
|
-
|
|
85
|
-
|
|
85
|
+
openAutoRefresh = refreshOption.openAutoRefresh,
|
|
86
|
+
_refreshOption$showAu = refreshOption.showAutoRefresh,
|
|
87
|
+
showAutoRefresh = _refreshOption$showAu === void 0 ? true : _refreshOption$showAu,
|
|
88
|
+
_refreshOption$isRece = refreshOption.isRecentlyOpenRefresh,
|
|
89
|
+
isRecentlyOpenRefresh = _refreshOption$isRece === void 0 ? true : _refreshOption$isRece;
|
|
86
90
|
var _menuOption$showCalen = menuOption.showCalendar,
|
|
87
91
|
showCalendar = _menuOption$showCalen === void 0 ? true : _menuOption$showCalen,
|
|
88
92
|
_menuOption$exceedSho = menuOption.exceedShowInMore,
|
|
@@ -151,10 +155,15 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
151
155
|
// 定时器计数
|
|
152
156
|
var timeRef = useRef(null);
|
|
153
157
|
var isInputRef = useRef(false); // 标记,输入框非默认值,输入内容
|
|
158
|
+
var isClickAutoRefresh = useRef(false); // 标记 点击自动刷新按钮
|
|
154
159
|
// 输入框处理聚焦失焦
|
|
155
160
|
var inputRef = useRef(null);
|
|
156
161
|
// 含有刷新组件暴露的方法
|
|
157
162
|
var refreshRef = useRef(null);
|
|
163
|
+
var _useState21 = useState([]),
|
|
164
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
165
|
+
rangePickerValue = _useState22[0],
|
|
166
|
+
setRangePickerValue = _useState22[1];
|
|
158
167
|
// 组件内部方法抛出
|
|
159
168
|
useImperativeHandle(ref, function () {
|
|
160
169
|
var _refreshRef$current;
|
|
@@ -177,11 +186,27 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
177
186
|
var _dateValue = dateValue,
|
|
178
187
|
values = _dateValue.value;
|
|
179
188
|
var _judgeType = judgeType(dateValue),
|
|
180
|
-
_judgeType2 = _slicedToArray(_judgeType,
|
|
181
|
-
isRule = _judgeType2[0]
|
|
189
|
+
_judgeType2 = _slicedToArray(_judgeType, 2),
|
|
190
|
+
isRule = _judgeType2[0],
|
|
191
|
+
captureUnit = _judgeType2[1];
|
|
182
192
|
if (!isRule && !values) {
|
|
183
193
|
setIsAutoRefresh(true);
|
|
184
194
|
}
|
|
195
|
+
var initValue = dateValue;
|
|
196
|
+
if (isRule) {
|
|
197
|
+
initValue = _objectSpread(_objectSpread({}, initValue), {}, {
|
|
198
|
+
isRecently: true,
|
|
199
|
+
value: getChangeUnitDate(captureUnit[0], captureUnit[1]),
|
|
200
|
+
number: captureUnit[0],
|
|
201
|
+
unit: captureUnit[1] === "mo" ? "M" : captureUnit[1]
|
|
202
|
+
});
|
|
203
|
+
} else if (values) {
|
|
204
|
+
initValue = _objectSpread(_objectSpread({}, initValue), {}, {
|
|
205
|
+
isRecently: false,
|
|
206
|
+
value: funcValueChangeArrayValue(values)
|
|
207
|
+
});
|
|
208
|
+
}
|
|
209
|
+
_onInitChange(initValue);
|
|
185
210
|
setDateValue(dateValue);
|
|
186
211
|
}, []);
|
|
187
212
|
useEffect(function () {
|
|
@@ -191,31 +216,49 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
191
216
|
setRecordDateValue(defaultValue);
|
|
192
217
|
}
|
|
193
218
|
}, [defaultValue, value]);
|
|
219
|
+
var enableAutoRefresh = useMemo(function () {
|
|
220
|
+
return openAutoRefresh !== undefined ? openAutoRefresh : isAutoRefresh;
|
|
221
|
+
}, [openAutoRefresh, isAutoRefresh]);
|
|
194
222
|
// 输入框回显
|
|
195
223
|
useEffect(function () {
|
|
196
|
-
setInputValue(echoInputValue(recordDateValue, isFocus, locale, format, forceRenderTitle,
|
|
197
|
-
}, [recordDateValue, isFocus, locale, format, forceRenderTitle,
|
|
224
|
+
setInputValue(echoInputValue(recordDateValue, isFocus, locale, format, forceRenderTitle, enableAutoRefresh));
|
|
225
|
+
}, [recordDateValue, isFocus, locale, format, forceRenderTitle, enableAutoRefresh]);
|
|
198
226
|
useEffect(function () {
|
|
199
227
|
var _judgeType3 = judgeType(recordDateValue),
|
|
200
228
|
_judgeType4 = _slicedToArray(_judgeType3, 1),
|
|
201
229
|
isRule = _judgeType4[0];
|
|
202
230
|
var isHasDate = !isRule && !recordDateValue.value ? false : true;
|
|
231
|
+
var _isAutoRefresh = false;
|
|
203
232
|
if (isHasDate) {
|
|
204
|
-
|
|
205
|
-
if (
|
|
206
|
-
if (
|
|
233
|
+
if (!isRecentlyOpenRefresh) {
|
|
234
|
+
if (!isRule) {
|
|
235
|
+
if (enableAutoRefresh) {
|
|
236
|
+
onAutoRefreshChange(false);
|
|
237
|
+
}
|
|
238
|
+
} else {
|
|
239
|
+
if (isRule && isClickAutoRefresh.current) {
|
|
240
|
+
onAutoRefreshChange(true);
|
|
241
|
+
_isAutoRefresh = true;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
isClickAutoRefresh.current = false;
|
|
245
|
+
} else {
|
|
246
|
+
if (isRule) {
|
|
247
|
+
if (!enableAutoRefresh) {
|
|
207
248
|
onAutoRefreshChange(true);
|
|
249
|
+
_isAutoRefresh = true;
|
|
208
250
|
}
|
|
209
|
-
return true;
|
|
210
251
|
} else {
|
|
211
|
-
if (
|
|
252
|
+
if (enableAutoRefresh) {
|
|
212
253
|
onAutoRefreshChange(false);
|
|
213
254
|
}
|
|
214
|
-
return false;
|
|
215
255
|
}
|
|
216
|
-
}
|
|
256
|
+
}
|
|
257
|
+
setIsAutoRefresh(_isAutoRefresh);
|
|
258
|
+
} else {
|
|
259
|
+
isClickAutoRefresh.current = false;
|
|
217
260
|
}
|
|
218
|
-
}, [recordDateValue]);
|
|
261
|
+
}, [recordDateValue, isRecentlyOpenRefresh]);
|
|
219
262
|
useEffect(function () {
|
|
220
263
|
var values = recordDateValue.value;
|
|
221
264
|
var _judgeType5 = judgeType(recordDateValue),
|
|
@@ -223,19 +266,19 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
223
266
|
isRule = _judgeType6[0],
|
|
224
267
|
captureUnit = _judgeType6[1],
|
|
225
268
|
recordUnit = _judgeType6[2];
|
|
226
|
-
if (
|
|
269
|
+
if (enableAutoRefresh && isRule && showAutoRefresh) {
|
|
227
270
|
timeRef.current = setInterval(function () {
|
|
228
271
|
var newValue = _objectSpread(_objectSpread({}, recordDateValue), {}, {
|
|
229
272
|
timeDomain: recordUnit,
|
|
230
273
|
number: captureUnit[0],
|
|
231
|
-
unit: captureUnit[1],
|
|
274
|
+
unit: captureUnit[1] === "mo" ? "M" : captureUnit[1],
|
|
232
275
|
value: getChangeUnitDate(captureUnit[0], captureUnit[1]),
|
|
233
276
|
isRecently: true
|
|
234
277
|
});
|
|
235
278
|
onAutoRefresh(newValue);
|
|
236
279
|
}, delay);
|
|
237
280
|
}
|
|
238
|
-
if (
|
|
281
|
+
if (enableAutoRefresh && !isRule && !values && showAutoRefresh) {
|
|
239
282
|
timeRef.current = setInterval(function () {
|
|
240
283
|
onAutoRefresh(recordDateValue);
|
|
241
284
|
}, delay);
|
|
@@ -243,14 +286,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
243
286
|
return function () {
|
|
244
287
|
clearInterval(timeRef.current);
|
|
245
288
|
};
|
|
246
|
-
}, [
|
|
247
|
-
// 点击空白处日历切换
|
|
248
|
-
useEffect(function () {
|
|
249
|
-
document.addEventListener("click", clickBody);
|
|
250
|
-
return function () {
|
|
251
|
-
document.removeEventListener("click", clickBody);
|
|
252
|
-
};
|
|
253
|
-
}, []);
|
|
289
|
+
}, [enableAutoRefresh, recordDateValue, delay, showAutoRefresh]);
|
|
254
290
|
// 日期是否存在
|
|
255
291
|
var _useMemo = useMemo(function () {
|
|
256
292
|
// 不符合最近时间格式和没有日期数据返回false
|
|
@@ -260,15 +296,31 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
260
296
|
isRule = _judgeType8[0],
|
|
261
297
|
captureUnit = _judgeType8[1];
|
|
262
298
|
values = funcValueChangeArrayValue(values);
|
|
299
|
+
var isHasDate = true;
|
|
300
|
+
var isRightDisabled = false;
|
|
263
301
|
if (isRule) {
|
|
302
|
+
isRightDisabled = true;
|
|
264
303
|
values = getChangeUnitDate(captureUnit[0], captureUnit[1]);
|
|
265
304
|
}
|
|
266
|
-
if (!isRule && !values)
|
|
267
|
-
|
|
305
|
+
if (!isRule && !values) {
|
|
306
|
+
isHasDate = false;
|
|
307
|
+
}
|
|
308
|
+
return [isHasDate, values, isRightDisabled];
|
|
268
309
|
}, [recordDateValue]),
|
|
269
|
-
_useMemo2 = _slicedToArray(_useMemo,
|
|
310
|
+
_useMemo2 = _slicedToArray(_useMemo, 3),
|
|
270
311
|
isHasDate = _useMemo2[0],
|
|
271
|
-
_defaultValue = _useMemo2[1]
|
|
312
|
+
_defaultValue = _useMemo2[1],
|
|
313
|
+
isRightDisabled = _useMemo2[2];
|
|
314
|
+
// 点击空白处日历切换
|
|
315
|
+
useEffect(function () {
|
|
316
|
+
document.addEventListener("click", clickBody);
|
|
317
|
+
return function () {
|
|
318
|
+
document.removeEventListener("click", clickBody);
|
|
319
|
+
};
|
|
320
|
+
}, [_defaultValue]);
|
|
321
|
+
useEffect(function () {
|
|
322
|
+
setRangePickerValue(_defaultValue);
|
|
323
|
+
}, [_defaultValue]);
|
|
272
324
|
// 重组数据源
|
|
273
325
|
var regroupDataSource = useMemo(function () {
|
|
274
326
|
if (exceedShowInMore) {
|
|
@@ -283,6 +335,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
283
335
|
if (targetCalendar) {
|
|
284
336
|
if (!targetCalendar.contains(e.target)) {
|
|
285
337
|
setIsCalendar(false);
|
|
338
|
+
setRangePickerValue(_defaultValue);
|
|
286
339
|
}
|
|
287
340
|
}
|
|
288
341
|
if (targetInput) {
|
|
@@ -299,17 +352,6 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
299
352
|
value: funcValueChangeArrayValue(values)
|
|
300
353
|
});
|
|
301
354
|
returnValue = getCorrectValue(returnValue, key);
|
|
302
|
-
var _judgeType9 = judgeType(returnValue),
|
|
303
|
-
_judgeType10 = _slicedToArray(_judgeType9, 1),
|
|
304
|
-
isRule = _judgeType10[0];
|
|
305
|
-
if (!isRule && !returnValue.value) {
|
|
306
|
-
setIsAutoRefresh(function (pre) {
|
|
307
|
-
if (!pre) {
|
|
308
|
-
onAutoRefreshChange(true);
|
|
309
|
-
}
|
|
310
|
-
return true;
|
|
311
|
-
});
|
|
312
|
-
}
|
|
313
355
|
_onChange(returnValue);
|
|
314
356
|
if (!value) {
|
|
315
357
|
setRecordDateValue(returnValue);
|
|
@@ -366,7 +408,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
366
408
|
};
|
|
367
409
|
// 外部获取ref停止自动刷新
|
|
368
410
|
var onStop = function onStop() {
|
|
369
|
-
if (
|
|
411
|
+
if (enableAutoRefresh) {
|
|
370
412
|
var _refreshRef$current2, _refreshRef$current3;
|
|
371
413
|
((_refreshRef$current2 = refreshRef.current) === null || _refreshRef$current2 === void 0 ? void 0 : _refreshRef$current2.onAutoRefresh) && ((_refreshRef$current3 = refreshRef.current) === null || _refreshRef$current3 === void 0 ? void 0 : _refreshRef$current3.onAutoRefresh());
|
|
372
414
|
}
|
|
@@ -441,7 +483,8 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
441
483
|
value: value,
|
|
442
484
|
isAutoRefresh: isAutoRefresh,
|
|
443
485
|
setIsAutoRefresh: setIsAutoRefresh,
|
|
444
|
-
refreshOption: refreshOption
|
|
486
|
+
refreshOption: refreshOption,
|
|
487
|
+
enableAutoRefresh: enableAutoRefresh
|
|
445
488
|
};
|
|
446
489
|
var dropdownMenuProps = _objectSpread(_objectSpread({}, commonProps), {}, {
|
|
447
490
|
dataSource: dataSource,
|
|
@@ -465,11 +508,13 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
465
508
|
backTooltipVisible: backTooltipVisible,
|
|
466
509
|
setBackTooltipVisible: setBackTooltipVisible,
|
|
467
510
|
expandTooltipVisible: expandTooltipVisible,
|
|
468
|
-
setExpandTooltipVisible: setExpandTooltipVisible
|
|
511
|
+
setExpandTooltipVisible: setExpandTooltipVisible,
|
|
512
|
+
isRightDisabled: isRightDisabled
|
|
469
513
|
});
|
|
470
514
|
var refreshProps = _objectSpread(_objectSpread({}, commonProps), {}, {
|
|
471
515
|
isHasDate: isHasDate,
|
|
472
|
-
setBackTooltipVisible: setBackTooltipVisible
|
|
516
|
+
setBackTooltipVisible: setBackTooltipVisible,
|
|
517
|
+
isClickAutoRefresh: isClickAutoRefresh
|
|
473
518
|
});
|
|
474
519
|
return /*#__PURE__*/React.createElement("div", {
|
|
475
520
|
className: classnames("cw-range-picker-wrapper", classNameWrapper),
|
|
@@ -484,6 +529,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
484
529
|
},
|
|
485
530
|
dropdownClassName: classnames(dropdownCalendarClassName),
|
|
486
531
|
format: format,
|
|
532
|
+
allowClear: false,
|
|
487
533
|
onChange: function onChange(_value, mode) {
|
|
488
534
|
setIsCalendar(false);
|
|
489
535
|
setIsFocus(false);
|
|
@@ -496,6 +542,12 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
496
542
|
value: [_value[0], moment()]
|
|
497
543
|
});
|
|
498
544
|
}
|
|
545
|
+
var _values3 = _values2,
|
|
546
|
+
resValue = _values3.value;
|
|
547
|
+
if (isSameDate(resValue[0], resValue[1], "second") || isAfterDate(resValue[0], resValue[1])) {
|
|
548
|
+
_message.error(localeObj["the-selected-time-does-not-meet-the-rule-limit"]);
|
|
549
|
+
return;
|
|
550
|
+
}
|
|
499
551
|
_onChange(_values2);
|
|
500
552
|
var _getHistoryInfo5 = getHistoryInfo(_values2, historyList, locale, format),
|
|
501
553
|
_getHistoryInfo6 = _slicedToArray(_getHistoryInfo5, 2),
|
|
@@ -553,8 +605,43 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
553
605
|
}
|
|
554
606
|
}
|
|
555
607
|
},
|
|
556
|
-
|
|
608
|
+
value: rangePickerValue // 默认为当前已经选择的时间
|
|
557
609
|
,
|
|
610
|
+
onCalendarChange: function onCalendarChange(data, dataString, info) {
|
|
611
|
+
var _ref = data || [],
|
|
612
|
+
_ref2 = _slicedToArray(_ref, 2),
|
|
613
|
+
data0 = _ref2[0],
|
|
614
|
+
data1 = _ref2[1];
|
|
615
|
+
var range = info.range;
|
|
616
|
+
var _ref3 = rangePickerValue || [],
|
|
617
|
+
_ref4 = _slicedToArray(_ref3, 2),
|
|
618
|
+
value0 = _ref4[0],
|
|
619
|
+
value1 = _ref4[1];
|
|
620
|
+
if (range === "start" && data0) {
|
|
621
|
+
if (value0) {
|
|
622
|
+
data0 = moment(data0).set({
|
|
623
|
+
"hour": 0,
|
|
624
|
+
"minute": 0,
|
|
625
|
+
"second": 0,
|
|
626
|
+
"millisecond": 0
|
|
627
|
+
});
|
|
628
|
+
}
|
|
629
|
+
}
|
|
630
|
+
if (range === "end" && data1) {
|
|
631
|
+
if (value1 && !moment(value1).isSame(data1, "day")) {
|
|
632
|
+
data1 = moment(data1).set({
|
|
633
|
+
"hour": 23,
|
|
634
|
+
"minute": 59,
|
|
635
|
+
"second": 59,
|
|
636
|
+
"millisecond": 0
|
|
637
|
+
});
|
|
638
|
+
if (moment().isSame(data1, "day")) {
|
|
639
|
+
data1 = moment();
|
|
640
|
+
}
|
|
641
|
+
}
|
|
642
|
+
}
|
|
643
|
+
setRangePickerValue([data0, data1]);
|
|
644
|
+
},
|
|
558
645
|
showTime: {
|
|
559
646
|
hideDisabledOptions: true
|
|
560
647
|
}
|
|
@@ -591,8 +678,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
591
678
|
CWRangePicker.defaultProps = {
|
|
592
679
|
moreItemDropdownPosition: "left",
|
|
593
680
|
growSize: 3,
|
|
594
|
-
format: "YYYY/MM/DD HH:mm:ss"
|
|
595
|
-
forceRenderTitle: false
|
|
681
|
+
format: "YYYY/MM/DD HH:mm:ss"
|
|
596
682
|
};
|
|
597
683
|
CWRangePicker.propTypes = {
|
|
598
684
|
/**
|
|
@@ -615,6 +701,10 @@ CWRangePicker.propTypes = {
|
|
|
615
701
|
* 时间变化的回调onChange({value,isRecently?timeDomain?number?unit?})
|
|
616
702
|
*/
|
|
617
703
|
onChange: PropTypes.func,
|
|
704
|
+
/**
|
|
705
|
+
* 初始时间数据进入时间返回的回调(*主要针对于最近时间)
|
|
706
|
+
*/
|
|
707
|
+
onInitChange: PropTypes.func,
|
|
618
708
|
/**
|
|
619
709
|
* 时间跨度的比例,>=2,默认为3
|
|
620
710
|
*/
|
|
@@ -30,5 +30,6 @@ export default {
|
|
|
30
30
|
clear: 'Clear',
|
|
31
31
|
"enter manually": "You can manually enter a query statement in the following format",
|
|
32
32
|
"fit-the-input-format": "Fit the input format",
|
|
33
|
-
"does-not-match-the-input-format": "Does not match the input format"
|
|
33
|
+
"does-not-match-the-input-format": "Does not match the input format",
|
|
34
|
+
"the-selected-time-does-not-meet-the-rule-limit": "If the selected time is the same or exceeds the current time, select another time"
|
|
34
35
|
};
|
|
@@ -30,5 +30,6 @@ export default {
|
|
|
30
30
|
clear: '清空',
|
|
31
31
|
"enter manually": "可根据以下类型,按查询语句格式手动输入",
|
|
32
32
|
"fit-the-input-format": "符合输入格式",
|
|
33
|
-
"does-not-match-the-input-format": "不符合输入格式,请重新输入"
|
|
33
|
+
"does-not-match-the-input-format": "不符合输入格式,请重新输入",
|
|
34
|
+
"the-selected-time-does-not-meet-the-rule-limit": "选择的时间二者相同或者某一时间超过当前时间,请重新选择"
|
|
34
35
|
};
|
|
@@ -162,17 +162,27 @@ export var echoInputValue = function echoInputValue() {
|
|
|
162
162
|
}
|
|
163
163
|
if (!isRule && !values) return title || "Live Tail";
|
|
164
164
|
if (isAutoRefresh) {
|
|
165
|
+
var _value3;
|
|
165
166
|
if (isRule) {
|
|
166
167
|
if (isFoucs) {
|
|
167
168
|
return recordUnit;
|
|
168
169
|
}
|
|
169
170
|
return echoRecentlyTimeTitle(locale, captureUnit);
|
|
170
171
|
}
|
|
171
|
-
} else {
|
|
172
|
-
var _value3;
|
|
173
172
|
if (Array.isArray(value) && (_value3 = value) !== null && _value3 !== void 0 && _value3.length) {
|
|
174
173
|
return echoAbsoluteTimeTitle(value, format);
|
|
175
174
|
}
|
|
175
|
+
} else {
|
|
176
|
+
var _value4;
|
|
177
|
+
if (isRule) {
|
|
178
|
+
if (isFoucs) {
|
|
179
|
+
return recordUnit;
|
|
180
|
+
}
|
|
181
|
+
return echoRecentlyTimeTitle(locale, captureUnit);
|
|
182
|
+
}
|
|
183
|
+
if (Array.isArray(value) && (_value4 = value) !== null && _value4 !== void 0 && _value4.length) {
|
|
184
|
+
return echoAbsoluteTimeTitle(value, format);
|
|
185
|
+
}
|
|
176
186
|
}
|
|
177
187
|
};
|
|
178
188
|
|
|
@@ -225,7 +235,7 @@ export var getTimeSpanFromValue = function getTimeSpanFromValue(value) {
|
|
|
225
235
|
value: value,
|
|
226
236
|
timeDomain: timeDomain,
|
|
227
237
|
number: captureUnit[0],
|
|
228
|
-
unit: captureUnit[1]
|
|
238
|
+
unit: captureUnit[1] === "mo" ? "M" : captureUnit[1]
|
|
229
239
|
};
|
|
230
240
|
};
|
|
231
241
|
|
|
@@ -379,7 +389,7 @@ export var getCorrectValue = function getCorrectValue(value) {
|
|
|
379
389
|
returnValue = _objectSpread(_objectSpread({}, returnValue), {}, {
|
|
380
390
|
timeDomain: key,
|
|
381
391
|
number: captureUnit[0],
|
|
382
|
-
unit: captureUnit[1],
|
|
392
|
+
unit: captureUnit[1] === "mo" ? "M" : captureUnit[1],
|
|
383
393
|
isRecently: true
|
|
384
394
|
});
|
|
385
395
|
if (!returnValue.value) {
|
|
@@ -448,8 +458,8 @@ export var isAfterDate = function isAfterDate(currentDate, compareDate) {
|
|
|
448
458
|
return currentDate.isAfter(compareDate);
|
|
449
459
|
};
|
|
450
460
|
// 检查一个 moment 是否与另一个 moment 相同
|
|
451
|
-
export var isSameDate = function isSameDate(currentDate, compareDate) {
|
|
452
|
-
return currentDate.isSame(compareDate);
|
|
461
|
+
export var isSameDate = function isSameDate(currentDate, compareDate, unit) {
|
|
462
|
+
return unit ? currentDate.isSame(compareDate, unit) : currentDate.isSame(compareDate);
|
|
453
463
|
};
|
|
454
464
|
var isAfterCurrentDate = function isAfterCurrentDate(cloneStartDate, cloneEndDate) {
|
|
455
465
|
var flag = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
package/lib/CWSelect/index.js
CHANGED
|
@@ -149,16 +149,16 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
149
149
|
useEffect(function () {
|
|
150
150
|
if (mode) {
|
|
151
151
|
getMapFromArray(defaultValue);
|
|
152
|
-
if (defaultValue && mode == "multiple") {
|
|
153
|
-
setActiveKey(defaultValue);
|
|
152
|
+
if ("defaultValue" in props && mode == "multiple") {
|
|
153
|
+
setActiveKey(defaultValue || []);
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
156
|
}, [defaultValue]);
|
|
157
157
|
useEffect(function () {
|
|
158
158
|
if (mode) {
|
|
159
159
|
getMapFromArray(value);
|
|
160
|
-
if (value && mode == "multiple") {
|
|
161
|
-
setActiveKey(value);
|
|
160
|
+
if ("value" in props && mode == "multiple") {
|
|
161
|
+
setActiveKey(value || []);
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
164
|
}, [value]);
|
|
@@ -187,6 +187,10 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
187
187
|
var rcSelect = selectRef.current;
|
|
188
188
|
var selectWrapperDom = ReactDom.findDOMNode(rcSelect);
|
|
189
189
|
var selectInputDom = selectWrapperDom.querySelector(".".concat(prefixCls, "-select-selector"));
|
|
190
|
+
var ExistingSlotDom = selectInputDom.querySelector(".cw-select-custom-slot-wrapper");
|
|
191
|
+
if (ExistingSlotDom) {
|
|
192
|
+
selectInputDom.removeChild(ExistingSlotDom);
|
|
193
|
+
}
|
|
190
194
|
var selectSearchDom = selectInputDom.querySelector(".".concat(prefixCls, "-select-selection-search"));
|
|
191
195
|
var divEle = document.createElement('div');
|
|
192
196
|
divEle.className = "cw-select-custom-slot-wrapper";
|
package/lib/CWTable/header.js
CHANGED
|
@@ -3,7 +3,7 @@ import _TooltipText from "@chaoswise/ui/lib/TooltipText";
|
|
|
3
3
|
import _Dropdown from "@chaoswise/ui/lib/Antd/Dropdown";
|
|
4
4
|
import _Menu from "@chaoswise/ui/lib/Menu";
|
|
5
5
|
var _excluded = ["onResize", "width"],
|
|
6
|
-
_excluded2 = ["children"];
|
|
6
|
+
_excluded2 = ["children", "onClick"];
|
|
7
7
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
8
8
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -13,7 +13,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
13
13
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
14
14
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
15
15
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
-
import React, { useState } from "react";
|
|
16
|
+
import React, { useState, useRef } from "react";
|
|
17
17
|
import { Resizable } from "react-resizable";
|
|
18
18
|
import SortContext from "./SortContext";
|
|
19
19
|
import SortSvg from './icon/SortSvg';
|
|
@@ -83,6 +83,7 @@ export function HeaderCell(props) {
|
|
|
83
83
|
var _onResize = props.onResize,
|
|
84
84
|
width = props.width,
|
|
85
85
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
86
|
+
var isResizeRef = useRef(null);
|
|
86
87
|
var _useConfigContext = useConfigContext(),
|
|
87
88
|
getPrefixCls = _useConfigContext.getPrefixCls;
|
|
88
89
|
var prefixCls = getPrefixCls();
|
|
@@ -129,6 +130,8 @@ export function HeaderCell(props) {
|
|
|
129
130
|
restProps.children = children;
|
|
130
131
|
}
|
|
131
132
|
var _children = restProps.children,
|
|
133
|
+
_restProps$onClick = restProps.onClick,
|
|
134
|
+
_onClick = _restProps$onClick === void 0 ? function () {} : _restProps$onClick,
|
|
132
135
|
rest = _objectWithoutProperties(restProps, _excluded2);
|
|
133
136
|
var findColumnItem = columns === null || columns === void 0 ? void 0 : columns.find(function (item) {
|
|
134
137
|
return (item.dataIndex || item.key) === rest.dataIndex;
|
|
@@ -136,7 +139,9 @@ export function HeaderCell(props) {
|
|
|
136
139
|
var ellipsis = findColumnItem ? findColumnItem.ellipsis && !findColumnItem.filters && !findColumnItem.sorter ? true : false : false;
|
|
137
140
|
var renderChildren = ellipsis ? /*#__PURE__*/React.createElement(_TooltipText, null, _children) : _children;
|
|
138
141
|
if (!width) {
|
|
139
|
-
return /*#__PURE__*/React.createElement("th", rest,
|
|
142
|
+
return /*#__PURE__*/React.createElement("th", _extends({}, rest, {
|
|
143
|
+
onClick: _onClick
|
|
144
|
+
}), renderChildren);
|
|
140
145
|
}
|
|
141
146
|
return /*#__PURE__*/React.createElement(Resizable, {
|
|
142
147
|
width: width,
|
|
@@ -149,6 +154,7 @@ export function HeaderCell(props) {
|
|
|
149
154
|
document.body.onselectstart = function () {
|
|
150
155
|
return false;
|
|
151
156
|
};
|
|
157
|
+
isResizeRef.current = true;
|
|
152
158
|
},
|
|
153
159
|
onResizeStop: function onResizeStop(e, data) {
|
|
154
160
|
// 页面选中功能开启
|
|
@@ -157,12 +163,21 @@ export function HeaderCell(props) {
|
|
|
157
163
|
};
|
|
158
164
|
// 第三个参数是拖拽是否结束
|
|
159
165
|
_onResize(e, data, true);
|
|
166
|
+
setTimeout(function () {
|
|
167
|
+
isResizeRef.current = false;
|
|
168
|
+
});
|
|
160
169
|
},
|
|
161
170
|
className: "cw-table-react-resizable",
|
|
162
171
|
draggableOpts: {
|
|
163
172
|
enableUserSelectHack: false
|
|
164
173
|
}
|
|
165
|
-
}, /*#__PURE__*/React.createElement("th", rest,
|
|
174
|
+
}, /*#__PURE__*/React.createElement("th", _extends({}, rest, {
|
|
175
|
+
onClick: function onClick() {
|
|
176
|
+
if (!isResizeRef.current && _onClick) {
|
|
177
|
+
_onClick.apply(void 0, arguments);
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
}), renderChildren));
|
|
166
181
|
};
|
|
167
182
|
return /*#__PURE__*/React.createElement(SortContext.Consumer, null, render);
|
|
168
183
|
}
|
package/lib/Cascader/index.less
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
var SvgCalendar = function SvgCalendar(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
width: 14,
|
|
6
|
+
height: 11,
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
8
|
+
}, props), /*#__PURE__*/React.createElement("g", {
|
|
9
|
+
fill: "none",
|
|
10
|
+
fillRule: "evenodd"
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
d: "M.428-.539h13.13v13.13H.428z"
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M.466 2.898a.117.117 0 0 0 0 .174L3.31 5.656a.118.118 0 0 0 .197-.087V3.661h5.813a3.06 3.06 0 0 1 3.061 3.057 3.06 3.06 0 0 1-3.06 3.056H3.196v1.176h6.122a4.236 4.236 0 0 0 4.239-4.232 4.236 4.236 0 0 0-4.239-4.233H3.506V.4a.118.118 0 0 0-.197-.087L.466 2.898Z",
|
|
15
|
+
fill: "currentColor"
|
|
16
|
+
})));
|
|
17
|
+
};
|
|
18
|
+
export default SvgCalendar;
|