acud 1.2.17 → 1.2.18

package/es/date-picker/src/Picker.js

@@ -5,9 +5,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 /* eslint-disable no-duplicate-imports */
-
 /**
  * Removed:
  *  - getCalendarContainer: use `getPopupContainer` instead
@@ -34,138 +32,128 @@ import usePickerInput from './hooks/usePickerInput';
 import useTextValueMapping from './hooks/useTextValueMapping';
 import useValueTexts from './hooks/useValueTexts';
 import useHoverValue from './hooks/useHoverValue';
-
 function InnerPicker(props) {
   var _classNames2, _classNames3;
-
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
-      id = props.id,
-      tabIndex = props.tabIndex,
-      style = props.style,
-      className = props.className,
-      dropdownClassName = props.dropdownClassName,
-      dropdownAlign = props.dropdownAlign,
-      popupStyle = props.popupStyle,
-      transitionName = props.transitionName,
-      generateConfig = props.generateConfig,
-      locale = props.locale,
-      inputReadOnly = props.inputReadOnly,
-      allowClear = props.allowClear,
-      autoFocus = props.autoFocus,
-      showTime = props.showTime,
-      _props$picker = props.picker,
-      picker = _props$picker === void 0 ? 'date' : _props$picker,
-      format = props.format,
-      use12Hours = props.use12Hours,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      open = props.open,
-      defaultOpen = props.defaultOpen,
-      defaultOpenValue = props.defaultOpenValue,
-      suffixIcon = props.suffixIcon,
-      clearIcon = props.clearIcon,
-      disabled = props.disabled,
-      disabledDate = props.disabledDate,
-      placeholder = props.placeholder,
-      getPopupContainer = props.getPopupContainer,
-      pickerRef = props.pickerRef,
-      panelRender = props.panelRender,
-      onChange = props.onChange,
-      onOpenChange = props.onOpenChange,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onMouseDown = props.onMouseDown,
-      onMouseUp = props.onMouseUp,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onContextMenu = props.onContextMenu,
-      onClick = props.onClick,
-      _onKeyDown = props.onKeyDown,
-      _onSelect = props.onSelect,
-      direction = props.direction,
-      _props$autoComplete = props.autoComplete,
-      autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete,
-      status = props.status;
+    prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
+    id = props.id,
+    tabIndex = props.tabIndex,
+    style = props.style,
+    className = props.className,
+    dropdownClassName = props.dropdownClassName,
+    dropdownAlign = props.dropdownAlign,
+    popupStyle = props.popupStyle,
+    transitionName = props.transitionName,
+    generateConfig = props.generateConfig,
+    locale = props.locale,
+    inputReadOnly = props.inputReadOnly,
+    allowClear = props.allowClear,
+    autoFocus = props.autoFocus,
+    showTime = props.showTime,
+    _props$picker = props.picker,
+    picker = _props$picker === void 0 ? 'date' : _props$picker,
+    format = props.format,
+    use12Hours = props.use12Hours,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    open = props.open,
+    defaultOpen = props.defaultOpen,
+    defaultOpenValue = props.defaultOpenValue,
+    suffixIcon = props.suffixIcon,
+    clearIcon = props.clearIcon,
+    disabled = props.disabled,
+    disabledDate = props.disabledDate,
+    placeholder = props.placeholder,
+    getPopupContainer = props.getPopupContainer,
+    pickerRef = props.pickerRef,
+    panelRender = props.panelRender,
+    onChange = props.onChange,
+    onOpenChange = props.onOpenChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onMouseDown = props.onMouseDown,
+    onMouseUp = props.onMouseUp,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onContextMenu = props.onContextMenu,
+    onClick = props.onClick,
+    _onKeyDown = props.onKeyDown,
+    _onSelect = props.onSelect,
+    direction = props.direction,
+    _props$autoComplete = props.autoComplete,
+    autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete,
+    status = props.status;
   var inputRef = React.useRef(null);
-  var needConfirmButton = picker === 'date' && !!showTime || picker === 'time'; // ============================= State =============================
-
-  var formatList = toArray(getDefaultFormat(format, picker, showTime, use12Hours)); // Panel ref
-
+  var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
+  // ============================= State =============================
+  var formatList = toArray(getDefaultFormat(format, picker, showTime, use12Hours));
+  // Panel ref
   var panelDivRef = React.useRef(null);
-  var inputDivRef = React.useRef(null); // Real value
-
+  var inputDivRef = React.useRef(null);
+  // Real value
   var _useMergedState = useMergedState(null, {
-    value: value,
-    defaultValue: defaultValue
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      mergedValue = _useMergedState2[0],
-      setInnerValue = _useMergedState2[1]; // Selected value
-
-
+      value: value,
+      defaultValue: defaultValue
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedValue = _useMergedState2[0],
+    setInnerValue = _useMergedState2[1];
+  // Selected value
   var _React$useState = React.useState(mergedValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      selectedValue = _React$useState2[0],
-      setSelectedValue = _React$useState2[1]; // Operation ref
-
-
-  var operationRef = React.useRef(null); // Open
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedValue = _React$useState2[0],
+    setSelectedValue = _React$useState2[1];
+  // Operation ref
+  var operationRef = React.useRef(null);
+  // Open
   var _useMergedState3 = useMergedState(false, {
-    value: open,
-    defaultValue: defaultOpen,
-    postState: function postState(postOpen) {
-      return disabled ? false : postOpen;
-    },
-    onChange: function onChange(newOpen) {
-      if (onOpenChange) {
-        onOpenChange(newOpen);
-      }
-
-      if (!newOpen && operationRef.current && operationRef.current.onClose) {
-        operationRef.current.onClose();
+      value: open,
+      defaultValue: defaultOpen,
+      postState: function postState(postOpen) {
+        return disabled ? false : postOpen;
+      },
+      onChange: function onChange(newOpen) {
+        if (onOpenChange) {
+          onOpenChange(newOpen);
+        }
+        if (!newOpen && operationRef.current && operationRef.current.onClose) {
+          operationRef.current.onClose();
+        }
       }
-    }
-  }),
-      _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-      mergedOpen = _useMergedState4[0],
-      triggerInnerOpen = _useMergedState4[1]; // ============================= Text ==============================
-
-
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    mergedOpen = _useMergedState4[0],
+    triggerInnerOpen = _useMergedState4[1];
+  // ============================= Text ==============================
   var _useValueTexts = useValueTexts(selectedValue, {
-    formatList: formatList,
-    generateConfig: generateConfig,
-    locale: locale
-  }),
-      _useValueTexts2 = _slicedToArray(_useValueTexts, 2),
-      valueTexts = _useValueTexts2[0],
-      firstValueText = _useValueTexts2[1];
-
+      formatList: formatList,
+      generateConfig: generateConfig,
+      locale: locale
+    }),
+    _useValueTexts2 = _slicedToArray(_useValueTexts, 2),
+    valueTexts = _useValueTexts2[0],
+    firstValueText = _useValueTexts2[1];
   var _useTextValueMapping = useTextValueMapping({
-    valueTexts: valueTexts,
-    onTextChange: function onTextChange(newText) {
-      var inputDate = parseValue(newText, {
-        locale: locale,
-        formatList: formatList,
-        generateConfig: generateConfig
-      });
-
-      if (inputDate && (!disabledDate || !disabledDate(inputDate))) {
-        setSelectedValue(inputDate);
+      valueTexts: valueTexts,
+      onTextChange: function onTextChange(newText) {
+        var inputDate = parseValue(newText, {
+          locale: locale,
+          formatList: formatList,
+          generateConfig: generateConfig
+        });
+        if (inputDate && (!disabledDate || !disabledDate(inputDate))) {
+          setSelectedValue(inputDate);
+        }
       }
-    }
-  }),
-      _useTextValueMapping2 = _slicedToArray(_useTextValueMapping, 3),
-      text = _useTextValueMapping2[0],
-      triggerTextChange = _useTextValueMapping2[1],
-      resetText = _useTextValueMapping2[2]; // ============================ Trigger ============================
-
-
+    }),
+    _useTextValueMapping2 = _slicedToArray(_useTextValueMapping, 3),
+    text = _useTextValueMapping2[0],
+    triggerTextChange = _useTextValueMapping2[1],
+    resetText = _useTextValueMapping2[2];
+  // ============================ Trigger ============================
   var triggerChange = function triggerChange(newValue) {
     setSelectedValue(newValue);
     setInnerValue(newValue);
-
     if (onChange && !isEqual(generateConfig, mergedValue, newValue)) {
       onChange(newValue, newValue ? formatValue(newValue, {
         generateConfig: generateConfig,
@@ -174,106 +162,94 @@ function InnerPicker(props) {
       }) : '');
     }
   };
-
   var triggerOpen = function triggerOpen(newOpen) {
     if (disabled && newOpen) {
       return;
     }
-
     triggerInnerOpen(newOpen);
   };
-
   var forwardKeyDown = function forwardKeyDown(e) {
     if (mergedOpen && operationRef.current && operationRef.current.onKeyDown) {
       // Let popup panel handle keyboard
       return operationRef.current.onKeyDown(e);
     }
     /* istanbul ignore next */
-
     /* eslint-disable no-lone-blocks */
-
-
     {
       warning(false, 'Picker not correct forward KeyDown operation. Please help to fire issue about this.');
       return false;
     }
   };
-
   var onInternalMouseUp = function onInternalMouseUp() {
     if (onMouseUp) {
       onMouseUp.apply(void 0, arguments);
     }
-
     if (inputRef.current) {
       inputRef.current.focus();
       triggerOpen(true);
     }
-  }; // ============================= Input =============================
-
-
+  };
+  // ============================= Input =============================
   var _usePickerInput = usePickerInput({
-    blurToCancel: needConfirmButton,
-    open: mergedOpen,
-    value: text,
-    triggerOpen: triggerOpen,
-    forwardKeyDown: forwardKeyDown,
-    isClickOutside: function isClickOutside(target) {
-      return !elementsContains([panelDivRef.current, inputDivRef.current], target);
-    },
-    onSubmit: function onSubmit() {
-      if (disabledDate && disabledDate(selectedValue)) {
-        return false;
-      }
-
-      triggerChange(selectedValue);
-      triggerOpen(false);
-      resetText();
-      return true;
-    },
-    onCancel: function onCancel() {
-      triggerOpen(false);
-      setSelectedValue(mergedValue);
-      resetText();
-    },
-    onKeyDown: function onKeyDown(e, preventDefault) {
-      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);
-    },
-    onFocus: onFocus,
-    onBlur: onBlur
-  }),
-      _usePickerInput2 = _slicedToArray(_usePickerInput, 2),
-      inputProps = _usePickerInput2[0],
-      _usePickerInput2$ = _usePickerInput2[1],
-      focused = _usePickerInput2$.focused,
-      typing = _usePickerInput2$.typing; // ============================= Sync ==============================
+      blurToCancel: needConfirmButton,
+      open: mergedOpen,
+      value: text,
+      triggerOpen: triggerOpen,
+      forwardKeyDown: forwardKeyDown,
+      isClickOutside: function isClickOutside(target) {
+        return !elementsContains([panelDivRef.current, inputDivRef.current], target);
+      },
+      onSubmit: function onSubmit() {
+        if (disabledDate && disabledDate(selectedValue)) {
+          return false;
+        }
+        triggerChange(selectedValue);
+        triggerOpen(false);
+        resetText();
+        return true;
+      },
+      onCancel: function onCancel() {
+        triggerOpen(false);
+        setSelectedValue(mergedValue);
+        resetText();
+      },
+      onKeyDown: function onKeyDown(e, preventDefault) {
+        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e, preventDefault);
+      },
+      onFocus: onFocus,
+      onBlur: onBlur
+    }),
+    _usePickerInput2 = _slicedToArray(_usePickerInput, 2),
+    inputProps = _usePickerInput2[0],
+    _usePickerInput2$ = _usePickerInput2[1],
+    focused = _usePickerInput2$.focused,
+    typing = _usePickerInput2$.typing;
+  // ============================= Sync ==============================
   // Close should sync back with text value
-
-
   React.useEffect(function () {
     if (!mergedOpen) {
       setSelectedValue(mergedValue);
-
       if (!valueTexts.length || valueTexts[0] === '') {
         triggerTextChange('');
       } else if (firstValueText !== text) {
         resetText();
       }
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [mergedOpen, valueTexts]); // Change picker should sync back with text value
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mergedOpen, valueTexts]);
+  // Change picker should sync back with text value
   React.useEffect(function () {
     if (!mergedOpen) {
       resetText();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [picker]); // Sync innerValue with control mode
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [picker]);
+  // Sync innerValue with control mode
   React.useEffect(function () {
     // Sync select value
     setSelectedValue(mergedValue);
-  }, [mergedValue]); // ============================ Private ============================
-
+  }, [mergedValue]);
+  // ============================ Private ============================
   if (pickerRef) {
     pickerRef.current = {
       focus: function focus() {
@@ -288,17 +264,15 @@ function InnerPicker(props) {
       }
     };
   }
-
   var _useHoverValue = useHoverValue(text, {
-    formatList: formatList,
-    generateConfig: generateConfig,
-    locale: locale
-  }),
-      _useHoverValue2 = _slicedToArray(_useHoverValue, 3),
-      onEnter = _useHoverValue2[1],
-      onLeave = _useHoverValue2[2]; // ============================= Panel =============================
-
-
+      formatList: formatList,
+      generateConfig: generateConfig,
+      locale: locale
+    }),
+    _useHoverValue2 = _slicedToArray(_useHoverValue, 3),
+    onEnter = _useHoverValue2[1],
+    onLeave = _useHoverValue2[2];
+  // ============================= Panel =============================
   var panelProps = _extends(_extends({}, props), {
     className: undefined,
     style: undefined,
@@ -306,7 +280,6 @@ function InnerPicker(props) {
     onPickerValueChange: undefined,
     onChange: null
   });
-
   var panelNode = /*#__PURE__*/React.createElement(PickerPanel, _extends({}, panelProps, {
     generateConfig: generateConfig,
     className: classNames(_defineProperty({}, "".concat(prefixCls, "-panel-focused"), !typing)),
@@ -324,11 +297,9 @@ function InnerPicker(props) {
       onPanelChange === null || onPanelChange === void 0 ? void 0 : onPanelChange(viewDate, mode);
     }
   }));
-
   if (panelRender) {
     panelNode = panelRender(panelNode);
   }
-
   var panel = /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-panel-container"),
     onMouseDown: function onMouseDown(e) {
@@ -336,15 +307,12 @@ function InnerPicker(props) {
     }
   }, panelNode);
   var suffixNode;
-
   if (suffixIcon) {
     suffixNode = /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-suffix")
     }, suffixIcon);
   }
-
   var clearNode;
-
   if (allowClear && mergedValue && !disabled) {
     clearNode = /*#__PURE__*/React.createElement("span", {
       onMouseDown: function onMouseDown(e) {
@@ -362,14 +330,12 @@ function InnerPicker(props) {
     }, clearIcon || /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-clear-btn")
     }));
-  } // ============================ Warning ============================
-
-
+  }
+  // ============================ Warning ============================
   if (process.env.NODE_ENV !== 'production') {
     warning(!defaultOpenValue, '`defaultOpenValue` may confuse user for the current value status. Please use `defaultValue` instead.');
-  } // ============================ Return =============================
-
-
+  }
+  // ============================ Return =============================
   var onContextSelect = function onContextSelect(date, type) {
     if (type === 'submit' || type !== 'key' && !needConfirmButton) {
       // triggerChange will also update selected values
@@ -377,7 +343,6 @@ function InnerPicker(props) {
       triggerOpen(false);
     }
   };
-
   var popupPlacement = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
   return /*#__PURE__*/React.createElement(PanelContext.Provider, {
     value: {
@@ -431,37 +396,28 @@ function InnerPicker(props) {
   }, getDataOrAriaProps(props), {
     autoComplete: autoComplete
   })), clearNode, suffixNode))));
-} // Wrap with class component to enable pass generic with instance method
-
-
+}
+// Wrap with class component to enable pass generic with instance method
 var Picker = /*#__PURE__*/function (_React$Component) {
   _inherits(Picker, _React$Component);
-
   var _super = _createSuper(Picker);
-
   function Picker() {
     var _this;
-
     _classCallCheck(this, Picker);
-
     _this = _super.apply(this, arguments);
     _this.pickerRef = /*#__PURE__*/React.createRef();
-
     _this.focus = function () {
       if (_this.pickerRef.current) {
         _this.pickerRef.current.focus();
       }
     };
-
     _this.blur = function () {
       if (_this.pickerRef.current) {
         _this.pickerRef.current.blur();
       }
     };
-
     return _this;
   }
-
   _createClass(Picker, [{
     key: "render",
     value: function render() {
@@ -470,8 +426,6 @@ var Picker = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return Picker;
 }(React.Component);
-
 export default Picker;

package/es/date-picker/src/PickerPanel.d.ts

@@ -10,7 +10,7 @@ import type { GenerateConfig } from './generate';
 import type { Locale, PanelMode, PickerMode, DisabledTime, OnPanelChange, Components } from './interface';
 import type { DateRender } from './panels/DatePanel/DateBody';
 import type { MonthCellRender } from './panels/MonthPanel/MonthBody';
-export declare type PickerPanelSharedProps<DateType> = {
+export type PickerPanelSharedProps<DateType> = {
     prefixCls?: string;
     className?: string;
     style?: React.CSSProperties;
@@ -42,19 +42,19 @@ export declare type PickerPanelSharedProps<DateType> = {
     /** @private Internal usage. Do not use in your production env */
     components?: Components;
 };
-export declare type PickerPanelBaseProps<DateType> = {
+export type PickerPanelBaseProps<DateType> = {
     picker: Exclude<PickerMode, 'date' | 'time'>;
 } & PickerPanelSharedProps<DateType>;
-export declare type PickerPanelDateProps<DateType> = {
+export type PickerPanelDateProps<DateType> = {
     picker?: 'date';
     showToday?: boolean;
     showNow?: boolean;
     showTime?: boolean | SharedTimeProps<DateType>;
     disabledTime?: DisabledTime<DateType>;
 } & PickerPanelSharedProps<DateType>;
-export declare type PickerPanelTimeProps<DateType> = {
+export type PickerPanelTimeProps<DateType> = {
     picker: 'time';
 } & PickerPanelSharedProps<DateType> & SharedTimeProps<DateType>;
-export declare type PickerPanelProps<DateType> = PickerPanelBaseProps<DateType> | PickerPanelDateProps<DateType> | PickerPanelTimeProps<DateType>;
-declare function PickerPanel<DateType>(props: PickerPanelProps<DateType>): JSX.Element;
+export type PickerPanelProps<DateType> = PickerPanelBaseProps<DateType> | PickerPanelDateProps<DateType> | PickerPanelTimeProps<DateType>;
+declare function PickerPanel<DateType>(props: PickerPanelProps<DateType>): React.JSX.Element;
 export default PickerPanel;