rsuite 4.10.10 → 4.11.1

package/es/CheckPicker/CheckPicker.d.ts

@@ -1,14 +1,21 @@
 import * as React from 'react';
 
-import { FormControlPickerProps } from '../@types/common';
-import { SelectProps } from '../SelectPicker/SelectPicker.d';
+import { FormControlPickerProps, ItemDataType } from '../@types/common';
+import { BaseSelectProps } from '../SelectPicker/SelectPicker.d';
 
-export interface CheckPickerProps extends FormControlPickerProps<any[]>, SelectProps<any[]> {
+export interface CheckPickerProps extends FormControlPickerProps<any[]>, BaseSelectProps {
   /** Top the selected option in the options */
   sticky?: boolean;
 
   /** A picker that can be counted */
   countable?: boolean;
+
+  /** Custom render selected items */
+  renderValue?: (
+    value: any[],
+    item: ItemDataType[],
+    selectedElement: React.ReactNode
+  ) => React.ReactNode;
 }
 
 declare const CheckPicker: React.ComponentType<CheckPickerProps>;

package/es/CheckTreePicker/CheckTreePicker.js

@@ -21,7 +21,7 @@ import { CHECK_STATE } from '../constants';
 import { clone, defaultProps, prefix, defaultClassPrefix, getUnhandledProps, createChainedFunction, mergeRefs } from '../utils';
 import { PickerToggle, getToggleWrapperClassName, onMenuKeyDown, MenuWrapper, SearchBar, SelectedElement, PickerToggleTrigger, createConcatChildrenFunction, shouldDisplay } from '../Picker';
 import { isEveryChildChecked, isSomeChildChecked, isSomeNodeHasChildren, getSiblingNodeUncheckable, getEveryFisrtLevelNodeUncheckable, getUncheckableState, getFormattedTree, getDisabledState } from './utils';
-import { compareArray, shouldShowNodeByExpanded, flattenTree, getNodeParents, getVirtualLisHeight, hasVisibleChildren, treeDeprecatedWarning, getExpandItemValues, getExpandAll, getExpandState, getExpandWhenSearching } from '../utils/treeUtils';
+import { compareArray, shouldShowNodeByExpanded, flattenTree, getNodeParents, hasVisibleChildren, treeDeprecatedWarning, getExpandItemValues, getExpandAll, getExpandState, getExpandWhenSearching } from '../utils/treeUtils';
 import { listPickerPropTypes, listPickerDefaultProps } from '../Picker/propTypes'; // default value for virtualized
 
 var defaultHeight = 360;
@@ -427,7 +427,7 @@ function (_React$Component) {
     _this.unserializeLists({
       check: nextValue,
       expand: _nextExpandItemValues
-    }, _props);
+    }, _props, true);
 
     _this.state = {
       data: data,
@@ -901,13 +901,17 @@ function (_React$Component) {
     return list;
   };
 
-  _proto.unserializeLists = function unserializeLists(lists, nextProps) {
+  _proto.unserializeLists = function unserializeLists(lists, nextProps, initial) {
     var _this8 = this;
 
     if (nextProps === void 0) {
       nextProps = this.props;
     }
 
+    if (initial === void 0) {
+      initial = false;
+    }
+
     var _nextProps = nextProps,
         valueKey = _nextProps.valueKey,
         cascade = _nextProps.cascade,
@@ -945,7 +949,7 @@ function (_React$Component) {
               }
             });
           } else {
-            _this8.nodes[refKey][listKey] = expandAll;
+            _this8.nodes[refKey][listKey] = initial ? expandAll : false;
           }
         }
       });
@@ -1024,13 +1028,10 @@ function (_React$Component) {
 
   _proto.renderDropdownMenu = function renderDropdownMenu() {
     var _this$props10 = this.props,
-        _this$props10$height = _this$props10.height,
-        height = _this$props10$height === void 0 ? defaultHeight : _this$props10$height,
         locale = _this$props10.locale,
         menuStyle = _this$props10.menuStyle,
         searchable = _this$props10.searchable,
         renderMenu = _this$props10.renderMenu,
-        virtualized = _this$props10.virtualized,
         searchKeyword = _this$props10.searchKeyword,
         renderExtraFooter = _this$props10.renderExtraFooter,
         menuClassName = _this$props10.menuClassName,
@@ -1038,13 +1039,10 @@ function (_React$Component) {
     var keyword = !_isUndefined(searchKeyword) ? searchKeyword : this.state.searchKeyword;
     var classes = classNames(menuClassName, this.addPrefix('check-tree-menu'));
     var menu = this.renderCheckTree();
-    var styles = virtualized ? _extends({
-      height: height
-    }, menuStyle) : menuStyle;
     return React.createElement(MenuWrapper, {
       autoWidth: menuAutoWidth,
       className: classes,
-      style: styles,
+      style: menuStyle,
       ref: this.menuRef,
       getToggleInstance: this.getToggleInstance,
       getPositionInstance: this.getPositionInstance
@@ -1192,8 +1190,7 @@ function (_React$Component) {
         className = _this$props13.className,
         onScroll = _this$props13.onScroll,
         locale = _this$props13.locale,
-        virtualized = _this$props13.virtualized,
-        searchable = _this$props13.searchable; // 树节点的层级
+        virtualized = _this$props13.virtualized; // 树节点的层级
 
     var layer = 0;
     var classes = classNames(defaultClassPrefix('check-tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2['without-children'] = !isSomeNodeHasChildren, _classNames2));
@@ -1221,34 +1218,37 @@ function (_React$Component) {
           className: this.addPrefix('none')
         }, locale.noResultsText);
       }
-    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度
+    } // The height of virtualized tree should be subtract the value of paddingBottom
 
 
-    var treeHeight = _isUndefined(height) && virtualized ? defaultHeight : height;
+    var treeHeight = height - 12;
     var treeWidth = _isUndefined(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;
-    var styles = inline ? _extends({
-      height: treeHeight
-    }, style) : {};
+    var listStyles = inline ? _extends({
+      height: height
+    }, style) : style;
     var treeNodesClass = classNames(this.addTreePrefix('nodes'), (_classNames3 = {}, _classNames3[this.addTreePrefix('all-uncheckable')] = getEveryFisrtLevelNodeUncheckable(this.nodes), _classNames3));
-    var listHeight = getVirtualLisHeight(inline, searchable, treeHeight);
     return React.createElement("div", {
       ref: this.treeViewRef,
       className: classes,
-      style: styles,
+      style: listStyles,
       onScroll: onScroll,
       onKeyDown: this.handleKeyDown
     }, React.createElement("div", {
       className: treeNodesClass
     }, virtualized ? React.createElement(AutoSizer, {
-      defaultHeight: listHeight,
-      defaultWidth: treeWidth
+      defaultHeight: treeHeight,
+      defaultWidth: treeWidth,
+      style: {
+        width: 'auto',
+        height: 'auto'
+      }
     }, function (_ref3) {
       var height = _ref3.height,
           width = _ref3.width;
       return React.createElement(List, {
         ref: _this11.listRef,
         width: width || treeWidth,
-        height: height || listHeight,
+        height: height,
         rowHeight: 36,
         rowCount: formattedNodes.length,
         rowRenderer: _this11.measureRowRenderer(formattedNodes)
@@ -1369,6 +1369,7 @@ CheckTreePicker.propTypes = _extends({}, listPickerPropTypes, {
   searchBy: PropTypes.func
 });
 CheckTreePicker.defaultProps = _extends({}, listPickerDefaultProps, {
+  height: defaultHeight,
   cascade: true,
   countable: true,
   searchable: true,

package/es/InputPicker/InputPicker.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 
 import { FormControlPickerProps } from '../@types/common';
-import { SelectProps } from '../SelectPicker/SelectPicker.d';
+import { BaseSelectProps } from '../SelectPicker/SelectPicker.d';
 import { TagProps } from '../Tag/Tag.d';
 
-export interface InputPickerProps extends FormControlPickerProps<any>, SelectProps<any> {
+export interface InputPickerProps extends FormControlPickerProps<any>, BaseSelectProps {
   /** Settings can create new options */
   creatable?: boolean;
 

package/es/SelectPicker/SelectPicker.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 import { ListProps } from 'react-virtualized/dist/commonjs/List';
 
-export interface SelectProps<ValueType = any> {
+export interface BaseSelectProps {
   /** Set group condition key in data */
   groupBy?: string;
 
@@ -22,13 +22,6 @@ export interface SelectProps<ValueType = any> {
   /** Custom render menu group */
   renderMenuGroup?: (title: React.ReactNode, item: ItemDataType) => React.ReactNode;
 
-  /** Custom render selected items */
-  renderValue?: (
-    value: ValueType,
-    item: ItemDataType | ItemDataType[],
-    selectedElement: React.ReactNode
-  ) => React.ReactNode;
-
   /** Called when the option is selected */
   onSelect?: (value: any, item: ItemDataType, event: React.SyntheticEvent<any>) => void;
 
@@ -53,6 +46,14 @@ export interface SelectProps<ValueType = any> {
   /** Custom search rules. */
   searchBy?: (keyword: string, label: React.ReactNode, item: ItemDataType) => boolean;
 }
+export interface SelectProps<ValueType> extends BaseSelectProps {
+  /** Custom render selected items */
+  renderValue?: (
+    value: ValueType,
+    item: ItemDataType,
+    selectedElement: React.ReactNode
+  ) => React.ReactNode;
+}
 
 export interface SelectPickerProps extends FormControlPickerProps<any>, SelectProps<any> {}
 

package/es/TagPicker/TagPicker.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 
-import { FormControlPickerProps } from '../@types/common';
-import { SelectProps } from '../SelectPicker/SelectPicker.d';
+import { FormControlPickerProps, ItemDataType } from '../@types/common';
+import { BaseSelectProps } from '../SelectPicker/SelectPicker.d';
 import { TagProps } from '../Tag/Tag.d';
 
-export interface TagPickerProps extends FormControlPickerProps, SelectProps<any[]> {
+export interface TagPickerProps extends FormControlPickerProps, BaseSelectProps {
   /** Option to cache value when searching asynchronously */
   cacheData?: any[];
 
@@ -16,6 +16,13 @@ export interface TagPickerProps extends FormControlPickerProps, SelectProps<any[
    * https://github.com/rsuite/rsuite/blob/master/src/Tag/Tag.d.ts
    */
   tagProps?: TagProps;
+
+  /** Custom render selected items */
+  renderValue?: (
+    value: any[],
+    item: ItemDataType[],
+    selectedElement: React.ReactNode
+  ) => React.ReactNode;
 }
 
 declare const TagPicker: React.ComponentType<TagPickerProps>;

package/es/TreePicker/TreePicker.js

@@ -20,7 +20,7 @@ import { polyfill } from 'react-lifecycles-compat';
 import shallowEqual from '../utils/shallowEqual';
 import TreeNode from './TreeNode';
 import { defaultProps, prefix, defaultClassPrefix, getUnhandledProps, createChainedFunction, mergeRefs } from '../utils';
-import { flattenTree, getExpandWhenSearching, getNodeParents, shouldShowNodeByExpanded, getVirtualLisHeight, treeDeprecatedWarning, hasVisibleChildren, compareArray, getExpandAll, getExpandItemValues, getExpandState, getDragNodeKeys, calDropNodePosition, createUpdateTreeDataFunction } from '../utils/treeUtils';
+import { flattenTree, getExpandWhenSearching, getNodeParents, shouldShowNodeByExpanded, treeDeprecatedWarning, hasVisibleChildren, compareArray, getExpandAll, getExpandItemValues, getExpandState, getDragNodeKeys, calDropNodePosition, createUpdateTreeDataFunction } from '../utils/treeUtils';
 import { PickerToggle, getToggleWrapperClassName, onMenuKeyDown, MenuWrapper, SearchBar, PickerToggleTrigger, createConcatChildrenFunction, shouldDisplay } from '../Picker';
 import { TREE_NODE_DROP_POSITION } from '../constants';
 import { listPickerPropTypes, listPickerDefaultProps } from '../Picker/propTypes'; // default value for virtualized
@@ -547,7 +547,7 @@ function (_React$Component) {
       nextState.selectedValue = value;
     }
 
-    if (compareArray(expandItemValues, prevState.expandItemValues)) {
+    if (compareArray(expandItemValues, prevState.expandItemValues) && Array.isArray(expandItemValues)) {
       nextState.expandItemValues = expandItemValues;
     }
 
@@ -639,7 +639,7 @@ function (_React$Component) {
   _proto.updateExpandItemValuesChange = function updateExpandItemValuesChange(prevState) {
     var expandItemValues = this.props.expandItemValues;
 
-    if (compareArray(expandItemValues, prevState.expandItemValues)) {
+    if (compareArray(expandItemValues, prevState.expandItemValues) && Array.isArray(expandItemValues)) {
       this.unserializeLists('expand', expandItemValues);
       this.setState({
         expandItemValues: expandItemValues
@@ -1002,26 +1002,20 @@ function (_React$Component) {
 
   _proto.renderDropdownMenu = function renderDropdownMenu() {
     var _this$props16 = this.props,
-        _this$props16$height = _this$props16.height,
-        height = _this$props16$height === void 0 ? defaultHeight : _this$props16$height,
         searchable = _this$props16.searchable,
         searchKeyword = _this$props16.searchKeyword,
         renderExtraFooter = _this$props16.renderExtraFooter,
         locale = _this$props16.locale,
         renderMenu = _this$props16.renderMenu,
         menuStyle = _this$props16.menuStyle,
-        virtualized = _this$props16.virtualized,
         menuClassName = _this$props16.menuClassName,
         menuAutoWidth = _this$props16.menuAutoWidth;
     var keyword = !_isUndefined(searchKeyword) ? searchKeyword : this.state.searchKeyword;
     var classes = classNames(menuClassName, this.addPrefix('tree-menu'));
-    var styles = virtualized ? _extends({
-      height: height
-    }, menuStyle) : menuStyle;
     return React.createElement(MenuWrapper, {
       autoWidth: menuAutoWidth,
       className: classes,
-      style: styles,
+      style: menuStyle,
       ref: this.menuRef,
       getToggleInstance: this.getToggleInstance,
       getPositionInstance: this.getPositionInstance
@@ -1122,8 +1116,7 @@ function (_React$Component) {
         inline = _this$props18.inline,
         style = _this$props18.style,
         locale = _this$props18.locale,
-        virtualized = _this$props18.virtualized,
-        searchable = _this$props18.searchable;
+        virtualized = _this$props18.virtualized;
     var layer = 0;
     var classes = classNames(defaultClassPrefix('tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2));
     var nodes = [];
@@ -1150,33 +1143,36 @@ function (_React$Component) {
           className: this.addPrefix('none')
         }, locale.noResultsText);
       }
-    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度
+    } // The height of virtualized tree should be subtract the value of paddingBottom
 
 
-    var treeHeight = _isUndefined(height) && virtualized ? defaultHeight : height;
+    var treeHeight = height - 12;
     var treeWidth = _isUndefined(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;
-    var styles = inline ? _extends({
-      height: treeHeight
-    }, style) : {};
-    var listHeight = getVirtualLisHeight(inline, searchable, treeHeight);
+    var listStyles = inline ? _extends({
+      height: height
+    }, style) : style;
     return React.createElement(React.Fragment, null, React.createElement("div", {
       ref: this.treeViewRef,
       className: classes,
-      style: styles,
+      style: listStyles,
       onKeyDown: this.handleKeyDown
     }, React.createElement("div", {
       className: this.addTreePrefix('nodes')
     }, virtualized ? React.createElement(AutoSizer, {
-      defaultHeight: listHeight,
-      defaultWidth: treeWidth
+      defaultHeight: treeHeight,
+      defaultWidth: treeWidth,
+      style: {
+        width: 'auto',
+        height: 'auto'
+      }
     }, function (_ref4) {
       var height = _ref4.height,
           width = _ref4.width;
       return React.createElement(List, {
         ref: _this9.listRef,
         width: width || treeWidth,
-        height: height || listHeight,
-        rowHeight: 38,
+        height: height,
+        rowHeight: 36,
         rowCount: nodes.length,
         rowRenderer: _this9.measureRowRenderer(nodes)
       });
@@ -1306,6 +1302,7 @@ TreePicker.propTypes = _extends({}, listPickerPropTypes, {
   searchBy: PropTypes.func
 });
 TreePicker.defaultProps = _extends({}, listPickerDefaultProps, {
+  height: defaultHeight,
   searchable: true,
   menuAutoWidth: true,
   locale: {

package/es/utils/treeUtils.js

@@ -8,12 +8,11 @@ import _intersection from "lodash/intersection";
 import shallowEqual from '../utils/shallowEqual';
 import shallowEqualArray from '../utils/shallowEqualArray';
 import { TREE_NODE_DROP_POSITION } from '../constants';
-var SEARCH_BAR_HEIGHT = 48;
-var MENU_PADDING = 12; // Tree Node 之间的 间隔
-
+// Tree Node 之间的 间隔
 var TREE_NODE_GAP = 4;
 /**
- * 判断当前节点是否应该显示
+ * Whether current node is visible
+ * when all the parents of the current node is expanded, the current node should be visible
  * @param {*} expandItemValues
  * @param {*} parentKeys
  */
@@ -95,20 +94,6 @@ export function getNodeParents(node, parentKey, valueKey) {
   traverse(node);
   return parents;
 }
-/**
- * 获取 VirtualList 的高度
- * @param {*} inline
- * @param {*} height
- */
-
-export function getVirtualLisHeight(inline, searchable, height) {
-  if (height === void 0) {
-    height = 0;
-  }
-
-  var searchBarHeight = searchable ? SEARCH_BAR_HEIGHT : 0;
-  return inline ? height - MENU_PADDING * 2 : height - searchBarHeight - MENU_PADDING * 2;
-}
 /**
  * 判断节点是否存在可见的子节点。
  * @param node

package/lib/CheckPicker/CheckPicker.d.ts

@@ -1,14 +1,21 @@
 import * as React from 'react';
 
-import { FormControlPickerProps } from '../@types/common';
-import { SelectProps } from '../SelectPicker/SelectPicker.d';
+import { FormControlPickerProps, ItemDataType } from '../@types/common';
+import { BaseSelectProps } from '../SelectPicker/SelectPicker.d';
 
-export interface CheckPickerProps extends FormControlPickerProps<any[]>, SelectProps<any[]> {
+export interface CheckPickerProps extends FormControlPickerProps<any[]>, BaseSelectProps {
   /** Top the selected option in the options */
   sticky?: boolean;
 
   /** A picker that can be counted */
   countable?: boolean;
+
+  /** Custom render selected items */
+  renderValue?: (
+    value: any[],
+    item: ItemDataType[],
+    selectedElement: React.ReactNode
+  ) => React.ReactNode;
 }
 
 declare const CheckPicker: React.ComponentType<CheckPickerProps>;

package/lib/CheckTreePicker/CheckTreePicker.js

@@ -461,7 +461,7 @@ function (_React$Component) {
     _this.unserializeLists({
       check: nextValue,
       expand: _nextExpandItemValues
-    }, _props);
+    }, _props, true);
 
     _this.state = {
       data: data,
@@ -935,13 +935,17 @@ function (_React$Component) {
     return list;
   };
 
-  _proto.unserializeLists = function unserializeLists(lists, nextProps) {
+  _proto.unserializeLists = function unserializeLists(lists, nextProps, initial) {
     var _this8 = this;
 
     if (nextProps === void 0) {
       nextProps = this.props;
     }
 
+    if (initial === void 0) {
+      initial = false;
+    }
+
     var _nextProps = nextProps,
         valueKey = _nextProps.valueKey,
         cascade = _nextProps.cascade,
@@ -979,7 +983,7 @@ function (_React$Component) {
               }
             });
           } else {
-            _this8.nodes[refKey][listKey] = expandAll;
+            _this8.nodes[refKey][listKey] = initial ? expandAll : false;
           }
         }
       });
@@ -1058,13 +1062,10 @@ function (_React$Component) {
 
   _proto.renderDropdownMenu = function renderDropdownMenu() {
     var _this$props10 = this.props,
-        _this$props10$height = _this$props10.height,
-        height = _this$props10$height === void 0 ? defaultHeight : _this$props10$height,
         locale = _this$props10.locale,
         menuStyle = _this$props10.menuStyle,
         searchable = _this$props10.searchable,
         renderMenu = _this$props10.renderMenu,
-        virtualized = _this$props10.virtualized,
         searchKeyword = _this$props10.searchKeyword,
         renderExtraFooter = _this$props10.renderExtraFooter,
         menuClassName = _this$props10.menuClassName,
@@ -1072,13 +1073,10 @@ function (_React$Component) {
     var keyword = !(0, _isUndefined2.default)(searchKeyword) ? searchKeyword : this.state.searchKeyword;
     var classes = (0, _classnames.default)(menuClassName, this.addPrefix('check-tree-menu'));
     var menu = this.renderCheckTree();
-    var styles = virtualized ? (0, _extends2.default)({
-      height: height
-    }, menuStyle) : menuStyle;
     return React.createElement(_Picker.MenuWrapper, {
       autoWidth: menuAutoWidth,
       className: classes,
-      style: styles,
+      style: menuStyle,
       ref: this.menuRef,
       getToggleInstance: this.getToggleInstance,
       getPositionInstance: this.getPositionInstance
@@ -1226,8 +1224,7 @@ function (_React$Component) {
         className = _this$props13.className,
         onScroll = _this$props13.onScroll,
         locale = _this$props13.locale,
-        virtualized = _this$props13.virtualized,
-        searchable = _this$props13.searchable; // 树节点的层级
+        virtualized = _this$props13.virtualized; // 树节点的层级
 
     var layer = 0;
     var classes = (0, _classnames.default)((0, _utils.defaultClassPrefix)('check-tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2['without-children'] = !isSomeNodeHasChildren, _classNames2));
@@ -1255,34 +1252,37 @@ function (_React$Component) {
           className: this.addPrefix('none')
         }, locale.noResultsText);
       }
-    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度
+    } // The height of virtualized tree should be subtract the value of paddingBottom
 
 
-    var treeHeight = (0, _isUndefined2.default)(height) && virtualized ? defaultHeight : height;
+    var treeHeight = height - 12;
     var treeWidth = (0, _isUndefined2.default)(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;
-    var styles = inline ? (0, _extends2.default)({
-      height: treeHeight
-    }, style) : {};
+    var listStyles = inline ? (0, _extends2.default)({
+      height: height
+    }, style) : style;
     var treeNodesClass = (0, _classnames.default)(this.addTreePrefix('nodes'), (_classNames3 = {}, _classNames3[this.addTreePrefix('all-uncheckable')] = (0, _utils2.getEveryFisrtLevelNodeUncheckable)(this.nodes), _classNames3));
-    var listHeight = (0, _treeUtils.getVirtualLisHeight)(inline, searchable, treeHeight);
     return React.createElement("div", {
       ref: this.treeViewRef,
       className: classes,
-      style: styles,
+      style: listStyles,
       onScroll: onScroll,
       onKeyDown: this.handleKeyDown
     }, React.createElement("div", {
       className: treeNodesClass
     }, virtualized ? React.createElement(_AutoSizer.default, {
-      defaultHeight: listHeight,
-      defaultWidth: treeWidth
+      defaultHeight: treeHeight,
+      defaultWidth: treeWidth,
+      style: {
+        width: 'auto',
+        height: 'auto'
+      }
     }, function (_ref3) {
       var height = _ref3.height,
           width = _ref3.width;
       return React.createElement(_List.default, {
         ref: _this11.listRef,
         width: width || treeWidth,
-        height: height || listHeight,
+        height: height,
         rowHeight: 36,
         rowCount: formattedNodes.length,
         rowRenderer: _this11.measureRowRenderer(formattedNodes)
@@ -1400,6 +1400,7 @@ CheckTreePicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPro
   searchBy: _propTypes.default.func
 });
 CheckTreePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {
+  height: defaultHeight,
   cascade: true,
   countable: true,
   searchable: true,

package/lib/InputPicker/InputPicker.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 
 import { FormControlPickerProps } from '../@types/common';
-import { SelectProps } from '../SelectPicker/SelectPicker.d';
+import { BaseSelectProps } from '../SelectPicker/SelectPicker.d';
 import { TagProps } from '../Tag/Tag.d';
 
-export interface InputPickerProps extends FormControlPickerProps<any>, SelectProps<any> {
+export interface InputPickerProps extends FormControlPickerProps<any>, BaseSelectProps {
   /** Settings can create new options */
   creatable?: boolean;
 

package/lib/SelectPicker/SelectPicker.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 import { ListProps } from 'react-virtualized/dist/commonjs/List';
 
-export interface SelectProps<ValueType = any> {
+export interface BaseSelectProps {
   /** Set group condition key in data */
   groupBy?: string;
 
@@ -22,13 +22,6 @@ export interface SelectProps<ValueType = any> {
   /** Custom render menu group */
   renderMenuGroup?: (title: React.ReactNode, item: ItemDataType) => React.ReactNode;
 
-  /** Custom render selected items */
-  renderValue?: (
-    value: ValueType,
-    item: ItemDataType | ItemDataType[],
-    selectedElement: React.ReactNode
-  ) => React.ReactNode;
-
   /** Called when the option is selected */
   onSelect?: (value: any, item: ItemDataType, event: React.SyntheticEvent<any>) => void;
 
@@ -53,6 +46,14 @@ export interface SelectProps<ValueType = any> {
   /** Custom search rules. */
   searchBy?: (keyword: string, label: React.ReactNode, item: ItemDataType) => boolean;
 }
+export interface SelectProps<ValueType> extends BaseSelectProps {
+  /** Custom render selected items */
+  renderValue?: (
+    value: ValueType,
+    item: ItemDataType,
+    selectedElement: React.ReactNode
+  ) => React.ReactNode;
+}
 
 export interface SelectPickerProps extends FormControlPickerProps<any>, SelectProps<any> {}
 

package/lib/TagPicker/TagPicker.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 
-import { FormControlPickerProps } from '../@types/common';
-import { SelectProps } from '../SelectPicker/SelectPicker.d';
+import { FormControlPickerProps, ItemDataType } from '../@types/common';
+import { BaseSelectProps } from '../SelectPicker/SelectPicker.d';
 import { TagProps } from '../Tag/Tag.d';
 
-export interface TagPickerProps extends FormControlPickerProps, SelectProps<any[]> {
+export interface TagPickerProps extends FormControlPickerProps, BaseSelectProps {
   /** Option to cache value when searching asynchronously */
   cacheData?: any[];
 
@@ -16,6 +16,13 @@ export interface TagPickerProps extends FormControlPickerProps, SelectProps<any[
    * https://github.com/rsuite/rsuite/blob/master/src/Tag/Tag.d.ts
    */
   tagProps?: TagProps;
+
+  /** Custom render selected items */
+  renderValue?: (
+    value: any[],
+    item: ItemDataType[],
+    selectedElement: React.ReactNode
+  ) => React.ReactNode;
 }
 
 declare const TagPicker: React.ComponentType<TagPickerProps>;