rsuite 5.2.1 → 5.3.0

package/esm/MultiCascader/DropdownMenu.d.ts

@@ -3,15 +3,15 @@ import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/c
 import { ValueType } from './MultiCascader';
 export interface DropdownMenuProps extends WithAsProps {
     disabledItemValues: ValueType;
-    value?: ValueType;
+    value: ValueType;
     childrenKey: string;
     valueKey: string;
     labelKey: string;
-    menuWidth: number;
-    menuHeight: number | string;
+    menuWidth?: number;
+    menuHeight?: number | string;
     cascade?: boolean;
     cascadeData: ItemDataType[][];
-    cascadePaths: ItemDataType[];
+    cascadePaths?: ItemDataType[];
     uncheckableItemValues: ValueType;
     renderMenuItem?: (itemLabel: React.MouseEventHandler, item: ItemDataType) => React.ReactNode;
     renderMenu?: (children: ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;

package/esm/MultiCascader/MultiCascader.js

@@ -113,10 +113,10 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       selectedPaths = _useState2[0],
       setSelectedPaths = _useState2[1];
 
-  var triggerRef = useRef();
-  var overlayRef = useRef();
-  var targetRef = useRef();
-  var searchInputRef = useRef();
+  var triggerRef = useRef(null);
+  var overlayRef = useRef(null);
+  var targetRef = useRef(null);
+  var searchInputRef = useRef(null);
   usePublicMethods(ref, {
     triggerRef: triggerRef,
     overlayRef: overlayRef,
@@ -164,7 +164,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
 
 
-  var hasValue = selectedItems.length > 0 || (valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) > 0 && isFunction(renderValue);
+  var hasValue = selectedItems.length > 0 || Number(valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) > 0 && isFunction(renderValue);
 
   var _useClassNames = useClassNames(classPrefix),
       prefix = _useClassNames.prefix,
@@ -446,7 +446,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   if (hasValue && isFunction(renderValue)) {
-    selectedElement = renderValue(value.length ? value : valueProp, selectedItems, selectedElement); // If renderValue returns null or undefined, hasValue is false.
+    selectedElement = renderValue(value.length ? value : valueProp !== null && valueProp !== void 0 ? valueProp : [], selectedItems, selectedElement); // If renderValue returns null or undefined, hasValue is false.
 
     if (isNil(selectedElement)) {
       hasValue = false;

package/esm/MultiCascader/utils.d.ts

@@ -5,34 +5,34 @@ export interface ItemType extends ItemDataType {
     parent?: ItemType;
 }
 interface ItemKeys {
-    valueKey?: string;
-    labelKey?: string;
-    childrenKey?: string;
+    valueKey: string;
+    labelKey: string;
+    childrenKey: string;
 }
 /**
  * Get all parents of a node
  * @param node
  */
-export declare const getParents: (node: ItemType) => any[];
+export declare const getParents: (node: ItemType) => ItemType[];
 /**
  * Check if any child nodes are selected.
  * @param node
  * @param value
  * @param itemKeys
  */
-export declare const isSomeChildChecked: (node: ItemDataType, value: ValueType, itemKeys: ItemKeys) => any;
+export declare const isSomeChildChecked: (node: ItemDataType, value: ValueType, itemKeys: Omit<ItemKeys, 'labelKey'>) => any;
 /**
  * Check if the parent is selected.
  * @param node
  * @param value
  * @param itemKeys
  */
-export declare const isSomeParentChecked: (node: ItemDataType, value: ValueType, itemKeys: ItemKeys) => any;
-export declare const getOtherItemValuesByUnselectChild: (itemNode: ItemType, value: any, itemKeys: ItemKeys) => any[];
+export declare const isSomeParentChecked: (node: ItemDataType, value: ValueType, itemKeys: Pick<ItemKeys, 'valueKey'>) => any;
+export declare const getOtherItemValuesByUnselectChild: <T>(itemNode: ItemType, value: any, itemKeys: Omit<ItemKeys, 'labelKey'>) => T[];
 /**
  * Remove the values of all children.
  */
-export declare const removeAllChildrenValue: (value: ValueType, item: ItemType, itemKeys: ItemKeys) => any[];
+export declare const removeAllChildrenValue: <T>(value: T[], item: ItemType, itemKeys: Omit<ItemKeys, 'labelKey'>) => T[] | undefined;
 /**
  * A hook to flatten tree structure data
  * @param data
@@ -56,12 +56,12 @@ export declare function useColumnData(flattenData: ItemType[]): {
  * @param props
  * @param flattenData
  */
-export declare function useCascadeValue(props: Partial<MultiCascaderProps>, flattenData: ItemType[]): {
-    value: ValueType;
-    setValue: import("react").Dispatch<import("react").SetStateAction<ValueType>>;
-    splitValue: (item: ItemType, checked: boolean, value: ValueType) => {
-        value: ValueType;
-        removedValue: ValueType;
+export declare function useCascadeValue<T>(props: Partial<MultiCascaderProps<T[]>> & ItemKeys, flattenData: ItemType[]): {
+    value: T[];
+    setValue: import("react").Dispatch<import("react").SetStateAction<T[]>>;
+    splitValue: (item: ItemType, checked: boolean, value: T[]) => {
+        value: T[];
+        removedValue: T[];
     };
 };
 export {};

package/esm/Nav/Nav.d.ts

@@ -16,7 +16,7 @@ export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttribute
     /** Active key, corresponding to eventkey in <Nav.item>. */
     activeKey?: T;
     /** Callback function triggered after selection */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 interface NavComponent extends RsRefForwardingComponent<'div', NavProps> {
     Dropdown: typeof Dropdown;

package/esm/Nav/NavContext.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export interface NavContextProps {
     activeKey: string | null;
-    onSelect: (eventKey: string, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: string | undefined, event: React.SyntheticEvent) => void;
 }
 declare const NavContext: React.Context<NavContextProps>;
 export default NavContext;

package/esm/Nav/NavItem.d.ts

@@ -17,7 +17,7 @@ export interface NavItemProps<T = string> extends WithAsProps, Omit<React.HTMLAt
     /** Providing a `href` will render an `<a>` element */
     href?: string;
     /** Select the callback function that the event triggers. */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 /**
  * The <Nav.Item> API

package/esm/Navbar/Navbar.js

@@ -5,7 +5,7 @@ import NavbarBody from './NavbarBody';
 import NavbarHeader from './NavbarHeader';
 import NavbarBrand from './NavbarBrand';
 import { useClassNames } from '../utils';
-export var NavbarContext = /*#__PURE__*/React.createContext(null);
+export var NavbarContext = /*#__PURE__*/React.createContext(false);
 var Navbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
       _props$as = props.as,

package/esm/Navbar/NavbarItem.d.ts

@@ -13,7 +13,7 @@ export interface NavItemProps<T = string> extends WithAsProps, Omit<React.HTMLAt
     /** Providing a `href` will render an `<a>` element */
     href?: string;
     /** Select the callback function that the event triggers. */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 declare const NavbarItem: RsRefForwardingComponent<'a', NavItemProps>;
 export default NavbarItem;

package/esm/Overlay/Modal.d.ts

@@ -44,8 +44,8 @@ interface ModalProps extends BaseModalProps {
     containerClassName?: string;
     backdropTransitionTimeout?: number;
     dialogTransitionTimeout?: number;
-    transition: React.ElementType;
-    onEscapeKeyUp?: React.KeyboardEventHandler;
+    transition?: React.ElementType;
+    onEsc?: React.KeyboardEventHandler;
     onBackdropClick?: React.MouseEventHandler;
 }
 declare const Modal: RsRefForwardingComponent<'div', ModalProps>;

package/esm/Overlay/Modal.js

@@ -10,7 +10,7 @@ import on from 'dom-lib/on';
 import ModalManager from './ModalManager';
 import Fade from '../Animation/Fade';
 import { animationPropTypes } from '../Animation/utils';
-import { mergeRefs, getDOMNode, usePortal, createChainedFunction, useWillUnmount } from '../utils';
+import { mergeRefs, usePortal, createChainedFunction, useWillUnmount, KEY_VALUES } from '../utils';
 var manager;
 
 function getManager() {
@@ -25,6 +25,12 @@ var useModalManager = function useModalManager() {
     backdrop: null
   });
   return {
+    get dialog() {
+      var _modal$current;
+
+      return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;
+    },
+
     add: function add(containerElement, containerClassName) {
       return modalManager.add(modal.current, containerElement, containerClassName);
     },
@@ -67,7 +73,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$autoFocus = props.autoFocus,
       autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
       onBackdropClick = props.onBackdropClick,
-      onEscapeKeyUp = props.onEscapeKeyUp,
+      onEsc = props.onEsc,
       onExit = props.onExit,
       onExiting = props.onExiting,
       onExited = props.onExited,
@@ -76,7 +82,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onEntered = props.onEntered,
       onClose = props.onClose,
       onOpen = props.onOpen,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "transition", "dialogTransitionTimeout", "style", "className", "container", "animationProps", "containerClassName", "keyboard", "enforceFocus", "backdrop", "backdropTransitionTimeout", "backdropStyle", "backdropClassName", "open", "autoFocus", "onBackdropClick", "onEscapeKeyUp", "onExit", "onExiting", "onExited", "onEnter", "onEntering", "onEntered", "onClose", "onOpen"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "transition", "dialogTransitionTimeout", "style", "className", "container", "animationProps", "containerClassName", "keyboard", "enforceFocus", "backdrop", "backdropTransitionTimeout", "backdropStyle", "backdropClassName", "open", "autoFocus", "onBackdropClick", "onEsc", "onExit", "onExiting", "onExited", "onEnter", "onEntering", "onEntered", "onClose", "onOpen"]);
 
   var _useState = useState(!open),
       exited = _useState[0],
@@ -96,19 +102,13 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   var mountModal = open || Transition && !exited;
-  var rootRef = useRef();
-  var lastFocus = useRef();
-  var handleDocumentKeyUp = useCallback(function (event) {
-    if (keyboard && event.keyCode === 27 && modal.isTopModal()) {
-      onEscapeKeyUp === null || onEscapeKeyUp === void 0 ? void 0 : onEscapeKeyUp(event);
+  var lastFocus = useRef(null);
+  var handleDocumentKeyDown = useCallback(function (event) {
+    if (keyboard && event.key === KEY_VALUES.ESC && modal.isTopModal()) {
+      onEsc === null || onEsc === void 0 ? void 0 : onEsc(event);
       onClose === null || onClose === void 0 ? void 0 : onClose(event);
     }
-  }, [keyboard, modal, onEscapeKeyUp, onClose]);
-  var checkForFocus = useCallback(function () {
-    if (canUseDOM) {
-      lastFocus.current = document.activeElement;
-    }
-  }, []);
+  }, [keyboard, modal, onEsc, onClose]);
   var restoreLastFocus = useCallback(function () {
     if (lastFocus.current) {
       var _lastFocus$current$fo, _lastFocus$current;
@@ -117,21 +117,18 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       lastFocus.current = null;
     }
   }, []);
-  var getDialogElement = useCallback(function () {
-    return getDOMNode(rootRef.current);
-  }, []);
   var handleEnforceFocus = useCallback(function () {
     if (!enforceFocus || !modal.isTopModal()) {
       return;
     }
 
     var currentActiveElement = document.activeElement;
-    var dialog = getDialogElement();
+    var dialog = modal.dialog;
 
     if (dialog && dialog !== currentActiveElement && !contains(dialog, currentActiveElement)) {
       dialog.focus();
     }
-  }, [enforceFocus, getDialogElement, modal]);
+  }, [enforceFocus, modal]);
   var handleBackdropClick = useCallback(function (event) {
     if (event.target !== event.currentTarget) {
       return;
@@ -143,27 +140,40 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClose === null || onClose === void 0 ? void 0 : onClose(event);
     }
   }, [backdrop, onBackdropClick, onClose]);
-  var documentKeyupListener = useRef();
-  var docusinListener = useRef();
+  var documentKeyDownListener = useRef();
+  var documentFocusListener = useRef();
   var handleOpen = useCallback(function () {
-    var dialog = getDialogElement();
     var containerElement = getContainer(container, document.body);
     modal.add(containerElement, containerClassName);
-    documentKeyupListener.current = on(document, 'keydown', handleDocumentKeyUp);
-    docusinListener.current = on(document, 'focus', handleEnforceFocus, true);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-    checkForFocus();
+
+    if (!documentKeyDownListener.current) {
+      documentKeyDownListener.current = on(document, 'keydown', handleDocumentKeyDown);
+    }
+
+    if (!documentFocusListener.current) {
+      documentFocusListener.current = on(document, 'focus', handleEnforceFocus, true);
+    }
+
+    if (canUseDOM) {
+      lastFocus.current = document.activeElement;
+    }
 
     if (autoFocus) {
-      dialog === null || dialog === void 0 ? void 0 : dialog.focus();
+      var _modal$dialog;
+
+      (_modal$dialog = modal.dialog) === null || _modal$dialog === void 0 ? void 0 : _modal$dialog.focus();
     }
-  }, [autoFocus, checkForFocus, container, containerClassName, getDialogElement, handleDocumentKeyUp, handleEnforceFocus, modal, onOpen]);
+
+    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+  }, [autoFocus, container, containerClassName, handleDocumentKeyDown, handleEnforceFocus, modal, onOpen]);
   var handleClose = useCallback(function () {
-    var _documentKeyupListene, _docusinListener$curr;
+    var _documentKeyDownListe, _documentFocusListene;
 
     modal.remove();
-    (_documentKeyupListene = documentKeyupListener.current) === null || _documentKeyupListene === void 0 ? void 0 : _documentKeyupListene.off();
-    (_docusinListener$curr = docusinListener.current) === null || _docusinListener$curr === void 0 ? void 0 : _docusinListener$curr.off();
+    (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 ? void 0 : _documentKeyDownListe.off();
+    documentKeyDownListener.current = null;
+    (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 ? void 0 : _documentFocusListene.off();
+    documentFocusListener.current = null;
     restoreLastFocus();
   }, [modal, restoreLastFocus]);
   useEffect(function () {
@@ -264,7 +274,7 @@ Modal.propTypes = _extends({}, animationPropTypes, modalPropTypes, {
   dialogTransitionTimeout: PropTypes.number,
   backdropTransitionTimeout: PropTypes.number,
   transition: PropTypes.any,
-  onEscapeKeyUp: PropTypes.func,
+  onEsc: PropTypes.func,
   onBackdropClick: PropTypes.func
 });
 export default Modal;

package/esm/Overlay/ModalManager.d.ts

@@ -1,11 +1,20 @@
+import React from 'react';
+export interface ModalInstance {
+    dialog: HTMLElement | null;
+    backdrop: HTMLElement | null;
+}
+export interface ContainerState {
+    classes: string[];
+    modals: ModalInstance[];
+    style: React.CSSProperties;
+    overflowing: boolean;
+}
 declare class ModalManager {
-    constructor(hideSiblingNodes?: boolean);
-    hideSiblingNodes: any;
-    modals: any[];
-    containers: any[];
-    data: any[];
-    add(modal: any, container: any, className?: string): number;
-    remove(modal: any): void;
-    isTopModal(modal: any): boolean;
+    modals: ModalInstance[];
+    containers: HTMLElement[];
+    data: ContainerState[];
+    add(modal: ModalInstance, container: HTMLElement, className?: string): number;
+    remove(modal: ModalInstance): void;
+    isTopModal(modal: ModalInstance): boolean;
 }
 export default ModalManager;

package/esm/Overlay/ModalManager.js

@@ -25,16 +25,7 @@ function findContainer(data, modal) {
 }
 
 var ModalManager = /*#__PURE__*/function () {
-  function ModalManager(hideSiblingNodes) {
-    if (hideSiblingNodes === void 0) {
-      hideSiblingNodes = true;
-    }
-
-    this.hideSiblingNodes = null;
-    this.modals = [];
-    this.containers = [];
-    this.data = [];
-    this.hideSiblingNodes = hideSiblingNodes;
+  function ModalManager() {
     this.modals = [];
     this.containers = [];
     this.data = [];
@@ -58,7 +49,7 @@ var ModalManager = /*#__PURE__*/function () {
       return modalIndex;
     }
 
-    var data = {
+    var containerState = {
       modals: [modal],
       classes: className ? className.split(/\s+/) : [],
       style: {
@@ -68,7 +59,7 @@ var ModalManager = /*#__PURE__*/function () {
       overflowing: isOverflowing(container)
     };
 
-    if (data.overflowing) {
+    if (containerState.overflowing) {
       var paddingRight = parseInt(getStyle(container, 'paddingRight') || 0, 10);
       var barSize = getScrollbarSize();
       addStyle(container, {
@@ -76,9 +67,9 @@ var ModalManager = /*#__PURE__*/function () {
       });
     }
 
-    data.classes.forEach(addClass.bind(null, container));
+    containerState.classes.forEach(addClass.bind(null, container));
     this.containers.push(container);
-    this.data.push(data);
+    this.data.push(containerState);
     return modalIndex;
   };
 
@@ -90,16 +81,16 @@ var ModalManager = /*#__PURE__*/function () {
     }
 
     var containerIndex = findContainer(this.data, modal);
-    var data = this.data[containerIndex];
+    var containerState = this.data[containerIndex];
     var container = this.containers[containerIndex];
-    data.modals.splice(data.modals.indexOf(modal), 1);
+    containerState.modals.splice(containerState.modals.indexOf(modal), 1);
     this.modals.splice(modalIndex, 1);
 
-    if (data.modals.length === 0) {
-      Object.keys(data.style).forEach(function (key) {
-        return container.style[key] = data.style[key];
+    if (containerState.modals.length === 0) {
+      Object.keys(containerState.style).forEach(function (key) {
+        return container.style[key] = containerState.style[key];
       });
-      data.classes.forEach(removeClass.bind(null, container));
+      containerState.classes.forEach(removeClass.bind(null, container));
       this.containers.splice(containerIndex, 1);
       this.data.splice(containerIndex, 1);
     }

package/esm/Overlay/Overlay.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { TypeAttributes, AnimationEventProps } from '../@types/common';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement);
-    children?: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
+    children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
     childrenProps?: React.HTMLAttributes<HTMLElement>;
     className?: string;
     containerPadding?: number;
@@ -13,7 +13,7 @@ export interface OverlayProps extends AnimationEventProps {
     rootClose?: boolean;
     transition?: React.ElementType;
     triggerTarget?: React.RefObject<any>;
-    onClose?: () => void;
+    onClose?: React.ReactEventHandler;
 }
 export declare const overlayPropTypes: {
     container: PropTypes.Requireable<any>;

package/esm/Overlay/Overlay.js

@@ -49,7 +49,7 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
       exited = _useState[0],
       setExited = _useState[1];
 
-  var overlayTarget = useRef();
+  var overlayTarget = useRef(null);
 
   if (open) {
     if (exited) setExited(false);

package/esm/Overlay/OverlayTrigger.d.ts

@@ -17,7 +17,7 @@ export interface OverlayTriggerProps extends StandardProps, AnimationEventProps
     /** Container padding */
     containerPadding?: number;
     /** display element */
-    speaker?: React.ReactElement | ((props: any, ref: React.RefObject<any>) => React.ReactElement);
+    speaker: React.ReactElement | ((props: any, ref: React.RefObject<any>) => React.ReactElement);
     /** Prevent floating element overflow */
     preventOverflow?: boolean;
     /** Opern  overlay */
@@ -27,7 +27,7 @@ export interface OverlayTriggerProps extends StandardProps, AnimationEventProps
     /** Whether mouse is allowed to enter the floating layer of popover, whose default value is false. */
     enterable?: boolean;
     /** For the monitored component, the event will be bound to this component. */
-    children?: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
+    children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
     /** Whether to allow clicking document to close the overlay */
     rootClose?: boolean;
     /** Once disabled, the event cannot be triggered. */
@@ -39,27 +39,27 @@ export interface OverlayTriggerProps extends StandardProps, AnimationEventProps
     /**  Set the `id` on `<Overlay>` and `aria-describedby` on `<OverlayTrigger>` */
     controlId?: string;
     /** Lose Focus callback function */
-    onBlur?: () => void;
+    onBlur?: React.FocusEventHandler;
     /** Click on the callback function */
-    onClick?: () => void;
+    onClick?: React.MouseEventHandler;
     /** RightClick on the callback function */
     onContextMenu?: React.MouseEventHandler;
     /** Callback function to get focus */
-    onFocus?: () => void;
+    onFocus?: React.FocusEventHandler;
     /** Mouse leave callback function */
-    onMouseOut?: () => void;
+    onMouseOut?: React.MouseEventHandler;
     /** Mouse over callback function */
-    onMouseOver?: () => void;
+    onMouseOver?: React.MouseEventHandler;
     /** Callback fired when open component */
     onOpen?: () => void;
     /** Callback fired when close component */
     onClose?: () => void;
 }
 export interface OverlayTriggerInstance {
-    root: Element;
-    updatePosition?: () => void;
-    open?: () => void;
-    close?: () => void;
+    root: HTMLElement;
+    updatePosition: () => void;
+    open: () => void;
+    close: () => void;
 }
 declare const OverlayTrigger: React.ForwardRefExoticComponent<OverlayTriggerProps & React.RefAttributes<unknown>>;
 export default OverlayTrigger;

package/esm/Overlay/OverlayTrigger.js

@@ -90,8 +90,8 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // In order to keep the overlay open, a timer is used to delay the closing.
 
 
-  var delayOpenTimer = useRef();
-  var delayCloseTimer = useRef();
+  var delayOpenTimer = useRef(null);
+  var delayCloseTimer = useRef(null);
   var delayOpen = isNil(delayOpenProp) ? delay : delayOpenProp;
   var delayClose = isNil(delayCloseProp) ? delay : delayCloseProp; // Whether the cursor is on the overlay
 
@@ -100,8 +100,13 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var isOnTrigger = useRef(false);
   useEffect(function () {
     return function () {
-      clearTimeout(delayOpenTimer.current);
-      clearTimeout(delayCloseTimer.current);
+      if (!isNil(delayOpenTimer.current)) {
+        clearTimeout(delayOpenTimer.current);
+      }
+
+      if (!isNil(delayCloseTimer.current)) {
+        clearTimeout(delayCloseTimer.current);
+      }
     };
   }, []);
   var handleOpen = useCallback(function (delay) {
@@ -207,8 +212,11 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
 
     delayCloseTimer.current = setTimeout(function () {
-      clearTimeout(delayCloseTimer.current);
-      delayCloseTimer.current = null;
+      if (!isNil(delayCloseTimer.current)) {
+        clearTimeout(delayCloseTimer.current);
+        delayCloseTimer.current = null;
+      }
+
       handleCloseWhenLeave();
     }, 200);
   }, [enterable, open, handleClose, handleCloseWhenLeave]);

package/esm/Overlay/Position.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import { TypeAttributes } from '../@types/common';
 export interface PositionChildProps {
     className: string;
-    left: number;
-    top: number;
+    left?: number;
+    top?: number;
 }
 export interface PositionProps {
-    children?: (props: PositionChildProps, ref: any) => React.ReactElement;
+    children: (props: PositionChildProps, ref: any) => React.ReactElement;
     className?: string;
     container?: HTMLElement | (() => HTMLElement);
     containerPadding?: number;