rsuite 5.73.1 → 5.74.0

package/cjs/AvatarGroup/AvatarGroup.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "spacing", "className", "children", "stack", "size", "style"];
 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; }
@@ -21,17 +22,19 @@ var AvatarGroupContext = exports.AvatarGroupContext = /*#__PURE__*/_react.defaul
  * @see https://rsuitejs.com/components/avatar
  */
 var AvatarGroup = /*#__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 ? 'avatar-group' : _props$classPrefix,
-    spacing = props.spacing,
-    className = props.className,
-    children = props.children,
-    stack = props.stack,
-    size = props.size,
-    style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('AvatarGroup', 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 ? 'avatar-group' : _propsWithDefaults$cl,
+    spacing = propsWithDefaults.spacing,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    stack = propsWithDefaults.stack,
+    size = propsWithDefaults.size,
+    style = propsWithDefaults.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Badge/Badge.js

@@ -10,23 +10,26 @@ 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", "content", "color", "className", "classPrefix", "children", "maxCount"];
 /**
  * The Badge component is usually used to mark or highlight the status or quantity of an object.
  * @see https://rsuitejs.com/components/badge
  */
 var Badge = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    contentText = props.content,
-    color = props.color,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'badge' : _props$classPrefix,
-    children = props.children,
-    _props$maxCount = props.maxCount,
-    maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Badge', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    contentText = propsWithDefaults.content,
+    color = propsWithDefaults.color,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'badge' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$ma = propsWithDefaults.maxCount,
+    maxCount = _propsWithDefaults$ma === void 0 ? 99 : _propsWithDefaults$ma,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,

package/cjs/Breadcrumb/Breadcrumb.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "className", "classPrefix", "children", "ellipsis", "maxItems", "separator", "locale", "onExpand"];
 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; }
@@ -25,29 +26,29 @@ var Separator = (0, _utils.createComponent)({
  * @see https://rsuitejs.com/components/breadcrumb
  */
 var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'nav' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb' : _props$classPrefix,
-    children = props.children,
-    _props$ellipsis = props.ellipsis,
-    ellipsis = _props$ellipsis === void 0 ? '...' : _props$ellipsis,
-    _props$maxItems = props.maxItems,
-    maxItems = _props$maxItems === void 0 ? 5 : _props$maxItems,
-    _props$separator = props.separator,
-    separator = _props$separator === void 0 ? '/' : _props$separator,
-    overrideLocale = props.locale,
-    onExpand = props.onExpand,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Breadcrumb', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'nav' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'breadcrumb' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$el = propsWithDefaults.ellipsis,
+    ellipsis = _propsWithDefaults$el === void 0 ? '...' : _propsWithDefaults$el,
+    _propsWithDefaults$ma = propsWithDefaults.maxItems,
+    maxItems = _propsWithDefaults$ma === void 0 ? 5 : _propsWithDefaults$ma,
+    _propsWithDefaults$se = propsWithDefaults.separator,
+    separator = _propsWithDefaults$se === void 0 ? '/' : _propsWithDefaults$se,
+    locale = propsWithDefaults.locale,
+    onExpand = propsWithDefaults.onExpand,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var _useState = (0, _react.useState)(true),
     showEllipsis = _useState[0],
     setShowEllipsis = _useState[1];
-  var _useCustom = (0, _hooks.useCustom)('Breadcrumb', overrideLocale),
-    locale = _useCustom.locale;
   var handleClickEllipsis = (0, _hooks.useEventCallback)(function (event) {
     setShowEllipsis(false);
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(event);
@@ -64,8 +65,8 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return [].concat(items.slice(0, 1), [[/*#__PURE__*/_react.default.createElement(_BreadcrumbItem.default, {
         role: "button",
         key: "ellipsis",
-        title: locale.expandText,
-        "aria-label": locale.expandText,
+        title: locale === null || locale === void 0 ? void 0 : locale.expandText,
+        "aria-label": locale === null || locale === void 0 ? void 0 : locale.expandText,
         separator: /*#__PURE__*/_react.default.createElement(Separator, null, separator),
         onClick: handleClickEllipsis
       }, /*#__PURE__*/_react.default.createElement("span", {
@@ -73,7 +74,7 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, ellipsis))]], items.slice(items.length - 1, items.length));
     }
     return items;
-  }, [children, ellipsis, handleClickEllipsis, locale.expandText, maxItems, separator, showEllipsis]);
+  }, [children, ellipsis, handleClickEllipsis, locale === null || locale === void 0 ? void 0 : locale.expandText, maxItems, separator, showEllipsis]);
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,

package/cjs/Button/Button.js

@@ -10,11 +10,12 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
+var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _propTypes2 = require("../internals/propTypes");
 var _ButtonGroup = require("../ButtonGroup");
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "startIcon", "endIcon", "type"];
 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); }
@@ -24,25 +25,27 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/button
  */
 var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var as = props.as,
-    active = props.active,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    block = props.block,
-    className = props.className,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,
-    color = props.color,
-    disabled = props.disabled,
-    loading = props.loading,
-    _props$ripple = props.ripple,
-    ripple = _props$ripple === void 0 ? true : _props$ripple,
-    sizeProp = props.size,
-    startIcon = props.startIcon,
-    endIcon = props.endIcon,
-    typeProp = props.type,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Button', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var as = propsWithDefaults.as,
+    active = propsWithDefaults.active,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    block = propsWithDefaults.block,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'btn' : _propsWithDefaults$cl,
+    color = propsWithDefaults.color,
+    disabled = propsWithDefaults.disabled,
+    loading = propsWithDefaults.loading,
+    _propsWithDefaults$ri = propsWithDefaults.ripple,
+    ripple = _propsWithDefaults$ri === void 0 ? true : _propsWithDefaults$ri,
+    sizeProp = propsWithDefaults.size,
+    startIcon = propsWithDefaults.startIcon,
+    endIcon = propsWithDefaults.endIcon,
+    typeProp = propsWithDefaults.type,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);
   var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),

package/cjs/ButtonGroup/ButtonGroup.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _propTypes2 = require("../internals/propTypes");
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
 var _excluded = ["as", "classPrefix", "role", "className", "children", "block", "vertical", "justified", "size"];
 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); }
@@ -19,19 +20,21 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/button/#button-group
  */
 var ButtonGroup = /*#__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 ? 'btn-group' : _props$classPrefix,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'group' : _props$role,
-    className = props.className,
-    children = props.children,
-    block = props.block,
-    vertical = props.vertical,
-    justified = props.justified,
-    size = props.size,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('ButtonGroup', 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 ? 'btn-group' : _propsWithDefaults$cl,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'group' : _propsWithDefaults$ro,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    block = propsWithDefaults.block,
+    vertical = propsWithDefaults.vertical,
+    justified = propsWithDefaults.justified,
+    size = propsWithDefaults.size,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/ButtonToolbar/ButtonToolbar.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _excluded = ["className", "classPrefix", "as", "role"];
 /**
@@ -16,14 +17,16 @@ var _excluded = ["className", "classPrefix", "as", "role"];
  * @see https://rsuitejs.com/components/button/#button-toolbar
  */
 var ButtonToolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'btn-toolbar' : _props$classPrefix,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? _Stack.default : _props$as,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'toolbar' : _props$role,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('ButtonToolbar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'btn-toolbar' : _propsWithDefaults$cl,
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? _Stack.default : _propsWithDefaults$as,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'toolbar' : _propsWithDefaults$ro,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var stackProps = Component === _Stack.default ? {
     wrap: true,
     spacing: 10,

package/cjs/Calendar/Calendar.js

@@ -8,9 +8,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _date = require("../internals/utils/date");
 var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
 var _Button = _interopRequireDefault(require("../Button"));
+var _date = require("../internals/utils/date");
 var _CustomProvider = require("../CustomProvider");
 var _hooks = require("../internals/hooks");
 var _hooks2 = require("./hooks");
@@ -20,31 +20,31 @@ var _excluded = ["as", "bordered", "className", "classPrefix", "compact", "defau
  * @see https://rsuitejs.com/components/calendar
  */
 var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,
-    bordered = props.bordered,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
-    compact = props.compact,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? (0, _date.startOfDay)(new Date()) : _props$defaultValue,
-    isoWeek = props.isoWeek,
-    _props$weekStart = props.weekStart,
-    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
-    overrideLocale = props.locale,
-    onChange = props.onChange,
-    onMonthChange = props.onMonthChange,
-    onSelect = props.onSelect,
-    renderCell = props.renderCell,
-    value = props.value,
-    cellClassName = props.cellClassName,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Calendar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? _CalendarContainer.default : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'calendar' : _propsWithDefaults$cl,
+    compact = propsWithDefaults.compact,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? (0, _date.startOfDay)(new Date()) : _propsWithDefaults$de,
+    isoWeek = propsWithDefaults.isoWeek,
+    _propsWithDefaults$we = propsWithDefaults.weekStart,
+    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    locale = propsWithDefaults.locale,
+    onChange = propsWithDefaults.onChange,
+    onMonthChange = propsWithDefaults.onMonthChange,
+    onSelect = propsWithDefaults.onSelect,
+    renderCell = propsWithDefaults.renderCell,
+    value = propsWithDefaults.value,
+    cellClassName = propsWithDefaults.cellClassName,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useCalendarDate = (0, _hooks2.useCalendarDate)(value, defaultValue),
     calendarDate = _useCalendarDate.calendarDate,
     setCalendarDate = _useCalendarDate.setCalendarDate;
-  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
-    locale = _useCustom.locale;
   var handleChange = (0, _hooks.useEventCallback)(function (nextValue) {
     setCalendarDate(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
@@ -68,12 +68,12 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: prefix('btn-today'),
       size: "sm",
       onClick: handleClickToday
-    }, locale.today || 'Today');
+    }, (locale === null || locale === void 0 ? void 0 : locale.today) || 'Today');
   };
   var renderTitle = function renderTitle(date) {
     return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
       date: date,
-      formatStr: locale.formattedMonthPattern || 'MMMM  yyyy'
+      formatStr: (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'MMMM  yyyy'
     });
   };
   var classes = merge(className, withClassPrefix('panel', {

package/cjs/Calendar/CalendarBody.d.ts

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export type CalendarBodyProps = WithAsProps;
 declare const CalendarBody: RsRefForwardingComponent<'div', CalendarBodyProps>;
 export default CalendarBody;

package/cjs/Calendar/CalendarBody.js

@@ -7,10 +7,11 @@ 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 _Grid = _interopRequireDefault(require("./Grid"));
 var _date = require("../internals/utils/date");
 var _hooks = require("../internals/hooks");
-var _Grid = _interopRequireDefault(require("./Grid"));
 var _hooks2 = require("./hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "className", "classPrefix"];
 var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -25,9 +26,10 @@ var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     isoWeek = _useCalendar.isoWeek,
     overrideLocale = _useCalendar.locale,
     weekStart = _useCalendar.weekStart;
-  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
-    locale = _useCustom.locale,
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale,
     formatDate = _useCustom.formatDate;
+  var locale = getLocale('Calendar', overrideLocale);
   var thisMonthDate = (0, _date.setDate)(date, 1);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,

package/cjs/Calendar/CalendarContainer.d.ts

@@ -99,7 +99,7 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
      *
      * @see https://rsuitejs.com/guide/i18n/#calendar
      */
-    locale: CalendarLocale;
+    locale?: CalendarLocale;
     /**
      * The props for the Month Dropdown component.
      */

package/cjs/Calendar/CalendarProvider.d.ts

@@ -104,7 +104,7 @@ export interface CalendarInnerContextValue {
     cellClassName?: (date: Date) => string | undefined;
 }
 export interface CalendarContextValue extends CalendarInnerContextValue {
-    locale: CalendarLocale;
+    locale?: CalendarLocale;
     formatDate?: typeof format;
 }
 export declare const CalendarContext: React.Context<CalendarContextValue>;

package/cjs/Calendar/Grid/GridCell.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
 var _date = require("../../internals/utils/date");
 var _hooks = require("../../internals/hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _hooks2 = require("../hooks");
 var _utils = require("../utils");
 var _excluded = ["as", "classPrefix", "disabled", "selected", "date", "onSelect", "unSameMonth", "rangeStart", "rangeEnd", "inRange"];
@@ -36,10 +37,13 @@ var GridCell = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
-  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
-    locale = _useCustom.locale,
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale,
     formatDate = _useCustom.formatDate;
-  var formatStr = locale.formattedDayPattern;
+  var _getLocale = getLocale('Calendar', overrideLocale),
+    formattedDayPattern = _getLocale.formattedDayPattern,
+    today = _getLocale.today;
+  var formatStr = formattedDayPattern;
   var ariaLabel = (0, _utils.getAriaLabel)(date, formatStr, formatDate);
   var todayDate = new Date();
   var isToday = (0, _date.isSameDay)(date, todayDate);
@@ -59,7 +63,7 @@ var GridCell = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "aria-selected": selected || undefined,
     "aria-disabled": disabled || undefined,
     tabIndex: selected ? 0 : -1,
-    title: isToday ? ariaLabel + " (" + (locale === null || locale === void 0 ? void 0 : locale.today) + ")" : ariaLabel,
+    title: isToday ? ariaLabel + " (" + today + ")" : ariaLabel,
     className: classes,
     onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : undefined,
     onClick: onSelect ? (0, _partial.default)(onSelect, date, disabled) : undefined

package/cjs/Calendar/MonthDropdown/MonthDropdown.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
+var _MonthDropdownItem = _interopRequireDefault(require("./MonthDropdownItem"));
 var _date = require("../../internals/utils/date");
 var _Windowing = require("../../internals/Windowing");
 var _hooks = require("../../internals/hooks");
-var _MonthDropdownItem = _interopRequireDefault(require("./MonthDropdownItem"));
 var _hooks2 = require("../hooks");
 var _utils = require("../utils");
 var _excluded = ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"],

package/cjs/Calendar/MonthDropdown/MonthDropdownItem.d.ts

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
+import type { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
 export interface MonthDropdownItemProps extends WithAsProps {
     month?: number;
     year?: number;

package/cjs/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _date = require("../../internals/utils/date");
 var _hooks = require("../../internals/hooks");
 var _utils = require("../../internals/utils");
+var _CustomProvider = require("../../CustomProvider");
 var _hooks2 = require("../hooks");
 var _utils2 = require("../utils");
 var _excluded = ["as", "className", "classPrefix", "active", "disabled", "month", "year"];
@@ -29,11 +30,13 @@ var MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useCalendar = (0, _hooks2.useCalendar)(),
     date = _useCalendar.date,
-    onSelect = _useCalendar.onChangeMonth;
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale,
+    onSelect = _useCalendar.onChangeMonth,
+    overrideLocale = _useCalendar.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)('Calendar'),
+    getLocale = _useCustom.getLocale,
     formatDate = _useCustom.formatDate;
-  var formatStr = locale.formattedMonthPattern;
+  var _getLocale = getLocale('Calendar', overrideLocale),
+    formatStr = _getLocale.formattedMonthPattern;
   var currentMonth = (0, _react.useMemo)(function () {
     if (year && month) {
       return (0, _utils.composeFunctions)(function (d) {

package/cjs/Carousel/Carousel.js

@@ -12,6 +12,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes2 = require("../internals/propTypes");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "children", "classPrefix", "className", "placement", "shape", "autoplay", "autoplayInterval", "activeIndex", "defaultActiveIndex", "onSelect", "onSlideStart", "onSlideEnd"];
 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; }
@@ -21,28 +22,29 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _sliderStyles, _ref;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'carousel' : _props$classPrefix,
-    className = props.className,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-    _props$shape = props.shape,
-    shape = _props$shape === void 0 ? 'dot' : _props$shape,
-    autoplay = props.autoplay,
-    _props$autoplayInterv = props.autoplayInterval,
-    autoplayInterval = _props$autoplayInterv === void 0 ? 4000 : _props$autoplayInterv,
-    activeIndexProp = props.activeIndex,
-    _props$defaultActiveI = props.defaultActiveIndex,
-    defaultActiveIndex = _props$defaultActiveI === void 0 ? 0 : _props$defaultActiveI,
-    onSelect = props.onSelect,
-    onSlideStart = props.onSlideStart,
-    onSlideEnd = props.onSlideEnd,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)('Carousel'),
-    rtl = _useCustom.rtl;
+  var _useCustom = (0, _CustomProvider.useCustom)('Carousel', props),
+    rtl = _useCustom.rtl,
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'carousel' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottom' : _propsWithDefaults$pl,
+    _propsWithDefaults$sh = propsWithDefaults.shape,
+    shape = _propsWithDefaults$sh === void 0 ? 'dot' : _propsWithDefaults$sh,
+    autoplay = propsWithDefaults.autoplay,
+    _propsWithDefaults$au = propsWithDefaults.autoplayInterval,
+    autoplayInterval = _propsWithDefaults$au === void 0 ? 4000 : _propsWithDefaults$au,
+    activeIndexProp = propsWithDefaults.activeIndex,
+    _propsWithDefaults$de = propsWithDefaults.defaultActiveIndex,
+    defaultActiveIndex = _propsWithDefaults$de === void 0 ? 0 : _propsWithDefaults$de,
+    onSelect = propsWithDefaults.onSelect,
+    onSlideStart = propsWithDefaults.onSlideStart,
+    onSlideEnd = propsWithDefaults.onSlideEnd,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,

package/cjs/CascadeTree/CascadeTree.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CascadeTreeProps } from './types';
+import type { CascadeTreeProps } from './types';
 export interface CascadeTreeComponent {
     <T>(props: CascadeTreeProps<T> & {
         ref?: React.Ref<HTMLDivElement>;