rsuite 5.56.0 → 5.58.0

package/esm/Text/Text.d.ts

@@ -0,0 +1,47 @@
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+declare const fontSizeMap: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export interface TextProps extends WithAsProps {
+    /**
+     * The font color of the text.
+     */
+    color?: TypeAttributes.Color;
+    /**
+     * The font size of the text.
+     */
+    size?: keyof typeof fontSizeMap | number | string;
+    /**
+     * To set the text to be muted.
+     */
+    muted?: boolean;
+    /**
+     * To set the text transformation of the element.
+     */
+    transform?: 'uppercase' | 'lowercase' | 'capitalize';
+    /**
+     * To set the text alignment of the element
+     */
+    align?: 'left' | 'center' | 'right' | 'justify';
+    /**
+     * The font weight of the text.
+     * @default 'regular'
+     */
+    weight?: 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    /**
+     * The number of lines to limit the provided text to. Text will be truncated with an ellipsis.
+     */
+    maxLines?: number;
+}
+/**
+ *
+ * The `Text` component is used to display text.
+ *
+ * @see https://rsuitejs.com/components/text
+ */
+declare const Text: RsRefForwardingComponent<'p', TextProps>;
+export default Text;

package/esm/Text/Text.js

@@ -0,0 +1,66 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
+var fontSizeMap = {
+  sm: 12,
+  md: 14,
+  lg: 16,
+  xl: 18,
+  xxl: 20
+};
+/**
+ *
+ * The `Text` component is used to display text.
+ *
+ * @see https://rsuitejs.com/components/text
+ */
+var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'p' : _props$as,
+    align = props.align,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'text' : _props$classPrefix,
+    color = props.color,
+    className = props.className,
+    maxLines = props.maxLines,
+    weight = props.weight,
+    muted = props.muted,
+    transform = props.transform,
+    size = props.size,
+    style = props.style,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "align", "classPrefix", "color", "className", "maxLines", "weight", "muted", "transform", "size", "style"]);
+  var _useClassNames = useClassNames(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix(color, align, weight, transform, {
+    muted: muted,
+    ellipsis: maxLines
+  }));
+  var styles = _extends({
+    fontSize: fontSizeMap[size] || size
+  }, maxLines ? {
+    WebkitLineClamp: maxLines
+  } : null, style);
+  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    ref: ref,
+    className: classes,
+    style: styles
+  }));
+});
+Text.displayName = 'Text';
+Text.propTypes = {
+  className: PropTypes.string,
+  classPrefix: PropTypes.string,
+  as: PropTypes.elementType,
+  size: PropTypes.oneOfType([PropTypes.number, oneOf(['sm', 'md', 'lg', 'xl', 'xxl'])]),
+  muted: PropTypes.bool,
+  transform: oneOf(['uppercase', 'lowercase', 'capitalize']),
+  align: oneOf(['left', 'center', 'right', 'justify']),
+  weight: oneOf(['thin', 'light', 'regular', 'medium', 'semibold', 'bold', 'extrabold']),
+  maxLines: PropTypes.number
+};
+export default Text;

package/esm/Text/index.d.ts

@@ -0,0 +1,3 @@
+import Text from './Text';
+export { type TextProps } from './Text';
+export default Text;

package/esm/Text/index.js

@@ -0,0 +1,4 @@
+'use client';
+import Text from './Text';
+export { type TextProps } from './Text';
+export default Text;

package/esm/Tree/Tree.d.ts

@@ -77,11 +77,11 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     /** load node children data asynchronously */
     getChildren?: (activeNode: ItemDataType) => ItemDataType[] | Promise<ItemDataType>;
 }
-export interface TreeProps<ValueType = string | number> extends TreeBaseProps<ValueType, ItemDataType>, TreeDragProps<ItemDataType> {
+export interface TreeProps<T = string | number> extends TreeBaseProps<T, ItemDataType<T>>, TreeDragProps<ItemDataType<T>> {
     /** Tree Data */
-    data: ItemDataType[];
+    data: ItemDataType<T>[];
     /** Selected value */
-    value?: ValueType;
+    value?: T;
     /** Whether using virtualized list */
     virtualized?: boolean;
     /** Tree data structure Label property name */
@@ -91,7 +91,7 @@ export interface TreeProps<ValueType = string | number> extends TreeBaseProps<Va
     /** Tree data structure Children property name */
     childrenKey?: string;
     /** Default selected Value  */
-    defaultValue?: ValueType;
+    defaultValue?: T;
 }
 /**
  * The `Tree` component is used to display hierarchical data.

package/esm/TreePicker/TreePicker.js

@@ -85,13 +85,11 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExit = props.onExit,
     onExited = props.onExited,
     onClean = props.onClean,
-    onOpen = props.onOpen,
     onSearch = props.onSearch,
     onSelect = props.onSelect,
     onSelectItem = props.onSelectItem,
     onChange = props.onChange,
     onEntered = props.onEntered,
-    onClose = props.onClose,
     onDragEnd = props.onDragEnd,
     onDragStart = props.onDragStart,
     onDragEnter = props.onDragEnter,
@@ -102,7 +100,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     renderExtraFooter = props.renderExtraFooter,
     renderMenu = props.renderMenu,
     renderValue = props.renderValue,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "menuMaxHeight", "menuStyle", "className", "disabled", "placement", "cleanable", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onSelectItem", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "menuMaxHeight", "menuStyle", "className", "disabled", "placement", "cleanable", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onSearch", "onSelect", "onSelectItem", "onChange", "onEntered", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
   var _useCustom = useCustom('Picker', overrideLocale),
     rtl = _useCustom.rtl,
     locale = _useCustom.locale;
@@ -390,15 +388,11 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setDragOverNodeKey(null);
   });
   var handleOpen = useEventCallback(function () {
-    var _trigger$current2, _trigger$current2$ope;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$ope = _trigger$current2.open) === null || _trigger$current2$ope === void 0 ? void 0 : _trigger$current2$ope.call(_trigger$current2);
     focusActiveNode();
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
   });
   var handleClose = useEventCallback(function () {
-    var _trigger$current3, _trigger$current3$clo, _target$current2;
-    (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : (_trigger$current3$clo = _trigger$current3.close) === null || _trigger$current3$clo === void 0 ? void 0 : _trigger$current3$clo.call(_trigger$current3);
+    var _target$current2;
     setSearchKeyword('');
     setActive(false);
     setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);
@@ -486,7 +480,6 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchInput: searchInput,
     active: active,
     onExit: handleClean,
-    onClose: handleClose,
     onMenuKeyDown: function onMenuKeyDown(event) {
       _onMenuKeyDown(event, {
         down: function down() {
@@ -681,7 +674,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placement: placement,
     onEnter: handleOpen,
     onEntered: onEntered,
-    onExit: createChainedFunction(onClose, onExit),
+    onExit: onExit,
     onExited: createChainedFunction(handleClose, onExited),
     speaker: renderTreeView
   }, /*#__PURE__*/React.createElement(Component, {

package/esm/index.d.ts

@@ -1,3 +1,11 @@
+export { default as Text } from './Text';
+export type { TextProps } from './Text';
+export { default as Heading } from './Heading';
+export type { HeadingProps } from './Heading';
+export { default as HeadingGroup } from './HeadingGroup';
+export type { HeadingGroupProps } from './HeadingGroup';
+export { default as SafeAnchor } from './SafeAnchor';
+export type { SafeAnchorProps } from './SafeAnchor';
 export { default as Button } from './Button';
 export type { ButtonProps } from './Button';
 export { default as IconButton } from './IconButton';
@@ -14,28 +22,29 @@ export { default as Popover } from './Popover';
 export type { PopoverProps } from './Popover';
 export { default as Modal } from './Modal';
 export type { ModalProps, ModalBodyProps, ModalDialogProps, ModalFooterProps, ModalHeaderProps, ModalTitleProps } from './Modal';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
+export { default as Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownMenuItemProps, DropdownMenuProps } from './Dropdown';
 export { default as Notification } from './Notification';
 export type { NotificationProps } from './Notification';
 export { default as Message } from './Message';
 export type { MessageProps } from './Message';
-export { default as Drawer } from './Drawer';
-export type { DrawerProps } from './Drawer';
 export { default as Loader } from './Loader';
 export type { LoaderProps } from './Loader';
-export { default as SafeAnchor } from './SafeAnchor';
-export type { SafeAnchorProps } from './SafeAnchor';
 export { default as Placeholder } from './Placeholder';
 export type { PlaceholderGraphProps, PlaceholderGridProps, PlaceholderParagraphProps } from './Placeholder';
 export { default as Badge } from './Badge';
 export type { BadgeProps } from './Badge';
+export { default as toaster } from './toaster';
+export type { Toaster } from './toaster';
+export { default as useToaster } from './useToaster';
+export { default as Progress } from './Progress';
+export type { ProgressLineProps, ProgressCircleProps } from './Progress';
 export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
 export { default as AvatarGroup } from './AvatarGroup';
 export type { AvatarGroupProps } from './AvatarGroup';
-export { default as toaster, useToaster } from './toaster';
-export type { Toaster } from './toaster';
-export { default as Dropdown } from './Dropdown';
-export type { DropdownProps, DropdownMenuItemProps, DropdownMenuProps } from './Dropdown';
 export { default as Nav } from './Nav';
 export type { NavProps, NavItemProps } from './Nav';
 export { default as Navbar } from './Navbar';
@@ -48,10 +57,10 @@ export { default as Pagination } from './Pagination';
 export type { PaginationProps, PaginationButtonProps, BasePaginationProps } from './Pagination';
 export { default as Steps } from './Steps';
 export type { StepsProps, StepItemProps } from './Steps';
-export { default as Toggle } from './Toggle';
-export type { ToggleProps } from './Toggle';
 export { default as Form, useFormClassNames } from './Form';
 export type { FormProps, FormInstance, FormGroupProps, FormErrorMessageProps, FormControlLabelProps, FormHelpTextProps, FormControlProps } from './Form';
+export { default as Toggle } from './Toggle';
+export type { ToggleProps } from './Toggle';
 export { default as Input } from './Input';
 export type { InputProps } from './Input';
 export { default as MaskedInput } from './MaskedInput';
@@ -114,18 +123,16 @@ export { default as Tree } from './Tree';
 export type { TreeProps } from './Tree';
 export { default as CheckTree } from './CheckTree';
 export type { CheckTreeProps } from './CheckTree';
+export { default as CascadeTree } from './CascadeTree';
+export type { CascadeTreeProps } from './CascadeTree';
+export { default as MultiCascadeTree } from './MultiCascadeTree';
+export type { MultiCascadeTreeProps } from './MultiCascadeTree';
 export { default as Panel } from './Panel';
 export type { PanelProps } from './Panel';
-export { default as Accordion } from './Accordion';
-export type { AccordionProps } from './Accordion';
 export { default as PanelGroup } from './PanelGroup';
 export type { PanelGroupProps } from './PanelGroup';
-export { default as Tabs } from './Tabs';
-export type { TabsProps } from './Tabs';
 export { default as Table } from './Table';
 export type { TableProps, ColumnProps, ColumnGroupProps, CellProps, TableLocaleType } from './Table';
-export { default as Progress } from './Progress';
-export type { ProgressLineProps, ProgressCircleProps } from './Progress';
 export { default as Timeline } from './Timeline';
 export type { TimelineProps, TimelineItemProps } from './Timeline';
 export { default as Tag } from './Tag';
@@ -173,3 +180,7 @@ export type { PickerHandle } from './internals/Picker';
 export { default as useMediaQuery } from './useMediaQuery';
 export { default as VisuallyHidden } from './VisuallyHidden';
 export type { VisuallyHiddenProps } from './VisuallyHidden';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';

package/esm/index.js

@@ -1,34 +1,52 @@
 'use client';
-// Base
+// Typography
+// --------------------------------------------------------
+export { default as Text } from './Text';
+export { default as Heading } from './Heading';
+export { default as HeadingGroup } from './HeadingGroup';
+export { default as SafeAnchor } from './SafeAnchor';
+// Buttons
+// --------------------------------------------------------
 export { default as Button } from './Button';
 export { default as IconButton } from './IconButton';
 export { default as ButtonToolbar } from './ButtonToolbar';
 export { default as ButtonGroup } from './ButtonGroup';
+// Overlays
+// --------------------------------------------------------
 export { default as Whisper } from './Whisper';
 export { default as Tooltip } from './Tooltip';
 export { default as Popover } from './Popover';
 export { default as Modal } from './Modal';
+export { default as Drawer } from './Drawer';
+export { default as Dropdown } from './Dropdown';
+// Status
+// --------------------------------------------------------
 export { default as Notification } from './Notification';
 export { default as Message } from './Message';
-export { default as Drawer } from './Drawer';
 export { default as Loader } from './Loader';
-export { default as SafeAnchor } from './SafeAnchor';
 export { default as Placeholder } from './Placeholder';
 export { default as Badge } from './Badge';
+export { default as toaster } from './toaster';
+export { default as useToaster } from './useToaster';
+export { default as Progress } from './Progress';
+// Media
+// --------------------------------------------------------
 export { default as Avatar } from './Avatar';
 export { default as AvatarGroup } from './AvatarGroup';
-export { default as toaster, useToaster } from './toaster';
 // Nav
-export { default as Dropdown } from './Dropdown';
+// --------------------------------------------------------
 export { default as Nav } from './Nav';
 export { default as Navbar } from './Navbar';
 export { default as Sidenav } from './Sidenav';
 export { default as Breadcrumb } from './Breadcrumb';
 export { default as Pagination } from './Pagination';
 export { default as Steps } from './Steps';
-// Data enter
-export { default as Toggle } from './Toggle';
+// Form
+// --------------------------------------------------------
 export { default as Form, useFormClassNames } from './Form';
+// Data Entry
+// --------------------------------------------------------
+export { default as Toggle } from './Toggle';
 export { default as Input } from './Input';
 export { default as MaskedInput } from './MaskedInput';
 export { default as InputNumber } from './InputNumber';
@@ -58,15 +76,15 @@ export { default as Slider } from './Slider';
 export { default as RangeSlider } from './RangeSlider';
 export { default as Rate } from './Rate';
 export { default as InlineEdit } from './InlineEdit';
-// Data display
+// Data Display
+// --------------------------------------------------------
 export { default as Tree } from './Tree';
 export { default as CheckTree } from './CheckTree';
+export { default as CascadeTree } from './CascadeTree';
+export { default as MultiCascadeTree } from './MultiCascadeTree';
 export { default as Panel } from './Panel';
-export { default as Accordion } from './Accordion';
 export { default as PanelGroup } from './PanelGroup';
-export { default as Tabs } from './Tabs';
 export { default as Table } from './Table';
-export { default as Progress } from './Progress';
 export { default as Timeline } from './Timeline';
 export { default as Tag } from './Tag';
 export { default as TagGroup } from './TagGroup';
@@ -74,7 +92,7 @@ export { default as List } from './List';
 export { default as Calendar } from './Calendar';
 export { default as Carousel } from './Carousel';
 // Layout
-
+// --------------------------------------------------------
 export { default as Grid } from './Grid';
 export { default as Row } from './Row';
 export { default as Col } from './Col';
@@ -86,12 +104,17 @@ export { default as Sidebar } from './Sidebar';
 export { default as Footer } from './Footer';
 export { default as Divider } from './Divider';
 export { default as Stack } from './Stack';
-// Utils
-
+// Utils and Hooks
+// --------------------------------------------------------
 export { default as Schema } from './Schema';
 export { default as Animation } from './Animation';
 export { default as DOMHelper } from './DOMHelper';
 export { default as Affix } from './Affix';
 export { default as CustomProvider } from './CustomProvider';
 export { default as useMediaQuery } from './useMediaQuery';
-export { default as VisuallyHidden } from './VisuallyHidden';
+
+// Disclosure
+// --------------------------------------------------------
+export { default as VisuallyHidden } from './VisuallyHidden';
+export { default as Tabs } from './Tabs';
+export { default as Accordion } from './Accordion';

package/esm/internals/Overlay/OverlayTrigger.js

@@ -88,9 +88,10 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onContextMenu = props.onContextMenu,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
+    onOpen = props.onOpen,
     onClose = props.onClose,
     onExited = props.onExited,
-    rest = _objectWithoutPropertiesLoose(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "onExited"]);
+    rest = _objectWithoutPropertiesLoose(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onOpen", "onClose", "onExited"]);
   var _usePortal = usePortal({
       container: container
     }),
@@ -129,30 +130,38 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   // Whether the cursor is on the overlay
   var mouseEnter = useRef(false);
+  var handleOpenChange = useCallback(function (nextOpen, closeCause) {
+    // if the overlay open state is not changed, do not fire the event
+    if (nextOpen === open) return;
+    if (nextOpen) {
+      onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    } else {
+      onClose === null || onClose === void 0 ? void 0 : onClose(closeCause);
+    }
+    setOpen(nextOpen);
+  }, [open, onOpen, onClose, setOpen]);
   var handleOpen = useCallback(function (delay) {
     var ms = _isUndefined(delay) ? delayOpen : delay;
     if (ms && typeof ms === 'number') {
       return delayOpenTimer.current = setTimeout(function () {
         delayOpenTimer.current = null;
         if (mouseEnter.current) {
-          setOpen(true);
+          handleOpenChange(true);
         }
       }, ms);
     }
-    setOpen(true);
-  }, [delayOpen, setOpen]);
-  var handleClose = useCallback(function (delay, callback) {
+    handleOpenChange(true);
+  }, [delayOpen, handleOpenChange]);
+  var handleClose = useCallback(function (delay, closeCause) {
     var ms = _isUndefined(delay) ? delayClose : delay;
     if (ms && typeof ms === 'number') {
       return delayCloseTimer.current = setTimeout(function () {
         delayCloseTimer.current = null;
-        setOpen(false);
-        callback === null || callback === void 0 ? void 0 : callback();
+        handleOpenChange(false, closeCause);
       }, ms);
     }
-    setOpen(false);
-    callback === null || callback === void 0 ? void 0 : callback();
-  }, [delayClose, setOpen]);
+    handleOpenChange(false, closeCause);
+  }, [delayClose, handleOpenChange]);
   var handleExited = useCallback(function () {
     setCursorPosition(null);
   }, []);
@@ -172,9 +181,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       },
       open: handleOpen,
       close: function close(delay) {
-        return handleClose(delay, function () {
-          return onClose === null || onClose === void 0 ? void 0 : onClose(OverlayCloseCause.ImperativeHandle);
-        });
+        return handleClose(delay, OverlayCloseCause.ImperativeHandle);
       },
       updatePosition: function updatePosition() {
         var _overlayRef$current2, _overlayRef$current2$;
@@ -189,7 +196,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleCloseWhenLeave = useCallback(function () {
     // When the cursor is not on the overlay and not on the trigger, it is closed.
     if (!isOnOverlay.current && !isOnTrigger.current) {
-      handleClose();
+      handleClose(undefined, OverlayCloseCause.ClickOutside);
     }
   }, [handleClose]);
   var handleDelayedOpen = useCallback(function () {
@@ -321,9 +328,9 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var overlayProps = _extends({}, rest, {
       rootClose: rootClose,
       triggerTarget: triggerRef,
-      onClose: trigger !== 'none' ? createChainedFunction(handleClose, function () {
-        return onClose === null || onClose === void 0 ? void 0 : onClose(OverlayCloseCause.ClickOutside);
-      }) : undefined,
+      onClose: trigger !== 'none' ? function () {
+        return handleClose(undefined, OverlayCloseCause.ClickOutside);
+      } : undefined,
       onExited: createChainedFunction(followCursor ? handleExited : undefined, onExited),
       placement: placement,
       container: containerElement,

package/esm/internals/Picker/PickerToggle.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes } from '../../@types/common';
+import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../../@types/common';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-declare type ValueType = string | number;
-export interface PickerToggleProps extends ToggleButtonProps {
+export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;
     hasValue?: boolean;
     cleanable?: boolean;
@@ -28,8 +27,8 @@ export interface PickerToggleProps extends ToggleButtonProps {
     loading?: boolean;
     label?: React.ReactNode;
     name?: string;
-    inputValue?: ValueType | ValueType[];
-    focusItemValue?: ValueType | null;
+    inputValue?: T | T[];
+    focusItemValue?: T | null;
     onClean?: (event: React.MouseEvent) => void;
 }
 declare const PickerToggle: RsRefForwardingComponent<typeof ToggleButton, PickerToggleProps>;

package/esm/internals/Picker/PickerToggleTrigger.d.ts

@@ -3,7 +3,7 @@ import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '.
 import { PositionChildProps } from '../../internals/Overlay/Position';
 import { TypeAttributes, AnimationEventProps } from '../../@types/common';
 export type { OverlayTriggerHandle, PositionChildProps };
-export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onClose'> {
+export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;
     /**
      * Identifies the combobox has having a popout, and indicates the type.

package/esm/internals/Picker/PickerToggleTrigger.js

@@ -5,7 +5,7 @@ import React from 'react';
 import pick from 'lodash/pick';
 import OverlayTrigger from '../../internals/Overlay/OverlayTrigger';
 import { placementPolyfill, useCustom, useUniqueId } from '../../utils';
-export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'container', 'containerPadding', 'preventOverflow'];
+export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
 export var ComboboxContextContext = /*#__PURE__*/React.createContext({
   popupType: 'listbox'

package/esm/internals/Picker/hooks/useToggleKeyDownEvent.d.ts

@@ -11,8 +11,6 @@ interface ToggleKeyDownEventProps {
     loading?: boolean;
     onExit?: (event: any) => void;
     onKeyDown?: (event: any) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
     onMenuKeyDown?: (event: any) => void;
     onMenuPressEnter?: (event: any) => void;
     onMenuPressBackspace?: (event: any) => void;

package/esm/internals/Picker/hooks/useToggleKeyDownEvent.js

@@ -16,8 +16,6 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
     disabled = props.disabled,
     loading = props.loading,
     onExit = props.onExit,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
     onKeyDown = props.onKeyDown,
     onMenuKeyDown = props.onMenuKeyDown,
     onMenuPressEnter = props.onMenuPressEnter,
@@ -28,12 +26,10 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
 
     // The focus is on the trigger button after closing
     (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$foc = _trigger$current2.focus) === null || _trigger$current2$foc === void 0 ? void 0 : _trigger$current2$foc.call(_trigger$current2);
-    onClose === null || onClose === void 0 ? void 0 : onClose();
   });
   var handleOpen = useEventCallback(function () {
     var _trigger$current3, _trigger$current3$ope;
     (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : (_trigger$current3$ope = _trigger$current3.open) === null || _trigger$current3$ope === void 0 ? void 0 : _trigger$current3$ope.call(_trigger$current3);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
   var handleToggleDropdown = useEventCallback(function () {
     if (active) {

package/esm/toaster/ToastContainer.d.ts

@@ -3,9 +3,16 @@ import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export declare type PlacementType = 'topCenter' | 'bottomCenter' | 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd';
 export declare const toastPlacements: PlacementType[];
 export interface ToastContainerProps extends WithAsProps {
-    /** The placement of the message box */
+    /**
+     * The placement of the message box。
+     *
+     * @default 'topCenter'
+     */
     placement?: PlacementType;
-    /** Set the message to appear in the specified container */
+    /**
+     * Set the message to appear in the specified container
+     *
+     */
     container?: HTMLElement | (() => HTMLElement);
     /** The number of milliseconds to wait before automatically closing a message. */
     duration?: number;

package/esm/toaster/index.d.ts

@@ -1,4 +1,3 @@
 import toaster from './toaster';
 export type { Toaster } from './toaster';
-export { default as useToaster } from './useToaster';
 export default toaster;

package/esm/toaster/index.js

@@ -1,4 +1,3 @@
 'use client';
 import toaster from './toaster';
-export { default as useToaster } from './useToaster';
 export default toaster;

package/esm/useToaster/index.d.ts

@@ -0,0 +1,2 @@
+import useToaster from './useToaster';
+export default useToaster;

package/esm/useToaster/index.js

@@ -0,0 +1,3 @@
+'use client';
+import useToaster from './useToaster';
+export default useToaster;

package/esm/{toaster → useToaster}/useToaster.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { ToastContainerProps } from './ToastContainer';
+import { ToastContainerProps } from '../toaster/ToastContainer';
 /**
- * The 'useToaster' hook is a wrapper for the 'toaster' module.
+ * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
+ * It is often used with the Message and Notification components.
  * @returns toaster { push, remove, clear }
  *
- * @see https://rsuitejs.com/components/message/
- * @see https://rsuitejs.com/components/notification/
+ * @see https://rsuitejs.com/components/use-toaster/
  */
 declare const useToaster: () => {
     /**