rsuite 5.0.0 → 5.1.0

package/esm/Panel/Panel.js

@@ -7,16 +7,13 @@ import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
 import Collapse from '../Animation/Collapse';
 import { useClassNames, useControlled } from '../utils';
 import { PanelGroupContext } from '../PanelGroup';
-var defaultProps = {
-  classPrefix: 'panel',
-  panelRole: 'region',
-  as: 'div'
-};
 var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       children = props.children,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,
       bodyFill = props.bodyFill,
       bordered = props.bordered,
       collapsibleProp = props.collapsible,
@@ -25,7 +22,8 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       expandedProp = props.expanded,
       header = props.header,
       headerRoleProp = props.headerRole,
-      panelRole = props.panelRole,
+      _props$panelRole = props.panelRole,
+      panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,
       shaded = props.shaded,
       id = props.id,
       onEnter = props.onEnter,
@@ -145,7 +143,6 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), renderHeading(), collapsible ? renderCollapsibleBody() : renderBody());
 });
 Panel.displayName = 'Panel';
-Panel.defaultProps = defaultProps;
 Panel.propTypes = {
   collapsible: PropTypes.bool,
   bordered: PropTypes.bool,

package/esm/PanelGroup/PanelGroup.js

@@ -3,18 +3,16 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useControlled } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'panel-group'
-};
 export var PanelGroupContext = /*#__PURE__*/React.createContext({});
 var PanelGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  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,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,
       children = props.children,
       activeProp = props.activeKey,
       onSelect = props.onSelect,
@@ -49,7 +47,6 @@ var PanelGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, children));
 });
 PanelGroup.displayName = 'PanelGroup';
-PanelGroup.defaultProps = defaultProps;
 PanelGroup.propTypes = {
   accordion: PropTypes.bool,
   activeKey: PropTypes.any,

package/esm/Picker/DropdownMenu.js

@@ -201,8 +201,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(List, _extends({
       role: "listbox",
       containerRole: '',
-      "aria-readonly": null
-    }, listProps, {
+      "aria-readonly": null,
       width: width,
       height: height || maxHeight,
       scrollToIndex: findIndex(data, function (item) {
@@ -211,7 +210,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       rowCount: rowCount,
       rowHeight: getRowHeight.bind(_this, filteredItems),
       rowRenderer: renderItem.bind(null, filteredItems)
-    }));
+    }, listProps));
   }) : filteredItems.map(function (_item, index) {
     return renderItem(filteredItems, {
       index: index

package/esm/Picker/DropdownMenuGroup.js

@@ -8,13 +8,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown-menu-group'
-};
 var DropdownMenuGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-group' : _props$classPrefix,
       children = props.children,
       className = props.className,
       rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "children", "className"]);
@@ -39,7 +37,6 @@ var DropdownMenuGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })));
 });
 DropdownMenuGroup.displayName = 'DropdownMenuGroup';
-DropdownMenuGroup.defaultProps = defaultProps;
 DropdownMenuGroup.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,

package/esm/Picker/DropdownMenuItem.js

@@ -3,14 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown-menu-item'
-};
 var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       active = props.active,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
       children = props.children,
       className = props.className,
       disabled = props.disabled,
@@ -53,7 +51,6 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, renderItem ? renderItem(value) : children));
 });
 DropdownMenuItem.displayName = 'DropdownMenuItem';
-DropdownMenuItem.defaultProps = defaultProps;
 DropdownMenuItem.propTypes = {
   classPrefix: PropTypes.string,
   active: PropTypes.bool,

package/esm/Picker/PickerToggle.js

@@ -7,21 +7,19 @@ var _templateObject, _templateObject2;
 import React, { useState, useCallback, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/debounce';
-import MaskedInput from 'react-text-mask';
 import ToggleButton from './ToggleButton';
 import CloseButton from '../CloseButton';
 import { useClassNames, KEY_VALUES, mergeRefs } from '../utils';
 import Plaintext from '../Plaintext';
 import useToggleCaret from '../utils/useToggleCaret';
-var defaultProps = {
-  as: ToggleButton,
-  classPrefix: 'picker-toggle',
-  inputMask: []
-};
+import MaskedInput from '../MaskedInput';
+var defaultInputMask = [];
 var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var activeProp = props.active,
-      Component = props.as,
-      classPrefix = props.classPrefix,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? ToggleButton : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _props$classPrefix,
       children = props.children,
       _props$caret = props.caret,
       caret = _props$caret === void 0 ? true : _props$caret,
@@ -38,7 +36,8 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       input = props.input,
       inputPlaceholder = props.inputPlaceholder,
       inputValueProp = props.inputValue,
-      inputMask = props.inputMask,
+      _props$inputMask = props.inputMask,
+      inputMask = _props$inputMask === void 0 ? defaultInputMask : _props$inputMask,
       onInputChange = props.onInputChange,
       onInputPressEnter = props.onInputPressEnter,
       onInputBlur = props.onInputBlur,
@@ -127,7 +126,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, hasValue ? children : null);
   }
 
-  var cleanable = cleanableProp && hasValue && !readOnly; // When the component is read-only or disabled, the input is not interactive.
+  var showCleanButton = cleanableProp && hasValue && !readOnly; // When the component is read-only or disabled, the input is not interactive.
 
   var inputFocused = readOnly || disabled ? false : input && activeState;
   return /*#__PURE__*/React.createElement(Component, _extends({
@@ -169,16 +168,18 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children ? /*#__PURE__*/React.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
     "aria-placeholder": typeof children === 'string' ? children : null
-  }, children) : null, cleanable && /*#__PURE__*/React.createElement(CloseButton, {
+  }, children) : null, showCleanButton && /*#__PURE__*/React.createElement(CloseButton, {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["clean"]))),
     tabIndex: -1,
+    locale: {
+      closeLabel: 'Clear'
+    },
     onClick: handleClean
   }), caret && /*#__PURE__*/React.createElement(Caret, {
     className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["caret"])))
   }));
 });
 PickerToggle.displayName = 'PickerToggle';
-PickerToggle.defaultProps = defaultProps;
 PickerToggle.propTypes = {
   classPrefix: PropTypes.string,
   hasValue: PropTypes.bool,

package/esm/Picker/propTypes.d.ts

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { PickerAppearance, TypeAttributes } from '../@types/common';
 export declare const pickerPropTypes: {
     classPrefix: PropTypes.Requireable<string>;
     className: PropTypes.Requireable<string>;
@@ -27,6 +26,7 @@ export declare const pickerPropTypes: {
     onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     onClean: PropTypes.Requireable<(...args: any[]) => any>;
+    listProps: PropTypes.Requireable<object>;
     onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     onEntering: PropTypes.Requireable<(...args: any[]) => any>;
     onEntered: PropTypes.Requireable<(...args: any[]) => any>;
@@ -69,6 +69,7 @@ export declare const listPickerPropTypes: {
     onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     onClean: PropTypes.Requireable<(...args: any[]) => any>;
+    listProps: PropTypes.Requireable<object>;
     onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     onEntering: PropTypes.Requireable<(...args: any[]) => any>;
     onEntered: PropTypes.Requireable<(...args: any[]) => any>;
@@ -76,18 +77,3 @@ export declare const listPickerPropTypes: {
     onExiting: PropTypes.Requireable<(...args: any[]) => any>;
     onExited: PropTypes.Requireable<(...args: any[]) => any>;
 };
-export declare const pickerDefaultProps: {
-    cleanable: boolean;
-    placement: TypeAttributes.Placement;
-    appearance: PickerAppearance;
-};
-export declare const listPickerDefaultProps: {
-    data: any[];
-    disabledItemValues: any[];
-    childrenKey: string;
-    valueKey: string;
-    labelKey: string;
-    cleanable: boolean;
-    placement: TypeAttributes.Placement;
-    appearance: PickerAppearance;
-};

package/esm/Picker/propTypes.js

@@ -29,7 +29,8 @@ export var pickerPropTypes = _extends({}, animationPropTypes, {
   renderValue: PropTypes.func,
   onOpen: PropTypes.func,
   onClose: PropTypes.func,
-  onClean: PropTypes.func
+  onClean: PropTypes.func,
+  listProps: PropTypes.object
 });
 export var listPickerPropTypes = _extends({}, pickerPropTypes, {
   data: PropTypes.array,
@@ -40,16 +41,4 @@ export var listPickerPropTypes = _extends({}, pickerPropTypes, {
   value: PropTypes.any,
   defaultValue: PropTypes.any,
   onChange: PropTypes.func
-});
-export var pickerDefaultProps = {
-  cleanable: true,
-  placement: 'bottomStart',
-  appearance: 'default'
-};
-export var listPickerDefaultProps = _extends({}, pickerDefaultProps, {
-  data: [],
-  disabledItemValues: [],
-  childrenKey: 'children',
-  valueKey: 'value',
-  labelKey: 'label'
 });

package/esm/Picker/utils.js

@@ -72,7 +72,7 @@ export function usePickerClassName(props) {
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge;
 
-  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = hasValue && cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));
+  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));
   var usedClassNamePropKeys = Object.keys(omit(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext'])));
   return [classes, usedClassNamePropKeys];
 }
@@ -357,13 +357,6 @@ export var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
       }
     }
 
-    if (event.key === KEY_VALUES.ESC || event.key === KEY_VALUES.TAB) {
-      handleClose();
-    } // Native event callback
-
-
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-
     if (overlayRef !== null && overlayRef !== void 0 && overlayRef.current) {
       // The keyboard operation callback on the menu.
       onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);
@@ -371,8 +364,13 @@ export var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
       if (event.key === KEY_VALUES.ENTER) {
         onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);
       }
+      /**
+       * There is no callback when typing the Backspace key in the search box.
+       * The default is to remove search keywords
+       */
 
-      if (event.key === KEY_VALUES.BACKSPACE) {
+
+      if (event.key === KEY_VALUES.BACKSPACE && event.target !== (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current)) {
         onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);
       } // The search box gets focus when typing characters and numbers.
 
@@ -383,6 +381,13 @@ export var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
         searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();
       }
     }
+
+    if (event.key === KEY_VALUES.ESC || event.key === KEY_VALUES.TAB) {
+      handleClose();
+    } // Native event callback
+
+
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
   }, [handleClose, handleToggleDropdown, overlayRef, onExit, onKeyDown, onMenuKeyDown, onMenuPressBackspace, onMenuPressEnter, toggle, targetRef, searchInputRef]);
   return onToggle;
 };

package/esm/Placeholder/PlaceholderGraph.js

@@ -3,19 +3,17 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'placeholder',
-  height: 200
-};
 var PlaceholderGraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
       width = props.width,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? 200 : _props$height,
       style = props.style,
       active = props.active,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
       rest = _objectWithoutPropertiesLoose(props, ["as", "className", "width", "height", "style", "active", "classPrefix"]);
 
   var _useClassNames = useClassNames(classPrefix),
@@ -46,5 +44,4 @@ PlaceholderGraph.propTypes = {
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   active: PropTypes.bool
 };
-PlaceholderGraph.defaultProps = defaultProps;
 export default PlaceholderGraph;

package/esm/Placeholder/PlaceholderGrid.js

@@ -4,22 +4,20 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'placeholder',
-  rows: 5,
-  columns: 5,
-  rowHeight: 10,
-  rowMargin: 20
-};
 var PlaceholderGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
-      rows = props.rows,
-      columns = props.columns,
-      rowHeight = props.rowHeight,
-      rowMargin = props.rowMargin,
+      _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,
       active = props.active,
       rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "rows", "columns", "rowHeight", "rowMargin", "active"]);
 
@@ -68,7 +66,6 @@ var PlaceholderGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), colItems);
 });
 PlaceholderGrid.displayName = 'PlaceholderGrid';
-PlaceholderGrid.defaultProps = defaultProps;
 PlaceholderGrid.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,

package/esm/Placeholder/PlaceholderParagraph.js

@@ -3,22 +3,20 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'placeholder',
-  rows: 2,
-  rowHeight: 10,
-  rowMargin: 20
-};
 var PlaceholderParagraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      rows = props.rows,
-      rowHeight = props.rowHeight,
-      rowMargin = props.rowMargin,
+      _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,
       graph = props.graph,
       active = props.active,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
       rest = _objectWithoutPropertiesLoose(props, ["as", "className", "rows", "rowHeight", "rowMargin", "graph", "active", "classPrefix"]);
 
   var _useClassNames = useClassNames(classPrefix),
@@ -60,7 +58,6 @@ var PlaceholderParagraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rowElements));
 });
 PlaceholderParagraph.displayName = 'PlaceholderParagraph';
-PlaceholderParagraph.defaultProps = defaultProps;
 PlaceholderParagraph.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,

package/esm/Popover/Popover.js

@@ -7,13 +7,11 @@ var _templateObject, _templateObject2, _templateObject3;
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'popover'
-};
 var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  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,
@@ -52,7 +50,6 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, children));
 });
 Popover.displayName = 'Popover';
-Popover.defaultProps = defaultProps;
 Popover.propTypes = {
   as: PropTypes.elementType,
   classPrefix: PropTypes.string,

package/esm/Progress/ProgressCircle.js

@@ -3,32 +3,30 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, PROGRESS_STATUS_ICON } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'progress',
-  percent: 0,
-  strokeWidth: 6,
-  trailWidth: 6,
-  gapDegree: 0,
-  showInfo: true,
-  strokeLinecap: 'round',
-  gapPosition: 'top'
-};
 var ProgressCircle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _withClassPrefix;
 
-  var Component = props.as,
-      strokeWidth = props.strokeWidth,
-      trailWidth = props.trailWidth,
-      percent = props.percent,
-      strokeLinecap = props.strokeLinecap,
+  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,
-      showInfo = props.showInfo,
+      _props$showInfo = props.showInfo,
+      showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
       status = props.status,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
       style = props.style,
-      gapDegree = props.gapDegree,
-      gapPosition = props.gapPosition,
+      _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 = _objectWithoutPropertiesLoose(props, ["as", "strokeWidth", "trailWidth", "percent", "strokeLinecap", "className", "showInfo", "status", "classPrefix", "style", "gapDegree", "gapPosition", "trailColor", "strokeColor"]);
@@ -128,7 +126,6 @@ var ProgressCircle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })));
 });
 ProgressCircle.displayName = 'ProgressCircle';
-ProgressCircle.defaultProps = defaultProps;
 ProgressCircle.propTypes = {
   className: PropTypes.string,
   strokeColor: PropTypes.string,

package/esm/Progress/ProgressLine.js

@@ -3,25 +3,23 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, PROGRESS_STATUS_ICON } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'progress',
-  showInfo: true,
-  percent: 0
-};
 var ProgressLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _lineInnerStyle, _percentStyle, _withClassPrefix;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      percent = props.percent,
+      _props$percent = props.percent,
+      percent = _props$percent === void 0 ? 0 : _props$percent,
       strokeColor = props.strokeColor,
       strokeWidth = props.strokeWidth,
       trailColor = props.trailColor,
       trailWidth = props.trailWidth,
       status = props.status,
-      showInfo = props.showInfo,
-      classPrefix = props.classPrefix,
+      _props$showInfo = props.showInfo,
+      showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
       vertical = props.vertical,
       rest = _objectWithoutPropertiesLoose(props, ["as", "className", "percent", "strokeColor", "strokeWidth", "trailColor", "trailWidth", "status", "showInfo", "classPrefix", "vertical"]);
 
@@ -64,7 +62,6 @@ var ProgressLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, info) : null);
 });
 ProgressLine.displayName = 'ProgressLine';
-ProgressLine.defaultProps = defaultProps;
 ProgressLine.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,

package/esm/Radio/Radio.js

@@ -4,12 +4,6 @@ import React, { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { RadioContext } from '../RadioGroup/RadioGroup';
 import { useClassNames, useControlled, partitionHTMLProps, TypeChecker } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'radio',
-  tabIndex: 0,
-  inputProps: {}
-};
 var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(RadioContext),
       groupValue = _useContext.value,
@@ -21,14 +15,17 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
       plaintextContext = _useContext.plaintext,
       onGroupChange = _useContext.onChange;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       title = props.title,
       className = props.className,
       children = props.children,
       checkedProp = props.checked,
       defaultChecked = props.defaultChecked,
-      classPrefix = props.classPrefix,
-      tabIndex = props.tabIndex,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'radio' : _props$classPrefix,
+      _props$tabIndex = props.tabIndex,
+      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
       inputRef = props.inputRef,
       inputProps = props.inputProps,
       _props$disabled = props.disabled,
@@ -118,7 +115,6 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, input, children) : input));
 });
 Radio.displayName = 'Radio';
-Radio.defaultProps = defaultProps;
 Radio.propTypes = {
   id: PropTypes.string,
   name: PropTypes.string,

package/esm/RadioGroup/RadioGroup.js

@@ -6,14 +6,17 @@ import { useClassNames, useControlled } from '../utils';
 import Plaintext from '../Plaintext';
 export var RadioContext = /*#__PURE__*/React.createContext({});
 var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
       inline = props.inline,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'radio-group' : _props$classPrefix,
       valueProp = props.value,
       defaultValue = props.defaultValue,
-      appearance = props.appearance,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       name = props.name,
       plaintext = props.plaintext,
       disabled = props.disabled,
@@ -62,13 +65,7 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: classes
   }), children));
 });
-var defaultProps = {
-  as: 'div',
-  appearance: 'default',
-  classPrefix: 'radio-group'
-};
 RadioGroup.displayName = 'RadioGroup';
-RadioGroup.defaultProps = defaultProps;
 RadioGroup.propTypes = {
   appearance: PropTypes.oneOf(['default', 'picker']),
   name: PropTypes.string,