rsuite 5.13.0 → 5.15.0

package/cjs/Form/Form.d.ts

@@ -44,21 +44,21 @@ export interface FormProps<T = Record<string, any>, errorMsgType = any, E = {
 export interface FormInstance<T = Record<string, any>, errorMsg = string, E = {
     [P in keyof T]?: errorMsg;
 }> {
-    root: React.FormHTMLAttributes<HTMLFormElement>;
+    root: HTMLFormElement | null;
     /** Verify form data */
-    check?: (callback?: (formError: E) => void) => boolean;
+    check: (callback?: (formError: E) => void) => boolean;
     /** Asynchronously check form data */
-    checkAsync?: () => Promise<any>;
+    checkAsync: () => Promise<any>;
     /** Check the data field */
-    checkForField?: (fieldName: keyof T, callback?: (checkResult: CheckResult<errorMsg>) => void) => boolean;
+    checkForField: (fieldName: keyof T, callback?: (checkResult: CheckResult<errorMsg>) => void) => boolean;
     /** Asynchronous verification as a data field */
-    checkForFieldAsync?: (fieldName: keyof T) => Promise<CheckResult>;
+    checkForFieldAsync: (fieldName: keyof T) => Promise<CheckResult>;
     /** Clear all error messages */
-    cleanErrors?: (callback?: () => void) => void;
+    cleanErrors: (callback?: () => void) => void;
     /** Clear the error message of the specified field */
-    cleanErrorForField?: (fieldName: keyof E, callback?: () => void) => void;
+    cleanErrorForField: (fieldName: keyof E, callback?: () => void) => void;
     /** All error messages are reset, and an initial value can be set */
-    resetErrors?: (formError: E, callback?: () => void) => void;
+    resetErrors: (formError: E, callback?: () => void) => void;
 }
 export interface FormComponent extends RsRefForwardingComponent<'form', FormProps & {
     ref?: React.Ref<FormInstance>;

package/cjs/Form/test/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/Form/test/Form.test.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Form = _interopRequireDefault(require("../Form"));
+
+var _formRef$current;
+
+var formRef = /*#__PURE__*/_react.default.createRef();
+
+/*#__PURE__*/
+_react.default.createElement(_Form.default, {
+  ref: formRef
+});
+
+(_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.check();

package/cjs/Modal/test/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/Modal/test/Modal.test.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Modal = _interopRequireDefault(require("../Modal"));
+
+/*#__PURE__*/
+_react.default.createElement(_Modal.default, {
+  container: function container() {
+    return document.body;
+  }
+});

package/cjs/Modal/utils.d.ts

@@ -3,4 +3,4 @@ export declare const useBodyStyles: (ref: React.RefObject<HTMLElement>, options:
     overflow: boolean;
     drawer: boolean;
     prefix: (...classes: any) => string;
-}) => [import("react").CSSProperties, (entering?: boolean | undefined) => void, () => void];
+}) => [import("react").CSSProperties, (entering?: boolean) => void, () => void];

package/cjs/Nav/NavDropdownMenu.d.ts

@@ -4,8 +4,19 @@ import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;
-    /** The submenu expands from the left and defaults to the right */
+    /**
+     * The submenu expands from the left and defaults to the right
+     * @deprecated Use openDirection="start" instead
+     */
     pullLeft?: boolean;
+    /**
+     * Direction that the sub-menu open towards
+     * - start: towards the head of the reading direction (right by default, left in RTL)
+     * - end: towards the end of the reading direction (left by default, right in RTL)
+     *
+     * @default 'end'
+     */
+    openDirection?: 'start' | 'end';
     /**
      *  Only used for setting the default expand state when it's a submenu.
      */

package/cjs/Nav/NavDropdownMenu.js

@@ -33,6 +33,8 @@ var _useCustom2 = _interopRequireDefault(require("../utils/useCustom"));
 
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 
+var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+
 var _templateObject, _templateObject2;
 
 /**
@@ -51,7 +53,9 @@ var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, re
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
       children = props.children,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children"]);
+      _props$openDirection = props.openDirection,
+      openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
 
   var _useCustom = (0, _useCustom2.default)('DropdownMenu'),
       rtl = _useCustom.rtl;
@@ -118,7 +122,8 @@ var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, re
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
         className: menuClassName,
-        hidden: !open
+        hidden: !open,
+        "data-direction": openDirection
       }, popupProps, menuProps), children);
     },
     onToggleMenu: handleToggleSubmenu
@@ -144,7 +149,8 @@ NavDropdownMenu.propTypes = {
   children: _propTypes.default.node,
   icon: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
-  pullLeft: _propTypes.default.bool,
+  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use openDirection="start" instead.'),
+  openDirection: _propTypes.default.oneOf(['start', 'end']),
   title: _propTypes.default.node,
   open: _propTypes.default.bool,
   eventKey: _propTypes.default.any,

package/cjs/Nav/test/Nav.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/Nav/test/Nav.test.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Navbar = _interopRequireDefault(require("../../Navbar"));
+
+var _Nav = _interopRequireDefault(require("../Nav"));
+
+/*#__PURE__*/
+_react.default.createElement(_Navbar.default, null, /*#__PURE__*/_react.default.createElement(_Nav.default, null, /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, {
+  title: "Menu"
+}, /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, {
+  title: "Submenu",
+  openDirection: "start"
+}, /*#__PURE__*/_react.default.createElement(_Nav.default.Item, null, "Submenu item")))));

package/cjs/Navbar/NavbarDropdownMenu.d.ts

@@ -4,8 +4,19 @@ import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavbarDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;
-    /** The submenu expands from the left and defaults to the right */
+    /**
+     * The submenu expands from the left and defaults to the right
+     * @deprecated Use openDirection="start" instead.
+     */
     pullLeft?: boolean;
+    /**
+     * Direction that the sub-menu open towards
+     * - start: towards the head of the reading direction (right by default, left in RTL)
+     * - end: towards the end of the reading direction (left by default, right in RTL)
+     *
+     * @default 'end'
+     */
+    openDirection?: 'start' | 'end';
     /**
      *  Only used for setting the default expand state when it's a submenu.
      */

package/cjs/Navbar/NavbarDropdownMenu.js

@@ -33,6 +33,8 @@ var _Disclosure = _interopRequireDefault(require("../Disclosure"));
 
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 
+var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+
 var _templateObject, _templateObject2;
 
 /**
@@ -62,7 +64,9 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
       children = props.children,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children"]);
+      _props$openDirection = props.openDirection,
+      openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
 
   var _useCustom = (0, _useCustom2.default)('DropdownMenu'),
       rtl = _useCustom.rtl;
@@ -129,7 +133,8 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: elementRef,
         className: menuClassName,
-        hidden: !open
+        hidden: !open,
+        "data-direction": openDirection
       }, menuProps), children);
     }));
   });
@@ -143,7 +148,8 @@ NavbarDropdownMenu.propTypes = {
   children: _propTypes.default.node,
   icon: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
-  pullLeft: _propTypes.default.bool,
+  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use openDirection="start" instead.'),
+  openDirection: _propTypes.default.oneOf(['start', 'end']),
   title: _propTypes.default.node,
   open: _propTypes.default.bool,
   eventKey: _propTypes.default.any,

package/cjs/Overlay/Modal.d.ts

@@ -37,9 +37,6 @@ export interface BaseModalProps extends WithAsProps, AnimationEventProps {
     onOpen?: () => void;
     /** Called when Modal is closed */
     onClose?: (event: React.SyntheticEvent) => void;
-}
-interface ModalProps extends BaseModalProps {
-    children: (props: any, ref: any) => React.ReactElement;
     container?: HTMLElement | (() => HTMLElement);
     containerClassName?: string;
     backdropTransitionTimeout?: number;
@@ -48,7 +45,7 @@ interface ModalProps extends BaseModalProps {
     onEsc?: React.KeyboardEventHandler;
     onBackdropClick?: React.MouseEventHandler;
 }
-declare const Modal: RsRefForwardingComponent<'div', ModalProps>;
+declare const Modal: RsRefForwardingComponent<'div', BaseModalProps>;
 export declare const modalPropTypes: {
     as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     className: PropTypes.Requireable<string>;

package/cjs/Overlay/Overlay.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { TypeAttributes, AnimationEventProps } from '../@types/common';
+import { TypeAttributes, AnimationEventProps, CursorPosition } from '../@types/common';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
     children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
@@ -14,6 +14,8 @@ export interface OverlayProps extends AnimationEventProps {
     transition?: React.ElementType;
     triggerTarget?: React.RefObject<any>;
     onClose?: React.ReactEventHandler;
+    followCursor?: boolean;
+    cursorPosition?: CursorPosition | null;
 }
 export declare const overlayPropTypes: {
     container: PropTypes.Requireable<any>;

package/cjs/Overlay/Overlay.js

@@ -67,7 +67,9 @@ var Overlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onExiting = props.onExiting,
       onEnter = props.onEnter,
       onEntering = props.onEntering,
-      onEntered = props.onEntered;
+      onEntered = props.onEntered,
+      followCursor = props.followCursor,
+      cursorPosition = props.cursorPosition;
 
   var _useState = (0, _react.useState)(!open),
       exited = _useState[0],
@@ -101,7 +103,9 @@ var Overlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     containerPadding: containerPadding,
     triggerTarget: triggerTarget,
     placement: placement,
-    preventOverflow: preventOverflow
+    preventOverflow: preventOverflow,
+    followCursor: followCursor,
+    cursorPosition: cursorPosition
   };
 
   var renderChildWithPosition = function renderChildWithPosition(transitionProps, transitionRef) {

package/cjs/Overlay/OverlayTrigger.d.ts

@@ -50,16 +50,20 @@ export interface OverlayTriggerProps extends StandardProps, AnimationEventProps
     onMouseOut?: React.MouseEventHandler;
     /** Mouse over callback function */
     onMouseOver?: React.MouseEventHandler;
+    /** Mouse move callback function */
+    onMouseMove?: React.MouseEventHandler;
     /** Callback fired when open component */
     onOpen?: () => void;
     /** Callback fired when close component */
     onClose?: () => void;
+    /** Whether speaker to follow the cursor */
+    followCursor?: boolean;
 }
 export interface OverlayTriggerInstance {
-    root: HTMLElement;
+    root: HTMLElement | undefined;
     updatePosition: () => void;
-    open: () => void;
-    close: () => void;
+    open: (delay?: number) => void;
+    close: (delay?: number) => void;
 }
-declare const OverlayTrigger: React.ForwardRefExoticComponent<OverlayTriggerProps & React.RefAttributes<unknown>>;
+declare const OverlayTrigger: React.ForwardRefExoticComponent<OverlayTriggerProps & React.RefAttributes<OverlayTriggerInstance>>;
 export default OverlayTrigger;

package/cjs/Overlay/OverlayTrigger.js

@@ -93,12 +93,15 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       rootClose = _props$rootClose === void 0 ? true : _props$rootClose,
       onClick = props.onClick,
       onMouseOver = props.onMouseOver,
+      onMouseMove = props.onMouseMove,
       onMouseOut = props.onMouseOut,
       onContextMenu = props.onContextMenu,
       onFocus = props.onFocus,
       onBlur = props.onBlur,
       onClose = props.onClose,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose"]);
+      followCursor = props.followCursor,
+      onExited = props.onExited,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "followCursor", "onExited"]);
 
   var _usePortal = (0, _utils.usePortal)({
     container: container
@@ -110,7 +113,11 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 
   var _useControlled = (0, _utils.useControlled)(openProp, defaultOpen),
       open = _useControlled[0],
-      setOpen = _useControlled[1]; // Delay the timer to close/open the overlay
+      setOpen = _useControlled[1];
+
+  var _useState = (0, _react.useState)(null),
+      cursorPosition = _useState[0],
+      setCursorPosition = _useState[1]; // Delay the timer to close/open the overlay
   // When the cursor moves from the trigger to the overlay, the overlay will be closed.
   // In order to keep the overlay open, a timer is used to delay the closing.
 
@@ -158,6 +165,9 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 
     setOpen(false);
   }, [delayClose, setOpen]);
+  var handleExited = (0, _react.useCallback)(function () {
+    setCursorPosition(null);
+  }, []);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       get root() {
@@ -255,6 +265,16 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       handleCloseWhenLeave();
     }
   }, [handleCloseWhenLeave, trigger]);
+  var handledMoveOverlay = (0, _react.useCallback)(function (event) {
+    setCursorPosition(function () {
+      return {
+        top: event.pageY,
+        left: event.pageX,
+        clientTop: event.clientX,
+        clientLeft: event.clientY
+      };
+    });
+  }, [open]);
   var preventDefault = (0, _react.useCallback)(function (event) {
     event.preventDefault();
   }, []);
@@ -264,7 +284,8 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
     onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: onBlur,
+    onMouseMove: onMouseMove
   };
 
   if (!disabled && !readOnly && !plaintext) {
@@ -302,6 +323,10 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       triggerEvents.onFocus = (0, _utils.createChainedFunction)(handleDelayedOpen, onFocus);
       triggerEvents.onBlur = (0, _utils.createChainedFunction)(handleDelayedClose, onBlur);
     }
+
+    if (trigger !== 'none') {
+      triggerEvents.onMouseMove = (0, _utils.createChainedFunction)(handledMoveOverlay, onMouseMove);
+    }
   }
 
   var renderOverlay = function renderOverlay() {
@@ -309,6 +334,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       rootClose: rootClose,
       triggerTarget: triggerRef,
       onClose: trigger !== 'none' ? (0, _utils.createChainedFunction)(handleClose, onClose) : undefined,
+      onExited: (0, _utils.createChainedFunction)(followCursor ? handleExited : undefined, onExited),
       placement: placement,
       container: container,
       open: open
@@ -326,7 +352,9 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 
     return /*#__PURE__*/_react.default.createElement(_Overlay.default, (0, _extends2.default)({}, overlayProps, {
       ref: overlayRef,
-      childrenProps: speakerProps
+      childrenProps: speakerProps,
+      followCursor: followCursor,
+      cursorPosition: cursorPosition
     }), typeof speaker === 'function' ? function (props, ref) {
       return speaker((0, _extends2.default)({}, props, {
         onClose: handleClose

package/cjs/Overlay/Position.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes } from '../@types/common';
+import { CursorPosition, TypeAttributes } from '../@types/common';
 export interface PositionChildProps {
     className: string;
     left?: number;
@@ -13,6 +13,8 @@ export interface PositionProps {
     placement?: TypeAttributes.Placement;
     preventOverflow?: boolean;
     triggerTarget?: React.RefObject<any>;
+    followCursor?: boolean;
+    cursorPosition?: CursorPosition | null;
 }
 export interface PositionInstance {
     updatePosition?: () => void;

package/cjs/Overlay/Position.js

@@ -41,7 +41,9 @@ var usePosition = function usePosition(props, ref) {
       _props$containerPaddi = props.containerPadding,
       containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,
       container = props.container,
-      triggerTarget = props.triggerTarget;
+      triggerTarget = props.triggerTarget,
+      followCursor = props.followCursor,
+      cursorPosition = props.cursorPosition;
   var containerRef = (0, _react.useRef)(null);
   var lastTargetRef = (0, _react.useRef)(null);
   var overlayResizeObserver = (0, _react.useRef)();
@@ -91,7 +93,7 @@ var usePosition = function usePosition(props, ref) {
 
     var overlay = (0, _utils.getDOMNode)(ref.current);
     var containerElement = (0, _getContainer.default)(typeof container === 'function' ? container() : container !== null && container !== void 0 ? container : null, (0, _ownerDocument.default)(ref.current).body);
-    var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement);
+    var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement, followCursor ? cursorPosition : undefined);
 
     if (forceUpdateDOM && overlay) {
       var _overlay$className, _overlay$className$ma;
@@ -113,7 +115,7 @@ var usePosition = function usePosition(props, ref) {
 
     containerRef.current = containerElement;
     lastTargetRef.current = targetElement;
-  }, [container, ref, triggerTarget, utils]);
+  }, [container, ref, triggerTarget, utils, followCursor, cursorPosition]);
   (0, _react.useEffect)(function () {
     updatePosition(false);
     var overlay = (0, _utils.getDOMNode)(ref.current);
@@ -158,7 +160,9 @@ var usePosition = function usePosition(props, ref) {
 
 var Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
-      className = props.className;
+      className = props.className,
+      followCursor = props.followCursor,
+      cursorPosition = props.cursorPosition;
 
   var childRef = _react.default.useRef(null);
 
@@ -180,6 +184,10 @@ var Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       updatePosition: updatePosition
     };
   });
+  (0, _react.useEffect)(function () {
+    if (!followCursor || !cursorPosition) return;
+    updatePosition();
+  }, [followCursor, cursorPosition, updatePosition]);
 
   if (typeof children === 'function') {
     var childProps = {

package/cjs/Overlay/positionUtils.d.ts

@@ -1,4 +1,10 @@
-import { TypeAttributes } from '../@types/common';
+import { CursorPosition, TypeAttributes } from '../@types/common';
+declare type Offset = {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
 export interface PositionType {
     positionLeft?: number;
     positionTop?: number;
@@ -24,13 +30,14 @@ export interface Dimensions {
     scrollY: number;
 }
 declare const _default: (props: UtilProps) => {
-    getPosition(target: any, container: any): {
+    getPosition(target: HTMLElement, container: HTMLElement): {
         top: number;
         left: number;
         height: number;
         width: number;
-    } | null;
+    } | DOMRect | null;
+    getCursorOffsetPosition(target: HTMLElement, container: HTMLElement, cursorPosition: CursorPosition): Offset;
     calcAutoPlacement(targetOffset: any, container: any, overlay: any): any;
-    calcOverlayPosition(overlayNode: any, target: any, container: any): PositionType;
+    calcOverlayPosition(overlayNode: HTMLElement, target: HTMLElement, container: HTMLElement, cursorPosition?: CursorPosition | null): PositionType;
 };
 export default _default;

package/cjs/Overlay/positionUtils.js

@@ -21,6 +21,10 @@ var _scrollLeft = _interopRequireDefault(require("dom-lib/scrollLeft"));
 
 var _getPosition2 = _interopRequireDefault(require("dom-lib/getPosition"));
 
+var _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
+
+var _nodeName = _interopRequireDefault(require("dom-lib/nodeName"));
+
 var AutoPlacement = {
   left: 'Start',
   right: 'End',
@@ -146,6 +150,48 @@ var _default = function _default(props) {
       var offset = container.tagName === 'BODY' ? (0, _getOffset.default)(target) : (0, _getPosition2.default)(target, container, false);
       return offset;
     },
+    getCursorOffsetPosition: function getCursorOffsetPosition(target, container, cursorPosition) {
+      var left = cursorPosition.left,
+          top = cursorPosition.top,
+          clientLeft = cursorPosition.clientLeft,
+          clientTop = cursorPosition.clientTop;
+      var offset = {
+        left: left,
+        top: top,
+        width: 10,
+        height: 10
+      };
+
+      if ((0, _getStyle.default)(target, 'position') === 'fixed') {
+        offset.left = clientLeft;
+        offset.top = clientTop;
+        return offset;
+      }
+
+      if (container.tagName === 'BODY') {
+        return offset;
+      }
+
+      var containerOffset = {
+        top: 0,
+        left: 0
+      };
+
+      if ((0, _nodeName.default)(container) !== 'html') {
+        var nextParentOffset = (0, _getOffset.default)(container);
+
+        if (nextParentOffset) {
+          containerOffset.top = nextParentOffset.top;
+          containerOffset.left = nextParentOffset.left;
+        }
+      }
+
+      containerOffset.top += parseInt((0, _getStyle.default)(container, 'borderTopWidth'), 10) - (0, _scrollTop.default)(container) || 0;
+      containerOffset.left += parseInt((0, _getStyle.default)(container, 'borderLeftWidth'), 10) - (0, _scrollLeft.default)(container) || 0;
+      offset.left = left - containerOffset.left;
+      offset.top = top - containerOffset.top;
+      return offset;
+    },
     calcAutoPlacement: function calcAutoPlacement(targetOffset, container, overlay) {
       var _getContainerDimensio3 = getContainerDimensions(container),
           width = _getContainerDimensio3.width,
@@ -210,8 +256,8 @@ var _default = function _default(props) {
       return "" + direction.key + AutoPlacement[align.key];
     },
     // Calculate the position of the overlay
-    calcOverlayPosition: function calcOverlayPosition(overlayNode, target, container) {
-      var childOffset = this.getPosition(target, container);
+    calcOverlayPosition: function calcOverlayPosition(overlayNode, target, container, cursorPosition) {
+      var childOffset = cursorPosition ? this.getCursorOffsetPosition(target, container, cursorPosition) : this.getPosition(target, container);
 
       var _ref2 = (0, _getOffset.default)(overlayNode),
           overlayHeight = _ref2.height,

package/cjs/Panel/Panel.js

@@ -58,23 +58,26 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix,
       withClassPrefix = _useClassNames.withClassPrefix;
 
-  var _useControlled = (0, _utils.useControlled)(expandedProp, defaultExpanded),
-      expandedState = _useControlled[0],
-      setExpanded = _useControlled[1];
-
   var _ref = (0, _react.useContext)(_PanelGroup.PanelGroupContext) || {},
       accordion = _ref.accordion,
       activeKey = _ref.activeKey,
       onGroupSelect = _ref.onGroupSelect;
 
+  var _useControlled = (0, _utils.useControlled)(expandedProp, defaultExpanded || typeof activeKey !== 'undefined' && activeKey === eventKey),
+      expandedState = _useControlled[0],
+      setExpanded = _useControlled[1];
+
   var collapsible = collapsibleProp;
   var headerRole = headerRoleProp;
   var expanded = expandedState;
 
   if (accordion) {
     collapsible = true;
-    headerRole = 'button';
-    expanded = typeof activeKey !== 'undefined' ? activeKey === eventKey : expanded;
+    headerRole = 'button'; // Collapses all inactive panels.
+
+    if (typeof activeKey !== 'undefined' && activeKey !== eventKey) {
+      expanded = false;
+    }
   }
 
   var handleSelect = (0, _react.useCallback)(function (event) {

package/cjs/Picker/utils.d.ts

@@ -101,7 +101,7 @@ export declare function useSearch(props: SearchProps): {
     filteredData: import("../CheckTreePicker/utils").TreeNodeType[];
     updateFilteredData: (nextData: ItemDataType[]) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
-    checkShouldDisplay: (item: ItemDataType, keyword?: string | undefined) => boolean;
+    checkShouldDisplay: (item: ItemDataType, keyword?: string) => boolean;
     handleSearch: (searchKeyword: string, event: React.SyntheticEvent) => void;
 };
 interface PickerDependentParameters {

package/cjs/Popover/Popover.d.ts

@@ -7,6 +7,8 @@ export interface PopoverProps extends WithAsProps {
     visible?: boolean;
     /** The content full the container */
     full?: boolean;
+    /** Whether show the arrow indicator */
+    arrow?: boolean;
 }
 declare const Popover: RsRefForwardingComponent<'div', PopoverProps>;
 export default Popover;