rsuite 5.56.0 → 5.57.0

package/cjs/index.d.ts

@@ -32,8 +32,9 @@ 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 { default as toaster } from './toaster';
 export type { Toaster } from './toaster';
+export { default as useToaster } from './useToaster';
 export { default as Dropdown } from './Dropdown';
 export type { DropdownProps, DropdownMenuItemProps, DropdownMenuProps } from './Dropdown';
 export { default as Nav } from './Nav';
@@ -114,6 +115,10 @@ 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';

package/cjs/index.js

@@ -4,7 +4,7 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.useFormClassNames = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.useToaster = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
 var _Button = _interopRequireDefault(require("./Button"));
 exports.Button = _Button.default;
 var _IconButton = _interopRequireDefault(require("./IconButton"));
@@ -39,9 +39,10 @@ var _Avatar = _interopRequireDefault(require("./Avatar"));
 exports.Avatar = _Avatar.default;
 var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
 exports.AvatarGroup = _AvatarGroup.default;
-var _toaster = _interopRequireWildcard(require("./toaster"));
+var _toaster = _interopRequireDefault(require("./toaster"));
 exports.toaster = _toaster.default;
-exports.useToaster = _toaster.useToaster;
+var _useToaster = _interopRequireDefault(require("./useToaster"));
+exports.useToaster = _useToaster.default;
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 exports.Dropdown = _Dropdown.default;
 var _Nav = _interopRequireDefault(require("./Nav"));
@@ -123,6 +124,10 @@ var _Tree = _interopRequireDefault(require("./Tree"));
 exports.Tree = _Tree.default;
 var _CheckTree = _interopRequireDefault(require("./CheckTree"));
 exports.CheckTree = _CheckTree.default;
+var _CascadeTree = _interopRequireDefault(require("./CascadeTree"));
+exports.CascadeTree = _CascadeTree.default;
+var _MultiCascadeTree = _interopRequireDefault(require("./MultiCascadeTree"));
+exports.MultiCascadeTree = _MultiCascadeTree.default;
 var _Panel = _interopRequireDefault(require("./Panel"));
 exports.Panel = _Panel.default;
 var _Accordion = _interopRequireDefault(require("./Accordion"));

package/cjs/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/cjs/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/cjs/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/cjs/toaster/index.js

@@ -3,9 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.useToaster = void 0;
+exports.default = void 0;
 var _toaster = _interopRequireDefault(require("./toaster"));
-var _useToaster = _interopRequireDefault(require("./useToaster"));
-exports.useToaster = _useToaster.default;
 var _default = _toaster.default;
 exports.default = _default;

package/cjs/useToaster/index.d.ts

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

package/cjs/useToaster/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _useToaster = _interopRequireDefault(require("./useToaster"));
+var _default = _useToaster.default;
+exports.default = _default;

package/cjs/{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: () => {
     /**

package/cjs/{toaster → useToaster}/useToaster.js

@@ -5,14 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _toaster = _interopRequireDefault(require("./toaster"));
+var _toaster = _interopRequireDefault(require("../toaster"));
 var _utils = require("../utils");
 /**
- * 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/
  */
 var useToaster = function useToaster() {
   var _useCustom = (0, _utils.useCustom)(),

package/cjs/utils/index.d.ts

@@ -46,3 +46,4 @@ export { default as useUniqueId } from './useUniqueId';
 export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 export { default as useInternalId } from './useInternalId';
 export { default as useEnsuredRef } from './useEnsuredRef';
+export { useMap } from './useMap';

package/cjs/utils/index.js

@@ -50,9 +50,10 @@ var _exportNames = {
   defaultClassPrefix: true,
   getClassNamePrefix: true,
   globalKey: true,
+  useMap: true,
   DateUtils: true
 };
-exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useEnsuredRef = exports.useInternalId = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.getStringLength = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.DateUtils = exports.useMap = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useEnsuredRef = exports.useInternalId = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.getStringLength = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 var _BrowserDetection = require("./BrowserDetection");
 Object.keys(_BrowserDetection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -169,4 +170,6 @@ exports.useIsomorphicLayoutEffect = _useIsomorphicLayoutEffect.default;
 var _useInternalId = _interopRequireDefault(require("./useInternalId"));
 exports.useInternalId = _useInternalId.default;
 var _useEnsuredRef = _interopRequireDefault(require("./useEnsuredRef"));
-exports.useEnsuredRef = _useEnsuredRef.default;
+exports.useEnsuredRef = _useEnsuredRef.default;
+var _useMap = require("./useMap");
+exports.useMap = _useMap.useMap;

package/dist/rsuite-no-reset-rtl.css

@@ -3654,19 +3654,12 @@ tbody.rs-anim-collapse.rs-anim-in {
             transform: translateY(-50%);
   }
 }
-.rs-picker-cascader-menu-items > div::before,
-.rs-picker-cascader-menu-items > div::after {
-  content: ' ';
-  display: table;
-}
-.rs-picker-cascader-menu-items > div::after {
-  clear: both;
-}
-.rs-picker-cascader-search-panel {
+.rs-cascade-search-view-panel {
   max-height: 300px;
+  margin-top: 6px;
   overflow: auto;
 }
-.rs-picker-cascader-row {
+.rs-cascade-search-view-row {
   display: block;
   padding: 8px 12px;
   clear: both;
@@ -3678,13 +3671,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-decoration: none;
   width: 100%;
 }
-.rs-picker-cascader-row:hover {
+.rs-cascade-search-view-row:hover {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-row:hover {
+.rs-theme-high-contrast .rs-cascade-search-view-row:hover {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3693,16 +3686,16 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row:hover {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row:hover {
   outline-offset: 2px;
 }
-.rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3711,40 +3704,52 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   outline-offset: 2px;
 }
-.rs-picker-cascader-row:disabled,
-.rs-picker-cascader-row.rs-picker-cascader-row-disabled {
+.rs-cascade-search-view-row:disabled,
+.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled {
   color: #c5c6c7;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
 }
-.rs-picker-cascader-row:disabled .rs-picker-cascader-search-match,
-.rs-picker-cascader-row.rs-picker-cascader-row-disabled .rs-picker-cascader-search-match {
+.rs-cascade-search-view-row:disabled .rs-cascade-search-view-match,
+.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled .rs-cascade-search-view-match {
   opacity: 0.7;
   font-weight: normal;
 }
-.rs-picker-cascader-col {
+.rs-cascade-search-view-col {
   display: inline-block;
 }
-.rs-picker-cascader-col::after {
+.rs-cascade-search-view-col::after {
   content: '\00a0/\00a0';
 }
-.rs-picker-cascader-col:last-child::after {
+.rs-cascade-search-view-col:last-child::after {
   display: none;
 }
-.rs-picker-cascader-search-match {
+.rs-cascade-search-view-match {
   color: #3498ff;
   color: var(--rs-primary-500);
   font-weight: bold;
 }
-.rs-picker-cascader-menu-column {
-  float: right;
+.rs-cascade-tree-items {
+  padding: 6px 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.rs-cascade-tree-items ul,
+.rs-cascade-tree-items li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 14px;
+}
+.rs-cascade-tree-column {
   overflow-y: auto;
 }
-.rs-picker-cascader-menu-column-loading {
+.rs-cascade-tree-column-loading {
   padding: 4px;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -3756,17 +3761,10 @@ tbody.rs-anim-collapse.rs-anim-in {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.rs-picker-cascader-menu-column-loading .rs-icon {
+.rs-cascade-tree-column-loading .rs-icon {
   margin: 4px;
 }
-.rs-picker-cascader-menu-items ul,
-.rs-picker-cascader-menu-items li {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  font-size: 14px;
-}
-.rs-picker-cascader-menu-item {
+.rs-cascade-tree-item {
   display: block;
   padding: 8px 12px;
   clear: both;
@@ -3781,22 +3779,20 @@ tbody.rs-anim-collapse.rs-anim-in {
   padding: 8px 12px 8px 28px;
   word-break: break-word;
 }
-.rs-picker-cascader-menu-items-has-children .rs-picker-cascader-menu-item {
+.rs-cascade-tree-items-has-children .rs-cascade-tree-item {
   padding-left: 32px;
 }
-.rs-picker-cascader-menu-item:hover,
-.rs-picker-cascader-menu-item:focus,
-.rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-cascade-tree-item:hover,
+.rs-cascade-tree-item:focus,
+.rs-cascade-tree-item.rs-cascade-tree-item-focus {
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-theme-high-contrast .rs-cascade-tree-item:hover,
+.rs-theme-high-contrast .rs-cascade-tree-item:focus,
+.rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3805,34 +3801,33 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
   outline-offset: 2px;
 }
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
+.rs-cascade-tree-item.rs-cascade-tree-item-active {
   background-color: #f2faff;
   background-color: var(--rs-listbox-option-selected-bg);
   font-weight: bold;
   color: #1675e0;
   color: var(--rs-listbox-option-selected-text);
 }
-.rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
+.rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-active {
   text-decoration: underline;
 }
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active .rs-picker-cascader-menu-caret {
+.rs-cascade-tree-item.rs-cascade-tree-item-active .rs-cascade-tree-caret {
   color: #575757;
   color: var(--rs-text-primary);
 }
-.rs-picker-cascader-menu-item:disabled,
-.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-disabled {
+.rs-cascade-tree-item:disabled,
+.rs-cascade-tree-item.rs-cascade-tree-item-disabled {
   color: #c5c6c7;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
 }
-.rs-picker-cascader-menu-caret {
+.rs-cascade-tree-caret {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -9846,24 +9841,32 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   height: 50px;
   overflow: scroll;
 }
-.rs-picker-cascader-menu .rs-check-item .rs-checkbox-checker > label {
+.rs-cascade-tree-items .rs-check-item .rs-checkbox-checker > label {
   padding-left: 26px;
 }
-.rs-picker-cascader-menu .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label,
-.rs-picker-cascader-menu .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
+.rs-cascade-tree-items .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label,
+.rs-cascade-tree-items .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
   font-weight: bold;
 }
-.rs-picker-cascader-menu-column.rs-picker-cascader-menu-column-uncheckable .rs-check-item .rs-checkbox-checker > label {
+.rs-cascade-tree-column.rs-cascade-tree-column-uncheckable .rs-check-item .rs-checkbox-checker > label {
   padding-right: 12px;
 }
-.rs-picker-multi-cascader-menu .rs-picker-cascader-col {
+.rs-cascade-tree-multi .rs-cascade-search-view-row {
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.rs-cascade-tree-multi .rs-cascade-search-view-col {
   padding: 0;
 }
-.rs-picker-multi-cascader-menu .rs-picker-cascader-row {
+.rs-picker-popup-multi-cascader .rs-cascade-search-view-row {
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 0;
 }
+.rs-picker-popup-multi-cascader .rs-cascade-search-view-col {
+  padding: 0;
+}
 .rs-nav {
   position: relative;
   outline: 0;