rsuite 5.0.0 → 5.1.0

package/esm/Cascader/Cascader.js

@@ -12,31 +12,29 @@ import { findNodeOfTree, flattenTree, getNodeParents } from '../utils/treeUtils'
 import { usePaths } from './utils';
 import { getSafeRegExpString, createChainedFunction, mergeRefs, useControlled, useCustom, useClassNames } from '../utils';
 import { PickerToggle, PickerOverlay, SearchBar, PickerToggleTrigger, usePickerClassName, usePublicMethods, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../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.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,
@@ -46,9 +44,11 @@ var Cascader = /*#__PURE__*/React.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,
@@ -63,7 +63,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClose = props.onClose,
       onOpen = props.onOpen,
       getChildren = props.getChildren,
-      rest = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(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 = useState(false),
@@ -449,8 +449,11 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
+    classPrefix: classPrefix,
     hasValue: hasValue,
-    name: 'cascader'
+    name: 'cascader',
+    appearance: appearance,
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1]; // TODO: bad api design
@@ -475,6 +478,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     id: id,
     ref: targetRef,
     as: toggleAs,
+    appearance: appearance,
     disabled: disabled,
     onClean: createChainedFunction(handleClean, onClean),
     onKeyDown: onPickerKeyDown,
@@ -486,7 +490,6 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 Cascader.displayName = 'Cascader';
-Cascader.defaultProps = defaultProps;
 Cascader.propTypes = _extends({}, listPickerPropTypes, {
   disabledItemValues: PropTypes.array,
   locale: PropTypes.any,

package/esm/Cascader/DropdownMenu.js

@@ -10,30 +10,29 @@ import { shallowEqual, useClassNames, mergeRefs, useCustom } from '../utils';
 import { DropdownMenuItem } from '../Picker';
 import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
 import AngleRightIcon from '@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.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,
@@ -161,6 +160,5 @@ export var dropdownMenuPropTypes = {
   cascadePaths: PropTypes.array
 };
 DropdownMenu.displayName = 'DropdownMenu';
-DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.propTypes = dropdownMenuPropTypes;
 export default DropdownMenu;

package/esm/CheckPicker/CheckPicker.js

@@ -16,35 +16,35 @@ import isNil from 'lodash/isNil';
 import { filterNodesOfTree } from '../utils/treeUtils';
 import { createChainedFunction, getDataGroupBy, useClassNames, shallowEqual, useCustom, useControlled, mergeRefs } from '../utils';
 import { DropdownMenu, DropdownMenuCheckItem as DropdownMenuItem, PickerToggle, PickerOverlay, SearchBar, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, usePublicMethods, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
-var defaultProps = {
-  as: 'div',
-  appearance: 'default',
-  classPrefix: 'picker',
-  countable: true,
-  searchable: true,
-  cleanable: true,
-  data: [],
-  disabledItemValues: [],
-  valueKey: 'value',
-  labelKey: 'label',
-  placement: 'bottomStart',
-  menuAutoWidth: true,
-  menuMaxHeight: 320
-};
+var emptyArray = [];
 var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
-      countable = props.countable,
-      data = props.data,
-      disabledItemValues = props.disabledItemValues,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
-      searchable = props.searchable,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
+      _props$countable = props.countable,
+      countable = _props$countable === void 0 ? true : _props$countable,
+      _props$data = props.data,
+      data = _props$data === void 0 ? emptyArray : _props$data,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
       virtualized = props.virtualized,
-      cleanable = props.cleanable,
-      placement = props.placement,
-      menuAutoWidth = props.menuAutoWidth,
-      menuMaxHeight = props.menuMaxHeight,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+      _props$menuAutoWidth = props.menuAutoWidth,
+      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
+      _props$menuMaxHeight = props.menuMaxHeight,
+      menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
       menuClassName = props.menuClassName,
       menuStyle = props.menuStyle,
       overrideLocale = props.locale,
@@ -75,7 +75,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect = props.onSelect,
       onClose = props.onClose,
       onOpen = props.onOpen,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "countable", "data", "disabledItemValues", "valueKey", "labelKey", "searchable", "virtualized", "cleanable", "placement", "menuAutoWidth", "menuMaxHeight", "menuClassName", "menuStyle", "locale", "placeholder", "disabled", "toggleAs", "style", "sticky", "value", "defaultValue", "groupBy", "listProps", "id", "sort", "searchBy", "renderMenuItem", "renderMenuGroup", "renderValue", "renderExtraFooter", "renderMenu", "onGroupTitleClick", "onSearch", "onEnter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onClose", "onOpen"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "classPrefix", "countable", "data", "disabledItemValues", "valueKey", "labelKey", "searchable", "virtualized", "cleanable", "placement", "menuAutoWidth", "menuMaxHeight", "menuClassName", "menuStyle", "locale", "placeholder", "disabled", "toggleAs", "style", "sticky", "value", "defaultValue", "groupBy", "listProps", "id", "sort", "searchBy", "renderMenuItem", "renderMenuGroup", "renderValue", "renderExtraFooter", "renderMenu", "onGroupTitleClick", "onSearch", "onEnter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onClose", "onOpen"]);
 
   var triggerRef = useRef();
   var targetRef = useRef();
@@ -342,6 +342,10 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
+    appearance: appearance,
+    classPrefix: classPrefix,
+    cleanable: cleanable,
+    countable: countable,
     hasValue: hasValue,
     name: 'check'
   })),
@@ -362,6 +366,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
     ref: targetRef,
+    appearance: appearance,
     disabled: disabled,
     onClean: handleClean,
     onKeyDown: onPickerKeyDown,
@@ -374,7 +379,6 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 CheckPicker.displayName = 'CheckPicker';
-CheckPicker.defaultProps = defaultProps;
 CheckPicker.propTypes = _extends({}, listPickerPropTypes, {
   locale: PropTypes.any,
   appearance: PropTypes.oneOf(['default', 'subtle']),

package/esm/CheckTreePicker/CheckTreeNode.js

@@ -13,8 +13,10 @@ var CheckTreeNode = /*#__PURE__*/forwardRef(function (_ref, ref) {
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       style = _ref.style,
       className = _ref.className,
-      classPrefix = _ref.classPrefix,
-      visible = _ref.visible,
+      _ref$classPrefix = _ref.classPrefix,
+      classPrefix = _ref$classPrefix === void 0 ? 'check-tree-node' : _ref$classPrefix,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
       layer = _ref.layer,
       disabled = _ref.disabled,
       allUncheckable = _ref.allUncheckable,
@@ -175,8 +177,4 @@ CheckTreeNode.propTypes = {
   onRenderTreeIcon: PropTypes.func,
   onRenderTreeNode: PropTypes.func
 };
-CheckTreeNode.defaultProps = {
-  visible: true,
-  classPrefix: 'check-tree-node'
-};
 export default CheckTreeNode;

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -1,5 +1,5 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _isUndefined from "lodash/isUndefined";
 import _cloneDeep from "lodash/cloneDeep";
 import _omit from "lodash/omit";
@@ -13,58 +13,63 @@ import { List, AutoSizer } from '../Picker/VirtualizedList';
 import CheckTreeNode from './CheckTreeNode';
 import TreeContext from '../Tree/TreeContext';
 import { createChainedFunction, useCustom, useClassNames, useControlled, KEY_VALUES, mergeRefs, shallowEqual } from '../utils';
-import { PickerToggle, onMenuKeyDown as _onMenuKeyDown, PickerOverlay, SearchBar, SelectedElement, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, usePublicMethods, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes, listPickerDefaultProps, useToggleKeyDownEvent } from '../Picker';
+import { PickerToggle, onMenuKeyDown as _onMenuKeyDown, PickerOverlay, SearchBar, SelectedElement, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, usePublicMethods, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes, useToggleKeyDownEvent } from '../Picker';
 import { isEveryChildChecked, isSomeNodeHasChildren, isAllSiblingNodeUncheckable, isEveryFirstLevelNodeUncheckable, getFormattedTree, getDisabledState, getCheckTreePickerDefaultValue, getSelectedItems, isNodeUncheckable } from './utils';
 import { hasVisibleChildren, getExpandWhenSearching, useTreeSearch, useTreeNodeRefs, getDefaultExpandItemValues, useFlattenTreeData, focusNextItem, getFocusableItems, focusPreviousItem, toggleExpand, getActiveItem, useGetTreeNodeChildren, focusToActiveTreeNode, focusTreeNode, leftArrowHandler, rightArrowHandler, isSearching } from '../utils/treeUtils';
 import { maxTreeHeight } from '../TreePicker/TreePicker';
-
-var defaultProps = _extends({}, listPickerDefaultProps, {
-  as: 'div',
-  height: 360,
-  cascade: true,
-  countable: true,
-  searchable: true,
-  menuAutoWidth: true,
-  defaultValue: [],
-  appearance: 'default',
-  uncheckableItemValues: [],
-  classPrefix: 'picker',
-  placement: 'bottomStart'
-});
-
+var emptyArray = [];
 var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
-      data = props.data,
+  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,
       style = props.style,
-      cleanable = props.cleanable,
-      countable = props.countable,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+      _props$countable = props.countable,
+      countable = _props$countable === void 0 ? true : _props$countable,
       searchBy = props.searchBy,
       toggleAs = props.toggleAs,
       searchKeyword = props.searchKeyword,
       overrideLocale = props.locale,
-      cascade = props.cascade,
+      _props$cascade = props.cascade,
+      cascade = _props$cascade === void 0 ? true : _props$cascade,
       disabled = props.disabled,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
-      placement = props.placement,
-      childrenKey = 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,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
       placeholder = props.placeholder,
       controlledValue = props.value,
-      defaultValue = props.defaultValue,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? emptyArray : _props$defaultValue,
       defaultExpandAll = props.defaultExpandAll,
-      disabledItemValues = props.disabledItemValues,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
       controlledExpandItemValues = props.expandItemValues,
       defaultExpandItemValues = props.defaultExpandItemValues,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? 360 : _props$height,
       menuStyle = props.menuStyle,
-      searchable = props.searchable,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
       virtualized = props.virtualized,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
       menuClassName = props.menuClassName,
-      menuAutoWidth = props.menuAutoWidth,
-      uncheckableItemValues = props.uncheckableItemValues,
+      _props$menuAutoWidth = props.menuAutoWidth,
+      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
+      _props$uncheckableIte = props.uncheckableItemValues,
+      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
       id = props.id,
+      listProps = props.listProps,
       renderMenu = props.renderMenu,
       getChildren = props.getChildren,
       renderExtraFooter = props.renderExtraFooter,
@@ -81,7 +86,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       renderValue = props.renderValue,
       renderTreeIcon = props.renderTreeIcon,
       renderTreeNode = props.renderTreeNode,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "style", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
 
   var _useContext = useContext(TreeContext),
       inline = _useContext.inline;
@@ -643,7 +648,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, function (_ref5) {
       var height = _ref5.height,
           width = _ref5.width;
-      return /*#__PURE__*/React.createElement(List, {
+      return /*#__PURE__*/React.createElement(List, _extends({
         ref: listRef,
         width: width,
         height: height,
@@ -651,7 +656,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         rowCount: formattedNodes.length,
         rowRenderer: renderVirtualListNode(formattedNodes),
         scrollToAlignment: "center"
-      });
+      }, listProps));
     }) : formattedNodes));
   };
 
@@ -716,6 +721,11 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
+    classPrefix: classPrefix,
+    appearance: appearance,
+    countable: countable,
+    cleanable: cleanable,
+    disabled: disabled,
     hasValue: hasValidValue,
     name: 'check-tree'
   })),
@@ -740,6 +750,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, _omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
     ref: targetRef,
+    appearance: appearance,
     onKeyDown: onPickerKeydown,
     onClean: createChainedFunction(handleClean, onClean),
     cleanable: cleanable && !disabled,
@@ -752,7 +763,6 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), selectedElement || locale.placeholder)));
 });
 CheckTreePicker.displayName = 'CheckTreePicker';
-CheckTreePicker.defaultProps = defaultProps;
 CheckTreePicker.propTypes = _extends({}, listPickerPropTypes, {
   height: PropTypes.number,
   appearance: PropTypes.oneOf(['default', 'subtle']),

package/esm/Checkbox/Checkbox.js

@@ -8,13 +8,6 @@ import React, { useContext, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useControlled, partitionHTMLProps, useClassNames, TypeChecker } from '../utils';
 import { CheckboxGroupContext } from '../CheckboxGroup';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'checkbox',
-  checkable: true,
-  tabIndex: 0,
-  inputProps: {}
-};
 var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(CheckboxGroupContext),
       inlineContext = _useContext.inline,
@@ -26,18 +19,22 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
       controlled = _useContext.controlled,
       onGroupChange = _useContext.onChange;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       controlledChecked = props.checked,
       className = props.className,
       children = props.children,
-      classPrefix = props.classPrefix,
-      checkable = props.checkable,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,
+      _props$checkable = props.checkable,
+      checkable = _props$checkable === void 0 ? true : _props$checkable,
       defaultChecked = props.defaultChecked,
       title = props.title,
       inputRef = props.inputRef,
       inputProps = props.inputProps,
       indeterminate = props.indeterminate,
-      tabIndex = props.tabIndex,
+      _props$tabIndex = props.tabIndex,
+      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
       _props$readOnly = props.readOnly,
@@ -142,7 +139,6 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, checkable ? input : null, children)));
 });
 Checkbox.displayName = 'Checkbox';
-Checkbox.defaultProps = defaultProps;
 Checkbox.propTypes = {
   as: PropTypes.elementType,
   title: PropTypes.string,

package/esm/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '../@types/common';
-import { ValueType } from '../Checkbox';
+import type { ValueType } from '../Checkbox';
 export interface CheckboxGroupProps<V = ValueType[]> extends WithAsProps, FormControlBaseProps<V> {
     /** Used for the name of the form */
     name?: string;
@@ -9,16 +9,5 @@ export interface CheckboxGroupProps<V = ValueType[]> extends WithAsProps, FormCo
     /** Inline layout */
     inline?: boolean;
 }
-export interface CheckboxGroupContextValue {
-    inline?: boolean;
-    name?: string;
-    value?: ValueType[];
-    controlled?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    plaintext?: boolean;
-    onChange?: (value: any, checked: boolean, event: React.SyntheticEvent<HTMLInputElement>) => void;
-}
-export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue>;
 declare const CheckboxGroup: RsRefForwardingComponent<'div', CheckboxGroupProps>;
 export default CheckboxGroup;

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -6,20 +6,18 @@ import cloneDeep from 'lodash/cloneDeep';
 import remove from 'lodash/remove';
 import { useClassNames, useControlled, shallowEqual } from '../utils';
 import Plaintext from '../Plaintext';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'checkbox-group'
-};
-export var CheckboxGroupContext = /*#__PURE__*/React.createContext({});
+import { CheckboxGroupContext } from './CheckboxGroupContext';
 var CheckboxGroup = /*#__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,
       name = props.name,
       valueProp = props.value,
       defaultValue = props.defaultValue,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'checkbox-group' : _props$classPrefix,
       disabled = props.disabled,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
@@ -77,7 +75,6 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children));
 });
 CheckboxGroup.displayName = 'CheckboxGroup';
-CheckboxGroup.defaultProps = defaultProps;
 CheckboxGroup.propTypes = {
   as: PropTypes.elementType,
   name: PropTypes.string,

package/esm/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ValueType } from '../Checkbox';
+export interface CheckboxGroupContextValue {
+    inline?: boolean;
+    name?: string;
+    value?: ValueType[];
+    controlled?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    plaintext?: boolean;
+    onChange?: (value: any, checked: boolean, event: React.SyntheticEvent<HTMLInputElement>) => void;
+}
+export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue>;

package/esm/CheckboxGroup/CheckboxGroupContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export var CheckboxGroupContext = /*#__PURE__*/React.createContext({});

package/esm/CheckboxGroup/index.d.ts

@@ -1,4 +1,5 @@
-import CheckboxGroup, { CheckboxGroupContext } from './CheckboxGroup';
-export { CheckboxGroupContext };
-export type { CheckboxGroupProps, CheckboxGroupContextValue } from './CheckboxGroup';
+import CheckboxGroup from './CheckboxGroup';
+export { CheckboxGroupContext } from './CheckboxGroupContext';
+export type { CheckboxGroupProps } from './CheckboxGroup';
+export type { CheckboxGroupContextValue } from './CheckboxGroupContext';
 export default CheckboxGroup;

package/esm/CheckboxGroup/index.js

@@ -1,3 +1,3 @@
-import CheckboxGroup, { CheckboxGroupContext } from './CheckboxGroup';
-export { CheckboxGroupContext };
+import CheckboxGroup from './CheckboxGroup';
+export { CheckboxGroupContext } from './CheckboxGroupContext';
 export default CheckboxGroup;

package/esm/Col/Col.js

@@ -15,7 +15,8 @@ var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useClassNames = useClassNames(classPrefix),
       prefix = _useClassNames.prefix,
       merge = _useClassNames.merge,
-      rootPrefix = _useClassNames.rootPrefix;
+      rootPrefix = _useClassNames.rootPrefix,
+      withClassPrefix = _useClassNames.withClassPrefix;
 
   var colClasses = {};
   var omitKeys = {};
@@ -37,7 +38,7 @@ var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
     colClasses[prefix(size + "-push-" + push)] = push >= 0;
     colClasses[prefix(size + "-pull-" + pull)] = pull >= 0;
   });
-  var classes = merge(className, classPrefix, colClasses);
+  var classes = merge(className, withClassPrefix(), colClasses);
   var unhandledProps = omit(rest, Object.keys(omitKeys));
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "gridcell"

package/esm/Container/Container.js

@@ -4,13 +4,11 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 export var ContainerContext = /*#__PURE__*/React.createContext({});
-var defaultProps = {
-  as: 'section',
-  classPrefix: 'container'
-};
 var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'section' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'container' : _props$classPrefix,
       className = props.className,
       children = props.children,
       rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children"]);
@@ -36,7 +34,6 @@ var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children));
 });
 Container.displayName = 'Container';
-Container.defaultProps = defaultProps;
 Container.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node,

package/esm/DOMHelper/index.d.ts

@@ -46,7 +46,7 @@ declare const DOMHelper: {
     } | DOMRect;
     nodeName: (node: Element) => string;
     getOffsetParent: (node: Element) => Element;
-    getPosition: (node: Element, offsetParent?: Element) => DOMRect | {
+    getPosition: (node: Element, offsetParent?: Element, calcMargin?: boolean) => DOMRect | {
         top: number;
         left: number;
         height: number;