rsuite 5.73.1 → 5.74.0

package/cjs/Tag/Tag.js

@@ -9,10 +9,11 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _hooks = require("../internals/hooks");
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "className", "onClose"];
+var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "className", "locale", "onClose"];
 /**
  * The `Tag` component is used to label and categorize.
  * It can be used to mark the status of an object or classify it into different categories.
@@ -20,19 +21,25 @@ var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "
  * @see https://rsuitejs.com/components/tag
  */
 var Tag = /*#__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 ? 'tag' : _props$classPrefix,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'default' : _props$color,
-    children = props.children,
-    closable = props.closable,
-    className = props.className,
-    onClose = props.onClose,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Tag', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'tag' : _propsWithDefaults$cl,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
+    _propsWithDefaults$co = propsWithDefaults.color,
+    color = _propsWithDefaults$co === void 0 ? 'default' : _propsWithDefaults$co,
+    children = propsWithDefaults.children,
+    closable = propsWithDefaults.closable,
+    className = propsWithDefaults.className,
+    overrideLocale = propsWithDefaults.locale,
+    onClose = propsWithDefaults.onClose,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
+  var _getLocale = getLocale('common', overrideLocale),
+    remove = _getLocale.remove;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
@@ -40,8 +47,6 @@ var Tag = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix(size, color, {
     closable: closable
   }));
-  var _useCustom = (0, _hooks.useCustom)(),
-    locale = _useCustom.locale;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
@@ -52,7 +57,7 @@ var Tag = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onClick: onClose,
     tabIndex: -1,
     locale: {
-      closeLabel: locale === null || locale === void 0 ? void 0 : locale.remove
+      closeLabel: remove
     }
   }));
 });

package/cjs/TagInput/index.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
 var _InputPickerContext = require("../InputPicker/InputPickerContext");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["tagProps", "trigger", "value", "defaultValue", "onTagRemove"];
 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; }
@@ -18,14 +19,16 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/tag-input
  */
 var TagInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$tagProps = props.tagProps,
-    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    onTagRemove = props.onTagRemove,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('TagInput', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$ta = propsWithDefaults.tagProps,
+    tagProps = _propsWithDefaults$ta === void 0 ? {} : _propsWithDefaults$ta,
+    _propsWithDefaults$tr = propsWithDefaults.trigger,
+    trigger = _propsWithDefaults$tr === void 0 ? 'Enter' : _propsWithDefaults$tr,
+    value = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    onTagRemove = propsWithDefaults.onTagRemove,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var contextValue = (0, _react.useMemo)(function () {
     return {
       multi: true,

package/cjs/TagPicker/index.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
 var _InputPickerContext = require("../InputPicker/InputPickerContext");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox"];
 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; }
@@ -18,13 +19,15 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/tag-picker/
  */
 var TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$tagProps = props.tagProps,
-    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
-    onTagRemove = props.onTagRemove,
-    renderMenuItemCheckbox = props.renderMenuItemCheckbox,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('TagPicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$ta = propsWithDefaults.tagProps,
+    tagProps = _propsWithDefaults$ta === void 0 ? {} : _propsWithDefaults$ta,
+    _propsWithDefaults$tr = propsWithDefaults.trigger,
+    trigger = _propsWithDefaults$tr === void 0 ? 'Enter' : _propsWithDefaults$tr,
+    onTagRemove = propsWithDefaults.onTagRemove,
+    renderMenuItemCheckbox = propsWithDefaults.renderMenuItemCheckbox,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var contextValue = (0, _react.useMemo)(function () {
     return {
       multi: true,

package/cjs/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 declare const fontSizeMap: {
     sm: number;
     md: number;

package/cjs/Text/Text.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 _propTypes2 = require("../internals/propTypes");
 var _excluded = ["as", "align", "classPrefix", "color", "className", "maxLines", "weight", "muted", "transform", "size", "style"];
 var fontSizeMap = {
@@ -25,20 +26,22 @@ var fontSizeMap = {
  * @see https://rsuitejs.com/components/text
  */
 var Text = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Text', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'p' : _propsWithDefaults$as,
+    align = propsWithDefaults.align,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'text' : _propsWithDefaults$cl,
+    color = propsWithDefaults.color,
+    className = propsWithDefaults.className,
+    maxLines = propsWithDefaults.maxLines,
+    weight = propsWithDefaults.weight,
+    muted = propsWithDefaults.muted,
+    transform = propsWithDefaults.transform,
+    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/TimePicker/TimePicker.js

@@ -7,15 +7,17 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _DatePicker = _interopRequireDefault(require("../DatePicker"));
-var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 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; }
 var TimePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)('TimePicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var locale = getLocale('DateTimeFormats');
   var defaultRanges = (0, _react.useMemo)(function () {
     return [{
-      label: locale.now,
+      label: locale === null || locale === void 0 ? void 0 : locale.now,
       value: function value() {
         return new Date();
       }
@@ -23,9 +25,9 @@ var TimePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [locale]);
   return /*#__PURE__*/_react.default.createElement(_DatePicker.default, (0, _extends2.default)({
     ref: ref,
-    format: locale.shortTimeFormat,
+    format: locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat,
     ranges: defaultRanges
-  }, props));
+  }, propsWithDefaults));
 });
 TimePicker.displayName = 'TimePicker';
 var _default = exports.default = TimePicker;

package/cjs/TimeRangePicker/TimeRangePicker.js

@@ -6,18 +6,21 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../internals/hooks");
 var _DateRangePicker = _interopRequireDefault(require("../DateRangePicker"));
+var _CustomProvider = require("../CustomProvider");
 var defaultRanges = [];
 var TimeRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)('TimeRangePicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('DateTimeFormats'),
+    shortTimeFormat = _getLocale.shortTimeFormat;
   return /*#__PURE__*/_react.default.createElement(_DateRangePicker.default, (0, _extends2.default)({
     ref: ref,
     showHeader: false,
-    format: locale.shortTimeFormat,
+    format: shortTimeFormat,
     ranges: defaultRanges
-  }, props));
+  }, propsWithDefaults));
 });
 TimeRangePicker.displayName = 'TimeRangePicker';
 var _default = exports.default = TimeRangePicker;

package/cjs/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import TimelineItem from './TimelineItem';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TimelineProps extends WithAsProps {
     /** The content of the component */
     children?: React.ReactNode;

package/cjs/Timeline/Timeline.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _some = _interopRequireDefault(require("lodash/some"));
 var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _excluded = ["children", "as", "classPrefix", "className", "align", "endless", "isItemActive"];
@@ -20,18 +21,20 @@ var _excluded = ["children", "as", "classPrefix", "className", "align", "endless
  * @see https://rsuitejs.com/components/timeline
  */
 var Timeline = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var children = props.children,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? 'ul' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'timeline' : _props$classPrefix,
-    className = props.className,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'left' : _props$align,
-    endless = props.endless,
-    _props$isItemActive = props.isItemActive,
-    isItemActive = _props$isItemActive === void 0 ? Timeline.ACTIVE_LAST : _props$isItemActive,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Timeline', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var children = propsWithDefaults.children,
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'ul' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'timeline' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$al = propsWithDefaults.align,
+    align = _propsWithDefaults$al === void 0 ? 'left' : _propsWithDefaults$al,
+    endless = propsWithDefaults.endless,
+    _propsWithDefaults$is = propsWithDefaults.isItemActive,
+    isItemActive = _propsWithDefaults$is === void 0 ? Timeline.ACTIVE_LAST : _propsWithDefaults$is,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/cjs/Toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
-import { ToggleLocale } from '../locales';
+import type { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
     /**
      * The color of the toggle.

package/cjs/Toggle/Toggle.js

@@ -8,11 +8,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
+var _Loader = _interopRequireDefault(require("../Loader"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var _Loader = _interopRequireDefault(require("../Loader"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "disabled", "readOnly", "loading", "plaintext", "children", "className", "color", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"];
 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,32 +23,32 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/toggle
  */
 var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'span' : _props$as,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    plaintext = props.plaintext,
-    children = props.children,
-    className = props.className,
-    color = props.color,
-    checkedChildren = props.checkedChildren,
-    unCheckedChildren = props.unCheckedChildren,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'toggle' : _props$classPrefix,
-    checkedProp = props.checked,
-    defaultChecked = props.defaultChecked,
-    size = props.size,
-    localeProp = props.locale,
-    onChange = props.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Toggle', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'span' : _propsWithDefaults$as,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    _propsWithDefaults$lo = propsWithDefaults.loading,
+    loading = _propsWithDefaults$lo === void 0 ? false : _propsWithDefaults$lo,
+    plaintext = propsWithDefaults.plaintext,
+    children = propsWithDefaults.children,
+    className = propsWithDefaults.className,
+    color = propsWithDefaults.color,
+    checkedChildren = propsWithDefaults.checkedChildren,
+    unCheckedChildren = propsWithDefaults.unCheckedChildren,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'toggle' : _propsWithDefaults$cl,
+    checkedProp = propsWithDefaults.checked,
+    defaultChecked = propsWithDefaults.defaultChecked,
+    size = propsWithDefaults.size,
+    locale = propsWithDefaults.locale,
+    onChange = propsWithDefaults.onChange,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var _useControlled = (0, _hooks.useControlled)(checkedProp, defaultChecked),
     checked = _useControlled[0],
     setChecked = _useControlled[1];
-  var _useCustom = (0, _hooks.useCustom)('Toggle', localeProp),
-    locale = _useCustom.locale;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -58,7 +59,7 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     loading: loading
   }));
   var inner = checked ? checkedChildren : unCheckedChildren;
-  var label = checked ? locale.on : locale.off;
+  var label = checked ? locale === null || locale === void 0 ? void 0 : locale.on : locale === null || locale === void 0 ? void 0 : locale.off;
   var labelId = (0, _hooks.useUniqueId)('rs-label');
   var innerId = inner ? labelId + '-inner' : undefined;
   var labelledby = children ? labelId : innerId;

package/cjs/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TooltipProps extends WithAsProps {
     /** Dispaly placement */
     placement?: TypeAttributes.Placement;

package/cjs/Tooltip/Tooltip.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 _excluded = ["as", "className", "classPrefix", "children", "style", "visible", "arrow"];
 /**
  * The `Tooltip` component is used to describe a element.
@@ -16,17 +17,19 @@ var _excluded = ["as", "className", "classPrefix", "children", "style", "visible
  * @see https://rsuitejs.com/components/tooltip
  */
 var Tooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'tooltip' : _props$classPrefix,
-    children = props.children,
-    style = props.style,
-    visible = props.visible,
-    _props$arrow = props.arrow,
-    arrow = _props$arrow === void 0 ? true : _props$arrow,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Tooltip', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'tooltip' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    style = propsWithDefaults.style,
+    visible = propsWithDefaults.visible,
+    _propsWithDefaults$ar = propsWithDefaults.arrow,
+    arrow = _propsWithDefaults$ar === void 0 ? true : _propsWithDefaults$ar,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/cjs/Tree/Tree.d.ts

@@ -1,5 +1,5 @@
-import { RsRefForwardingComponent } from '../internals/types';
 import { type TreeViewProps } from './TreeView';
+import type { RsRefForwardingComponent } from '../internals/types';
 import type { TreeExtraProps } from './types';
 export interface TreeProps<T = string | number | null> extends TreeViewProps<T>, TreeExtraProps {
     /**

package/cjs/Tree/Tree.js

@@ -7,12 +7,13 @@ 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 _TreeView = _interopRequireDefault(require("./TreeView"));
-var _hooks = require("../internals/hooks");
-var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _useFlattenTree = _interopRequireDefault(require("./hooks/useFlattenTree"));
 var _useTreeWithChildren2 = _interopRequireDefault(require("./hooks/useTreeWithChildren"));
 var _useExpandTree2 = _interopRequireDefault(require("./hooks/useExpandTree"));
+var _TreeView = _interopRequireDefault(require("./TreeView"));
+var _hooks = require("../internals/hooks");
+var _TreeProvider = require("../internals/Tree/TreeProvider");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["value", "defaultValue", "childrenKey", "labelKey", "valueKey", "data", "defaultExpandAll", "defaultExpandItemValues", "expandItemValues", "virtualized", "scrollShadow", "renderTreeIcon", "renderTreeNode", "getChildren", "onChange", "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; }
@@ -22,28 +23,30 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/tree
  */
 var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var controlledValue = props.value,
-    defaultValue = props.defaultValue,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    data = props.data,
-    _props$defaultExpandA = props.defaultExpandAll,
-    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
-    _props$defaultExpandI = props.defaultExpandItemValues,
-    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,
-    controlledExpandItemValues = props.expandItemValues,
-    virtualized = props.virtualized,
-    scrollShadow = props.scrollShadow,
-    renderTreeIcon = props.renderTreeIcon,
-    renderTreeNode = props.renderTreeNode,
-    getChildren = props.getChildren,
-    onChange = props.onChange,
-    onExpand = props.onExpand,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Tree', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var controlledValue = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    data = propsWithDefaults.data,
+    _propsWithDefaults$de = propsWithDefaults.defaultExpandAll,
+    defaultExpandAll = _propsWithDefaults$de === void 0 ? false : _propsWithDefaults$de,
+    _propsWithDefaults$de2 = propsWithDefaults.defaultExpandItemValues,
+    defaultExpandItemValues = _propsWithDefaults$de2 === void 0 ? [] : _propsWithDefaults$de2,
+    controlledExpandItemValues = propsWithDefaults.expandItemValues,
+    virtualized = propsWithDefaults.virtualized,
+    scrollShadow = propsWithDefaults.scrollShadow,
+    renderTreeIcon = propsWithDefaults.renderTreeIcon,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    getChildren = propsWithDefaults.getChildren,
+    onChange = propsWithDefaults.onChange,
+    onExpand = propsWithDefaults.onExpand,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useControlled = (0, _hooks.useControlled)(controlledValue, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1];

package/cjs/Tree/TreeNode.js

@@ -7,11 +7,12 @@ 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 _TreeNodeToggle = _interopRequireDefault(require("./TreeNodeToggle"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _TreeNodeToggle = _interopRequireDefault(require("./TreeNodeToggle"));
 var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _utils2 = require("./utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "label", "layer", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expanded", "focus", "style", "hasChildren", "dragging", "dragStatus", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "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; }
@@ -49,7 +50,7 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onDrop = props.onDrop,
     onExpand = props.onExpand,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var _useTreeContextProps = (0, _TreeProvider.useTreeContextProps)(),
     renderTreeNode = _useTreeContextProps.renderTreeNode,

package/cjs/Tree/TreeNodeToggle.js

@@ -10,9 +10,10 @@ var _react = _interopRequireDefault(require("react"));
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/ArrowDown"));
 var _ArrowRight = _interopRequireDefault(require("@rsuite/icons/ArrowRight"));
 var _ArrowLeft = _interopRequireDefault(require("@rsuite/icons/ArrowLeft"));
-var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
+var _Spinner = _interopRequireDefault(require("@rsuite/icons/Spinner"));
 var _hooks = require("../internals/hooks");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["data", "loading", "expanded", "hasChildren"];
 function TreeNodeToggle(props) {
   var data = props.data,
@@ -20,7 +21,7 @@ function TreeNodeToggle(props) {
     expanded = props.expanded,
     hasChildren = props.hasChildren,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var _useTreeCustomRendere = (0, _TreeProvider.useTreeCustomRenderer)(),
     renderTreeIcon = _useTreeCustomRendere.renderTreeIcon;