@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/date-picker/hooks/use-range-cls.js

@@ -5,27 +5,23 @@ import classnames from 'classnames';
 import { isAfter, isSameDay } from '../utils/date-fns';
 export default function useRangeCls(_ref) {
   var prefixCls = _ref.prefixCls,
-      isRange = _ref.isRange,
-      rangeValue = _ref.rangeValue,
-      hoverRangedValue = _ref.hoverRangedValue,
-      isCurrentMonth = _ref.isCurrentMonth,
-      isAfterStart = _ref.isAfterStart,
-      isBeforeEnd = _ref.isBeforeEnd,
-      isStart = _ref.isStart,
-      isEnd = _ref.isEnd;
-
+    isRange = _ref.isRange,
+    rangeValue = _ref.rangeValue,
+    hoverRangedValue = _ref.hoverRangedValue,
+    isCurrentMonth = _ref.isCurrentMonth,
+    isAfterStart = _ref.isAfterStart,
+    isBeforeEnd = _ref.isBeforeEnd,
+    isStart = _ref.isStart,
+    isEnd = _ref.isEnd;
   function getClassName(date) {
     if (isRange) {
       var _classnames;
-
       var _rangeValue = rangeValue || [null, null];
-
       if (hoverRangedValue === null || hoverRangedValue === void 0 ? void 0 : _findInstanceProperty(hoverRangedValue).call(hoverRangedValue, function (n) {
         return n;
       })) {
         _rangeValue = hoverRangedValue;
       }
-
       if (_filterInstanceProperty(_rangeValue).call(_rangeValue, function (n) {
         return n;
       }).length !== _rangeValue.length) return {};
@@ -34,9 +30,7 @@ export default function useRangeCls(_ref) {
       if (_rangeValue[0] && _rangeValue[1] && isAfter(_rangeValue[0], _rangeValue[1])) return {};
       return classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-range-view"), isAfterStart(date, _rangeValue) && isBeforeEnd(date, _rangeValue)), _defineProperty(_classnames, "".concat(prefixCls, "-range-start"), isStart(date, _rangeValue)), _defineProperty(_classnames, "".concat(prefixCls, "-range-end"), isEnd(date, _rangeValue)), _classnames));
     }
-
     return {};
   }
-
   return getClassName;
 }

package/es/date-picker/hooks/use-range-disabled.js

@@ -3,85 +3,71 @@ import { getValue } from '../utils';
 import { getWeek, getQuarter, getMonth, getYear, isSameDay, isAfter } from '../utils/date-fns';
 export default function useRangeDisabled(_ref, disabledStart, disabledEnd) {
   var picker = _ref.picker,
-      selectedValue = _ref.selectedValue,
-      disabledDate = _ref.disabledDate,
-      disabled = _ref.disabled;
+    selectedValue = _ref.selectedValue,
+    disabledDate = _ref.disabledDate,
+    disabled = _ref.disabled;
   var startDate = getValue(selectedValue, 0);
   var endDate = getValue(selectedValue, 1);
-
   function weekNumber(date) {
     var year = getYear(date);
     var week = getWeek(date);
     return year * 100 + week;
   }
-
   function monthNumber(date) {
     var year = getYear(date);
     var month = getMonth(date);
     return year * 100 + month;
   }
-
   function quarterNumber(date) {
     var year = getYear(date);
     var quarter = getQuarter(date);
     return year * 10 + quarter;
   }
-
   var disabledStartDate = React.useCallback(function (date) {
     if (disabledDate && disabledDate(date)) {
       return true;
     }
-
     if (disabled[1] && endDate) {
       return !isSameDay(date, endDate) && isAfter(date, endDate);
     }
-
     if (disabledStart && endDate) {
       switch (picker) {
         case 'quarter':
           return quarterNumber(date) > quarterNumber(endDate);
-
         case 'month':
           return monthNumber(date) > monthNumber(endDate);
-
         case 'week':
           return weekNumber(date) > weekNumber(endDate);
-
         default:
           return !isSameDay(date, endDate) && isAfter(date, endDate);
       }
     }
-
     return false;
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [disabledDate, disabled[1], endDate, disabledStart]);
   var disabledEndDate = React.useCallback(function (date) {
     if (disabledDate && disabledDate(date)) {
       return true;
     }
-
     if (disabled[0] && startDate) {
       return !isSameDay(date, endDate) && isAfter(startDate, date);
     }
-
     if (disabledEnd && startDate) {
       switch (picker) {
         case 'quarter':
           return quarterNumber(date) < quarterNumber(startDate);
-
         case 'month':
           return monthNumber(date) < monthNumber(startDate);
-
         case 'week':
           return weekNumber(date) < weekNumber(startDate);
-
         default:
           return !isSameDay(date, startDate) && isAfter(startDate, date);
       }
     }
-
     return false;
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [disabledDate, disabled[0], startDate, disabledEnd]);
   return [disabledStartDate, disabledEndDate];
 }

package/es/date-picker/hooks/use-range-view-dates.js

@@ -2,23 +2,19 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
 import * as React from 'react';
 import { getValue, updateValues, getClosingViewDate } from '../utils';
-import { newDate, isSameYear, isSameMonth } from '../utils/date-fns'; // import { getClosingViewDate, isSameYear, isSameMonth, isSameDecade } from '../utils/dateUtil'
-
+import { newDate, isSameYear, isSameMonth } from '../utils/date-fns';
+// import { getClosingViewDate, isSameYear, isSameMonth, isSameDecade } from '../utils/dateUtil'
 function getStartEndDistance(startDate, endDate, picker) {
   var startNext = getClosingViewDate(startDate, picker, 1);
-
   function getDistance(compareFunc) {
     if (compareFunc(startDate, endDate)) {
       return 'same';
     }
-
     if (compareFunc(startNext, endDate)) {
       return 'closing';
     }
-
     return 'far';
   }
-
   switch (picker) {
     // case 'year':
     //   return getDistance((start, end) => isSameDecade(start, end))
@@ -27,87 +23,70 @@ function getStartEndDistance(startDate, endDate, picker) {
       return getDistance(function (start, end) {
         return isSameYear(start, end);
       });
-
     default:
       return getDistance(function (start, end) {
         return isSameMonth(start, end);
       });
   }
 }
-
 function getRangeViewDate(values, index, picker) {
   var startDate = getValue(values, 0);
   var endDate = getValue(values, 1);
-
   if (index === 0) {
     return startDate;
   }
-
   if (startDate && endDate) {
     var distance = getStartEndDistance(startDate, endDate, picker);
-
     switch (distance) {
       case 'same':
         return startDate;
-
       case 'closing':
         return startDate;
-
       default:
         return getClosingViewDate(endDate, picker, -1);
     }
   }
-
   return startDate;
 }
-
 export default function useRangeViewDates(_ref) {
   var values = _valuesInstanceProperty(_ref),
-      picker = _ref.picker,
-      defaultDates = _ref.defaultDates;
-
+    picker = _ref.picker,
+    defaultDates = _ref.defaultDates;
   var _React$useState = React.useState(function () {
-    return [getValue(defaultDates, 0), getValue(defaultDates, 1)];
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      defaultViewDates = _React$useState2[0],
-      setDefaultViewDates = _React$useState2[1];
-
+      return [getValue(defaultDates, 0), getValue(defaultDates, 1)];
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    defaultViewDates = _React$useState2[0],
+    setDefaultViewDates = _React$useState2[1];
   var _React$useState3 = React.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      viewDates = _React$useState4[0],
-      setInternalViewDates = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    viewDates = _React$useState4[0],
+    setInternalViewDates = _React$useState4[1];
   var startDate = getValue(values, 0);
   var endDate = getValue(values, 1);
-
   function getViewDate(index) {
     if (defaultViewDates[index]) {
       return defaultViewDates[index];
     }
-
     return getValue(viewDates, index) || getRangeViewDate(values, index, picker) || startDate || endDate || newDate();
   }
-
   function setViewDate(viewDate, index) {
     if (viewDate) {
-      var newViewDates = updateValues(viewDates, viewDate, index); // Set view date will clean up default one
-
-      setDefaultViewDates( // Should always be an array
-      updateValues(defaultViewDates, null, index) || [null, null]); // Reset another one when not have value
-
+      var newViewDates = updateValues(viewDates, viewDate, index);
+      // Set view date will clean up default one
+      setDefaultViewDates(
+      // Should always be an array
+      updateValues(defaultViewDates, null, index) || [null, null]);
+      // Reset another one when not have value
       var anotherIndex = (index + 1) % 2;
-
       if (!getValue(values, anotherIndex)) {
         newViewDates = updateValues(newViewDates, viewDate, anotherIndex);
       }
-
       setInternalViewDates(newViewDates);
     } else if (startDate || endDate) {
       // Reset all when has values when `viewDate` is `null` which means from open trigger
       setInternalViewDates(null);
     }
   }
-
   return [getViewDate, setViewDate];
 }

package/es/date-picker/hooks/use-state-memo.js

@@ -1,11 +1,9 @@
 import React from 'react';
 export default function useStateMemo(getValue, condition, shouldUpdate) {
   var cacheRef = React.useRef({});
-
   if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
     cacheRef.current.value = getValue();
     cacheRef.current.condition = condition;
   }
-
   return cacheRef.current.value;
 }

package/es/date-picker/hooks/use-text-value-mapping.js

@@ -2,30 +2,25 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import * as React from 'react';
 export default function useTextValueMapping(_ref) {
   var valueText = _ref.valueText,
-      onTextChange = _ref.onTextChange;
-
+    onTextChange = _ref.onTextChange;
   var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      text = _React$useState2[0],
-      setInnerText = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    text = _React$useState2[0],
+    setInnerText = _React$useState2[1];
   var valueTextRef = React.useRef('');
   valueTextRef.current = valueText;
-
   function triggerTextChange(value) {
     setInnerText(value);
     onTextChange(value);
   }
-
   function resetText() {
     setInnerText(valueTextRef.current);
   }
-
   React.useEffect(function () {
     if (valueText !== text) {
       resetText();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [valueText]);
   return [text, triggerTextChange, resetText];
 }

package/es/date-picker/hooks/use-value-texts.js

@@ -6,7 +6,6 @@ export default function useValueTexts(value, _ref) {
     if (!value) {
       return '';
     }
-
     var valueTexts = formatDate(value, format);
     return valueTexts;
   }, [value], function (prev, next) {

package/es/date-picker/panel/date-time/date-time.js

@@ -5,28 +5,26 @@ import classNames from 'classnames';
 import Context from '../../context';
 import Calendar from '../../calendar';
 import TimePanel from '../time/time';
-
 function DatetimePanel(props) {
   var context = React.useContext(Context);
   var prefixCls = context.prefixCls,
-      panelPosition = context.panelPosition,
-      dateValue = context.dateValue,
-      rangeValue = context.rangeValue;
+    panelPosition = context.panelPosition,
+    dateValue = context.dateValue,
+    rangeValue = context.rangeValue;
   var disabledTimePanel = props.disabledTimePanel,
-      showTime = props.showTime,
-      dateHeader = props.dateHeader;
+    showTime = props.showTime,
+    dateHeader = props.dateHeader;
   var value = dateValue;
-
   if (panelPosition === 'left') {
     value = rangeValue[0];
   } else if (panelPosition === 'right') {
     value = rangeValue[1];
   }
-
   var timeProps = _typeof(showTime) === 'object' ? _extends({}, showTime) : {};
   var disabledTimes = disabledTimePanel ? disabledTimePanel(value || null) : {};
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "-datetime-panel"), {// [`${panelPrefixCls}-active`]: activePanel,
+    className: classNames("".concat(prefixCls, "-datetime-panel"), {
+      // [`${panelPrefixCls}-active`]: activePanel,
     })
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefixCls, "-date"))
@@ -36,5 +34,4 @@ function DatetimePanel(props) {
     defaultValue: undefined
   })));
 }
-
 export default DatetimePanel;

package/es/date-picker/panel/header/header.js

@@ -2,20 +2,19 @@ import React, { useContext } from 'react';
 import classnames from 'classnames';
 import Icon from '../../../icon';
 import Context from '../../context';
-
 function Header(props) {
   var context = useContext(Context);
   var prefixCls = context.prefixCls;
   var className = props.className,
-      children = props.children,
-      prevIcon = props.prevIcon,
-      nextIcon = props.nextIcon,
-      superPrevIcon = props.superPrevIcon,
-      superNextIcon = props.superNextIcon,
-      onPrev = props.onPrev,
-      onNext = props.onNext,
-      onSuperPrev = props.onSuperPrev,
-      onSuperNext = props.onSuperNext;
+    children = props.children,
+    prevIcon = props.prevIcon,
+    nextIcon = props.nextIcon,
+    superPrevIcon = props.superPrevIcon,
+    superNextIcon = props.superNextIcon,
+    onPrev = props.onPrev,
+    onNext = props.onNext,
+    onSuperPrev = props.onSuperPrev,
+    onSuperNext = props.onSuperNext;
   var iconCls = classnames("".concat(prefixCls, "-header-icon"));
   var textCls = classnames("".concat(prefixCls, "-header-text"));
   return /*#__PURE__*/React.createElement("div", {
@@ -52,5 +51,4 @@ function Header(props) {
     className: iconCls
   }));
 }
-
 export default Header;

package/es/date-picker/panel/month/month.js

@@ -8,37 +8,31 @@ import { getMonth, newDate, getYear, setMonth, isAfter, isBefore, isSameMonth, g
 import Context from '../../context';
 import useRangeCls from '../../hooks/use-range-cls';
 var monthsThreeColumns = [[0, 1, 2], [3, 4, 5], [6, 7, 8], [9, 10, 11]];
-
 function Month(props) {
   var context = useContext(Context);
   var prefixCls = context.prefixCls,
-      dateValue = context.dateValue,
-      viewDate = context.viewDate,
-      onSelect = context.onSelect,
-      onDateMouseEnter = context.onDateMouseEnter,
-      onDateMouseLeave = context.onDateMouseLeave,
-      rangeValue = context.rangeValue,
-      panelPosition = context.panelPosition,
-      hoverRangedValue = context.hoverRangedValue,
-      locale = context.locale,
-      innerPicker = context.innerPicker,
-      setInnerPicker = context.setInnerPicker;
+    dateValue = context.dateValue,
+    viewDate = context.viewDate,
+    onSelect = context.onSelect,
+    onDateMouseEnter = context.onDateMouseEnter,
+    onDateMouseLeave = context.onDateMouseLeave,
+    rangeValue = context.rangeValue,
+    panelPosition = context.panelPosition,
+    hoverRangedValue = context.hoverRangedValue,
+    locale = context.locale,
+    innerPicker = context.innerPicker,
+    setInnerPicker = context.setInnerPicker;
   var disabledDate = props.disabledDate;
-
   var _dateValue;
-
   if (panelPosition) {
     _dateValue = rangeValue;
   } else {
     _dateValue = dateValue;
   }
-
   var hasFindSelected = false;
   var hasFindToday = false;
-
   var getMonthSelected = function getMonthSelected(month) {
     if (hasFindSelected) return false;
-
     if (Array.isArray(_dateValue)) {
       return _dateValue[0] && getMonth(_dateValue[0]) === month && getYear(_dateValue[0]) === getYear(viewDate) || _dateValue[1] && getMonth(_dateValue[1]) === month && getYear(_dateValue[1]) === getYear(viewDate);
     } else {
@@ -46,17 +40,13 @@ function Month(props) {
         hasFindSelected = true;
         return true;
       }
-
       return false;
     }
   };
-
   var getMonthToday = function getMonthToday(month) {
     if (hasFindToday) return false;
-
     if (getYear(viewDate) === getYear(newDate()) && month === getMonth(newDate())) {
       hasFindToday = true;
-
       if (Array.isArray(_dateValue)) {
         return _dateValue[0] ? getMonth(_dateValue[0]) !== month : _dateValue[1] ? getMonth(_dateValue[1]) !== month : true;
       } else {
@@ -64,13 +54,10 @@ function Month(props) {
       }
     }
   };
-
   var getMonthClassNames = function getMonthClassNames(i) {
     var _classnames;
-
     return classnames("".concat(prefixCls, "-month-text"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-month-text-selected"), getMonthSelected(i)), _defineProperty(_classnames, "".concat(prefixCls, "-month-text-today"), getMonthToday(i)), _classnames));
   };
-
   var getRangeCls = useRangeCls({
     prefixCls: prefixCls,
     rangeValue: rangeValue,
@@ -89,7 +76,6 @@ function Month(props) {
       return rangedValue[1] ? isSameMonth(date, rangedValue[1]) : false;
     }
   });
-
   var handleClick = function handleClick(date) {
     if (innerPicker === undefined) {
       if (!(disabledDate && disabledDate(date))) {
@@ -102,15 +88,12 @@ function Month(props) {
       setInnerPicker(undefined);
     }
   };
-
   var renderMonthItem = function renderMonthItem(i) {
     var _context;
-
     return /*#__PURE__*/React.createElement("span", {
       className: getMonthClassNames(i)
     }, _concatInstanceProperty(_context = "".concat(i + 1)).call(_context, locale.month));
   };
-
   var renderMonth = function renderMonth() {
     var monthLayout = monthsThreeColumns;
     var monthLineCls = classnames("".concat(prefixCls, "-month-line"));
@@ -143,7 +126,6 @@ function Month(props) {
       }));
     });
   };
-
   var monthCls = classnames("".concat(prefixCls, "-month"));
   var monthWarpperCls = classnames("".concat(prefixCls, "-month-warpper"));
   return /*#__PURE__*/React.createElement("div", {
@@ -152,5 +134,4 @@ function Month(props) {
     className: monthWarpperCls
   }, renderMonth()));
 }
-
 export default Month;

package/es/date-picker/panel/quarter/quarter.js

@@ -7,34 +7,28 @@ import Context from '../../context';
 import { getQuarter, getStartOfQuarter, getYear, isAfter, isBefore, isSameQuarter, newDate, setQuarter } from '../../utils/date-fns';
 import useRangeCls from '../../hooks/use-range-cls';
 var quarterList = ['Q1', 'Q2', 'Q3', 'Q4'];
-
 function Quarter(props) {
   var context = useContext(Context);
   var prefixCls = context.prefixCls,
-      dateValue = context.dateValue,
-      viewDate = context.viewDate,
-      onSelect = context.onSelect,
-      onDateMouseEnter = context.onDateMouseEnter,
-      onDateMouseLeave = context.onDateMouseLeave,
-      rangeValue = context.rangeValue,
-      panelPosition = context.panelPosition,
-      hoverRangedValue = context.hoverRangedValue;
+    dateValue = context.dateValue,
+    viewDate = context.viewDate,
+    onSelect = context.onSelect,
+    onDateMouseEnter = context.onDateMouseEnter,
+    onDateMouseLeave = context.onDateMouseLeave,
+    rangeValue = context.rangeValue,
+    panelPosition = context.panelPosition,
+    hoverRangedValue = context.hoverRangedValue;
   var disabledDate = props.disabledDate;
-
   var _dateValue;
-
   if (panelPosition) {
     _dateValue = rangeValue;
   } else {
     _dateValue = dateValue;
   }
-
   var hasFindSelected = false;
   var hasFindToday = false;
-
   var getQuarterSelected = function getQuarterSelected(quarter) {
     if (hasFindSelected) return false;
-
     if (Array.isArray(_dateValue)) {
       return _dateValue[0] && getQuarter(_dateValue[0]) === quarter && getYear(_dateValue[0]) === getYear(viewDate) || _dateValue[1] && getQuarter(_dateValue[1]) === quarter && getYear(_dateValue[1]) === getYear(viewDate);
     } else {
@@ -42,17 +36,13 @@ function Quarter(props) {
         hasFindSelected = true;
         return true;
       }
-
       return false;
     }
   };
-
   var getQuarterToday = function getQuarterToday(quarter) {
     if (hasFindToday) return false;
-
     if (getYear(viewDate) === getYear(newDate()) && quarter === getQuarter(newDate())) {
       hasFindToday = true;
-
       if (Array.isArray(_dateValue)) {
         return _dateValue[0] ? getQuarter(_dateValue[0]) !== quarter : _dateValue[1] ? getQuarter(_dateValue[1]) !== quarter : true;
       } else {
@@ -60,13 +50,10 @@ function Quarter(props) {
       }
     }
   };
-
   var getQuarterClassNames = function getQuarterClassNames(q) {
     var _classnames;
-
     return classnames("".concat(prefixCls, "-quarter-text"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-quarter-text-selected"), getQuarterSelected(q)), _defineProperty(_classnames, "".concat(prefixCls, "-quarter-text-today"), getQuarterToday(q)), _classnames));
   };
-
   var getRangeCls = useRangeCls({
     prefixCls: prefixCls,
     rangeValue: rangeValue,
@@ -85,13 +72,11 @@ function Quarter(props) {
       return rangedValue[1] ? isSameQuarter(date, rangedValue[1]) : false;
     }
   });
-
   var handleClick = function handleClick(date) {
     if (!(disabledDate && disabledDate(date))) {
       onSelect(date, 'mouse');
     }
   };
-
   var renderQuarter = function renderQuarter() {
     return _mapInstanceProperty(quarterList).call(quarterList, function (n, i) {
       var quarter = setQuarter(viewDate, i + 1);
@@ -119,7 +104,6 @@ function Quarter(props) {
       }, _props), n));
     });
   };
-
   var quarterCls = classnames("".concat(prefixCls, "-quarter"));
   var quarterWarpperCls = classnames("".concat(prefixCls, "-quarter-warpper"));
   return /*#__PURE__*/React.createElement("div", {
@@ -128,5 +112,4 @@ function Quarter(props) {
     className: quarterWarpperCls
   }, renderQuarter()));
 }
-
 export default Quarter;