rsuite 5.0.0-beta.7 → 5.0.2

package/cjs/Breadcrumb/BreadcrumbItem.js

@@ -17,15 +17,12 @@ var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: _SafeAnchor.default,
-  classPrefix: 'breadcrumb-item'
-};
-
 var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,
       href = props.href,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'breadcrumb-item' : _props$classPrefix,
       title = props.title,
       target = props.target,
       className = props.className,
@@ -62,7 +59,6 @@ var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 });
 
 BreadcrumbItem.displayName = 'BreadcrumbItem';
-BreadcrumbItem.defaultProps = defaultProps;
 BreadcrumbItem.propTypes = {
   active: _propTypes.default.bool,
   className: _propTypes.default.string,

package/cjs/Button/Button.js

@@ -23,24 +23,21 @@ var _utils = require("../utils");
 
 var _templateObject;
 
-var defaultProps = {
-  appearance: 'default',
-  classPrefix: 'btn',
-  ripple: true
-};
-
 var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var as = props.as,
       active = props.active,
-      appearance = props.appearance,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       block = props.block,
       className = props.className,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,
       color = props.color,
       disabled = props.disabled,
       loading = props.loading,
-      ripple = props.ripple,
+      _props$ripple = props.ripple,
+      ripple = _props$ripple === void 0 ? true : _props$ripple,
       size = props.size,
       typeProp = props.type,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "type"]);
@@ -86,7 +83,6 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Button.displayName = 'Button';
-Button.defaultProps = defaultProps;
 Button.propTypes = {
   as: _propTypes.default.elementType,
   active: _propTypes.default.bool,

package/cjs/ButtonGroup/ButtonGroup.js

@@ -15,16 +15,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'btn-group',
-  role: 'group'
-};
-
 var ButtonGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
-      role = props.role,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'btn-group' : _props$classPrefix,
+      _props$role = props.role,
+      role = _props$role === void 0 ? 'group' : _props$role,
       className = props.className,
       children = props.children,
       block = props.block,
@@ -50,7 +47,6 @@ var ButtonGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ButtonGroup.displayName = 'ButtonGroup';
-ButtonGroup.defaultProps = defaultProps;
 ButtonGroup.propTypes = {
   className: _propTypes.default.string,
   as: _propTypes.default.elementType,

package/cjs/Calendar/Calendar.js

@@ -37,15 +37,12 @@ exports.CalendarState = CalendarState;
   CalendarState["DROP_MONTH"] = "DROP_MONTH";
 })(CalendarState || (exports.CalendarState = CalendarState = {}));
 
-var defaultProps = {
-  classPrefix: 'calendar',
-  as: 'div'
-};
-
 var Calendar = /*#__PURE__*/_react.default.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,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
       calendarState = props.calendarState,
       dateRange = props.dateRange,
       disabledBackward = props.disabledBackward,
@@ -166,7 +163,6 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Calendar.displayName = 'Calendar';
-Calendar.defaultProps = defaultProps;
 Calendar.propTypes = {
   calendarState: _propTypes.default.oneOf(Object.values(CalendarState)),
   className: _propTypes.default.string,

package/cjs/Calendar/CalendarPanel.js

@@ -25,19 +25,16 @@ var _utils = require("../utils");
 
 var _useCalendarDate2 = _interopRequireDefault(require("./useCalendarDate"));
 
-var defaultProps = {
-  defaultValue: new Date(),
-  classPrefix: 'calendar',
-  as: _Calendar.default
-};
-
 var CalendarPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? _Calendar.default : _props$as,
       bordered = props.bordered,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
       compact = props.compact,
-      defaultValue = props.defaultValue,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,
       isoWeek = props.isoWeek,
       overrideLocale = props.locale,
       onChange = props.onChange,
@@ -138,6 +135,5 @@ CalendarPanel.propTypes = {
   onSelect: _propTypes.default.func,
   renderCell: _propTypes.default.func
 };
-CalendarPanel.defaultProps = defaultProps;
 var _default = CalendarPanel;
 exports.default = _default;

package/cjs/Calendar/Header.js

@@ -29,15 +29,12 @@ var _CustomProvider = require("../CustomProvider");
 
 var _CalendarContext = require("./CalendarContext");
 
-var defaultProps = {
-  classPrefix: 'calendar-header',
-  as: 'div'
-};
-
 var Header = /*#__PURE__*/_react.default.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,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-header' : _props$classPrefix,
       disabledBackward = props.disabledBackward,
       disabledForward = props.disabledForward,
       showDate = props.showDate,
@@ -183,6 +180,5 @@ Header.propTypes = {
   showMonth: _propTypes.default.bool,
   showTime: _propTypes.default.bool
 };
-Header.defaultProps = defaultProps;
 var _default = Header;
 exports.default = _default;

package/cjs/Calendar/MonthDropdown.js

@@ -41,22 +41,19 @@ function getRowHeight(count) {
   };
 }
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'calendar-month-dropdown',
-  limitEndYear: 5,
-  height: 221,
-  width: 256
-};
-
 var MonthDropdown = /*#__PURE__*/_react.default.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,
-      limitEndYear = props.limitEndYear,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown' : _props$classPrefix,
+      _props$limitEndYear = props.limitEndYear,
+      limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,
       show = props.show,
-      defaultHeight = props.height,
-      defaultWidth = props.width,
+      _props$height = props.height,
+      defaultHeight = _props$height === void 0 ? 221 : _props$height,
+      _props$width = props.width,
+      defaultWidth = _props$width === void 0 ? 256 : _props$width,
       disabledMonth = props.disabledMonth,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "limitEndYear", "show", "height", "width", "disabledMonth"]);
 
@@ -162,7 +159,6 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 MonthDropdown.displayName = 'MonthDropdown';
-MonthDropdown.defaultProps = defaultProps;
 MonthDropdown.propTypes = {
   limitEndYear: _propTypes.default.number,
   className: _propTypes.default.string,

package/cjs/Calendar/MonthDropdownItem.js

@@ -21,19 +21,16 @@ var _dateUtils = require("../utils/dateUtils");
 
 var _CalendarContext = require("./CalendarContext");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'calendar-month-dropdown-cell',
-  month: 0
-};
-
 var MonthDropdownItem = /*#__PURE__*/_react.default.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,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown-cell' : _props$classPrefix,
       active = props.active,
       disabled = props.disabled,
-      month = props.month,
+      _props$month = props.month,
+      month = _props$month === void 0 ? 0 : _props$month,
       year = props.year,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "active", "disabled", "month", "year"]);
 
@@ -78,7 +75,6 @@ var MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
 });
 
 MonthDropdownItem.displayName = 'MonthDropdownItem';
-MonthDropdownItem.defaultProps = defaultProps;
 MonthDropdownItem.propTypes = {
   month: _propTypes.default.number,
   year: _propTypes.default.number,

package/cjs/Calendar/Table.js

@@ -19,17 +19,14 @@ var _TableHeaderRow = _interopRequireDefault(require("./TableHeaderRow"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'calendar-table',
-  rows: []
-};
-
 var Table = /*#__PURE__*/_react.default.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,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
+      _props$rows = props.rows,
+      rows = _props$rows === void 0 ? [] : _props$rows,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "rows"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -51,7 +48,6 @@ var Table = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Table.displayName = 'Table';
-Table.defaultProps = defaultProps;
 Table.propTypes = {
   rows: _propTypes.default.array,
   className: _propTypes.default.string,

package/cjs/Calendar/TableHeaderRow.js

@@ -17,16 +17,14 @@ var _utils = require("../utils");
 
 var _CalendarContext = require("./CalendarContext");
 
-var defaultProps = {
-  classPrefix: 'calendar-table',
-  as: 'div'
-};
 var weekKeys = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
 
 var TableHeaderRow = /*#__PURE__*/_react.default.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,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix"]);
 
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
@@ -73,6 +71,5 @@ TableHeaderRow.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string
 };
-TableHeaderRow.defaultProps = defaultProps;
 var _default = TableHeaderRow;
 exports.default = _default;

package/cjs/Calendar/TableRow.js

@@ -21,17 +21,14 @@ var _utils = require("../utils");
 
 var _CalendarContext = require("./CalendarContext");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'calendar-table',
-  weekendDate: new Date()
-};
-
 var TableRow = /*#__PURE__*/_react.default.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,
-      weekendDate = props.weekendDate,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
+      _props$weekendDate = props.weekendDate,
+      weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "weekendDate"]);
 
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
@@ -151,11 +148,10 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), showWeekNumbers && /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('cell-week-number'),
     role: "cell"
-  }, _utils.DateUtils.format(props.weekendDate, isoWeek ? 'I' : 'w')), renderDays());
+  }, _utils.DateUtils.format(weekendDate, isoWeek ? 'I' : 'w')), renderDays());
 });
 
 TableRow.displayName = 'TableRow';
-TableRow.defaultProps = defaultProps;
 TableRow.propTypes = {
   weekendDate: _propTypes.default.instanceOf(Date),
   className: _propTypes.default.string,

package/cjs/Calendar/TimeDropdown.js

@@ -29,11 +29,6 @@ var _utils = require("../utils");
 
 var _CalendarContext = require("./CalendarContext");
 
-var defaultProps = {
-  classPrefix: 'calendar-time-dropdown',
-  as: 'div'
-};
-
 /**
  * Get the effective range of hours, minutes and seconds
  * @param meridian
@@ -113,9 +108,11 @@ var scrollTo = function scrollTo(time, row) {
 };
 
 var TimeDropdown = /*#__PURE__*/_react.default.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,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-time-dropdown' : _props$classPrefix,
       show = props.show,
       showMeridian = props.showMeridian,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "show", "showMeridian"]);
@@ -225,7 +222,6 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 TimeDropdown.displayName = 'TimeDropdown';
-TimeDropdown.defaultProps = defaultProps;
 TimeDropdown.propTypes = {
   show: _propTypes.default.bool,
   showMeridian: _propTypes.default.bool,

package/cjs/Calendar/View.js

@@ -19,15 +19,12 @@ var _Table = _interopRequireDefault(require("./Table"));
 
 var _CalendarContext = require("./CalendarContext");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'calendar-view'
-};
-
 var View = /*#__PURE__*/_react.default.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,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-view' : _props$classPrefix,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix"]);
 
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
@@ -53,7 +50,6 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 View.displayName = 'View';
-View.defaultProps = defaultProps;
 View.propTypes = {
   as: _propTypes.default.elementType,
   className: _propTypes.default.string,

package/cjs/Carousel/Carousel.js

@@ -19,25 +19,22 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'carousel',
-  autoplayInterval: 4000,
-  placement: 'bottom',
-  shape: 'dot'
-};
-
 var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _sliderStyles, _ref;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'carousel' : _props$classPrefix,
       className = props.className,
-      placement = props.placement,
-      shape = props.shape,
+      _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,
-      autoplayInterval = props.autoplayInterval,
+      _props$autoplayInterv = props.autoplayInterval,
+      autoplayInterval = _props$autoplayInterv === void 0 ? 4000 : _props$autoplayInterv,
       onSelect = props.onSelect,
       onSlideStart = props.onSlideStart,
       onSlideEnd = props.onSlideEnd,
@@ -158,7 +155,6 @@ var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Carousel.displayName = 'Carousel';
-Carousel.defaultProps = defaultProps;
 Carousel.propTypes = {
   as: _propTypes.default.elementType,
   className: _propTypes.default.string,

package/cjs/Cascader/Cascader.js

@@ -35,32 +35,30 @@ var _utils2 = require("../utils");
 
 var _Picker = require("../Picker");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'picker',
-  cleanable: true,
-  placement: 'bottomStart',
-  appearance: 'default',
-  data: [],
-  disabledItemValues: [],
-  childrenKey: 'children',
-  valueKey: 'value',
-  labelKey: 'label',
-  searchable: true
-};
+var emptyArray = [];
 
 var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      data = props.data,
-      classPrefix = props.classPrefix,
-      childrenKey = props.childrenKey,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
+  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,
-      disabledItemValues = props.disabledItemValues,
-      cleanable = props.cleanable,
+      _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,
@@ -70,9 +68,11 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       menuStyle = props.menuStyle,
       menuWidth = props.menuWidth,
       menuHeight = props.menuHeight,
-      searchable = props.searchable,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
       parentSelectable = props.parentSelectable,
-      placement = props.placement,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       id = props.id,
       renderMenuItem = props.renderMenuItem,
       renderValue = props.renderValue,
@@ -87,7 +87,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onClose = props.onClose,
       onOpen = props.onOpen,
       getChildren = props.getChildren,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "cleanable", "locale", "toggleAs", "style", "value", "inline", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "searchable", "parentSelectable", "placement", "id", "renderMenuItem", "renderValue", "renderMenu", "renderExtraFooter", "onEnter", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "getChildren"]); // Use component active state to support keyboard events.
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "appearance", "cleanable", "locale", "toggleAs", "style", "value", "inline", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "searchable", "parentSelectable", "placement", "id", "renderMenuItem", "renderValue", "renderMenu", "renderExtraFooter", "onEnter", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "getChildren"]); // Use component active state to support keyboard events.
 
   var _useState = (0, _react.useState)(false),
       active = _useState[0],
@@ -471,8 +471,10 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }
 
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends3.default)({}, props, {
+    classPrefix: classPrefix,
     hasValue: hasValue,
-    name: 'cascader'
+    name: 'cascader',
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1]; // TODO: bad api design
@@ -497,6 +499,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     id: id,
     ref: targetRef,
     as: toggleAs,
+    appearance: appearance,
     disabled: disabled,
     onClean: (0, _utils2.createChainedFunction)(handleClean, onClean),
     onKeyDown: onPickerKeyDown,
@@ -509,7 +512,6 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Cascader.displayName = 'Cascader';
-Cascader.defaultProps = defaultProps;
 Cascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes, {
   disabledItemValues: _propTypes.default.array,
   locale: _propTypes.default.any,

package/cjs/Cascader/DropdownMenu.js

@@ -31,31 +31,30 @@ var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"
 
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
 
-var defaultProps = {
-  as: 'div',
-  disabledItemValues: [],
-  cascadeData: [],
-  cascadePaths: [],
-  menuWidth: 120,
-  menuHeight: 200,
-  childrenKey: 'children',
-  valueKey: 'value',
-  labelKey: 'label'
-};
+var emptyArray = [];
 
 var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       activeItemValue = props.activeItemValue,
       classPrefix = props.classPrefix,
       className = props.className,
-      childrenKey = props.childrenKey,
-      disabledItemValues = props.disabledItemValues,
-      menuWidth = props.menuWidth,
-      menuHeight = props.menuHeight,
-      valueKey = props.valueKey,
-      cascadeData = props.cascadeData,
-      cascadePaths = props.cascadePaths,
-      labelKey = props.labelKey,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+      _props$menuWidth = props.menuWidth,
+      menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,
+      _props$menuHeight = props.menuHeight,
+      menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$cascadeData = props.cascadeData,
+      cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
+      _props$cascadePaths = props.cascadePaths,
+      cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
       renderMenu = props.renderMenu,
       renderMenuItem = props.renderMenuItem,
       onSelect = props.onSelect,
@@ -188,7 +187,6 @@ var dropdownMenuPropTypes = {
 };
 exports.dropdownMenuPropTypes = dropdownMenuPropTypes;
 DropdownMenu.displayName = 'DropdownMenu';
-DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.propTypes = dropdownMenuPropTypes;
 var _default = DropdownMenu;
 exports.default = _default;