rsuite 5.73.0 → 5.74.0-beta.0

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/Calendar/hooks/useCalendarState.d.ts

@@ -18,5 +18,5 @@ export declare const useCalendarState: (props: CalendarStateProps) => {
         onToggleTimeDropdown: (...args: any[]) => any;
         onToggleMonthDropdown: (...args: any[]) => any;
     };
-    reset: () => void;
+    reset: (...args: any[]) => any;
 };

package/cjs/Calendar/hooks/useCalendarState.js

@@ -15,9 +15,16 @@ var useCalendarState = exports.useCalendarState = function useCalendarState(prop
   var _useState = (0, _react.useState)(props.defaultState),
     calendarState = _useState[0],
     setCalendarState = _useState[1];
-  var reset = (0, _react.useCallback)(function () {
+  var reset = (0, _hooks.useEventCallback)(function () {
     setCalendarState(undefined);
-  }, []);
+    if (calendarState === CalendarState.TIME) {
+      var _props$onToggleTimeDr;
+      (_props$onToggleTimeDr = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr === void 0 ? void 0 : _props$onToggleTimeDr.call(props, false);
+    } else if (calendarState === CalendarState.MONTH) {
+      var _props$onToggleMonthD;
+      (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 ? void 0 : _props$onToggleMonthD.call(props, false);
+    }
+  });
   var onMoveForward = (0, _hooks.useEventCallback)(function () {
     var _props$onMoveForward;
     (_props$onMoveForward = props.onMoveForward) === null || _props$onMoveForward === void 0 ? void 0 : _props$onMoveForward.call(props, (0, _date.addMonths)(props.calendarDate, 1));
@@ -27,22 +34,22 @@ var useCalendarState = exports.useCalendarState = function useCalendarState(prop
     (_props$onMoveBackward = props.onMoveBackward) === null || _props$onMoveBackward === void 0 ? void 0 : _props$onMoveBackward.call(props, (0, _date.addMonths)(props.calendarDate, -1));
   });
   var onToggleTimeDropdown = (0, _hooks.useEventCallback)(function () {
-    var _props$onToggleTimeDr;
+    var _props$onToggleTimeDr2;
     if (calendarState === CalendarState.TIME) {
-      reset();
+      setCalendarState(undefined);
     } else {
       setCalendarState(CalendarState.TIME);
     }
-    (_props$onToggleTimeDr = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr === void 0 ? void 0 : _props$onToggleTimeDr.call(props, calendarState !== CalendarState.TIME);
+    (_props$onToggleTimeDr2 = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr2 === void 0 ? void 0 : _props$onToggleTimeDr2.call(props, calendarState !== CalendarState.TIME);
   });
   var onToggleMonthDropdown = (0, _hooks.useEventCallback)(function () {
-    var _props$onToggleMonthD;
+    var _props$onToggleMonthD2;
     if (calendarState === CalendarState.MONTH) {
-      reset();
+      setCalendarState(undefined);
     } else {
       setCalendarState(CalendarState.MONTH);
     }
-    (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 ? void 0 : _props$onToggleMonthD.call(props, calendarState !== CalendarState.MONTH);
+    (_props$onToggleMonthD2 = props.onToggleMonthDropdown) === null || _props$onToggleMonthD2 === void 0 ? void 0 : _props$onToggleMonthD2.call(props, calendarState !== CalendarState.MONTH);
   });
   var handlers = (0, _react.useMemo)(function () {
     return {

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>;

package/cjs/CascadeTree/CascadeTree.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 _SearchView = _interopRequireDefault(require("./SearchView"));
 var _utils = require("../internals/Tree/utils");
 var _utils2 = require("../Tree/utils");
 var _hooks = require("../internals/hooks");
-var _TreeView = _interopRequireDefault(require("./TreeView"));
-var _SearchView = _interopRequireDefault(require("./SearchView"));
 var _hooks2 = require("./hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "childrenKey", "valueKey", "labelKey", "locale", "value", "disabledItemValues", "columnWidth", "columnHeight", "searchable", "renderTreeNode", "renderColumn", "onSelect", "onSearch", "onChange", "getChildren"];
 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,34 +23,36 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/cascade-tree
  */
 var CascadeTree = /*#__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 ? [] : _props$data,
-    defaultValue = props.defaultValue,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'cascade-tree' : _props$classPrefix,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _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,
-    valueProp = props.value,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-    columnWidth = props.columnWidth,
-    columnHeight = props.columnHeight,
-    searchable = props.searchable,
-    renderTreeNode = props.renderTreeNode,
-    renderColumn = props.renderColumn,
-    onSelect = props.onSelect,
-    onSearch = props.onSearch,
-    onChange = props.onChange,
-    getChildren = props.getChildren,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('CascadeTree', 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 ? [] : _propsWithDefaults$da,
+    defaultValue = propsWithDefaults.defaultValue,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'cascade-tree' : _propsWithDefaults$cl,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _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,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? [] : _propsWithDefaults$di,
+    columnWidth = propsWithDefaults.columnWidth,
+    columnHeight = propsWithDefaults.columnHeight,
+    searchable = propsWithDefaults.searchable,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    renderColumn = propsWithDefaults.renderColumn,
+    onSelect = propsWithDefaults.onSelect,
+    onSearch = propsWithDefaults.onSearch,
+    onChange = propsWithDefaults.onChange,
+    getChildren = propsWithDefaults.getChildren,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _ref = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _ref[0],
     setValue = _ref[1];

package/cjs/CascadeTree/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 _utils = require("../internals/Tree/utils");
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _Highlight = _interopRequireDefault(require("../Highlight"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/Tree/utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "searchKeyword", "labelKey", "locale", "valueKey", "parentMap", "data", "focusItemValue", "disabledItemValues", "inputRef", "renderSearchItem", "onSearch", "onSelect"];
 function SearchView(props) {
   var _props$as = props.as,
@@ -37,8 +38,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 items = (0, _utils.getPathTowardsItem)(item, function (item) {
       return parentMap.get(item);
@@ -85,7 +89,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
@@ -95,6 +99,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/CascadeTree/TreeView.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent, DataProps, ToArray } from '../internals/types';
-import { SelectNode, CascadeColumn } from './types';
+import type { SelectNode, CascadeColumn } from './types';
+import type { ItemDataType, WithAsProps, RsRefForwardingComponent, DataProps, ToArray } from '../internals/types';
 type SetLike<T = unknown> = {
     has(value: T): boolean;
 };

package/cjs/CascadeTree/TreeView.js

@@ -10,13 +10,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _utils = require("../internals/utils");
-var _hooks = require("../internals/hooks");
-var _Picker = require("../internals/Picker");
 var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
 var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
+var _Picker = require("../internals/Picker");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "activeItemValue", "classPrefix", "className", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "valueKey", "data", "cascadePaths", "loadingItemsSet", "labelKey", "style", "renderColumn", "renderTreeNode", "onSelect"];
 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; }
@@ -55,7 +56,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('items'));
   var rootRef = (0, _react.useRef)();
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var _useCombobox = (0, _Picker.useCombobox)(),
     id = _useCombobox.id,

package/cjs/CascadeTree/types.d.ts

@@ -10,7 +10,7 @@ export interface CascadeColumn<T> {
     parentItem?: ItemDataType<T>;
     layer?: number;
 }
-export interface CascadeTreeProps<T, V = T, L = any> extends WithAsProps, DataProps<ItemDataType<T>> {
+export interface CascadeTreeProps<T = any, V = T, L = any> extends WithAsProps, DataProps<ItemDataType<T>> {
     /**
      * Initial value
      */

package/cjs/Cascader/Cascader.js

@@ -21,6 +21,7 @@ var _propTypes2 = require("../internals/propTypes");
 var _hooks2 = require("../internals/hooks");
 var _utils3 = require("../internals/utils");
 var _Picker = require("../internals/Picker");
+var _CustomProvider = require("../CustomProvider");
 var _useActive2 = _interopRequireDefault(require("./useActive"));
 var _excluded = ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "appearance", "cleanable", "locale", "toggleAs", "style", "value", "popupClassName", "popupStyle", "columnHeight", "columnWidth", "searchable", "parentSelectable", "placement", "id", "renderColumn", "renderTreeNode", "renderSearchItem", "renderValue", "renderExtraFooter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "getChildren", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "renderMenuItem", "renderMenu"];
 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); }
@@ -32,60 +33,63 @@ var emptyArray = [];
  * @see https://rsuitejs.com/components/cascader
  */
 var Cascader = /*#__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,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    defaultValue = props.defaultValue,
-    placeholder = props.placeholder,
-    disabled = props.disabled,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    overrideLocale = props.locale,
-    toggleAs = props.toggleAs,
-    style = props.style,
-    valueProp = props.value,
-    popupClassName = props.popupClassName,
-    popupStyle = props.popupStyle,
-    columnHeight = props.columnHeight,
-    columnWidth = props.columnWidth,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? true : _props$searchable,
-    parentSelectable = props.parentSelectable,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    id = props.id,
-    renderColumn = props.renderColumn,
-    renderTreeNode = props.renderTreeNode,
-    renderSearchItem = props.renderSearchItem,
-    renderValue = props.renderValue,
-    renderExtraFooter = props.renderExtraFooter,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
-    onClean = props.onClean,
-    onChange = props.onChange,
-    onSelect = props.onSelect,
-    onSearch = props.onSearch,
-    getChildren = props.getChildren,
-    DEPRECATED_menuClassName = props.menuClassName,
-    DEPRECATED_menuStyle = props.menuStyle,
-    DEPRECATED_menuWidth = props.menuWidth,
-    DEPRECATED_menuHeight = props.menuHeight,
-    DEPRECATED_renderMenuItem = props.renderMenuItem,
-    DEPRECATED_renderMenu = props.renderMenu,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Cascader', props),
+    rtl = _useCustom.rtl,
+    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,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    defaultValue = propsWithDefaults.defaultValue,
+    placeholder = propsWithDefaults.placeholder,
+    disabled = propsWithDefaults.disabled,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? emptyArray : _propsWithDefaults$di,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    locale = propsWithDefaults.locale,
+    toggleAs = propsWithDefaults.toggleAs,
+    style = propsWithDefaults.style,
+    valueProp = propsWithDefaults.value,
+    popupClassName = propsWithDefaults.popupClassName,
+    popupStyle = propsWithDefaults.popupStyle,
+    columnHeight = propsWithDefaults.columnHeight,
+    columnWidth = propsWithDefaults.columnWidth,
+    _propsWithDefaults$se = propsWithDefaults.searchable,
+    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    parentSelectable = propsWithDefaults.parentSelectable,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    id = propsWithDefaults.id,
+    renderColumn = propsWithDefaults.renderColumn,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    renderSearchItem = propsWithDefaults.renderSearchItem,
+    renderValue = propsWithDefaults.renderValue,
+    renderExtraFooter = propsWithDefaults.renderExtraFooter,
+    onEntered = propsWithDefaults.onEntered,
+    onExited = propsWithDefaults.onExited,
+    onClean = propsWithDefaults.onClean,
+    onChange = propsWithDefaults.onChange,
+    onSelect = propsWithDefaults.onSelect,
+    onSearch = propsWithDefaults.onSearch,
+    getChildren = propsWithDefaults.getChildren,
+    DEPRECATED_menuClassName = propsWithDefaults.menuClassName,
+    DEPRECATED_menuStyle = propsWithDefaults.menuStyle,
+    DEPRECATED_menuWidth = propsWithDefaults.menuWidth,
+    DEPRECATED_menuHeight = propsWithDefaults.menuHeight,
+    DEPRECATED_renderMenuItem = propsWithDefaults.renderMenuItem,
+    DEPRECATED_renderMenu = propsWithDefaults.renderMenu,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -173,9 +177,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     columns = _usePaths.columns,
     pathTowardsActiveItem = _usePaths.pathTowardsActiveItem,
     pathTowardsSelectedItem = _usePaths.pathTowardsSelectedItem;
-  var _useCustom = (0, _hooks2.useCustom)('Picker', overrideLocale),
-    locale = _useCustom.locale,
-    rtl = _useCustom.rtl;
+
   /**
    * 1.Have a value and the value is valid.
    * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.

package/cjs/CheckPicker/CheckPicker.d.ts

@@ -4,7 +4,7 @@ import { PickerHandle, PickerToggleProps } from '../internals/Picker';
 import { ItemDataType, FormControlPickerProps } from '../internals/types';
 import type { MultipleSelectProps } from '../SelectPicker';
 export type ValueType = (number | string)[];
-export interface CheckPickerProps<T> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
+export interface CheckPickerProps<T = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /** Top the selected option in the options */
     sticky?: boolean;
     /** A picker that can be counted */