@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.
@@ -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
- _props$forceRenderTit = props.forceRenderTitle,
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
- _refreshOption$openAu = refreshOption.openAutoRefresh,
85
- openAutoRefresh = _refreshOption$openAu === void 0 ? true : _refreshOption$openAu;
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, 1),
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, isAutoRefresh));
197
- }, [recordDateValue, isFocus, locale, format, forceRenderTitle, isAutoRefresh]);
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
- setIsAutoRefresh(function (pre) {
205
- if (recordDateValue.isRecently || isRule) {
206
- if (!pre) {
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 (pre) {
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 (isAutoRefresh && isRule && openAutoRefresh) {
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 (isAutoRefresh && !isRule && !values && openAutoRefresh) {
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
- }, [isAutoRefresh, recordDateValue, delay, openAutoRefresh]);
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) return [false, undefined];
267
- return [true, values];
305
+ if (!isRule && !values) {
306
+ isHasDate = false;
307
+ }
308
+ return [isHasDate, values, isRightDisabled];
268
309
  }, [recordDateValue]),
269
- _useMemo2 = _slicedToArray(_useMemo, 2),
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 (isAutoRefresh) {
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
- defaultValue: _defaultValue // 默认为当前已经选择的时间
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;
@@ -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";
@@ -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, renderChildren);
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, renderChildren));
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
  }
@@ -25,4 +25,8 @@
25
25
  }
26
26
  }
27
27
  }
28
+ }
29
+ // antd4 :点击空白处浮层不消失问题
30
+ .@{cascader-prefix-cls}-dropdown.@{ant-prefix}-select-dropdown.@{ant-prefix}-slide-up-leave{
31
+ display: none !important;
28
32
  }
@@ -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;