rsuite 5.73.1 → 5.74.0-beta.0

package/cjs/Pagination/Pagination.js

@@ -16,6 +16,7 @@ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _PageEnd = _interopRequireDefault(require("@rsuite/icons/PageEnd"));
 var _PaginationButton = _interopRequireDefault(require("./PaginationButton"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 var _excluded = ["as", "className", "classPrefix", "disabled", "locale", "activePage", "maxButtons", "pages", "ellipsis", "boundaryLinks", "first", "prev", "next", "last", "size", "linkAs", "linkProps", "onSelect"],
   _excluded2 = ["eventKey", "disabled"];
@@ -32,36 +33,36 @@ var PAGINATION_ICONS = {
  * @see https://rsuitejs.com/components/pagination
  */
 var Pagination = /*#__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 ? 'pagination' : _props$classPrefix,
-    disabledProp = props.disabled,
-    overrideLocale = props.locale,
-    _props$activePage = props.activePage,
-    activePage = _props$activePage === void 0 ? 1 : _props$activePage,
-    maxButtons = props.maxButtons,
-    _props$pages = props.pages,
-    pages = _props$pages === void 0 ? 1 : _props$pages,
-    ellipsis = props.ellipsis,
-    boundaryLinks = props.boundaryLinks,
-    first = props.first,
-    prev = props.prev,
-    next = props.next,
-    last = props.last,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'xs' : _props$size,
-    linkAs = props.linkAs,
-    linkProps = props.linkProps,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Pagination', 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 ? 'pagination' : _propsWithDefaults$cl,
+    disabledProp = propsWithDefaults.disabled,
+    locale = propsWithDefaults.locale,
+    _propsWithDefaults$ac = propsWithDefaults.activePage,
+    activePage = _propsWithDefaults$ac === void 0 ? 1 : _propsWithDefaults$ac,
+    maxButtons = propsWithDefaults.maxButtons,
+    _propsWithDefaults$pa = propsWithDefaults.pages,
+    pages = _propsWithDefaults$pa === void 0 ? 1 : _propsWithDefaults$pa,
+    ellipsis = propsWithDefaults.ellipsis,
+    boundaryLinks = propsWithDefaults.boundaryLinks,
+    first = propsWithDefaults.first,
+    prev = propsWithDefaults.prev,
+    next = propsWithDefaults.next,
+    last = propsWithDefaults.last,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'xs' : _propsWithDefaults$si,
+    linkAs = propsWithDefaults.linkAs,
+    linkProps = propsWithDefaults.linkProps,
+    onSelect = propsWithDefaults.onSelect,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
-  var _useCustom = (0, _hooks.useCustom)('Pagination', overrideLocale),
-    locale = _useCustom.locale;
   var renderItem = function renderItem(key, itemProps) {
     var eventKey = itemProps.eventKey,
       disabled = itemProps.disabled,

package/cjs/Pagination/PaginationGroup.d.ts

@@ -1,5 +1,5 @@
 import { PaginationProps } from './Pagination';
-import { RsRefForwardingComponent } from '../internals/types';
+import type { RsRefForwardingComponent } from '../internals/types';
 /**
  * The layout of the paging component.
  */

package/cjs/Pagination/PaginationGroup.js

@@ -12,9 +12,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Pagination = _interopRequireDefault(require("./Pagination"));
 var _Divider = _interopRequireDefault(require("../Divider"));
 var _Input = _interopRequireDefault(require("../Input"));
+var _LimitPicker = _interopRequireDefault(require("./LimitPicker"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _LimitPicker = _interopRequireDefault(require("./LimitPicker"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "activePage", "classPrefix", "className", "disabled", "size", "style", "total", "prev", "next", "first", "last", "limitOptions", "limit", "locale", "layout", "maxButtons", "onChangePage", "onChangeLimit"];
 /**
  * The layout of the paging component.
@@ -63,10 +64,11 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var _useControlled2 = (0, _hooks.useControlled)(activePageProp, 1),
     activePage = _useControlled2[0],
     setActivePage = _useControlled2[1];
-  var _useCustom = (0, _hooks.useCustom)('Pagination', localeProp),
-    locale = _useCustom.locale;
   var pages = Math.floor(total / limit) + (total % limit ? 1 : 0);
   var classes = merge(className, withClassPrefix(size));
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
+  var locale = getLocale('Pagination', localeProp);
   var handleInputBlur = (0, _hooks.useEventCallback)(function (event) {
     var value = parseInt(event.target.value);
     if (value > 0 && value <= pages) {

package/cjs/Panel/Panel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnimationEventProps, RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { AnimationEventProps, RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface PanelProps<T = string | number> extends WithAsProps, AnimationEventProps {
     /**
      * Show border

package/cjs/Panel/Panel.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 _hooks = require("../internals/hooks");
-var _PanelGroup = require("../PanelGroup");
 var _PanelHeader = _interopRequireDefault(require("./PanelHeader"));
 var _PanelBody = _interopRequireDefault(require("./PanelBody"));
 var _useExpanded2 = _interopRequireDefault(require("./hooks/useExpanded"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _PanelGroup = require("../PanelGroup");
 var _excluded = ["as", "bodyFill", "bodyProps", "bordered", "children", "className", "classPrefix", "caretAs", "collapsible", "defaultExpanded", "disabled", "eventKey", "expanded", "header", "headerRole", "panelRole", "shaded", "scrollShadow", "id", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "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; }
@@ -21,36 +22,38 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/panel
  */
 var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    bodyFill = props.bodyFill,
-    bodyProps = props.bodyProps,
-    bordered = props.bordered,
-    children = props.children,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,
-    caretAs = props.caretAs,
-    collapsibleProp = props.collapsible,
-    defaultExpanded = props.defaultExpanded,
-    disabled = props.disabled,
-    eventKey = props.eventKey,
-    expandedProp = props.expanded,
-    header = props.header,
-    headerRole = props.headerRole,
-    _props$panelRole = props.panelRole,
-    panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,
-    shaded = props.shaded,
-    scrollShadow = props.scrollShadow,
-    idProp = props.id,
-    onEnter = props.onEnter,
-    onEntered = props.onEntered,
-    onEntering = props.onEntering,
-    onExit = props.onExit,
-    onExited = props.onExited,
-    onExiting = props.onExiting,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Panel', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    bodyFill = propsWithDefaults.bodyFill,
+    bodyProps = propsWithDefaults.bodyProps,
+    bordered = propsWithDefaults.bordered,
+    children = propsWithDefaults.children,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'panel' : _propsWithDefaults$cl,
+    caretAs = propsWithDefaults.caretAs,
+    collapsibleProp = propsWithDefaults.collapsible,
+    defaultExpanded = propsWithDefaults.defaultExpanded,
+    disabled = propsWithDefaults.disabled,
+    eventKey = propsWithDefaults.eventKey,
+    expandedProp = propsWithDefaults.expanded,
+    header = propsWithDefaults.header,
+    headerRole = propsWithDefaults.headerRole,
+    _propsWithDefaults$pa = propsWithDefaults.panelRole,
+    panelRole = _propsWithDefaults$pa === void 0 ? 'region' : _propsWithDefaults$pa,
+    shaded = propsWithDefaults.shaded,
+    scrollShadow = propsWithDefaults.scrollShadow,
+    idProp = propsWithDefaults.id,
+    onEnter = propsWithDefaults.onEnter,
+    onEntered = propsWithDefaults.onEntered,
+    onEntering = propsWithDefaults.onEntering,
+    onExit = propsWithDefaults.onExit,
+    onExited = propsWithDefaults.onExited,
+    onExiting = propsWithDefaults.onExiting,
+    onSelect = propsWithDefaults.onSelect,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var id = (0, _hooks.useUniqueId)('rs-', idProp);
   var bodyId = id + "-panel";
   var buttonId = id + "-btn";

package/cjs/PanelGroup/PanelGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 type KeyType = string | number;
 export interface PanelGroupProps<T = KeyType> extends WithAsProps {
     /** Whether it is a collapsible panel. */

package/cjs/PanelGroup/PanelGroup.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "accordion", "defaultActiveKey", "bordered", "className", "classPrefix", "children", "activeKey", "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; }
@@ -19,18 +20,20 @@ var PanelGroupContext = exports.PanelGroupContext = /*#__PURE__*/_react.default.
  * @see https://rsuitejs.com/components/panel
  */
 var PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    accordion = props.accordion,
-    defaultActiveKey = props.defaultActiveKey,
-    bordered = props.bordered,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,
-    children = props.children,
-    activeProp = props.activeKey,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('PanelGroup', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    accordion = propsWithDefaults.accordion,
+    defaultActiveKey = propsWithDefaults.defaultActiveKey,
+    bordered = propsWithDefaults.bordered,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'panel-group' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    activeProp = propsWithDefaults.activeKey,
+    onSelect = propsWithDefaults.onSelect,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Placeholder/PlaceholderGraph.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderGraphProps extends WithAsProps {
     /**
      * The height of the graph.

package/cjs/Placeholder/PlaceholderGraph.js

@@ -9,23 +9,26 @@ 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", "width", "height", "style", "active", "classPrefix"];
 /**
  * The `Placeholder.Graph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
 var PlaceholderGraph = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    width = props.width,
-    _props$height = props.height,
-    height = _props$height === void 0 ? 200 : _props$height,
-    style = props.style,
-    active = props.active,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('PlaceholderGraph', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    width = propsWithDefaults.width,
+    _propsWithDefaults$he = propsWithDefaults.height,
+    height = _propsWithDefaults$he === void 0 ? 200 : _propsWithDefaults$he,
+    style = propsWithDefaults.style,
+    active = propsWithDefaults.active,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'placeholder' : _propsWithDefaults$cl,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/cjs/Placeholder/PlaceholderGrid.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderGridProps extends WithAsProps {
     /**
      * The number of rows.

package/cjs/Placeholder/PlaceholderGrid.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject;
 var _excluded = ["as", "className", "classPrefix", "rows", "columns", "rowHeight", "rowMargin", "rowSpacing", "active"];
 /**
@@ -18,23 +19,25 @@ var _excluded = ["as", "className", "classPrefix", "rows", "columns", "rowHeight
  * @see https://rsuitejs.com/components/placeholder
  */
 var PlaceholderGrid = /*#__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 ? 'placeholder' : _props$classPrefix,
-    _props$rows = props.rows,
-    rows = _props$rows === void 0 ? 5 : _props$rows,
-    _props$columns = props.columns,
-    columns = _props$columns === void 0 ? 5 : _props$columns,
-    _props$rowHeight = props.rowHeight,
-    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,
-    _props$rowMargin = props.rowMargin,
-    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,
-    _props$rowSpacing = props.rowSpacing,
-    rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,
-    active = props.active,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('PlaceholderGrid', 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 ? 'placeholder' : _propsWithDefaults$cl,
+    _propsWithDefaults$ro = propsWithDefaults.rows,
+    rows = _propsWithDefaults$ro === void 0 ? 5 : _propsWithDefaults$ro,
+    _propsWithDefaults$co = propsWithDefaults.columns,
+    columns = _propsWithDefaults$co === void 0 ? 5 : _propsWithDefaults$co,
+    _propsWithDefaults$ro2 = propsWithDefaults.rowHeight,
+    rowHeight = _propsWithDefaults$ro2 === void 0 ? 10 : _propsWithDefaults$ro2,
+    _propsWithDefaults$ro3 = propsWithDefaults.rowMargin,
+    rowMargin = _propsWithDefaults$ro3 === void 0 ? 20 : _propsWithDefaults$ro3,
+    _propsWithDefaults$ro4 = propsWithDefaults.rowSpacing,
+    rowSpacing = _propsWithDefaults$ro4 === void 0 ? rowMargin : _propsWithDefaults$ro4,
+    active = propsWithDefaults.active,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/cjs/Placeholder/PlaceholderParagraph.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderParagraphProps extends WithAsProps {
     /**
      * The number of rows.

package/cjs/Placeholder/PlaceholderParagraph.js

@@ -10,6 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _propTypes2 = require("../internals/propTypes");
 var _templateObject;
 var _excluded = ["as", "className", "rows", "rowHeight", "rowMargin", "rowSpacing", "graph", "active", "classPrefix"];
@@ -20,22 +21,24 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/placeholder
  */
 var PlaceholderParagraph = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$rows = props.rows,
-    rows = _props$rows === void 0 ? 2 : _props$rows,
-    _props$rowHeight = props.rowHeight,
-    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,
-    _props$rowMargin = props.rowMargin,
-    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,
-    _props$rowSpacing = props.rowSpacing,
-    rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,
-    graph = props.graph,
-    active = props.active,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('PlaceholderParagraph', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$ro = propsWithDefaults.rows,
+    rows = _propsWithDefaults$ro === void 0 ? 2 : _propsWithDefaults$ro,
+    _propsWithDefaults$ro2 = propsWithDefaults.rowHeight,
+    rowHeight = _propsWithDefaults$ro2 === void 0 ? 10 : _propsWithDefaults$ro2,
+    _propsWithDefaults$ro3 = propsWithDefaults.rowMargin,
+    rowMargin = _propsWithDefaults$ro3 === void 0 ? 20 : _propsWithDefaults$ro3,
+    _propsWithDefaults$ro4 = propsWithDefaults.rowSpacing,
+    rowSpacing = _propsWithDefaults$ro4 === void 0 ? rowMargin : _propsWithDefaults$ro4,
+    graph = propsWithDefaults.graph,
+    active = propsWithDefaults.active,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'placeholder' : _propsWithDefaults$cl,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/cjs/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PopoverProps extends WithAsProps {
     /** The title of the component. */
     title?: React.ReactNode;

package/cjs/Popover/Popover.js

@@ -9,8 +9,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 _hooks = require("../internals/hooks");
 var _Heading = _interopRequireDefault(require("../Heading"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["as", "classPrefix", "title", "children", "style", "visible", "className", "full", "arrow"];
 /**
@@ -18,19 +19,21 @@ var _excluded = ["as", "classPrefix", "title", "children", "style", "visible", "
  * @see https://rsuitejs.com/components/popover
  */
 var Popover = /*#__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 ? 'popover' : _props$classPrefix,
-    title = props.title,
-    children = props.children,
-    style = props.style,
-    visible = props.visible,
-    className = props.className,
-    full = props.full,
-    _props$arrow = props.arrow,
-    arrow = _props$arrow === void 0 ? true : _props$arrow,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Popover', 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 ? 'popover' : _propsWithDefaults$cl,
+    title = propsWithDefaults.title,
+    children = propsWithDefaults.children,
+    style = propsWithDefaults.style,
+    visible = propsWithDefaults.visible,
+    className = propsWithDefaults.className,
+    full = propsWithDefaults.full,
+    _propsWithDefaults$ar = propsWithDefaults.arrow,
+    arrow = _propsWithDefaults$ar === void 0 ? true : _propsWithDefaults$ar,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,

package/cjs/Progress/ProgressCircle.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface ProgressCircleProps extends WithAsProps {
     /** Line color */
     strokeColor?: string;

package/cjs/Progress/ProgressCircle.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _statusIcons = require("../internals/constants/statusIcons");
 var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "strokeWidth", "trailWidth", "percent", "strokeLinecap", "className", "showInfo", "status", "classPrefix", "style", "gapDegree", "gapPosition", "trailColor", "strokeColor"];
 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; }
@@ -20,30 +21,32 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var ProgressCircle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _withClassPrefix;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$strokeWidth = props.strokeWidth,
-    strokeWidth = _props$strokeWidth === void 0 ? 6 : _props$strokeWidth,
-    _props$trailWidth = props.trailWidth,
-    trailWidth = _props$trailWidth === void 0 ? 6 : _props$trailWidth,
-    _props$percent = props.percent,
-    percent = _props$percent === void 0 ? 0 : _props$percent,
-    _props$strokeLinecap = props.strokeLinecap,
-    strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
-    className = props.className,
-    _props$showInfo = props.showInfo,
-    showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
-    status = props.status,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
-    style = props.style,
-    _props$gapDegree = props.gapDegree,
-    gapDegree = _props$gapDegree === void 0 ? 0 : _props$gapDegree,
-    _props$gapPosition = props.gapPosition,
-    gapPosition = _props$gapPosition === void 0 ? 'top' : _props$gapPosition,
-    trailColor = props.trailColor,
-    strokeColor = props.strokeColor,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('ProgressCircle', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$st = propsWithDefaults.strokeWidth,
+    strokeWidth = _propsWithDefaults$st === void 0 ? 6 : _propsWithDefaults$st,
+    _propsWithDefaults$tr = propsWithDefaults.trailWidth,
+    trailWidth = _propsWithDefaults$tr === void 0 ? 6 : _propsWithDefaults$tr,
+    _propsWithDefaults$pe = propsWithDefaults.percent,
+    percent = _propsWithDefaults$pe === void 0 ? 0 : _propsWithDefaults$pe,
+    _propsWithDefaults$st2 = propsWithDefaults.strokeLinecap,
+    strokeLinecap = _propsWithDefaults$st2 === void 0 ? 'round' : _propsWithDefaults$st2,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$sh = propsWithDefaults.showInfo,
+    showInfo = _propsWithDefaults$sh === void 0 ? true : _propsWithDefaults$sh,
+    status = propsWithDefaults.status,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'progress' : _propsWithDefaults$cl,
+    style = propsWithDefaults.style,
+    _propsWithDefaults$ga = propsWithDefaults.gapDegree,
+    gapDegree = _propsWithDefaults$ga === void 0 ? 0 : _propsWithDefaults$ga,
+    _propsWithDefaults$ga2 = propsWithDefaults.gapPosition,
+    gapPosition = _propsWithDefaults$ga2 === void 0 ? 'top' : _propsWithDefaults$ga2,
+    trailColor = propsWithDefaults.trailColor,
+    strokeColor = propsWithDefaults.strokeColor,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var getPathStyles = (0, _react.useCallback)(function () {
     var radius = 50 - strokeWidth / 2;
     var x1 = 0;

package/cjs/Progress/ProgressLine.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface ProgressLineProps extends WithAsProps {
     /** Line color */
     strokeColor?: string;