@kdcloudjs/kdesign 1.6.34 → 1.6.36

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

@@ -6,39 +6,33 @@ import Context from '../../context';
 import { getYearsPeriod, getYear, newDate, setYear, isAfter, getStartOfYear, isSameYear, isBefore, setYearOrMonthOfDate } from '../../utils/date-fns';
 import useRangeCls from '../../hooks/use-range-cls';
 import { getClosingViewDate } from '../../utils';
-
 function Year(props) {
   var context = useContext(Context);
   var prefixCls = context.prefixCls,
-      dateValue = context.dateValue,
-      viewDate = context.viewDate,
-      onDateMouseEnter = context.onDateMouseEnter,
-      onDateMouseLeave = context.onDateMouseLeave,
-      onSelect = context.onSelect,
-      rangeValue = context.rangeValue,
-      panelPosition = context.panelPosition,
-      hoverRangedValue = context.hoverRangedValue,
-      innerPicker = context.innerPicker,
-      setInnerPicker = context.setInnerPicker;
+    dateValue = context.dateValue,
+    viewDate = context.viewDate,
+    onDateMouseEnter = context.onDateMouseEnter,
+    onDateMouseLeave = context.onDateMouseLeave,
+    onSelect = context.onSelect,
+    rangeValue = context.rangeValue,
+    panelPosition = context.panelPosition,
+    hoverRangedValue = context.hoverRangedValue,
+    innerPicker = context.innerPicker,
+    setInnerPicker = context.setInnerPicker;
   var yearItemNumber = props.yearItemNumber,
-      disabledDate = props.disabledDate,
-      _props$picker = props.picker,
-      picker = _props$picker === void 0 ? 'date' : _props$picker;
-
+    disabledDate = props.disabledDate,
+    _props$picker = props.picker,
+    picker = _props$picker === void 0 ? 'date' : _props$picker;
   var _dateValue;
-
   if (panelPosition) {
     _dateValue = rangeValue;
   } else {
     _dateValue = dateValue;
   }
-
   var hasFindSelected = false;
   var hasFindToday = false;
-
   var getYearSelected = function getYearSelected(year) {
     if (hasFindSelected) return false;
-
     if (Array.isArray(_dateValue)) {
       return _dateValue[0] && getYear(_dateValue[0]) === year || _dateValue[1] && getYear(_dateValue[1]) === year;
     } else {
@@ -46,17 +40,13 @@ function Year(props) {
         hasFindSelected = true;
         return true;
       }
-
       return false;
     }
   };
-
   var getYearToday = function getYearToday(year) {
     if (hasFindToday) return false;
-
     if (year === getYear(newDate())) {
       hasFindToday = true;
-
       if (Array.isArray(_dateValue)) {
         return _dateValue[0] ? getYear(_dateValue[0]) !== getYear(newDate()) : _dateValue[1] ? getYear(_dateValue[1]) !== getYear(newDate()) : true;
       } else {
@@ -64,13 +54,10 @@ function Year(props) {
       }
     }
   };
-
   function getYearClassNames(y) {
     var _classnames;
-
     return classnames("".concat(prefixCls, "-year-text"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-year-text-selected"), getYearSelected(y)), _defineProperty(_classnames, "".concat(prefixCls, "-year-text-today"), getYearToday(y)), _classnames));
   }
-
   var getRangeCls = useRangeCls({
     prefixCls: prefixCls,
     rangeValue: rangeValue,
@@ -89,7 +76,6 @@ function Year(props) {
       return rangedValue[1] ? isSameYear(date, rangedValue[1]) : false;
     }
   });
-
   var handleClick = function handleClick(date) {
     if (innerPicker === undefined) {
       if (!(disabledDate && disabledDate(date))) {
@@ -98,25 +84,20 @@ function Year(props) {
     } else {
       //
       var _viewDate = viewDate;
-
       if (panelPosition) {
         _viewDate = getClosingViewDate(viewDate, picker, -1);
-      } // date = addYears(_viewDate, 1)
-
-
+      }
+      // date = addYears(_viewDate, 1)
       onSelect(setYearOrMonthOfDate(_viewDate, date), 'inner');
       setInnerPicker(undefined);
     }
   };
-
   function getYearList() {
     var yearsList = [];
-
     var _getYearsPeriod = getYearsPeriod(viewDate, yearItemNumber),
-        startPeriod = _getYearsPeriod.startPeriod,
-        endPeriod = _getYearsPeriod.endPeriod;
-
-    var _loop = function _loop(y) {
+      startPeriod = _getYearsPeriod.startPeriod,
+      endPeriod = _getYearsPeriod.endPeriod;
+    var _loop = function _loop() {
       var year = setYear(viewDate, y);
       var _props = {
         onClick: function onClick() {
@@ -140,14 +121,11 @@ function Year(props) {
         className: getYearClassNames(y)
       }, y)));
     };
-
     for (var y = startPeriod; y <= endPeriod; y++) {
-      _loop(y);
+      _loop();
     }
-
     return yearsList;
   }
-
   var yearCls = classnames("".concat(prefixCls, "-year"));
   var yearWarpperCls = classnames("".concat(prefixCls, "-year-warpper"));
   return /*#__PURE__*/React.createElement("div", {
@@ -156,5 +134,4 @@ function Year(props) {
     className: yearWarpperCls
   }, getYearList()));
 }
-
 export default Year;

package/es/date-picker/popper.js

@@ -5,50 +5,46 @@ import React, { useState, useCallback } from 'react';
 import classnames from 'classnames';
 import { usePopper } from 'react-popper';
 import { useOnClickOutside } from '../_utils/hooks';
-
 function Popper(props, ref) {
   var _classnames;
-
   var showArrow = props.showArrow,
-      onClickOutside = props.onClickOutside,
-      inputDivRef = props.inputDivRef,
-      prefixCls = props.prefixCls,
-      _props$arrowLeft = props.arrowLeft,
-      arrowLeft = _props$arrowLeft === void 0 ? 0 : _props$arrowLeft,
-      dropdownClassName = props.dropdownClassName,
-      popupStyle = props.popupStyle,
-      isRange = props.isRange,
-      isShowTime = props.isShowTime,
-      picker = props.picker; // ref
+    onClickOutside = props.onClickOutside,
+    inputDivRef = props.inputDivRef,
+    prefixCls = props.prefixCls,
+    _props$arrowLeft = props.arrowLeft,
+    arrowLeft = _props$arrowLeft === void 0 ? 0 : _props$arrowLeft,
+    dropdownClassName = props.dropdownClassName,
+    popupStyle = props.popupStyle,
+    isRange = props.isRange,
+    isShowTime = props.isShowTime,
+    picker = props.picker;
+  // ref
   // const panelDivRef = React.useRef<HTMLDivElement>(null)
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      arrowRef = _useState2[0],
-      setArrowRef = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    arrowRef = _useState2[0],
+    setArrowRef = _useState2[1];
   var onSetArrowRef = useCallback(function (ref) {
     setArrowRef(ref);
   }, []);
   useOnClickOutside([ref, inputDivRef], function () {
     onClickOutside && onClickOutside();
-  }); // console.log(arrowLeft)
-
+  });
+  // console.log(arrowLeft)
   var _usePopper = usePopper(inputDivRef.current, ref.current, {
-    placement: 'bottom-start',
-    modifiers: [{
-      name: 'arrow',
-      options: {
-        element: arrowRef,
-        padding: {
-          left: 30
+      placement: 'bottom-start',
+      modifiers: [{
+        name: 'arrow',
+        options: {
+          element: arrowRef,
+          padding: {
+            left: 30
+          }
         }
-      }
-    }]
-  }),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
+      }]
+    }),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes;
   var arrowCls = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-has-arrow"), showArrow), _defineProperty(_classnames, "".concat(prefixCls, "-no-arrow"), !showArrow), _classnames));
   var panelWarpperCls = classnames("".concat(prefixCls, "-panel"), dropdownClassName, _defineProperty({
     'has-arrow': showArrow,
@@ -57,9 +53,7 @@ function Popper(props, ref) {
   var arrowPositionStyle = {
     transform: "translate(".concat(20 + arrowLeft, "px, 0px)")
   };
-
   var popperStyle = _extends(_extends({}, styles.popper), popupStyle);
-
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     style: popperStyle
@@ -74,5 +68,4 @@ function Popper(props, ref) {
     className: arrowCls
   }), props.children);
 }
-
 export default /*#__PURE__*/React.forwardRef(Popper);

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

@@ -7,79 +7,73 @@ import classnames from 'classnames';
 import { Icon } from '../../index';
 import usePickerInput from '../hooks/use-picker-input';
 import { getInputSize, getRangePlaceholder, elementsContains, getValue, updateValues } from '../utils';
-
 function InputDate(props, ref) {
   var _classnames, _context, _classnames2, _context2, _classnames3, _context3, _classnames4;
-
   var startInputRef = props.startInputRef,
-      endInputRef = props.endInputRef,
-      startInputDivRef = props.startInputDivRef,
-      endInputDivRef = props.endInputDivRef,
-      separatorRef = props.separatorRef,
-      panelDivRef = props.panelDivRef,
-      activeBarPositionStyle = props.activeBarPositionStyle,
-      activeBarWidth = props.activeBarWidth,
-      id = props.id,
-      autoFocus = props.autoFocus,
-      allowClear = props.allowClear,
-      className = props.className,
-      borderType = props.borderType,
-      mergedDisabled = props.mergedDisabled,
-      mergedActivePickerIndex = props.mergedActivePickerIndex,
-      startHoverValue = props.startHoverValue,
-      endHoverValue = props.endHoverValue,
-      startText = props.startText,
-      endText = props.endText,
-      picker = props.picker,
-      propsPlaceholder = props.placeholder,
-      style = props.style,
-      size = props.size,
-      needConfirmButton = props.needConfirmButton,
-      dateValue = props.dateValue,
-      selectedValue = props.selectedValue,
-      startOpen = props.startOpen,
-      endOpen = props.endOpen,
-      separator = props.separator,
-      suffixIcon = props.suffixIcon,
-      clearIcon = props.clearIcon,
-      format = props.format,
-      open = props.open,
-      readOnly = props.readOnly,
-      prefixCls = props.prefixCls,
-      locale = props.locale,
-      dataOrAriaProps = props.dataOrAriaProps,
-      _onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onMouseDown = props.onMouseDown,
-      onMouseUp = props.onMouseUp,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onContextMenu = props.onContextMenu,
-      onClick = props.onClick,
-      resetStartText = props.resetStartText,
-      resetEndText = props.resetEndText,
-      setSelectedValue = props.setSelectedValue,
-      triggerStartTextChange = props.triggerStartTextChange,
-      triggerEndTextChange = props.triggerEndTextChange,
-      _triggerOpen = props.triggerOpen,
-      triggerChange = props.triggerChange,
-      triggerOpenAndFocus = props.triggerOpenAndFocus,
-      setMergedActivePickerIndex = props.setMergedActivePickerIndex,
-      setHoverRangedValue = props.setHoverRangedValue;
+    endInputRef = props.endInputRef,
+    startInputDivRef = props.startInputDivRef,
+    endInputDivRef = props.endInputDivRef,
+    separatorRef = props.separatorRef,
+    panelDivRef = props.panelDivRef,
+    activeBarPositionStyle = props.activeBarPositionStyle,
+    activeBarWidth = props.activeBarWidth,
+    id = props.id,
+    autoFocus = props.autoFocus,
+    allowClear = props.allowClear,
+    className = props.className,
+    borderType = props.borderType,
+    mergedDisabled = props.mergedDisabled,
+    mergedActivePickerIndex = props.mergedActivePickerIndex,
+    startHoverValue = props.startHoverValue,
+    endHoverValue = props.endHoverValue,
+    startText = props.startText,
+    endText = props.endText,
+    picker = props.picker,
+    propsPlaceholder = props.placeholder,
+    style = props.style,
+    size = props.size,
+    needConfirmButton = props.needConfirmButton,
+    dateValue = props.dateValue,
+    selectedValue = props.selectedValue,
+    startOpen = props.startOpen,
+    endOpen = props.endOpen,
+    separator = props.separator,
+    suffixIcon = props.suffixIcon,
+    clearIcon = props.clearIcon,
+    format = props.format,
+    open = props.open,
+    readOnly = props.readOnly,
+    prefixCls = props.prefixCls,
+    locale = props.locale,
+    dataOrAriaProps = props.dataOrAriaProps,
+    _onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onMouseDown = props.onMouseDown,
+    onMouseUp = props.onMouseUp,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onContextMenu = props.onContextMenu,
+    onClick = props.onClick,
+    resetStartText = props.resetStartText,
+    resetEndText = props.resetEndText,
+    setSelectedValue = props.setSelectedValue,
+    triggerStartTextChange = props.triggerStartTextChange,
+    triggerEndTextChange = props.triggerEndTextChange,
+    _triggerOpen = props.triggerOpen,
+    triggerChange = props.triggerChange,
+    triggerOpenAndFocus = props.triggerOpenAndFocus,
+    setMergedActivePickerIndex = props.setMergedActivePickerIndex,
+    setHoverRangedValue = props.setHoverRangedValue;
   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 = getRangePlaceholder(picker, locale, propsPlaceholder);
-
   var onInternalonClick = function onInternalonClick(e) {
     if (onClick) {
       onClick(e);
     }
-
     if (!open && !startInputRef.current.contains(e.target) && !endInputRef.current.contains(e.target)) {
       if (!mergedDisabled[0]) {
         triggerOpenAndFocus(0);
@@ -88,67 +82,50 @@ function InputDate(props, ref) {
       }
     }
   };
-
   var onInternalonMouseDown = function onInternalonMouseDown(e) {
     if (onMouseDown) {
       onMouseDown(e);
     }
-
     if (open) {
       preventBlurRef.current = true;
       requestAnimationFrame(function () {
         preventBlurRef.current = false;
       });
     }
-
     if (open && (startFocused || endFocused) && !startInputRef.current.contains(e.target) && !endInputRef.current.contains(e.target)) {
       e.preventDefault();
     }
   };
-
-  var clearNode;
-
-  if (allowClear && (getValue(dateValue, 0) && !mergedDisabled[0] || getValue(dateValue, 1) && !mergedDisabled[1])) {
-    clearNode = /*#__PURE__*/React.createElement("span", {
-      onMouseUp: function onMouseUp(e) {
-        e.stopPropagation();
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        var values = dateValue;
-
-        if (!mergedDisabled[0]) {
-          values = updateValues(values, null, 0);
-        }
-
-        if (!mergedDisabled[1]) {
-          values = updateValues(values, null, 1);
-        }
-
-        triggerChange(values);
-
-        _triggerOpen(false, mergedActivePickerIndex);
-
-        setHoverRangedValue([null, null]);
-      },
-      className: "".concat(prefixCls, "-range-clear")
-    }, clearIcon || /*#__PURE__*/React.createElement(Icon, {
-      type: "close-solid"
-    }));
-  }
-
   var getSuffixNode = function getSuffixNode() {
-    if (isMouseEnter && (startHoverValue || endHoverValue || startText || endText) && allowClear) {
-      return clearNode;
+    if (isMouseEnter && (startHoverValue || endHoverValue || startText || endText) && allowClear && !mergedDisabled[0] && !mergedDisabled[1]) {
+      return /*#__PURE__*/React.createElement("span", {
+        onMouseUp: function onMouseUp(e) {
+          e.stopPropagation();
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          var values = dateValue;
+          if (!mergedDisabled[0]) {
+            values = updateValues(values, null, 0);
+          }
+          if (!mergedDisabled[1]) {
+            values = updateValues(values, null, 1);
+          }
+          triggerChange(values);
+          _triggerOpen(false, mergedActivePickerIndex);
+          setHoverRangedValue([null, null]);
+        },
+        className: "".concat(prefixCls, "-range-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 getSharedInputHookProps = function getSharedInputHookProps(index, resetText) {
     return {
       preventBlurRef: preventBlurRef,
@@ -159,7 +136,6 @@ function InputDate(props, ref) {
       },
       onFocus: function onFocus(e) {
         setMergedActivePickerIndex(index);
-
         if (_onFocus) {
           _onFocus(e);
         }
@@ -173,51 +149,42 @@ function InputDate(props, ref) {
       },
       onCancel: function onCancel() {
         _triggerOpen(false, index);
-
         setSelectedValue(dateValue);
         resetText();
       }
     };
   };
-
   var _usePickerInput = usePickerInput(_extends(_extends({}, getSharedInputHookProps(0, resetStartText)), {
-    open: startOpen,
-    value: startText
-  })),
-      _usePickerInput2 = _slicedToArray(_usePickerInput, 2),
-      startInputProps = _usePickerInput2[0],
-      _usePickerInput2$ = _usePickerInput2[1],
-      startFocused = _usePickerInput2$.focused,
-      startTyping = _usePickerInput2$.typing;
-
+      open: startOpen,
+      value: startText
+    })),
+    _usePickerInput2 = _slicedToArray(_usePickerInput, 2),
+    startInputProps = _usePickerInput2[0],
+    _usePickerInput2$ = _usePickerInput2[1],
+    startFocused = _usePickerInput2$.focused,
+    startTyping = _usePickerInput2$.typing;
   var _usePickerInput3 = usePickerInput(_extends(_extends({}, getSharedInputHookProps(1, resetEndText)), {
-    open: endOpen,
-    value: endText
-  })),
-      _usePickerInput4 = _slicedToArray(_usePickerInput3, 2),
-      endInputProps = _usePickerInput4[0],
-      _usePickerInput4$ = _usePickerInput4[1],
-      endFocused = _usePickerInput4$.focused,
-      endTyping = _usePickerInput4$.typing;
-
+      open: endOpen,
+      value: endText
+    })),
+    _usePickerInput4 = _slicedToArray(_usePickerInput3, 2),
+    endInputProps = _usePickerInput4[0],
+    _usePickerInput4$ = _usePickerInput4[1],
+    endFocused = _usePickerInput4$.focused,
+    endTyping = _usePickerInput4$.typing;
   var borderClass = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classnames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _classnames));
-
   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);
     }
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classnames(prefixCls, "".concat(prefixCls, "-range"), className, borderClass, (_classnames2 = {}, _defineProperty(_classnames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, size), size), _defineProperty(_classnames2, "".concat(prefixCls, "-disabled"), mergedDisabled[0] && mergedDisabled[1]), _defineProperty(_classnames2, "".concat(prefixCls, "-focused"), mergedActivePickerIndex === 0 ? startFocused : endFocused), _classnames2)),
@@ -270,5 +237,4 @@ function InputDate(props, ref) {
     })
   }), getSuffixNode());
 }
-
 export default /*#__PURE__*/React.forwardRef(InputDate);

package/es/date-picker/range-picker.d.ts

@@ -32,6 +32,7 @@ export interface RangePickerSharedProps {
     getPopupContainer?: (node: HTMLElement) => HTMLElement;
     popupRef?: React.Ref<any>;
     popupStyle?: React.CSSProperties;
+    dropdownClassName?: string;
 }
 declare type OmitPickerProps<Props> = Omit<Props, 'value' | 'defaultValue' | 'defaultPickerValue' | 'placeholder' | 'disabled' | 'disabledTimePanel' | 'showToday' | 'showTime' | 'mode' | 'onChange' | 'onSelect' | 'onPanelChange' | 'pickerValue' | 'onPickerValueChange' | 'onOk' | 'dateRender'>;
 export declare type RangeShowTimeObject = Omit<SharedTimeProps, 'defaultValue'> & {