rsuite 5.73.1 → 5.74.0

package/cjs/List/List.js

@@ -9,11 +9,12 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _useSortHelper2 = _interopRequireDefault(require("./helper/useSortHelper"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 var _ListItem = _interopRequireDefault(require("./ListItem"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "bordered", "hover", "size", "sortable", "autoScroll", "pressDelay", "transitionDuration", "children", "onSort", "onSortEnd", "onSortMove", "onSortStart"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -22,28 +23,30 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/list
  */
 var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'list' : _props$classPrefix,
-    className = props.className,
-    bordered = props.bordered,
-    hover = props.hover,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    sortable = props.sortable,
-    _props$autoScroll = props.autoScroll,
-    autoScroll = _props$autoScroll === void 0 ? true : _props$autoScroll,
-    _props$pressDelay = props.pressDelay,
-    pressDelay = _props$pressDelay === void 0 ? 0 : _props$pressDelay,
-    _props$transitionDura = props.transitionDuration,
-    transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-    children = props.children,
-    onSort = props.onSort,
-    onSortEnd = props.onSortEnd,
-    onSortMove = props.onSortMove,
-    onSortStart = props.onSortStart,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('List', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'list' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    bordered = propsWithDefaults.bordered,
+    hover = propsWithDefaults.hover,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
+    sortable = propsWithDefaults.sortable,
+    _propsWithDefaults$au = propsWithDefaults.autoScroll,
+    autoScroll = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
+    _propsWithDefaults$pr = propsWithDefaults.pressDelay,
+    pressDelay = _propsWithDefaults$pr === void 0 ? 0 : _propsWithDefaults$pr,
+    _propsWithDefaults$tr = propsWithDefaults.transitionDuration,
+    transitionDuration = _propsWithDefaults$tr === void 0 ? 300 : _propsWithDefaults$tr,
+    children = propsWithDefaults.children,
+    onSort = propsWithDefaults.onSort,
+    onSortEnd = propsWithDefaults.onSortEnd,
+    onSortMove = propsWithDefaults.onSortMove,
+    onSortStart = propsWithDefaults.onSortStart,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Loader/Loader.js

@@ -10,26 +10,29 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "inverse", "backdrop", "speed", "center", "vertical", "content", "size"];
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
  */
 var Loader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'loader' : _props$classPrefix,
-    className = props.className,
-    inverse = props.inverse,
-    backdrop = props.backdrop,
-    _props$speed = props.speed,
-    speed = _props$speed === void 0 ? 'normal' : _props$speed,
-    center = props.center,
-    vertical = props.vertical,
-    content = props.content,
-    size = props.size,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Loader', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'loader' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    inverse = propsWithDefaults.inverse,
+    backdrop = propsWithDefaults.backdrop,
+    _propsWithDefaults$sp = propsWithDefaults.speed,
+    speed = _propsWithDefaults$sp === void 0 ? 'normal' : _propsWithDefaults$sp,
+    center = propsWithDefaults.center,
+    vertical = propsWithDefaults.vertical,
+    content = propsWithDefaults.content,
+    size = propsWithDefaults.size,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,

package/cjs/MaskedInput/MaskedInput.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from '../Input';
-import type { TextMaskProps } from './TextMask';
 import { RsRefForwardingComponent } from '../internals/types';
+import type { TextMaskProps } from './TextMask';
 export type MaskedInputProps = Omit<TextMaskProps, 'onChange'> & Omit<InputProps, 'type'>;
 declare const MaskedInput: RsRefForwardingComponent<'input', MaskedInputProps>;
 export default MaskedInput;

package/cjs/MaskedInput/MaskedInput.js

@@ -8,10 +8,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _TextMask = _interopRequireDefault(require("./TextMask"));
 var _Input = _interopRequireDefault(require("../Input"));
+var _CustomProvider = require("../CustomProvider");
 var MaskedInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    inputAs = _props$as === void 0 ? _TextMask.default : _props$as;
-  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, props, {
+  var _useCustom = (0, _CustomProvider.useCustom)('MaskedInput', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    inputAs = _propsWithDefaults$as === void 0 ? _TextMask.default : _propsWithDefaults$as;
+  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, propsWithDefaults, {
     as: inputAs,
     ref: ref
   }));

package/cjs/Message/Message.js

@@ -9,13 +9,14 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
+var _useDelayedClosure2 = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
 var _constants = require("../internals/constants");
 var _statusIcons = require("../internals/constants/statusIcons");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
-var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
-var _useDelayedClosure2 = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var _excluded = ["as", "bordered", "centered", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -26,24 +27,26 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _withClassPrefix;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    bordered = props.bordered,
-    centered = props.centered,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'message' : _props$classPrefix,
-    children = props.children,
-    closable = props.closable,
-    _props$duration = props.duration,
-    duration = _props$duration === void 0 ? 2000 : _props$duration,
-    full = props.full,
-    header = props.header,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'info' : _props$type,
-    showIcon = props.showIcon,
-    onClose = props.onClose,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Message', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    centered = propsWithDefaults.centered,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'message' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    closable = propsWithDefaults.closable,
+    _propsWithDefaults$du = propsWithDefaults.duration,
+    duration = _propsWithDefaults$du === void 0 ? 2000 : _propsWithDefaults$du,
+    full = propsWithDefaults.full,
+    header = propsWithDefaults.header,
+    _propsWithDefaults$ty = propsWithDefaults.type,
+    type = _propsWithDefaults$ty === void 0 ? 'info' : _propsWithDefaults$ty,
+    showIcon = propsWithDefaults.showIcon,
+    onClose = propsWithDefaults.onClose,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useState = (0, _react.useState)('show'),
     display = _useState[0],
     setDisplay = _useState[1];

package/cjs/Modal/Modal.js

@@ -14,16 +14,17 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _getAnimationEnd = _interopRequireDefault(require("dom-lib/getAnimationEnd"));
 var _Modal = _interopRequireWildcard(require("../internals/Overlay/Modal"));
 var _Bounce = _interopRequireDefault(require("../Animation/Bounce"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
-var _ModalContext = require("./ModalContext");
 var _ModalBody = _interopRequireDefault(require("./ModalBody"));
 var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
 var _ModalTitle = _interopRequireDefault(require("./ModalTitle"));
 var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _ModalContext = require("./ModalContext");
 var _utils2 = require("./utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id", "isDrawer", "closeButton"],
   _excluded2 = ["className"];
@@ -36,42 +37,44 @@ var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
  */
 var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _prefix, _merge;
-  var _props$animation = props.animation,
-    animation = _props$animation === void 0 ? _Bounce.default : _props$animation,
-    animationProps = props.animationProps,
-    _props$animationTimeo = props.animationTimeout,
-    animationTimeout = _props$animationTimeo === void 0 ? 300 : _props$animationTimeo,
-    ariaLabelledby = props['aria-labelledby'],
-    ariaDescribedby = props['aria-describedby'],
-    backdropClassName = props.backdropClassName,
-    _props$backdrop = props.backdrop,
-    backdrop = _props$backdrop === void 0 ? true : _props$backdrop,
-    className = props.className,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
-    dialogClassName = props.dialogClassName,
-    dialogStyle = props.dialogStyle,
-    _props$dialogAs = props.dialogAs,
-    Dialog = _props$dialogAs === void 0 ? _ModalDialog.default : _props$dialogAs,
-    enforceFocusProp = props.enforceFocus,
-    full = props.full,
-    _props$overflow = props.overflow,
-    overflow = _props$overflow === void 0 ? true : _props$overflow,
-    open = props.open,
-    onClose = props.onClose,
-    onEntered = props.onEntered,
-    onEntering = props.onEntering,
-    onExited = props.onExited,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'dialog' : _props$role,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'sm' : _props$size,
-    idProp = props.id,
-    _props$isDrawer = props.isDrawer,
-    isDrawer = _props$isDrawer === void 0 ? false : _props$isDrawer,
-    closeButton = props.closeButton,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Modal', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$an = propsWithDefaults.animation,
+    animation = _propsWithDefaults$an === void 0 ? _Bounce.default : _propsWithDefaults$an,
+    animationProps = propsWithDefaults.animationProps,
+    _propsWithDefaults$an2 = propsWithDefaults.animationTimeout,
+    animationTimeout = _propsWithDefaults$an2 === void 0 ? 300 : _propsWithDefaults$an2,
+    ariaLabelledby = propsWithDefaults['aria-labelledby'],
+    ariaDescribedby = propsWithDefaults['aria-describedby'],
+    backdropClassName = propsWithDefaults.backdropClassName,
+    _propsWithDefaults$ba = propsWithDefaults.backdrop,
+    backdrop = _propsWithDefaults$ba === void 0 ? true : _propsWithDefaults$ba,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'modal' : _propsWithDefaults$cl,
+    dialogClassName = propsWithDefaults.dialogClassName,
+    dialogStyle = propsWithDefaults.dialogStyle,
+    _propsWithDefaults$di = propsWithDefaults.dialogAs,
+    Dialog = _propsWithDefaults$di === void 0 ? _ModalDialog.default : _propsWithDefaults$di,
+    enforceFocusProp = propsWithDefaults.enforceFocus,
+    full = propsWithDefaults.full,
+    _propsWithDefaults$ov = propsWithDefaults.overflow,
+    overflow = _propsWithDefaults$ov === void 0 ? true : _propsWithDefaults$ov,
+    open = propsWithDefaults.open,
+    onClose = propsWithDefaults.onClose,
+    onEntered = propsWithDefaults.onEntered,
+    onEntering = propsWithDefaults.onEntering,
+    onExited = propsWithDefaults.onExited,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'dialog' : _propsWithDefaults$ro,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'sm' : _propsWithDefaults$si,
+    idProp = propsWithDefaults.id,
+    _propsWithDefaults$is = propsWithDefaults.isDrawer,
+    isDrawer = _propsWithDefaults$is === void 0 ? false : _propsWithDefaults$is,
+    closeButton = propsWithDefaults.closeButton,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var inClass = {
     in: open && !animation
   };

package/cjs/MultiCascadeTree/MultiCascadeTree.js

@@ -8,9 +8,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _TreeView = _interopRequireDefault(require("./TreeView"));
+var _SearchView = _interopRequireDefault(require("./SearchView"));
 var _hooks = require("./hooks");
 var _hooks2 = require("../internals/hooks");
-var _SearchView = _interopRequireDefault(require("./SearchView"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "value", "valueKey", "labelKey", "locale", "childrenKey", "disabledItemValues", "cascade", "columnWidth", "columnHeight", "searchable", "uncheckableItemValues", "getChildren", "renderColumn", "renderTreeNode", "onSelect", "onCheck", "onChange", "onSearch"];
 var emptyArray = [];
 
@@ -19,39 +20,41 @@ var emptyArray = [];
  * @see https://rsuitejs.com/components/multi-cascade-tree/
  */
 var MultiCascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$data = props.data,
-    data = _props$data === void 0 ? emptyArray : _props$data,
-    defaultValue = props.defaultValue,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'cascade-tree' : _props$classPrefix,
-    valueProp = props.value,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    locale = props.locale,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    _props$cascade = props.cascade,
-    cascade = _props$cascade === void 0 ? true : _props$cascade,
-    columnWidth = props.columnWidth,
-    columnHeight = props.columnHeight,
-    searchable = props.searchable,
-    _props$uncheckableIte = props.uncheckableItemValues,
-    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
-    getChildren = props.getChildren,
-    renderColumn = props.renderColumn,
-    renderTreeNode = props.renderTreeNode,
-    onSelect = props.onSelect,
-    onCheck = props.onCheck,
-    onChange = props.onChange,
-    onSearch = props.onSearch,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('MultiCascadeTree', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    data = _propsWithDefaults$da === void 0 ? emptyArray : _propsWithDefaults$da,
+    defaultValue = propsWithDefaults.defaultValue,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'cascade-tree' : _propsWithDefaults$cl,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    locale = propsWithDefaults.locale,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? emptyArray : _propsWithDefaults$di,
+    _propsWithDefaults$ca = propsWithDefaults.cascade,
+    cascade = _propsWithDefaults$ca === void 0 ? true : _propsWithDefaults$ca,
+    columnWidth = propsWithDefaults.columnWidth,
+    columnHeight = propsWithDefaults.columnHeight,
+    searchable = propsWithDefaults.searchable,
+    _propsWithDefaults$un = propsWithDefaults.uncheckableItemValues,
+    uncheckableItemValues = _propsWithDefaults$un === void 0 ? emptyArray : _propsWithDefaults$un,
+    getChildren = propsWithDefaults.getChildren,
+    renderColumn = propsWithDefaults.renderColumn,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    onSelect = propsWithDefaults.onSelect,
+    onCheck = propsWithDefaults.onCheck,
+    onChange = propsWithDefaults.onChange,
+    onSearch = propsWithDefaults.onSearch,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var itemKeys = {
     childrenKey: childrenKey,
     labelKey: labelKey,

package/cjs/MultiCascadeTree/SearchView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ItemDataType, WithAsProps } from '../internals/types';
+import type { ItemDataType, WithAsProps } from '../internals/types';
 interface SearchViewProps<T> extends WithAsProps {
     searchKeyword: string;
     labelKey: string;

package/cjs/MultiCascadeTree/SearchView.js

@@ -7,10 +7,11 @@ exports.default = void 0;
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../internals/hooks");
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _Highlight = _interopRequireDefault(require("../Highlight"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _utils = require("./utils");
 var _excluded = ["as", "classPrefix", "className", "searchKeyword", "childrenKey", "labelKey", "valueKey", "value", "data", "disabledItemValues", "inputRef", "cascade", "locale", "onSearch", "onCheck"];
 function SearchView(props) {
@@ -38,8 +39,11 @@ function SearchView(props) {
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('Combobox', overrideLocale),
+    searchPlaceholder = _getLocale.searchPlaceholder,
+    noResultsText = _getLocale.noResultsText;
   var renderSearchRow = function renderSearchRow(item, key) {
     var _extends2;
     var nodes = (0, _utils.getNodeParents)(item);
@@ -95,7 +99,7 @@ function SearchView(props) {
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({
     className: classes
   }, rest), /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
-    placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
+    placeholder: searchPlaceholder,
     onChange: onSearch,
     value: searchKeyword,
     inputRef: inputRef
@@ -105,6 +109,6 @@ function SearchView(props) {
     role: "tree"
   }, data.length ? data.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement("div", {
     className: merge(prefix('none'), rootPrefix('picker-none'))
-  }, locale.noResultsText)));
+  }, noResultsText)));
 }
 var _default = exports.default = SearchView;

package/cjs/MultiCascadeTree/TreeView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import type { CascadeColumn } from '../CascadeTree/types';
 export interface TreeViewProps<T = any> extends WithAsProps {
     disabledItemValues?: T[];

package/cjs/MultiCascadeTree/TreeView.js

@@ -7,13 +7,14 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
-var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
-var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
+var _Spinner = _interopRequireDefault(require("@rsuite/icons/Spinner"));
+var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
+var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _utils2 = require("./utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "style", "renderTreeNode", "renderColumn", "onCheck", "onSelect"];
 var emptyArray = [];
 var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -52,7 +53,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('items'));
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var _useCombobox = (0, _Picker.useCombobox)(),
     id = _useCombobox.id,
@@ -89,7 +90,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = node.loading ? _Spinner.default : rtl ? _PagePrevious.default : _PageNext.default;
+    var Icon = node.loading ? _Spinner.default : rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
     var active = value.some(function (v) {
       return v === nodeValue;
     });

package/cjs/MultiCascadeTree/types.d.ts

@@ -6,7 +6,7 @@ export interface ItemKeys {
     labelKey: string;
     childrenKey: string;
 }
-export interface MultiCascadeTreeProps<T, V = T[], L = any> extends WithAsProps, CascadeTreeProps<T, V> {
+export interface MultiCascadeTreeProps<T = any, V = T[], L = any> extends WithAsProps, CascadeTreeProps<T, V> {
     /**
      * When set to true, selecting a child node will update the state of the parent node.
      */

package/cjs/MultiCascader/MultiCascader.d.ts

@@ -3,7 +3,7 @@ import { PickerLocale } from '../locales';
 import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { FormControlPickerProps, ItemDataType, DataItemValue } from '../internals/types';
 import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
-export interface MultiCascaderProps<T extends DataItemValue> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'loading'> {
+export interface MultiCascaderProps<T extends DataItemValue = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'loading'> {
     /**
      * A picker that can be counted
      */