@chaoswise/ui 3.1.16 → 3.1.17

package/lib/CWRangePicker/index.js

@@ -25,21 +25,21 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { forwardRef, useState, useEffect, useMemo, useRef, useImperativeHandle } from "react";
-import { QuestionCircleOutlined } from "@ant-design/icons";
-import PropTypes from "prop-types";
-import classnames from "classnames";
-import DropDownMenu from "./DropdownMenu";
-import TimeSpan from "./TimeSpan";
-import Refresh from "./Refresh";
-import CalendarSvg from "./assets/Calendar";
-import LiveSvg from "./assets/live";
-import RecoverSvg from "./assets/Recover";
-import useConfigContext from "../useConfigContext";
-import dayjs, { regroupDataSourceFn, echoInputValue, getUnit, judgeType, getChangeUnitDate, isInvalidDate, range, funcValueChangeArrayValue, getCorrectValue, getHistoryInfo, getFinalDateOption, getTruthDateCount, isAfterDate, isSameDate, isExceedMaxTimeSpan, getYears, computedRecentlyValue } from "./utils/generate/dayjs";
-import { isEqual } from "lodash-es";
-import { useIntl } from "../locales";
-import useStyle from "./index.style";
+import React, { forwardRef, useState, useEffect, useMemo, useRef, useImperativeHandle } from 'react';
+import { QuestionCircleOutlined } from '@ant-design/icons';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import DropDownMenu from './DropdownMenu';
+import TimeSpan from './TimeSpan';
+import Refresh from './Refresh';
+import CalendarSvg from './assets/Calendar';
+import LiveSvg from './assets/live';
+import RecoverSvg from './assets/Recover';
+import useConfigContext from '../useConfigContext';
+import dayjs, { regroupDataSourceFn, echoInputValue, getUnit, judgeType, getChangeUnitDate, isInvalidDate, range, funcValueChangeArrayValue, getCorrectValue, getHistoryInfo, getFinalDateOption, getTruthDateCount, isAfterDate, isSameDate, isExceedMaxTimeSpan, getYears, computedRecentlyValue } from './utils/generate/dayjs';
+import { isEqual } from 'lodash-es';
+import { useIntl } from '../locales';
+import useStyle from './index.style';
 var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var defaultValue = props.defaultValue,
     value = props.value,
@@ -59,18 +59,18 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$timeSpanOption = props.timeSpanOption,
     timeSpanOption = _props$timeSpanOption === void 0 ? {} : _props$timeSpanOption,
     _props$moreItemDropdo = props.moreItemDropdownPosition,
-    moreItemDropdownPosition = _props$moreItemDropdo === void 0 ? "left" : _props$moreItemDropdo,
+    moreItemDropdownPosition = _props$moreItemDropdo === void 0 ? 'left' : _props$moreItemDropdo,
     inputPrefixIcon = props.inputPrefixIcon,
     _props$format = props.format,
-    format = _props$format === void 0 ? "YYYY/MM/DD HH:mm:ss" : _props$format,
+    format = _props$format === void 0 ? 'YYYY/MM/DD HH:mm:ss' : _props$format,
     forceRenderTitle = props.forceRenderTitle,
     open = props.open,
     _props$rangePickerFor = props.rangePickerFormat,
-    rangePickerFormat = _props$rangePickerFor === void 0 ? "YYYY/MM/DD" : _props$rangePickerFor;
+    rangePickerFormat = _props$rangePickerFor === void 0 ? 'YYYY/MM/DD' : _props$rangePickerFor;
   var intl = useIntl();
   var _ref = (intl === null || intl === void 0 ? void 0 : intl.options) || {},
     _ref$currentLocale = _ref.currentLocale,
-    locale = _ref$currentLocale === void 0 ? "zh_CN" : _ref$currentLocale;
+    locale = _ref$currentLocale === void 0 ? 'zh_CN' : _ref$currentLocale;
   var _refreshOption$onAuto = refreshOption.onAutoRefresh,
     onAutoRefresh = _refreshOption$onAuto === void 0 ? function () {} : _refreshOption$onAuto,
     _refreshOption$onAuto2 = refreshOption.onAutoRefreshChange,
@@ -117,7 +117,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     isFocus = _useState2[0],
     setIsFocus = _useState2[1];
   // 输入框回填内容
-  var _useState3 = useState(""),
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
     inputValue = _useState4[0],
     setInputValue = _useState4[1];
@@ -194,7 +194,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         isRecently: true,
         value: getChangeUnitDate(captureUnit[0], captureUnit[1]),
         number: captureUnit[0],
-        unit: captureUnit[1] === "mo" ? "M" : captureUnit[1]
+        unit: captureUnit[1] === 'mo' ? 'M' : captureUnit[1]
       });
     } else if (values) {
       initValue = _objectSpread(_objectSpread({}, initValue), {}, {
@@ -277,7 +277,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         var newValue = _objectSpread(_objectSpread({}, recordDateValue), {}, {
           timeDomain: recordUnit,
           number: captureUnit[0],
-          unit: captureUnit[1] === "mo" ? "M" : captureUnit[1],
+          unit: captureUnit[1] === 'mo' ? 'M' : captureUnit[1],
           value: _values,
           isRecently: true
         });
@@ -311,7 +311,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         if (!values) {
           values = getChangeUnitDate(captureUnit[0], captureUnit[1]);
         }
-        if (captureUnit[1] === "y" && Number(captureUnit[0]) >= years) {
+        if (captureUnit[1] === 'y' && Number(captureUnit[0]) >= years) {
           isDisabledEnlargeBtn = true;
         }
       }
@@ -327,9 +327,9 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     isDisabledEnlargeBtn = _useMemo2[3];
   // 点击空白处日历切换
   useEffect(function () {
-    document.addEventListener("click", clickBody);
+    document.addEventListener('click', clickBody);
     return function () {
-      document.removeEventListener("click", clickBody);
+      document.removeEventListener('click', clickBody);
     };
   }, [_defaultValue]);
   useEffect(function () {
@@ -344,8 +344,8 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [dataSource, exceedShowInMore, showDefaultCount]);
   // 日历模式下点击body
   var clickBody = function clickBody(e) {
-    var targetCalendar = calendarRef.current.querySelector(".cw-range-picker-calendar-wrapper");
-    var targetInput = calendarRef.current.querySelector(".cw-range-picker-box-wrapper");
+    var targetCalendar = calendarRef.current.querySelector('.cw-range-picker-calendar-wrapper');
+    var targetInput = calendarRef.current.querySelector('.cw-range-picker-box-wrapper');
     if (targetCalendar) {
       if (!targetCalendar.contains(e.target)) {
         setIsCalendar(false);
@@ -373,12 +373,12 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   // 输入框前缀图标,
   var inputPrefix = /*#__PURE__*/React.createElement("div", {
-    className: classnames("cw-range-picker-prefix-wrapper"),
+    className: classnames('cw-range-picker-prefix-wrapper'),
     onClick: function onClick() {
       setIsFocus(false);
     }
   }, inputPrefixIcon ? inputPrefixIcon : !isHasDate ? /*#__PURE__*/React.createElement(LiveSvg, null) : /*#__PURE__*/React.createElement(CalendarSvg, {
-    className: classnames("cw-range-picker-prefix-icon")
+    className: classnames('cw-range-picker-prefix-icon')
   }));
   var timeDomain = recordDateValue.timeDomain,
     number = recordDateValue.number,
@@ -394,17 +394,17 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     dateValueRest = _objectWithoutProperties(dateValue, _excluded3);
   // 输入框尾缀图标
   var inputSuffix = isHasDate && /*#__PURE__*/React.createElement("div", {
-    className: classnames("cw-range-picker-suffix-wrapper"),
+    className: classnames('cw-range-picker-suffix-wrapper'),
     onClick: function onClick(e) {
       e.stopPropagation();
     }
   }, isFocus && showTipIcon ? /*#__PURE__*/React.createElement(_Tooltip, extraTipOption, /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
-    className: classnames("cw-range-picker-suffix-tips")
+    className: classnames('cw-range-picker-suffix-tips')
   })) : !isFocus && !isEqual(dateValueRest, rest) ? /*#__PURE__*/React.createElement(_Tooltip, {
-    title: intl.get("3395a172-cc4a-4c02-93e6-a1efbeb30a2c").d("恢复默认值")
+    title: intl.get('3395a172-cc4a-4c02-93e6-a1efbeb30a2c').d('恢复默认值')
   }, /*#__PURE__*/React.createElement(RecoverSvg, {
     onClick: onRecover,
-    className: classnames("cw-range-picker-suffix-recover")
+    className: classnames('cw-range-picker-suffix-recover')
   })) : null);
 
   // 输入框获取焦点
@@ -446,7 +446,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       if (!isInvalidDate_) {
         var passValue = returnValue.value;
         if (isExceedMaxTimeSpan(passValue, timeSpanBoundary)) {
-          message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
+          message.error(intl.get('e8a046c4-4611-47b9-bef0-cb46de7dd733').d('超过了限制的最大时间跨度，请重新输入'));
           return;
         }
         _onChange(returnValue);
@@ -467,7 +467,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
           setRecordDateValue(returnValue);
         }
       } else {
-        message.error(intl.get("e2008629-6fc2-4222-b28c-ada43aa79a74").d("不符合输入格式,请重新输入"));
+        message.error(intl.get('e2008629-6fc2-4222-b28c-ada43aa79a74').d('不符合输入格式,请重新输入'));
       }
     } else {
       var finalDateOption = getFinalDateOption(inputValue);
@@ -479,7 +479,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         });
         var _passValue = _returnValue.value;
         if (isExceedMaxTimeSpan(_passValue, timeSpanBoundary)) {
-          message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
+          message.error(intl.get('e8a046c4-4611-47b9-bef0-cb46de7dd733').d('超过了限制的最大时间跨度，请重新输入'));
           return;
         }
         _onChange(_returnValue);
@@ -500,7 +500,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
           setRecordDateValue(_returnValue);
         }
       } else {
-        message.error(intl.get("e2008629-6fc2-4222-b28c-ada43aa79a74").d("不符合输入格式,请重新输入"));
+        message.error(intl.get('e2008629-6fc2-4222-b28c-ada43aa79a74').d('不符合输入格式,请重新输入'));
       }
     }
     isInputRef.current = false;
@@ -545,7 +545,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     className: "cw-range-picker-box-wrapper"
   }, isCalendar && showCalendar ? /*#__PURE__*/React.createElement(_RangePicker, {
     open: isCalendar,
-    className: classnames("cw-range-picker-calendar-wrapper"),
+    className: classnames('cw-range-picker-calendar-wrapper'),
     getPopupContainer: function getPopupContainer(triggerNode) {
       return getPopupContainerCalendar ? getPopupContainerCalendar(triggerNode) : triggerNode;
     },
@@ -566,12 +566,12 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         }
         var _values3 = _values2,
           resValue = _values3.value;
-        if (isSameDate(resValue[0], resValue[1], "second") || isAfterDate(resValue[0], resValue[1])) {
-          message.error(intl.get("92eb0ee0-1f72-4f49-bfad-ff7f0d1bd21d").d("选择的时间二者相同或者某一时间超过当前时间，请重新选择"));
+        if (isSameDate(resValue[0], resValue[1], 'second') || isAfterDate(resValue[0], resValue[1])) {
+          message.error(intl.get('92eb0ee0-1f72-4f49-bfad-ff7f0d1bd21d').d('选择的时间二者相同或者某一时间超过当前时间，请重新选择'));
           return;
         }
         if (isExceedMaxTimeSpan(resValue, timeSpanBoundary)) {
-          message.error(intl.get("e8a046c4-4611-47b9-bef0-cb46de7dd733").d("超过了限制的最大时间跨度，请重新输入"));
+          message.error(intl.get('e8a046c4-4611-47b9-bef0-cb46de7dd733').d('超过了限制的最大时间跨度，请重新输入'));
           return;
         }
         _onChange(_values2);
@@ -593,7 +593,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     },
     disabledDate: disabledDate ? disabledDate : function (current) {
-      return current > dayjs().endOf("day");
+      return current > dayjs().endOf('day');
     },
     disabledTime: disabledTime ? disabledTime : function (date, position) {
       if (date) {
@@ -602,8 +602,8 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
           var currentMinutes = dayjs().minute();
           var currentSeconds = dayjs().second();
           if (dayjs(date).date() === dayjs().date()) {
-            var isSameHour = dayjs(date).isSame(dayjs(), "hour"); // 是否是同一小时
-            var isSameMin = dayjs(date).isSame(dayjs(), "minute"); // 是否是同一分钟
+            var isSameHour = dayjs(date).isSame(dayjs(), 'hour'); // 是否是同一小时
+            var isSameMin = dayjs(date).isSame(dayjs(), 'minute'); // 是否是同一分钟
             // 如果是同一天
             return {
               disabledHours: function disabledHours() {
@@ -622,12 +622,12 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
             };
           }
         };
-        if (position === "start") {
+        if (position === 'start') {
           if (date[0]) {
             return disabledTimeFunc(date[0]);
           }
         }
-        if (position === "end") {
+        if (position === 'end') {
           if (date[1]) {
             return disabledTimeFunc(date[1]);
           }
@@ -642,12 +642,12 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         date0 = _ref3[0],
         date1 = _ref3[1];
       var range = info.range;
-      if (range === "start" && date0) {
-        date0 = dayjs(date0).set("hour", 0).set("minute", 0).set("second", 0).set("millisecond", 0);
+      if (range === 'start' && date0) {
+        date0 = dayjs(date0).set('hour', 0).set('minute', 0).set('second', 0).set('millisecond', 0);
       }
-      if (range === "end" && date1) {
-        date1 = dayjs(date1).set("hour", 23).set("minute", 59).set("second", 59).set("millisecond", 0);
-        if (dayjs().isSame(date1, "day")) {
+      if (range === 'end' && date1) {
+        date1 = dayjs(date1).set('hour', 23).set('minute', 59).set('second', 59).set('millisecond', 0);
+        if (dayjs().isSame(date1, 'day')) {
           date1 = dayjs();
         }
       }
@@ -659,7 +659,7 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   }) : /*#__PURE__*/React.createElement(_Input, {
     prefix: inputPrefix,
     suffix: inputSuffix,
-    className: classnames("cw-range-picker-input-wrapper"),
+    className: classnames('cw-range-picker-input-wrapper'),
     onFocus: onInputFocus,
     onBlur: onInputBlur,
     value: inputValue,
@@ -675,12 +675,12 @@ var CWRangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     getPopupContainer: function getPopupContainer(triggerNode) {
       return _getPopupContainer ? _getPopupContainer(triggerNode) : triggerNode;
     },
-    open: "open" in props ? open && !isCalendar : isFocus && !isCalendar,
-    overlayClassName: classnames("cw-range-picker-dropdown", dropdownClassName)
+    open: 'open' in props ? open && !isCalendar : isFocus && !isCalendar,
+    overlayClassName: classnames('cw-range-picker-dropdown', dropdownClassName)
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-range-picker-position-dom",
     style: {
-      position: "relative"
+      position: 'relative'
     }
   }))), /*#__PURE__*/React.createElement(TimeSpan, timeSpanProps), /*#__PURE__*/React.createElement(Refresh, _extends({}, refreshProps, {
     ref: refreshRef
@@ -698,7 +698,7 @@ CWRangePicker.propTypes = {
   /**
    * 更多downdownpostion
    */
-  moreItemDropdownPosition: PropTypes.oneOf(["right", "left"]),
+  moreItemDropdownPosition: PropTypes.oneOf(['right', 'left']),
   /**
    * 时间数据源
    */