@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/date-picker/single/input-date.js

@@ -7,120 +7,100 @@ import classnames from 'classnames';
 import { Icon } from '../../index';
 import usePickerInput from '../hooks/use-picker-input';
 import { getInputSize, getPlaceholder, elementsContains } from '../utils';
-
 function InputDate(props, ref) {
   var _classnames, _context, _classnames2;
-
   var inputRef = props.inputRef,
-      panelDivRef = props.panelDivRef,
-      id = props.id,
-      autoFocus = props.autoFocus,
-      allowClear = props.allowClear,
-      className = props.className,
-      borderType = props.borderType,
-      disabled = props.disabled,
-      hoverValue = props.hoverValue,
-      picker = props.picker,
-      propsPlaceholder = props.placeholder,
-      style = props.style,
-      size = props.size,
-      text = props.text,
-      needConfirmButton = props.needConfirmButton,
-      dateValue = props.dateValue,
-      selectedValue = props.selectedValue,
-      suffixIcon = props.suffixIcon,
-      clearIcon = props.clearIcon,
-      format = props.format,
-      open = props.open,
-      readOnly = props.readOnly,
-      prefixCls = props.prefixCls,
-      locale = props.locale,
-      dataOrAriaProps = props.dataOrAriaProps,
-      disabledDate = props.disabledDate,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onMouseDown = props.onMouseDown,
-      onMouseUp = props.onMouseUp,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onContextMenu = props.onContextMenu,
-      onClick = props.onClick,
-      resetText = props.resetText,
-      setSelectedValue = props.setSelectedValue,
-      triggerTextChange = props.triggerTextChange,
-      triggerOpen = props.triggerOpen,
-      triggerChange = props.triggerChange;
+    panelDivRef = props.panelDivRef,
+    id = props.id,
+    autoFocus = props.autoFocus,
+    allowClear = props.allowClear,
+    className = props.className,
+    borderType = props.borderType,
+    disabled = props.disabled,
+    hoverValue = props.hoverValue,
+    picker = props.picker,
+    propsPlaceholder = props.placeholder,
+    style = props.style,
+    size = props.size,
+    text = props.text,
+    needConfirmButton = props.needConfirmButton,
+    dateValue = props.dateValue,
+    selectedValue = props.selectedValue,
+    suffixIcon = props.suffixIcon,
+    clearIcon = props.clearIcon,
+    format = props.format,
+    open = props.open,
+    readOnly = props.readOnly,
+    prefixCls = props.prefixCls,
+    locale = props.locale,
+    dataOrAriaProps = props.dataOrAriaProps,
+    disabledDate = props.disabledDate,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onMouseDown = props.onMouseDown,
+    onMouseUp = props.onMouseUp,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onContextMenu = props.onContextMenu,
+    onClick = props.onClick,
+    resetText = props.resetText,
+    setSelectedValue = props.setSelectedValue,
+    triggerTextChange = props.triggerTextChange,
+    triggerOpen = props.triggerOpen,
+    triggerChange = props.triggerChange;
   var preventBlurRef = useRef(false);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMouseEnter = _useState2[0],
-      setIsMouseEnter = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isMouseEnter = _useState2[0],
+    setIsMouseEnter = _useState2[1];
   var placeholder = getPlaceholder(picker, locale, propsPlaceholder);
-
   var getSuffixNode = function getSuffixNode() {
-    if (isMouseEnter && (hoverValue || text) && allowClear) {
-      return null;
+    if (isMouseEnter && (hoverValue || text) && allowClear && !disabled) {
+      return /*#__PURE__*/React.createElement("span", {
+        onMouseUp: function onMouseUp(e) {
+          e.stopPropagation();
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          triggerChange(null);
+          triggerOpen(false);
+        },
+        className: "".concat(prefixCls, "-clear")
+      }, clearIcon || /*#__PURE__*/React.createElement(Icon, {
+        type: "close-solid"
+      }));
     }
-
     return /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-suffix")
     }, suffixIcon || /*#__PURE__*/React.createElement(Icon, {
       type: picker === 'time' ? 'waiting' : 'date'
     }));
   };
-
   var mouseEnterHandle = function mouseEnterHandle(e) {
     setIsMouseEnter(true);
-
     if (typeof onMouseEnter === 'function') {
       onMouseEnter(e);
     }
   };
-
   var mouseLeaveHandle = function mouseLeaveHandle(e) {
     setIsMouseEnter(false);
-
     if (typeof onMouseLeave === 'function') {
       onMouseLeave(e);
     }
   };
-
-  var clearNode;
-
-  if (allowClear && dateValue && !disabled) {
-    clearNode = /*#__PURE__*/React.createElement("span", {
-      onMouseUp: function onMouseUp(e) {
-        e.stopPropagation();
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        triggerChange(null);
-        triggerOpen(false);
-      },
-      className: "".concat(prefixCls, "-clear")
-    }, clearIcon || /*#__PURE__*/React.createElement(Icon, {
-      type: "close-solid"
-    }));
-  }
-
   var onInternalMouseUp = function onInternalMouseUp() {
     if (onMouseUp) {
       onMouseUp.apply(void 0, arguments);
     }
-
     if (inputRef.current) {
       inputRef.current.focus();
       triggerOpen(true);
     }
   };
-
   var onInternalonMouseDown = function onInternalonMouseDown() {
     if (onMouseDown) {
       onMouseDown.apply(void 0, arguments);
     }
-
     if (open) {
       preventBlurRef.current = true;
       requestAnimationFrame(function () {
@@ -128,41 +108,38 @@ function InputDate(props, ref) {
       });
     }
   };
-
   var _usePickerInput = usePickerInput({
-    preventBlurRef: preventBlurRef,
-    blurToCancel: needConfirmButton,
-    open: open,
-    value: text,
-    triggerOpen: triggerOpen,
-    // forwardKeyDown,
-    isClickOutside: function isClickOutside(target) {
-      return !elementsContains([panelDivRef.current, ref.current], target);
-    },
-    onSubmit: function onSubmit() {
-      if (selectedValue && disabledDate && disabledDate(selectedValue)) {
-        return false;
-      }
-
-      triggerChange(selectedValue);
-      triggerOpen(false);
-      resetText();
-      return true;
-    },
-    onCancel: function onCancel() {
-      triggerOpen(false);
-      setSelectedValue(dateValue);
-      resetText();
-    },
-    onFocus: onFocus,
-    onBlur: onBlur
-  }),
-      _usePickerInput2 = _slicedToArray(_usePickerInput, 2),
-      inputProps = _usePickerInput2[0],
-      _usePickerInput2$ = _usePickerInput2[1],
-      focused = _usePickerInput2$.focused,
-      typing = _usePickerInput2$.typing;
-
+      preventBlurRef: preventBlurRef,
+      blurToCancel: needConfirmButton,
+      open: open,
+      value: text,
+      triggerOpen: triggerOpen,
+      // forwardKeyDown,
+      isClickOutside: function isClickOutside(target) {
+        return !elementsContains([panelDivRef.current, ref.current], target);
+      },
+      onSubmit: function onSubmit() {
+        if (selectedValue && disabledDate && disabledDate(selectedValue)) {
+          return false;
+        }
+        triggerChange(selectedValue);
+        triggerOpen(false);
+        resetText();
+        return true;
+      },
+      onCancel: function onCancel() {
+        triggerOpen(false);
+        setSelectedValue(dateValue);
+        resetText();
+      },
+      onFocus: onFocus,
+      onBlur: onBlur
+    }),
+    _usePickerInput2 = _slicedToArray(_usePickerInput, 2),
+    inputProps = _usePickerInput2[0],
+    _usePickerInput2$ = _usePickerInput2[1],
+    focused = _usePickerInput2$.focused,
+    typing = _usePickerInput2$.typing;
   var borderClass = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classnames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _classnames));
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
@@ -195,7 +172,6 @@ function InputDate(props, ref) {
     title: text
   }, inputProps, {
     size: getInputSize(picker, format)
-  })), getSuffixNode(), clearNode));
+  })), getSuffixNode()));
 }
-
 export default /*#__PURE__*/React.forwardRef(InputDate);

package/es/date-picker/utils/date-fns.js

@@ -48,36 +48,30 @@ import isBefore from 'date-fns/isBefore';
 import toDate from 'date-fns/toDate';
 import parse from 'date-fns/parse';
 import parseISO from 'date-fns/parseISO';
-export var DEFAULT_YEAR_ITEM_NUMBER = 12; // ** Date Constructors **
-
+export var DEFAULT_YEAR_ITEM_NUMBER = 12;
+// ** Date Constructors **
 function parseWeek(text) {
   // parse Wo
   // 只处理 yyyy-wo 格式
-  var matchText = text.match(/[-\d]+/g); // 存在后缀
-
+  var matchText = text.match(/[-\d]+/g);
+  // 存在后缀
   if (!matchText || matchText[0] !== text) {
     return null;
   }
-
   var year = matchText.join('').split('-')[0];
   var weekStr = matchText.join('').split('-')[1];
-
   if (year && weekStr) {
     var firstDate = startOfYear(new Date(year));
-
     for (var j = 0; j <= 52; j += 1) {
       var nextWeek = addWeeks(firstDate, j);
       var nextWeekStr = format(nextWeek, 'w');
-
       if (nextWeekStr === weekStr) {
         return nextWeek;
       }
     }
   }
-
   return null;
 }
-
 export var localeParse = function localeParse(format) {
   return format.replace(/Y/g, 'y').replace(/D/g, 'd').replace(/gggg/, 'yyyy').replace(/g/g, 'G').replace(/([Ww])o/g, 'wo');
 };
@@ -85,11 +79,9 @@ export function isNullEqual(value1, value2) {
   if (!value1 && !value2) {
     return true;
   }
-
   if (!value1 || !value2) {
     return false;
   }
-
   return undefined;
 }
 /**
@@ -99,7 +91,6 @@ export function isNullEqual(value1, value2) {
  * @param {DateType} value
  * @returns
  */
-
 export function newDate(value) {
   var d = value ? typeof value === 'string' || value instanceof String ? parseISO(value) : toDate(value) : new Date();
   return isValid(d) ? d : null;
@@ -107,65 +98,61 @@ export function newDate(value) {
 export function parseDate(value, dateFormat) {
   var parsedDate = null;
   var strictParsingValueMatch = true;
-
   if (_includesInstanceProperty(dateFormat).call(dateFormat, 'wo')) {
     return parseWeek(value);
   }
-
   parsedDate = parse(value, dateFormat, new Date());
-
   if (!isValid(parsedDate)) {
     if (value.length > 0) {
       parsedDate = parse(value, _sliceInstanceProperty(dateFormat).call(dateFormat, 0, value.length), new Date());
     }
-
     if (!isValid(parsedDate)) {
       parsedDate = new Date(value);
     }
   }
-
   return isValid(parsedDate) && strictParsingValueMatch ? parsedDate : null;
-} // ** Date "Reflection" **
-
+}
+// ** Date "Reflection" **
 export { isDate };
 export function isValid(date) {
   // 1000 年以后为有效值
   return isValidDate(date) && isAfter(date, new Date('1/1/1000'));
-} // ** Date Formatting **
-
+}
+// ** Date Formatting **
 export function formatDate(date, _format, _locale) {
   if (!isValid(date)) {
     return null;
-  } // if (typeof _format === 'function') {
+  }
+  // if (typeof _format === 'function') {
   //   return _format(date)
   // }
-
-
   return format(date, localeParse(_format));
-} // ** Date Setters **
-
+}
+// ** Date Setters **
 export function setTime(date, _ref) {
   var _ref$hour = _ref.hour,
-      hour = _ref$hour === void 0 ? 0 : _ref$hour,
-      _ref$minute = _ref.minute,
-      minute = _ref$minute === void 0 ? 0 : _ref$minute,
-      _ref$second = _ref.second,
-      second = _ref$second === void 0 ? 0 : _ref$second;
+    hour = _ref$hour === void 0 ? 0 : _ref$hour,
+    _ref$minute = _ref.minute,
+    minute = _ref$minute === void 0 ? 0 : _ref$minute,
+    _ref$second = _ref.second,
+    second = _ref$second === void 0 ? 0 : _ref$second;
   return setHours(setMinutes(setSeconds(date, second), minute), hour);
 }
-export { setMinutes, setHours, setMonth, setQuarter, setYear }; // ** Date Getters **
-
+export { setMinutes, setHours, setMonth, setQuarter, setYear };
+// ** Date Getters **
 export { getSeconds, getMinutes, getHours, getMonth, getQuarter, getYear, getDay, getDate, getTime };
 export function getWeek(date) {
   return dfgetWeek(date);
-} // *** Start of ***
-
+}
+// *** Start of ***
 export function getStartOfDay(date) {
   return startOfDay(date);
 }
 export function getStartOfWeek(date) {
-  return startOfWeek(date); // return startOfWeek(date)
+  return startOfWeek(date);
+  // return startOfWeek(date)
 }
+
 export function getStartOfMonth(date) {
   return startOfMonth(date);
 }
@@ -174,25 +161,23 @@ export function getStartOfYear(date) {
 }
 export function getStartOfQuarter(date) {
   return startOfQuarter(date);
-} // *** End of ***
-
+}
+// *** End of ***
 export function getEndOfWeek(date) {
   return endOfWeek(date);
-} // ** Date Math **
+}
+// ** Date Math **
 // *** Addition ***
-
-export { addMinutes, addDays, addWeeks, addMonths, addYears, addHours }; // *** Subtraction ***
-
-export { subMinutes, subHours, subDays, subWeeks, subMonths, subYears }; // ** Date Comparison **
-
+export { addMinutes, addDays, addWeeks, addMonths, addYears, addHours };
+// *** Subtraction ***
+export { subMinutes, subHours, subDays, subWeeks, subMonths, subYears };
+// ** Date Comparison **
 export { isBefore, isAfter };
 export function isSameYear(date1, date2) {
   var equal = isNullEqual(date1, date2);
-
   if (typeof equal === 'boolean') {
     return equal;
   }
-
   if (date1 && date2) {
     return dfIsSameYear(date1, date2);
   } else {
@@ -201,11 +186,9 @@ export function isSameYear(date1, date2) {
 }
 export function isSameMonth(date1, date2) {
   var equal = isNullEqual(date1, date2);
-
   if (typeof equal === 'boolean') {
     return equal;
   }
-
   if (date1 && date2) {
     return dfIsSameMonth(date1, date2);
   } else {
@@ -214,11 +197,9 @@ export function isSameMonth(date1, date2) {
 }
 export function isSameQuarter(date1, date2) {
   var equal = isNullEqual(date1, date2);
-
   if (typeof equal === 'boolean') {
     return equal;
   }
-
   if (date1 && date2) {
     return dfIsSameQuarter(date1, date2);
   } else {
@@ -227,11 +208,9 @@ export function isSameQuarter(date1, date2) {
 }
 export function isSameDay(date1, date2) {
   var equal = isNullEqual(date1, date2);
-
   if (typeof equal === 'boolean') {
     return equal;
   }
-
   if (date1 && date2) {
     return dfIsSameDay(date1, date2);
   } else {
@@ -271,7 +250,6 @@ export function getQuarterShortInLocale(quarter, locale) {
  * @param { number} yearItemNumber
  * @returns
  */
-
 export function getYearsPeriod(date, yearItemNumber) {
   var endPeriod = Math.ceil(getYear(date) / yearItemNumber) * yearItemNumber;
   var startPeriod = endPeriod - (yearItemNumber - 1);
@@ -282,36 +260,27 @@ export function getYearsPeriod(date, yearItemNumber) {
 }
 export function getLowerBoundTime(hour, minute, second, hourStep, minuteStep, secondStep) {
   var lowerBoundHour = Math.floor(hour / hourStep) * hourStep;
-
   if (lowerBoundHour < hour) {
     return [lowerBoundHour, 60 - minuteStep, 60 - secondStep];
   }
-
   var lowerBoundMinute = Math.floor(minute / minuteStep) * minuteStep;
-
   if (lowerBoundMinute < minute) {
     return [lowerBoundHour, lowerBoundMinute, 60 - secondStep];
   }
-
   var lowerBoundSecond = Math.floor(second / secondStep) * secondStep;
   return [lowerBoundHour, lowerBoundMinute, lowerBoundSecond];
 }
 export var setYearOrMonthOfDate = function setYearOrMonthOfDate(date1, date2) {
   var _context, _context2, _context3, _context4, _context5;
-
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'year';
   var y = new Date(date1).getFullYear();
-
   if (type === 'year') {
     y = new Date(date2).getFullYear();
   }
-
   var m = new Date(date1 || date2).getMonth() + 1;
-
   if (type === 'month') {
     m = new Date(date2).getMonth() + 1;
   }
-
   var d = new Date(date1 || date2).getDate();
   var h = new Date(date1 || date2).getHours();
   var mi = new Date(date1 || date2).getMinutes();

package/es/date-picker/utils/get-extra-footer.js

@@ -3,7 +3,6 @@ export default function getExtraFooter(prefixCls, mode, renderExtraFooter) {
   if (!renderExtraFooter) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-footer-extra")
   }, renderExtraFooter(mode));

package/es/date-picker/utils/get-ranges.js

@@ -3,26 +3,25 @@ import React from 'react';
 import classnames from 'classnames';
 export default function getRanges(_ref) {
   var prefixCls = _ref.prefixCls,
-      _ref$rangeList = _ref.rangeList,
-      rangeList = _ref$rangeList === void 0 ? [] : _ref$rangeList,
-      _ref$components = _ref.components,
-      components = _ref$components === void 0 ? {} : _ref$components,
-      needConfirmButton = _ref.needConfirmButton,
-      onNow = _ref.onNow,
-      onOk = _ref.onOk,
-      okDisabled = _ref.okDisabled,
-      showNow = _ref.showNow,
-      locale = _ref.locale;
+    _ref$rangeList = _ref.rangeList,
+    rangeList = _ref$rangeList === void 0 ? [] : _ref$rangeList,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? {} : _ref$components,
+    needConfirmButton = _ref.needConfirmButton,
+    onNow = _ref.onNow,
+    onOk = _ref.onOk,
+    okDisabled = _ref.okDisabled,
+    showNow = _ref.showNow,
+    locale = _ref.locale;
   var presetNode;
   var okNode;
-
   if (rangeList.length) {
     var Item = components.rangeItem || 'span';
     presetNode = /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(rangeList).call(rangeList, function (_ref2) {
       var label = _ref2.label,
-          onClick = _ref2.onClick,
-          onMouseEnter = _ref2.onMouseEnter,
-          onMouseLeave = _ref2.onMouseLeave;
+        onClick = _ref2.onClick,
+        onMouseEnter = _ref2.onMouseEnter,
+        onMouseLeave = _ref2.onMouseLeave;
       return /*#__PURE__*/React.createElement("li", {
         key: label,
         className: "".concat(prefixCls, "-preset")
@@ -33,10 +32,8 @@ export default function getRanges(_ref) {
       }, label));
     }));
   }
-
   if (needConfirmButton) {
     var Button = components.button || 'div';
-
     if (onNow && !presetNode && showNow !== false) {
       presetNode = /*#__PURE__*/React.createElement("li", {
         className: "".concat(prefixCls, "-now")
@@ -45,7 +42,6 @@ export default function getRanges(_ref) {
         onClick: onNow
       }, locale.now));
     }
-
     okNode = needConfirmButton && /*#__PURE__*/React.createElement("li", {
       className: "".concat(prefixCls, "-ok")
     }, /*#__PURE__*/React.createElement(Button, {
@@ -53,11 +49,9 @@ export default function getRanges(_ref) {
       className: classnames("".concat(prefixCls, "-ok-btn"), okDisabled && "".concat(prefixCls, "-btn-disabled"))
     }, locale.confrim));
   }
-
   if (!presetNode && !okNode) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("ul", {
     className: "".concat(prefixCls, "-btns")
   }, presetNode, okNode);