rsuite 4.8.5 → 4.8.9

package/dist/rsuite.js

@@ -5385,7 +5385,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _utils_prefix__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n\n\n\n\n\n\nvar ColumnGroup = react__WEBPACK_IMPORTED_MODULE_2__[\"forwardRef\"](function (props, ref) {\n  var header = props.header,\n      className = props.className,\n      children = props.children,\n      _props$headerHeight = props.headerHeight,\n      headerHeight = _props$headerHeight === void 0 ? 80 : _props$headerHeight,\n      verticalAlign = props.verticalAlign,\n      width = props.width,\n      rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, [\"header\", \"className\", \"children\", \"headerHeight\", \"verticalAlign\", \"width\"]);\n\n  var height = headerHeight / 2;\n  var styles = {\n    height: height,\n    width: width\n  };\n\n  var contentStyles = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, styles, {\n    verticalAlign: verticalAlign\n  });\n\n  var classPrefix = react__WEBPACK_IMPORTED_MODULE_2__[\"useMemo\"](function () {\n    return Object(_utils_prefix__WEBPACK_IMPORTED_MODULE_5__[\"defaultClassPrefix\"])('table-column-group');\n  }, []);\n  var addPrefix = react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"](function (name) {\n    return Object(_utils_prefix__WEBPACK_IMPORTED_MODULE_5__[\"prefix\"])(classPrefix)(name);\n  }, []);\n  return react__WEBPACK_IMPORTED_MODULE_2__[\"createElement\"](\"div\", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    ref: ref,\n    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(classPrefix, className)\n  }, rest), react__WEBPACK_IMPORTED_MODULE_2__[\"createElement\"](\"div\", {\n    className: addPrefix('header'),\n    style: styles\n  }, react__WEBPACK_IMPORTED_MODULE_2__[\"createElement\"](\"div\", {\n    className: addPrefix('header-content'),\n    style: contentStyles\n  }, header)), react__WEBPACK_IMPORTED_MODULE_2__[\"Children\"].map(children, function (node) {\n    var _node$props, _node$props2, _node$props2$style;\n\n    var nodeStyles = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n      height: height\n    }, (_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.style, {\n      top: styles.height\n    });\n\n    var width = (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : (_node$props2$style = _node$props2.style) === null || _node$props2$style === void 0 ? void 0 : _node$props2$style.width;\n    var nodeContentStyles = {\n      height: height,\n      width: width,\n      verticalAlign: verticalAlign\n    };\n    return react__WEBPACK_IMPORTED_MODULE_2__[\"cloneElement\"](node, {\n      className: addPrefix('cell'),\n      style: nodeStyles,\n      children: react__WEBPACK_IMPORTED_MODULE_2__[\"createElement\"](\"div\", {\n        className: addPrefix('cell-content'),\n        style: nodeContentStyles\n      }, node.props.children)\n    });\n  }));\n});\nColumnGroup.displayName = 'ColumnGroup';\nColumnGroup.propTypes = {\n  header: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOf(['top', 'middle', 'bottom'])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ColumnGroup);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/ColumnGroup.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _utils_prefix__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n\n\n\n\n\n\nvar ColumnGroup = react__WEBPACK_IMPORTED_MODULE_2__[\"forwardRef\"](function (props, ref) {\n  var header = props.header,\n      className = props.className,\n      children = props.children,\n      classPrefix = props.classPrefix,\n      headerHeight = props.headerHeight,\n      verticalAlign = props.verticalAlign,\n      width = props.width,\n      rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(props, [\"header\", \"className\", \"children\", \"classPrefix\", \"headerHeight\", \"verticalAlign\", \"width\"]);\n\n  var height = headerHeight / 2;\n  var styles = {\n    height: height,\n    width: width\n  };\n\n  var contentStyles = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, styles, {\n    verticalAlign: verticalAlign\n  });\n\n  var addPrefix = react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"](function (name) {\n    return Object(_utils_prefix__WEBPACK_IMPORTED_MODULE_5__[\"prefix\"])(classPrefix)(name);\n  }, []);\n  return react__WEBPACK_IMPORTED_MODULE_2__[\"createElement\"](\"div\", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    ref: ref,\n    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(classPrefix, className)\n  }, rest), react__WEBPACK_IMPORTED_MODULE_2__[\"createElement\"](\"div\", {\n    className: addPrefix('header'),\n    style: styles\n  }, react__WEBPACK_IMPORTED_MODULE_2__[\"createElement\"](\"div\", {\n    className: addPrefix('header-content'),\n    style: contentStyles\n  }, header)), react__WEBPACK_IMPORTED_MODULE_2__[\"Children\"].map(children, function (node) {\n    var _node$props, _node$props2, _node$props2$style;\n\n    var nodeStyles = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n      height: height\n    }, (_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.style, {\n      top: styles.height\n    });\n\n    var width = (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : (_node$props2$style = _node$props2.style) === null || _node$props2$style === void 0 ? void 0 : _node$props2$style.width;\n    var nodeContentStyles = {\n      height: height,\n      width: width,\n      verticalAlign: verticalAlign\n    };\n    return react__WEBPACK_IMPORTED_MODULE_2__[\"cloneElement\"](node, {\n      className: addPrefix('cell'),\n      style: nodeStyles,\n      children: react__WEBPACK_IMPORTED_MODULE_2__[\"createElement\"](\"div\", {\n        className: addPrefix('cell-content'),\n        style: nodeContentStyles\n      }, node.props.children)\n    });\n  }));\n});\nColumnGroup.displayName = 'ColumnGroup';\nColumnGroup.defaultProps = {\n  headerHeight: 80,\n  classPrefix: Object(_utils_prefix__WEBPACK_IMPORTED_MODULE_5__[\"defaultClassPrefix\"])('table-column-group')\n};\nColumnGroup.propTypes = {\n  header: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n  classPrefix: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOf(['top', 'middle', 'bottom'])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ColumnGroup);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/ColumnGroup.js?");
 
 /***/ }),
 
@@ -5445,7 +5445,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/isEqual */ \"./node_modules/lodash/isEqual.js\");\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var lodash_eq__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash/eq */ \"./node_modules/lodash/eq.js\");\n/* harmony import */ var lodash_eq__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash_eq__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash/merge */ \"./node_modules/lodash/merge.js\");\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\");\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(element_resize_event__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! dom-lib/lib/transition/translateDOMPositionXY */ \"./node_modules/dom-lib/lib/transition/translateDOMPositionXY.js\");\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var dom_lib__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Row */ \"./node_modules/rsuite-table/es/Row.js\");\n/* harmony import */ var _CellGroup__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./CellGroup */ \"./node_modules/rsuite-table/es/CellGroup.js\");\n/* harmony import */ var _Scrollbar__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Scrollbar */ \"./node_modules/rsuite-table/es/Scrollbar.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SORT_TYPE = {\n  DESC: 'desc',\n  ASC: 'asc'\n};\n\nvar Table =\n/*#__PURE__*/\nfunction (_React$Component) {\n  Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Table, _React$Component);\n\n  Table.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n    if (props.data !== state.cacheData || props.isTree !== state.isTree) {\n      return {\n        cacheData: props.data,\n        isTree: props.isTree,\n        data: props.isTree ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"flattenData\"])(props.data) : props.data\n      };\n    }\n\n    return null;\n  };\n\n  function Table(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.translateDOMPositionXY = null;\n    _this.scrollListener = null;\n    _this.tableRef = void 0;\n    _this.scrollbarYRef = void 0;\n    _this.scrollbarXRef = void 0;\n    _this.tableBodyRef = void 0;\n    _this.affixHeaderWrapperRef = void 0;\n    _this.mouseAreaRef = void 0;\n    _this.headerWrapperRef = void 0;\n    _this.tableHeaderRef = void 0;\n    _this.wheelWrapperRef = void 0;\n    _this.tableRows = {};\n    _this.mounted = false;\n    _this.disableEventsTimeoutId = null;\n    _this.scrollY = 0;\n    _this.scrollX = 0;\n    _this.wheelHandler = void 0;\n    _this.minScrollY = void 0;\n    _this.minScrollX = void 0;\n    _this.mouseArea = void 0;\n    _this.touchX = void 0;\n    _this.touchY = void 0;\n    _this.wheelListener = void 0;\n    _this.touchStartListener = void 0;\n    _this.touchMoveListener = void 0;\n    _this._cacheCells = null;\n    _this._cacheChildrenSize = 0;\n    _this._visibleRows = [];\n\n    _this.listenWheel = function (deltaX, deltaY) {\n      var _this$scrollbarXRef$c, _this$scrollbarXRef$c2, _this$scrollbarYRef$c, _this$scrollbarYRef$c2;\n\n      _this.handleWheel(deltaX, deltaY);\n\n      (_this$scrollbarXRef$c = _this.scrollbarXRef.current) === null || _this$scrollbarXRef$c === void 0 ? void 0 : (_this$scrollbarXRef$c2 = _this$scrollbarXRef$c.onWheelScroll) === null || _this$scrollbarXRef$c2 === void 0 ? void 0 : _this$scrollbarXRef$c2.call(_this$scrollbarXRef$c, deltaX);\n      (_this$scrollbarYRef$c = _this.scrollbarYRef.current) === null || _this$scrollbarYRef$c === void 0 ? void 0 : (_this$scrollbarYRef$c2 = _this$scrollbarYRef$c.onWheelScroll) === null || _this$scrollbarYRef$c2 === void 0 ? void 0 : _this$scrollbarYRef$c2.call(_this$scrollbarYRef$c, deltaY);\n    };\n\n    _this.setOffsetByAffix = function () {\n      var _this$headerWrapperRe, _this$tableRef;\n\n      var _this$props = _this.props,\n          affixHeader = _this$props.affixHeader,\n          affixHorizontalScrollbar = _this$props.affixHorizontalScrollbar;\n      var headerNode = (_this$headerWrapperRe = _this.headerWrapperRef) === null || _this$headerWrapperRe === void 0 ? void 0 : _this$headerWrapperRe.current;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader) && headerNode) {\n        _this.setState(function () {\n          return {\n            headerOffset: Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getOffset\"])(headerNode)\n          };\n        });\n      }\n\n      var tableNode = (_this$tableRef = _this.tableRef) === null || _this$tableRef === void 0 ? void 0 : _this$tableRef.current;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar) && tableNode) {\n        _this.setState(function () {\n          return {\n            tableOffset: Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getOffset\"])(tableNode)\n          };\n        });\n      }\n    };\n\n    _this.handleWindowScroll = function () {\n      var _this$props2 = _this.props,\n          affixHeader = _this$props2.affixHeader,\n          affixHorizontalScrollbar = _this$props2.affixHorizontalScrollbar;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader)) {\n        _this.affixTableHeader();\n      }\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar)) {\n        _this.affixHorizontalScrollbar();\n      }\n    };\n\n    _this.affixHorizontalScrollbar = function () {\n      var _this$scrollbarXRef, _this$scrollbarXRef$c3, _this$scrollbarXRef$c4;\n\n      var scrollY = window.scrollY || window.pageYOffset;\n      var windowHeight = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(window);\n\n      var height = _this.getTableHeight();\n\n      var _this$state = _this.state,\n          tableOffset = _this$state.tableOffset,\n          fixedHorizontalScrollbar = _this$state.fixedHorizontalScrollbar;\n      var affixHorizontalScrollbar = _this.props.affixHorizontalScrollbar;\n\n      var headerHeight = _this.getTableHeaderHeight();\n\n      var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n      var fixedScrollbar = scrollY + windowHeight < height + (tableOffset.top + bottom) && scrollY + windowHeight - headerHeight > tableOffset.top + bottom;\n\n      if (((_this$scrollbarXRef = _this.scrollbarXRef) === null || _this$scrollbarXRef === void 0 ? void 0 : (_this$scrollbarXRef$c3 = _this$scrollbarXRef.current) === null || _this$scrollbarXRef$c3 === void 0 ? void 0 : (_this$scrollbarXRef$c4 = _this$scrollbarXRef$c3.barRef) === null || _this$scrollbarXRef$c4 === void 0 ? void 0 : _this$scrollbarXRef$c4.current) && fixedHorizontalScrollbar !== fixedScrollbar) {\n        _this.setState({\n          fixedHorizontalScrollbar: fixedScrollbar\n        });\n      }\n    };\n\n    _this.affixTableHeader = function () {\n      var affixHeader = _this.props.affixHeader;\n      var top = typeof affixHeader === 'number' ? affixHeader : 0;\n      var _this$state2 = _this.state,\n          headerOffset = _this$state2.headerOffset,\n          contentHeight = _this$state2.contentHeight;\n      var scrollY = window.scrollY || window.pageYOffset;\n      var fixedHeader = scrollY - (headerOffset.top - top) >= 0 && scrollY < headerOffset.top - top + contentHeight;\n\n      if (_this.affixHeaderWrapperRef.current) {\n        Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(_this.affixHeaderWrapperRef.current, 'fixed', fixedHeader);\n      }\n    };\n\n    _this.handleSortColumn = function (dataKey) {\n      var _this$props$onSortCol, _this$props3;\n\n      var sortType = _this.getSortType();\n\n      if (_this.props.sortColumn === dataKey) {\n        sortType = sortType === SORT_TYPE.ASC ? SORT_TYPE.DESC : SORT_TYPE.ASC;\n\n        _this.setState({\n          sortType: sortType\n        });\n      }\n\n      (_this$props$onSortCol = (_this$props3 = _this.props).onSortColumn) === null || _this$props$onSortCol === void 0 ? void 0 : _this$props$onSortCol.call(_this$props3, dataKey, sortType);\n    };\n\n    _this.handleColumnResizeEnd = function (columnWidth, _cursorDelta, dataKey, index) {\n      var _this$setState;\n\n      _this._cacheCells = null;\n\n      _this.setState((_this$setState = {\n        isColumnResizing: false\n      }, _this$setState[dataKey + \"_\" + index + \"_width\"] = columnWidth, _this$setState));\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(_this.mouseAreaRef.current, {\n        display: 'none'\n      });\n    };\n\n    _this.handleColumnResizeStart = function (width, left, fixed) {\n      _this.setState({\n        isColumnResizing: true\n      });\n\n      _this.handleColumnResizeMove(width, left, fixed);\n    };\n\n    _this.handleColumnResizeMove = function (width, left, fixed) {\n      var _addStyle;\n\n      var mouseAreaLeft = width + left;\n      var x = mouseAreaLeft;\n      var dir = 'left';\n\n      if (_this.isRTL()) {\n        mouseAreaLeft += _this.minScrollX + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n        dir = 'right';\n      }\n\n      if (!fixed) {\n        x = mouseAreaLeft + (_this.isRTL() ? -_this.scrollX : _this.scrollX);\n      }\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(_this.mouseAreaRef.current, (_addStyle = {\n        display: 'block'\n      }, _addStyle[dir] = x + \"px\", _addStyle));\n    };\n\n    _this.handleTreeToggle = function (rowKey, _rowIndex, rowData) {\n      var _this$props$onExpandC, _this$props4;\n\n      var expandedRowKeys = _this.getExpandedRowKeys();\n\n      var open = false;\n      var nextExpandedRowKeys = [];\n\n      for (var i = 0; i < expandedRowKeys.length; i++) {\n        var _key = expandedRowKeys[i];\n\n        if (_key === rowKey) {\n          open = true;\n        } else {\n          nextExpandedRowKeys.push(_key);\n        }\n      }\n\n      if (!open) {\n        nextExpandedRowKeys.push(rowKey);\n      }\n\n      _this.setState({\n        expandedRowKeys: nextExpandedRowKeys\n      });\n\n      (_this$props$onExpandC = (_this$props4 = _this.props).onExpandChange) === null || _this$props$onExpandC === void 0 ? void 0 : _this$props$onExpandC.call(_this$props4, !open, rowData);\n    };\n\n    _this.handleScrollX = function (delta) {\n      _this.handleWheel(delta, 0);\n    };\n\n    _this.handleScrollY = function (delta) {\n      _this.handleWheel(0, delta);\n    };\n\n    _this.handleWheel = function (deltaX, deltaY) {\n      var _this$props5 = _this.props,\n          onScroll = _this$props5.onScroll,\n          virtualized = _this$props5.virtualized;\n      var _this$state3 = _this.state,\n          contentWidth = _this$state3.contentWidth,\n          width = _this$state3.width;\n\n      if (!_this.tableRef.current) {\n        return;\n      }\n\n      var nextScrollX = contentWidth <= width ? 0 : _this.scrollX - deltaX;\n      var nextScrollY = _this.scrollY - deltaY;\n      _this.scrollY = Math.min(0, nextScrollY < _this.minScrollY ? _this.minScrollY : nextScrollY);\n      _this.scrollX = Math.min(0, nextScrollX < _this.minScrollX ? _this.minScrollX : nextScrollX);\n\n      _this.updatePosition();\n\n      onScroll === null || onScroll === void 0 ? void 0 : onScroll(_this.scrollX, _this.scrollY);\n\n      if (virtualized) {\n        _this.setState({\n          isScrolling: true,\n          scrollY: _this.scrollY\n        });\n\n        if (_this.disableEventsTimeoutId) {\n          Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"cancelAnimationTimeout\"])(_this.disableEventsTimeoutId);\n        }\n\n        _this.disableEventsTimeoutId = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"requestAnimationTimeout\"])(_this.debounceScrollEndedCallback, 150);\n      }\n    };\n\n    _this.debounceScrollEndedCallback = function () {\n      _this.disableEventsTimeoutId = null;\n\n      _this.setState({\n        isScrolling: false\n      });\n    };\n\n    _this.handleTouchStart = function (event) {\n      var _this$props$onTouchSt, _this$props6;\n\n      if (event.touches) {\n        var _event$touches$ = event.touches[0],\n            pageX = _event$touches$.pageX,\n            pageY = _event$touches$.pageY;\n        _this.touchX = pageX;\n        _this.touchY = pageY;\n      }\n\n      (_this$props$onTouchSt = (_this$props6 = _this.props).onTouchStart) === null || _this$props$onTouchSt === void 0 ? void 0 : _this$props$onTouchSt.call(_this$props6, event);\n    };\n\n    _this.handleTouchMove = function (event) {\n      var _this$props$onTouchMo, _this$props7;\n\n      var autoHeight = _this.props.autoHeight;\n\n      if (event.touches) {\n        var _event$preventDefault, _this$scrollbarXRef$c5, _this$scrollbarXRef$c6, _this$scrollbarYRef$c3, _this$scrollbarYRef$c4;\n\n        var _event$touches$2 = event.touches[0],\n            pageX = _event$touches$2.pageX,\n            pageY = _event$touches$2.pageY;\n        var deltaX = _this.touchX - pageX;\n        var deltaY = autoHeight ? 0 : _this.touchY - pageY;\n\n        if (!_this.shouldHandleWheelY(deltaY) && !_this.shouldHandleWheelX(deltaX)) {\n          return;\n        }\n\n        (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n\n        _this.handleWheel(deltaX, deltaY);\n\n        (_this$scrollbarXRef$c5 = _this.scrollbarXRef.current) === null || _this$scrollbarXRef$c5 === void 0 ? void 0 : (_this$scrollbarXRef$c6 = _this$scrollbarXRef$c5.onWheelScroll) === null || _this$scrollbarXRef$c6 === void 0 ? void 0 : _this$scrollbarXRef$c6.call(_this$scrollbarXRef$c5, deltaX);\n        (_this$scrollbarYRef$c3 = _this.scrollbarYRef.current) === null || _this$scrollbarYRef$c3 === void 0 ? void 0 : (_this$scrollbarYRef$c4 = _this$scrollbarYRef$c3.onWheelScroll) === null || _this$scrollbarYRef$c4 === void 0 ? void 0 : _this$scrollbarYRef$c4.call(_this$scrollbarYRef$c3, deltaY);\n        _this.touchX = pageX;\n        _this.touchY = pageY;\n      }\n\n      (_this$props$onTouchMo = (_this$props7 = _this.props).onTouchMove) === null || _this$props$onTouchMo === void 0 ? void 0 : _this$props$onTouchMo.call(_this$props7, event);\n    };\n\n    _this.handleBodyScroll = function (event) {\n      if (event.target !== _this.tableBodyRef.current) {\n        return;\n      }\n\n      var left = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollLeft\"])(event.target);\n      var top = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollTop\"])(event.target);\n\n      if (top === 0 && left === 0) {\n        return;\n      }\n\n      _this.listenWheel(left, top);\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollLeft\"])(event.target, 0);\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollTop\"])(event.target, 0);\n    };\n\n    _this.shouldHandleWheelX = function (delta) {\n      var _this$props8 = _this.props,\n          disabledScroll = _this$props8.disabledScroll,\n          loading = _this$props8.loading;\n\n      if (delta === 0 || disabledScroll || loading) {\n        return false;\n      }\n\n      return true;\n    };\n\n    _this.shouldHandleWheelY = function (delta) {\n      var _this$props9 = _this.props,\n          disabledScroll = _this$props9.disabledScroll,\n          loading = _this$props9.loading;\n\n      if (delta === 0 || disabledScroll || loading) {\n        return false;\n      }\n\n      return delta >= 0 && _this.scrollY > _this.minScrollY || delta < 0 && _this.scrollY < 0;\n    };\n\n    _this.addPrefix = function (name) {\n      return Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"prefix\"])(_this.props.classPrefix)(name);\n    };\n\n    _this.calculateTableWidth = function () {\n      var _this$tableRef2;\n\n      var table = (_this$tableRef2 = _this.tableRef) === null || _this$tableRef2 === void 0 ? void 0 : _this$tableRef2.current;\n      var width = _this.state.width;\n\n      if (table) {\n        var nextWidth = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getWidth\"])(table);\n\n        if (width !== nextWidth) {\n          var _this$scrollbarXRef2, _this$scrollbarXRef2$;\n\n          _this.scrollX = 0;\n          (_this$scrollbarXRef2 = _this.scrollbarXRef) === null || _this$scrollbarXRef2 === void 0 ? void 0 : (_this$scrollbarXRef2$ = _this$scrollbarXRef2.current) === null || _this$scrollbarXRef2$ === void 0 ? void 0 : _this$scrollbarXRef2$.resetScrollBarPosition();\n        }\n\n        _this._cacheCells = null;\n\n        _this.setState({\n          width: nextWidth\n        });\n      }\n\n      _this.setOffsetByAffix();\n    };\n\n    _this.scrollTop = function (top) {\n      var _this$scrollbarYRef, _this$scrollbarYRef$c5, _this$scrollbarYRef$c6;\n\n      if (top === void 0) {\n        top = 0;\n      }\n\n      var _this$getControlledSc = _this.getControlledScrollTopValue(top),\n          scrollY = _this$getControlledSc[0],\n          handleScrollY = _this$getControlledSc[1];\n\n      _this.scrollY = scrollY;\n      (_this$scrollbarYRef = _this.scrollbarYRef) === null || _this$scrollbarYRef === void 0 ? void 0 : (_this$scrollbarYRef$c5 = _this$scrollbarYRef.current) === null || _this$scrollbarYRef$c5 === void 0 ? void 0 : (_this$scrollbarYRef$c6 = _this$scrollbarYRef$c5.resetScrollBarPosition) === null || _this$scrollbarYRef$c6 === void 0 ? void 0 : _this$scrollbarYRef$c6.call(_this$scrollbarYRef$c5, handleScrollY);\n\n      _this.updatePosition();\n      /**\n       * 当开启 virtualized，调用 scrollTop 后会出现白屏现象，\n       * 原因是直接操作 DOM 的坐标，但是组件没有重新渲染，需要调用 forceUpdate 重新进入 render。\n       * Fix: rsuite#1044\n       */\n\n\n      if (_this.props.virtualized && _this.state.contentHeight > _this.props.height) {\n        _this.forceUpdate();\n      }\n    };\n\n    _this.scrollLeft = function (left) {\n      var _this$scrollbarXRef3, _this$scrollbarXRef3$, _this$scrollbarXRef3$2;\n\n      if (left === void 0) {\n        left = 0;\n      }\n\n      var _this$getControlledSc2 = _this.getControlledScrollLeftValue(left),\n          scrollX = _this$getControlledSc2[0],\n          handleScrollX = _this$getControlledSc2[1];\n\n      _this.scrollX = scrollX;\n      (_this$scrollbarXRef3 = _this.scrollbarXRef) === null || _this$scrollbarXRef3 === void 0 ? void 0 : (_this$scrollbarXRef3$ = _this$scrollbarXRef3.current) === null || _this$scrollbarXRef3$ === void 0 ? void 0 : (_this$scrollbarXRef3$2 = _this$scrollbarXRef3$.resetScrollBarPosition) === null || _this$scrollbarXRef3$2 === void 0 ? void 0 : _this$scrollbarXRef3$2.call(_this$scrollbarXRef3$, handleScrollX);\n\n      _this.updatePosition();\n    };\n\n    _this.scrollTo = function (coord) {\n      var _ref = coord || {},\n          x = _ref.x,\n          y = _ref.y;\n\n      if (typeof x === 'number') {\n        _this.scrollLeft(x);\n      }\n\n      if (typeof y === 'number') {\n        _this.scrollTop(y);\n      }\n    };\n\n    _this.bindTableRowsRef = function (index, rowData) {\n      return function (ref) {\n        if (ref) {\n          _this.tableRows[index] = [ref, rowData];\n        }\n      };\n    };\n\n    _this.bindRowClick = function (rowData) {\n      return function (event) {\n        var _this$props$onRowClic, _this$props10;\n\n        (_this$props$onRowClic = (_this$props10 = _this.props).onRowClick) === null || _this$props$onRowClic === void 0 ? void 0 : _this$props$onRowClic.call(_this$props10, rowData, event);\n      };\n    };\n\n    _this.bindRowContextMenu = function (rowData) {\n      return function (event) {\n        var _this$props$onRowCont, _this$props11;\n\n        (_this$props$onRowCont = (_this$props11 = _this.props).onRowContextMenu) === null || _this$props$onRowCont === void 0 ? void 0 : _this$props$onRowCont.call(_this$props11, rowData, event);\n      };\n    };\n\n    var _width = props.width,\n        data = props.data,\n        _rowKey = props.rowKey,\n        defaultExpandAllRows = props.defaultExpandAllRows,\n        renderRowExpanded = props.renderRowExpanded,\n        defaultExpandedRowKeys = props.defaultExpandedRowKeys,\n        _props$children = props.children,\n        children = _props$children === void 0 ? [] : _props$children,\n        isTree = props.isTree,\n        defaultSortType = props.defaultSortType;\n\n    var _expandedRowKeys = defaultExpandAllRows ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"findRowKeys\"])(data, _rowKey, lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(renderRowExpanded)) : defaultExpandedRowKeys || [];\n\n    var shouldFixedColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children)).some(function (child) {\n      return child && child.props && child.props.fixed;\n    });\n\n    if (isTree && !_rowKey) {\n      throw new Error('The `rowKey` is required when set isTree');\n    }\n\n    _this.state = {\n      isTree: isTree,\n      expandedRowKeys: _expandedRowKeys,\n      shouldFixedColumn: shouldFixedColumn,\n      cacheData: data,\n      data: isTree ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"flattenData\"])(data) : data,\n      width: _width || 0,\n      columnWidth: 0,\n      dataKey: 0,\n      contentHeight: 0,\n      contentWidth: 0,\n      tableRowsMaxHeight: [],\n      sortType: defaultSortType,\n      scrollY: 0,\n      isScrolling: false,\n      fixedHeader: false\n    };\n    _this.scrollY = 0;\n    _this.scrollX = 0;\n    _this.wheelHandler = new dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"WheelHandler\"](_this.listenWheel, _this.shouldHandleWheelX, _this.shouldHandleWheelY, false);\n    _this._cacheChildrenSize = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children).length;\n    _this.translateDOMPositionXY = Object(dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__[\"getTranslateDOMPositionXY\"])({\n      enable3DTransform: props.translate3d\n    });\n    _this.tableRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.scrollbarYRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.scrollbarXRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.tableBodyRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.affixHeaderWrapperRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.mouseAreaRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.headerWrapperRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.wheelWrapperRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.tableHeaderRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    return _this;\n  }\n\n  var _proto = Table.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    var _this$props13, _this$props13$bodyRef;\n\n    this.calculateTableWidth();\n    this.calculateTableContextHeight();\n    this.calculateRowMaxHeight();\n    this.setOffsetByAffix();\n    this.initPosition();\n    element_resize_event__WEBPACK_IMPORTED_MODULE_13___default()(this.tableRef.current, lodash_debounce__WEBPACK_IMPORTED_MODULE_8___default()(this.calculateTableWidth, 400));\n    var options = {\n      passive: false\n    };\n    var tableBody = this.tableBodyRef.current;\n\n    if (tableBody) {\n      this.wheelListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'wheel', this.wheelHandler.onWheel, options);\n      this.touchStartListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'touchstart', this.handleTouchStart, options);\n      this.touchMoveListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'touchmove', this.handleTouchMove, options);\n    }\n\n    var _this$props12 = this.props,\n        affixHeader = _this$props12.affixHeader,\n        affixHorizontalScrollbar = _this$props12.affixHorizontalScrollbar;\n\n    if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader) || Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar)) {\n      this.scrollListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(window, 'scroll', this.handleWindowScroll);\n    }\n\n    (_this$props13 = this.props) === null || _this$props13 === void 0 ? void 0 : (_this$props13$bodyRef = _this$props13.bodyRef) === null || _this$props13$bodyRef === void 0 ? void 0 : _this$props13$bodyRef.call(_this$props13, this.wheelWrapperRef.current);\n  };\n\n  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {\n    var _cacheChildrenSize = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(nextProps.children || []).length;\n    /**\n     * 单元格列的信息在初始化后会被缓存，在某些属性被更新以后，需要清除缓存。\n     */\n\n    if (_cacheChildrenSize !== this._cacheChildrenSize) {\n      this._cacheChildrenSize = _cacheChildrenSize;\n      this._cacheCells = null;\n    } else if (this.props.children !== nextProps.children || this.props.sortColumn !== nextProps.sortColumn || this.props.sortType !== nextProps.sortType) {\n      this._cacheCells = null;\n    }\n\n    return !lodash_eq__WEBPACK_IMPORTED_MODULE_10___default()(this.props, nextProps) || !lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default()(this.state, nextState);\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n    var rowHeight = prevProps.rowHeight,\n        data = prevProps.data,\n        height = prevProps.height;\n\n    if (data !== this.props.data) {\n      var _this$props$onDataUpd, _this$props14;\n\n      this.calculateRowMaxHeight();\n      (_this$props$onDataUpd = (_this$props14 = this.props).onDataUpdated) === null || _this$props$onDataUpd === void 0 ? void 0 : _this$props$onDataUpd.call(_this$props14, this.props.data, this.scrollTo);\n      var maxHeight = this.props.data.length * (typeof rowHeight === 'function' ? rowHeight(null) : rowHeight); // 当开启允许更新滚动条，或者滚动条位置大于表格的最大高度，则初始滚动条位置\n\n      if (this.props.shouldUpdateScroll || Math.abs(this.scrollY) > maxHeight) {\n        this.scrollTo({\n          x: 0,\n          y: 0\n        });\n      }\n    } else {\n      this.updatePosition();\n    }\n\n    if ( // 当 Table 的 data 发生变化，需要重新计算高度\n    data !== this.props.data || // 当 Table 的 height 属性发生变化，需要重新计算 Table 高度\n    height !== this.props.height || // 当 Table 内容区的高度发生变化需要重新计算\n    prevState.contentHeight !== this.state.contentHeight || // 当 expandedRowKeys 发生变化，需要重新计算 Table 高度，如果重算会导致滚动条不显示。\n    prevState.expandedRowKeys !== this.state.expandedRowKeys || prevProps.expandedRowKeys !== this.props.expandedRowKeys) {\n      this.calculateTableContextHeight(prevProps);\n    }\n\n    this.calculateTableContentWidth(prevProps);\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    var _this$wheelListener, _this$touchStartListe, _this$touchMoveListen, _this$scrollListener;\n\n    this.wheelHandler = null;\n\n    if (this.tableRef.current) {\n      Object(element_resize_event__WEBPACK_IMPORTED_MODULE_13__[\"unbind\"])(this.tableRef.current);\n    }\n\n    (_this$wheelListener = this.wheelListener) === null || _this$wheelListener === void 0 ? void 0 : _this$wheelListener.off();\n    (_this$touchStartListe = this.touchStartListener) === null || _this$touchStartListe === void 0 ? void 0 : _this$touchStartListe.off();\n    (_this$touchMoveListen = this.touchMoveListener) === null || _this$touchMoveListen === void 0 ? void 0 : _this$touchMoveListen.off();\n    (_this$scrollListener = this.scrollListener) === null || _this$scrollListener === void 0 ? void 0 : _this$scrollListener.off();\n  };\n\n  _proto.getExpandedRowKeys = function getExpandedRowKeys() {\n    var expandedRowKeys = this.props.expandedRowKeys;\n    return typeof expandedRowKeys === 'undefined' ? this.state.expandedRowKeys : expandedRowKeys;\n  };\n\n  _proto.getSortType = function getSortType() {\n    var sortType = this.props.sortType;\n    return typeof sortType === 'undefined' ? this.state.sortType : sortType;\n  };\n\n  _proto.getScrollCellGroups = function getScrollCellGroups() {\n    var _this$tableRef$curren;\n\n    return (_this$tableRef$curren = this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelectorAll(\".\" + this.addPrefix('cell-group-scroll'));\n  };\n\n  _proto.getFixedLeftCellGroups = function getFixedLeftCellGroups() {\n    var _this$tableRef$curren2;\n\n    return (_this$tableRef$curren2 = this.tableRef.current) === null || _this$tableRef$curren2 === void 0 ? void 0 : _this$tableRef$curren2.querySelectorAll(\".\" + this.addPrefix('cell-group-fixed-left'));\n  };\n\n  _proto.getFixedRightCellGroups = function getFixedRightCellGroups() {\n    var _this$tableRef$curren3;\n\n    return (_this$tableRef$curren3 = this.tableRef.current) === null || _this$tableRef$curren3 === void 0 ? void 0 : _this$tableRef$curren3.querySelectorAll(\".\" + this.addPrefix('cell-group-fixed-right'));\n  };\n\n  _proto.isRTL = function isRTL() {\n    return this.props.rtl || Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isRTL\"])();\n  };\n\n  _proto.getRowHeight = function getRowHeight(rowData) {\n    if (rowData === void 0) {\n      rowData = {};\n    }\n\n    var rowHeight = this.props.rowHeight;\n    return typeof rowHeight === 'function' ? rowHeight(rowData) : rowHeight;\n  }\n  /**\n   * 获取表头高度\n   */\n  ;\n\n  _proto.getTableHeaderHeight = function getTableHeaderHeight() {\n    var _this$props15 = this.props,\n        headerHeight = _this$props15.headerHeight,\n        showHeader = _this$props15.showHeader;\n    return showHeader ? headerHeight : 0;\n  }\n  /**\n   * 获取 Table 需要渲染的高度\n   */\n  ;\n\n  _proto.getTableHeight = function getTableHeight() {\n    var contentHeight = this.state.contentHeight;\n    var _this$props16 = this.props,\n        minHeight = _this$props16.minHeight,\n        height = _this$props16.height,\n        autoHeight = _this$props16.autoHeight,\n        data = _this$props16.data;\n    var headerHeight = this.getTableHeaderHeight();\n\n    if (data.length === 0 && autoHeight) {\n      return height;\n    }\n\n    return autoHeight ? Math.max(headerHeight + contentHeight, minHeight) : height;\n  }\n  /**\n   * 获取 columns ReactElement 数组\n   * - 处理 children 中存在 <Column> 数组的情况\n   * - 过滤 children 中的空项\n   */\n  ;\n\n  _proto.getTableColumns = function getTableColumns() {\n    var children = this.props.children;\n\n    if (!Array.isArray(children)) {\n      return children;\n    }\n\n    var flattenColumns = children.map(function (column) {\n      if ((column === null || column === void 0 ? void 0 : column.type) === _ColumnGroup__WEBPACK_IMPORTED_MODULE_22__[\"default\"]) {\n        var _ref2 = column === null || column === void 0 ? void 0 : column.props,\n            header = _ref2.header,\n            childColumns = _ref2.children,\n            align = _ref2.align,\n            fixed = _ref2.fixed,\n            verticalAlign = _ref2.verticalAlign;\n\n        return childColumns.map(function (childColumn, index) {\n          // 把 ColumnGroup 设置的属性覆盖到 Column\n          var groupCellProps = {\n            align: align,\n            fixed: fixed,\n            verticalAlign: verticalAlign\n          };\n          /**\n           * 为分组中的第一列设置属性:\n           * groupCount: 分组子项个数\n           * groupHeader: 分组标题\n           * resizable: 设置为不可自定义列宽\n           */\n\n          if (index === 0) {\n            groupCellProps.groupCount = childColumns.length;\n            groupCellProps.groupHeader = header;\n            groupCellProps.resizable = false;\n          }\n\n          return react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](childColumn, groupCellProps);\n        });\n      }\n\n      return column;\n    }); // 把 Columns 中的数组，展平为一维数组，计算 lastColumn 与 firstColumn。\n\n    return lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(flattenColumns).filter(function (col) {\n      return col;\n    });\n  };\n\n  _proto.getCellDescriptor = function getCellDescriptor() {\n    var _this2 = this;\n\n    if (this._cacheCells) {\n      return this._cacheCells;\n    }\n\n    var hasCustomTreeCol = false;\n    var left = 0; // Cell left margin\n\n    var headerCells = []; // Table header cell\n\n    var bodyCells = []; // Table body cell\n\n    var children = this.props.children;\n\n    if (!children) {\n      this._cacheCells = {\n        headerCells: headerCells,\n        bodyCells: bodyCells,\n        hasCustomTreeCol: hasCustomTreeCol,\n        allColumnsWidth: left\n      };\n      return this._cacheCells;\n    }\n\n    var columns = this.getTableColumns();\n    var tableWidth = this.state.width;\n    var _this$props17 = this.props,\n        sortColumn = _this$props17.sortColumn,\n        rowHeight = _this$props17.rowHeight,\n        showHeader = _this$props17.showHeader;\n\n    var _getTotalByColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"getTotalByColumns\"])(columns),\n        totalFlexGrow = _getTotalByColumns.totalFlexGrow,\n        totalWidth = _getTotalByColumns.totalWidth;\n\n    var headerHeight = this.getTableHeaderHeight();\n    react__WEBPACK_IMPORTED_MODULE_3__[\"Children\"].forEach(columns, function (column, index) {\n      if (react__WEBPACK_IMPORTED_MODULE_3__[\"isValidElement\"](column)) {\n        var columnChildren = column.props.children;\n        var _column$props = column.props,\n            width = _column$props.width,\n            resizable = _column$props.resizable,\n            flexGrow = _column$props.flexGrow,\n            minWidth = _column$props.minWidth,\n            onResize = _column$props.onResize,\n            treeCol = _column$props.treeCol;\n\n        if (treeCol) {\n          hasCustomTreeCol = true;\n        }\n\n        if (resizable && flexGrow) {\n          console.warn(\"Cannot set 'resizable' and 'flexGrow' together in <Column>, column index: \" + index);\n        }\n\n        if (columnChildren.length !== 2) {\n          throw new Error(\"Component <HeaderCell> and <Cell> is required, column index: \" + index + \" \");\n        }\n\n        var nextWidth = _this2.state[columnChildren[1].props.dataKey + \"_\" + index + \"_width\"] || width || 0;\n\n        if (tableWidth && flexGrow && totalFlexGrow) {\n          nextWidth = Math.max((tableWidth - totalWidth) / totalFlexGrow * flexGrow, minWidth || 60);\n        }\n\n        var cellProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, lodash_omit__WEBPACK_IMPORTED_MODULE_11___default()(column.props, ['children']), {\n          'aria-colindex': index + 1,\n          left: left,\n          headerHeight: headerHeight,\n          key: index,\n          width: nextWidth,\n          height: rowHeight,\n          firstColumn: index === 0,\n          lastColumn: index === columns.length - 1\n        });\n\n        if (showHeader && headerHeight) {\n          var headerCellProps = {\n            // index 用于拖拽列宽时候（Resizable column），定义的序号\n            index: index,\n            dataKey: columnChildren[1].props.dataKey,\n            isHeaderCell: true,\n            sortable: column.props.sortable,\n            onSortColumn: _this2.handleSortColumn,\n            sortType: _this2.getSortType(),\n            sortColumn: sortColumn,\n            flexGrow: flexGrow\n          };\n\n          if (resizable) {\n            lodash_merge__WEBPACK_IMPORTED_MODULE_12___default()(headerCellProps, {\n              onResize: onResize,\n              onColumnResizeEnd: _this2.handleColumnResizeEnd,\n              onColumnResizeStart: _this2.handleColumnResizeStart,\n              onColumnResizeMove: _this2.handleColumnResizeMove\n            });\n          }\n\n          headerCells.push(react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](columnChildren[0], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, cellProps, {}, headerCellProps)));\n        }\n\n        bodyCells.push(react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](columnChildren[1], cellProps));\n        left += nextWidth;\n      }\n    });\n    return this._cacheCells = {\n      headerCells: headerCells,\n      bodyCells: bodyCells,\n      allColumnsWidth: left,\n      hasCustomTreeCol: hasCustomTreeCol\n    };\n  };\n\n  _proto.initPosition = function initPosition() {\n    var _this3 = this;\n\n    if (this.isRTL()) {\n      setTimeout(function () {\n        var _this3$scrollbarXRef, _this3$scrollbarXRef$, _this3$scrollbarXRef$2;\n\n        var _this3$state = _this3.state,\n            contentWidth = _this3$state.contentWidth,\n            width = _this3$state.width;\n        _this3.scrollX = width - contentWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n\n        _this3.updatePosition();\n\n        (_this3$scrollbarXRef = _this3.scrollbarXRef) === null || _this3$scrollbarXRef === void 0 ? void 0 : (_this3$scrollbarXRef$ = _this3$scrollbarXRef.current) === null || _this3$scrollbarXRef$ === void 0 ? void 0 : (_this3$scrollbarXRef$2 = _this3$scrollbarXRef$.resetScrollBarPosition) === null || _this3$scrollbarXRef$2 === void 0 ? void 0 : _this3$scrollbarXRef$2.call(_this3$scrollbarXRef$, -_this3.scrollX);\n      }, 0);\n    }\n  };\n\n  _proto.updatePosition = function updatePosition() {\n    var _this$tableHeaderRef;\n\n    /**\n     * 当存在锁定列情况处理\n     */\n    if (this.state.shouldFixedColumn) {\n      this.updatePositionByFixedCell();\n    } else {\n      var _this$wheelWrapperRef, _this$headerWrapperRe2, _this$affixHeaderWrap, _affixHeaderElement$h;\n\n      var wheelStyle = {};\n      var headerStyle = {};\n      this.translateDOMPositionXY(wheelStyle, this.scrollX, this.scrollY);\n      this.translateDOMPositionXY(headerStyle, this.scrollX, 0);\n      var wheelElement = (_this$wheelWrapperRef = this.wheelWrapperRef) === null || _this$wheelWrapperRef === void 0 ? void 0 : _this$wheelWrapperRef.current;\n      var headerElement = (_this$headerWrapperRe2 = this.headerWrapperRef) === null || _this$headerWrapperRe2 === void 0 ? void 0 : _this$headerWrapperRe2.current;\n      var affixHeaderElement = (_this$affixHeaderWrap = this.affixHeaderWrapperRef) === null || _this$affixHeaderWrap === void 0 ? void 0 : _this$affixHeaderWrap.current;\n      wheelElement && Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(wheelElement, wheelStyle);\n      headerElement && Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(headerElement, headerStyle);\n\n      if (affixHeaderElement === null || affixHeaderElement === void 0 ? void 0 : (_affixHeaderElement$h = affixHeaderElement.hasChildNodes) === null || _affixHeaderElement$h === void 0 ? void 0 : _affixHeaderElement$h.call(affixHeaderElement)) {\n        Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(affixHeaderElement.firstChild, headerStyle);\n      }\n    }\n\n    if ((_this$tableHeaderRef = this.tableHeaderRef) === null || _this$tableHeaderRef === void 0 ? void 0 : _this$tableHeaderRef.current) {\n      Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(this.tableHeaderRef.current, this.addPrefix('cell-group-shadow'), this.scrollY < 0);\n    }\n  };\n\n  _proto.updatePositionByFixedCell = function updatePositionByFixedCell() {\n    var _this$wheelWrapperRef2;\n\n    var wheelGroupStyle = {};\n    var wheelStyle = {};\n    var scrollGroups = this.getScrollCellGroups();\n    var fixedLeftGroups = this.getFixedLeftCellGroups();\n    var fixedRightGroups = this.getFixedRightCellGroups();\n    var _this$state4 = this.state,\n        contentWidth = _this$state4.contentWidth,\n        width = _this$state4.width;\n    this.translateDOMPositionXY(wheelGroupStyle, this.scrollX, 0);\n    this.translateDOMPositionXY(wheelStyle, 0, this.scrollY);\n    var scrollArrayGroups = Array.from(scrollGroups);\n\n    for (var i = 0; i < scrollArrayGroups.length; i++) {\n      var group = scrollArrayGroups[i];\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(group, wheelGroupStyle);\n    }\n\n    if ((_this$wheelWrapperRef2 = this.wheelWrapperRef) === null || _this$wheelWrapperRef2 === void 0 ? void 0 : _this$wheelWrapperRef2.current) {\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(this.wheelWrapperRef.current, wheelStyle);\n    }\n\n    var leftShadowClassName = this.addPrefix('cell-group-left-shadow');\n    var rightShadowClassName = this.addPrefix('cell-group-right-shadow');\n    var showLeftShadow = this.scrollX < 0;\n    var showRightShadow = width - contentWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"] !== this.scrollX;\n    Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(fixedLeftGroups, leftShadowClassName, showLeftShadow);\n    Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(fixedRightGroups, rightShadowClassName, showRightShadow);\n  };\n\n  _proto.shouldRenderExpandedRow = function shouldRenderExpandedRow(rowData) {\n    var _this$props18 = this.props,\n        rowKey = _this$props18.rowKey,\n        renderRowExpanded = _this$props18.renderRowExpanded,\n        isTree = _this$props18.isTree;\n    var expandedRowKeys = this.getExpandedRowKeys() || [];\n    return lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(renderRowExpanded) && !isTree && expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n  };\n\n  _proto.calculateRowMaxHeight = function calculateRowMaxHeight() {\n    var wordWrap = this.props.wordWrap;\n\n    if (wordWrap) {\n      var tableRowsMaxHeight = [];\n      var tableRows = Object.values(this.tableRows);\n\n      for (var i = 0; i < tableRows.length; i++) {\n        var _tableRows$i = tableRows[i],\n            row = _tableRows$i[0];\n\n        if (row) {\n          var cells = row.querySelectorAll(\".\" + this.addPrefix('cell-wrap')) || [];\n          var cellArray = Array.from(cells);\n          var maxHeight = 0;\n\n          for (var j = 0; j < cellArray.length; j++) {\n            var cell = cellArray[j];\n            var h = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          tableRowsMaxHeight.push(maxHeight);\n        }\n      }\n\n      this.setState({\n        tableRowsMaxHeight: tableRowsMaxHeight\n      });\n    }\n  };\n\n  _proto.calculateTableContentWidth = function calculateTableContentWidth(prevProps) {\n    var _this$tableRef3;\n\n    var table = (_this$tableRef3 = this.tableRef) === null || _this$tableRef3 === void 0 ? void 0 : _this$tableRef3.current;\n    var row = table.querySelector(\".\" + this.addPrefix('row') + \":not(.virtualized)\");\n    var contentWidth = row ? Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getWidth\"])(row) : 0;\n    this.setState({\n      contentWidth: contentWidth\n    }); // 这里 -SCROLLBAR_WIDTH 是为了让滚动条不挡住内容部分\n\n    this.minScrollX = -(contentWidth - this.state.width) - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n    /**\n     * 1.判断 Table 列数是否发生变化\n     * 2.判断 Table 内容区域是否宽度有变化\n     *\n     * 满足 1 和 2 则更新横向滚动条位置\n     */\n\n    if (lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(this.props.children).length !== lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(prevProps.children).length && this.state.contentWidth !== contentWidth) {\n      this.scrollLeft(0);\n    }\n  };\n\n  _proto.calculateTableContextHeight = function calculateTableContextHeight(prevProps) {\n    var table = this.tableRef.current;\n    var rows = table.querySelectorAll(\".\" + this.addPrefix('row')) || [];\n    var _this$props19 = this.props,\n        height = _this$props19.height,\n        autoHeight = _this$props19.autoHeight,\n        rowHeight = _this$props19.rowHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var contentHeight = rows.length ? Array.from(rows).map(function (row) {\n      return Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(row) || rowHeight;\n    }).reduce(function (x, y) {\n      return x + y;\n    }) : 0;\n    var nextContentHeight = contentHeight - headerHeight;\n\n    if (nextContentHeight !== this.state.contentHeight) {\n      this.setState({\n        contentHeight: nextContentHeight\n      });\n    }\n\n    if (prevProps && ( // 当 data 更新，或者表格高度更新，则更新滚动条\n    prevProps.height !== height || prevProps.data !== this.props.data) && this.scrollY !== 0) {\n      this.scrollTop(Math.abs(this.scrollY));\n      this.updatePosition();\n    }\n\n    if (!autoHeight) {\n      // 这里 -SCROLLBAR_WIDTH 是为了让滚动条不挡住内容部分\n      this.minScrollY = -(contentHeight - height) - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n    } // 如果内容区域的高度小于表格的高度，则重置 Y 坐标滚动条\n\n\n    if (contentHeight < height) {\n      this.scrollTop(0);\n    } // 如果 scrollTop 的值大于可以滚动的范围 ，则重置 Y 坐标滚动条\n    // 当 Table 为 virtualized 时， wheel 事件触发每次都会进入该逻辑， 避免在滚动到底部后滚动条重置, +SCROLLBAR_WIDTH\n\n\n    if (Math.abs(this.scrollY) + height - headerHeight > nextContentHeight + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]) {\n      this.scrollTop(this.scrollY);\n    }\n  };\n\n  _proto.getControlledScrollTopValue = function getControlledScrollTopValue(value) {\n    if (this.props.autoHeight) {\n      return [0, 0];\n    }\n\n    var contentHeight = this.state.contentHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var height = this.getTableHeight(); // 滚动值的最大范围判断\n\n    value = Math.min(value, Math.max(0, contentHeight - (height - headerHeight))); // value 值是表格理论滚动位置的一个值，通过 value 计算出 scrollY 坐标值与滚动条位置的值\n\n    return [-value, value / contentHeight * (height - headerHeight)];\n  };\n\n  _proto.getControlledScrollLeftValue = function getControlledScrollLeftValue(value) {\n    var _this$state5 = this.state,\n        contentWidth = _this$state5.contentWidth,\n        width = _this$state5.width; // 滚动值的最大范围判断\n\n    value = Math.min(value, Math.max(0, contentWidth - width));\n    return [-value, value / contentWidth * width];\n  }\n  /**\n   * public method\n   */\n  ;\n\n  _proto.renderRowData = function renderRowData(bodyCells, rowData, props, shouldRenderExpandedRow) {\n    var _this$props20 = this.props,\n        renderTreeToggle = _this$props20.renderTreeToggle,\n        rowKey = _this$props20.rowKey,\n        wordWrap = _this$props20.wordWrap,\n        isTree = _this$props20.isTree;\n    var hasChildren = isTree && rowData.children && Array.isArray(rowData.children);\n    var nextRowKey = typeof rowData[rowKey] !== 'undefined' ? rowData[rowKey] : props.key;\n\n    var rowProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, props, {\n      'aria-rowindex': props.key + 2,\n      rowRef: this.bindTableRowsRef(props.key, rowData),\n      onClick: this.bindRowClick(rowData),\n      onContextMenu: this.bindRowContextMenu(rowData)\n    });\n\n    var expandedRowKeys = this.getExpandedRowKeys() || [];\n    var expanded = expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n    var cells = [];\n\n    for (var i = 0; i < bodyCells.length; i++) {\n      var cell = bodyCells[i];\n      cells.push(react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](cell, {\n        hasChildren: hasChildren,\n        rowData: rowData,\n        wordWrap: wordWrap,\n        renderTreeToggle: renderTreeToggle,\n        height: props.height,\n        rowIndex: props.key,\n        depth: props.depth,\n        onTreeToggle: this.handleTreeToggle,\n        rowKey: nextRowKey,\n        expanded: expanded\n      }));\n    }\n\n    return this.renderRow(rowProps, cells, shouldRenderExpandedRow, rowData);\n  };\n\n  _proto.renderRow = function renderRow(props, cells, shouldRenderExpandedRow, rowData) {\n    var rowClassName = this.props.rowClassName;\n    var _this$state6 = this.state,\n        shouldFixedColumn = _this$state6.shouldFixedColumn,\n        width = _this$state6.width,\n        contentWidth = _this$state6.contentWidth;\n\n    var depth = props.depth,\n        restRowProps = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(props, [\"depth\"]);\n\n    if (typeof rowClassName === 'function') {\n      restRowProps.className = rowClassName(rowData);\n    } else {\n      restRowProps.className = rowClassName;\n    }\n\n    var rowStyles = {};\n    var rowRight = 0;\n\n    if (this.isRTL() && contentWidth > width) {\n      rowRight = width - contentWidth;\n      rowStyles.right = rowRight;\n    } // IF there are fixed columns, add a fixed group\n\n\n    if (shouldFixedColumn && contentWidth > width) {\n      var fixedLeftCells = [];\n      var fixedRightCells = [];\n      var scrollCells = [];\n      var fixedLeftCellGroupWidth = 0;\n      var fixedRightCellGroupWidth = 0;\n\n      for (var i = 0; i < cells.length; i++) {\n        var cell = cells[i];\n        var _cell$props = cell.props,\n            fixed = _cell$props.fixed,\n            _width2 = _cell$props.width;\n        var isFixedStart = fixed === 'left' || fixed === true;\n        var isFixedEnd = fixed === 'right';\n\n        if (this.isRTL()) {\n          isFixedStart = fixed === 'right';\n          isFixedEnd = fixed === 'left' || fixed === true;\n        }\n\n        if (isFixedStart) {\n          fixedLeftCells.push(cell);\n          fixedLeftCellGroupWidth += _width2;\n        } else if (isFixedEnd) {\n          fixedRightCells.push(cell);\n          fixedRightCellGroupWidth += _width2;\n        } else {\n          scrollCells.push(cell);\n        }\n      }\n\n      return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, restRowProps, {\n        \"data-depth\": depth,\n        style: rowStyles\n      }), fixedLeftCellGroupWidth ? react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n        fixed: \"left\",\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedLeftCellGroupWidth,\n        style: this.isRTL() ? {\n          right: width - fixedLeftCellGroupWidth - rowRight\n        } : null\n      }, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"resetLeftForCells\"])(fixedLeftCells))) : null, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(scrollCells)), fixedRightCellGroupWidth ? react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n        fixed: \"right\",\n        style: this.isRTL() ? {\n          right: 0 - rowRight - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]\n        } : {\n          left: width - fixedRightCellGroupWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]\n        },\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedRightCellGroupWidth\n      }, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"resetLeftForCells\"])(fixedRightCells))) : null, shouldRenderExpandedRow && this.renderRowExpanded(rowData));\n    }\n\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, restRowProps, {\n      \"data-depth\": depth,\n      style: rowStyles\n    }), react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(cells)), shouldRenderExpandedRow && this.renderRowExpanded(rowData));\n  };\n\n  _proto.renderRowExpanded = function renderRowExpanded(rowData) {\n    var _this$props21 = this.props,\n        renderRowExpanded = _this$props21.renderRowExpanded,\n        rowExpandedHeight = _this$props21.rowExpandedHeight;\n    var styles = {\n      height: rowExpandedHeight\n    };\n\n    if (typeof renderRowExpanded === 'function') {\n      return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n        className: this.addPrefix('row-expanded'),\n        style: styles\n      }, renderRowExpanded(rowData));\n    }\n\n    return null;\n  };\n\n  _proto.renderMouseArea = function renderMouseArea() {\n    var headerHeight = this.getTableHeaderHeight();\n    var styles = {\n      height: this.getTableHeight()\n    };\n    var spanStyles = {\n      height: headerHeight - 1\n    };\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      ref: this.mouseAreaRef,\n      className: this.addPrefix('mouse-area'),\n      style: styles\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"span\", {\n      style: spanStyles\n    }));\n  };\n\n  _proto.renderTableHeader = function renderTableHeader(headerCells, rowWidth) {\n    var affixHeader = this.props.affixHeader;\n    var tableWidth = this.state.width;\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var headerHeight = this.getTableHeaderHeight();\n    var rowProps = {\n      'aria-rowindex': 1,\n      rowRef: this.tableHeaderRef,\n      width: rowWidth,\n      height: this.getRowHeight(),\n      headerHeight: headerHeight,\n      isHeaderRow: true,\n      top: 0\n    };\n    var fixedStyle = {\n      position: 'fixed',\n      overflow: 'hidden',\n      height: this.getTableHeaderHeight(),\n      width: tableWidth,\n      top: top\n    }; // Affix header\n\n    var header = react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(this.addPrefix('affix-header')),\n      style: fixedStyle,\n      ref: this.affixHeaderWrapperRef\n    }, this.renderRow(rowProps, headerCells));\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_3__[\"Fragment\"], null, (affixHeader === 0 || affixHeader) && header, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      role: \"rowgroup\",\n      className: this.addPrefix('header-row-wrapper'),\n      ref: this.headerWrapperRef\n    }, this.renderRow(rowProps, headerCells)));\n  };\n\n  _proto.renderTableBody = function renderTableBody(bodyCells, rowWidth) {\n    var _this$props22 = this.props,\n        rowExpandedHeight = _this$props22.rowExpandedHeight,\n        renderRowExpanded = _this$props22.renderRowExpanded,\n        isTree = _this$props22.isTree,\n        rowKey = _this$props22.rowKey,\n        wordWrap = _this$props22.wordWrap,\n        virtualized = _this$props22.virtualized,\n        rowHeight = _this$props22.rowHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var _this$state7 = this.state,\n        tableRowsMaxHeight = _this$state7.tableRowsMaxHeight,\n        isScrolling = _this$state7.isScrolling,\n        data = _this$state7.data;\n    var height = this.getTableHeight();\n    var bodyHeight = height - headerHeight;\n    var bodyStyles = {\n      top: headerHeight,\n      height: bodyHeight\n    };\n    var contentHeight = 0;\n    var topHideHeight = 0;\n    var bottomHideHeight = 0;\n    this._visibleRows = [];\n\n    if (data) {\n      var top = 0; // Row position\n\n      var minTop = Math.abs(this.scrollY);\n      var maxTop = minTop + height + rowExpandedHeight;\n      var isCustomRowHeight = typeof rowHeight === 'function';\n      var isUncertainHeight = !!(renderRowExpanded || isCustomRowHeight || isTree);\n      /**\n      如果开启了 virtualized  同时 Table 中的的行高是可变的，\n      则需要循环遍历 data, 获取每一行的高度。\n      */\n\n      if (isUncertainHeight && virtualized || !virtualized) {\n        for (var index = 0; index < data.length; index++) {\n          var rowData = data[index];\n          var maxHeight = tableRowsMaxHeight[index];\n          var shouldRenderExpandedRow = this.shouldRenderExpandedRow(rowData);\n          var nextRowHeight = 0;\n          var depth = 0;\n\n          if (typeof rowHeight === 'function') {\n            nextRowHeight = rowHeight(rowData);\n          } else {\n            nextRowHeight = maxHeight ? Math.max(maxHeight + _constants__WEBPACK_IMPORTED_MODULE_20__[\"CELL_PADDING_HEIGHT\"], rowHeight) : rowHeight;\n\n            if (shouldRenderExpandedRow) {\n              nextRowHeight += rowExpandedHeight;\n            }\n          }\n\n          if (isTree) {\n            var parents = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"findAllParents\"])(rowData, rowKey);\n            var expandedRowKeys = this.getExpandedRowKeys();\n            depth = parents.length; //  如果是 Tree Table,  判断当前的行是否展开/折叠，如果是折叠则不显示该行。\n\n            if (!Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"shouldShowRowByExpanded\"])(expandedRowKeys, parents)) {\n              continue;\n            }\n          }\n\n          contentHeight += nextRowHeight;\n          var rowProps = {\n            key: index,\n            top: top,\n            width: rowWidth,\n            depth: depth,\n            height: nextRowHeight\n          };\n          top += nextRowHeight;\n\n          if (virtualized && !wordWrap) {\n            if (top + nextRowHeight < minTop) {\n              topHideHeight += nextRowHeight;\n              continue;\n            } else if (top > maxTop) {\n              bottomHideHeight += nextRowHeight;\n              continue;\n            }\n          }\n\n          this._visibleRows.push(this.renderRowData(bodyCells, rowData, rowProps, shouldRenderExpandedRow));\n        }\n      } else {\n        /**\n        如果 Table 的行高是固定的，则直接通过行高与行数进行计算，\n        减少遍历所有 data 带来的性能消耗\n        */\n        var _nextRowHeight = this.getRowHeight();\n\n        var startIndex = Math.max(Math.floor(minTop / _nextRowHeight), 0);\n        var endIndex = Math.min(startIndex + Math.ceil(bodyHeight / _nextRowHeight), data.length);\n        contentHeight = data.length * _nextRowHeight;\n        topHideHeight = startIndex * _nextRowHeight;\n        bottomHideHeight = (data.length - endIndex) * _nextRowHeight;\n\n        for (var _index = startIndex; _index < endIndex; _index++) {\n          var _rowData = data[_index];\n          var _rowProps = {\n            key: _index,\n            top: _index * _nextRowHeight,\n            width: rowWidth,\n            height: _nextRowHeight\n          };\n\n          this._visibleRows.push(this.renderRowData(bodyCells, _rowData, _rowProps, false));\n        }\n      }\n    }\n\n    var wheelStyles = {\n      position: 'absolute',\n      height: contentHeight,\n      minHeight: height,\n      pointerEvents: isScrolling ? 'none' : undefined\n    };\n    var topRowStyles = {\n      height: topHideHeight\n    };\n    var bottomRowStyles = {\n      height: bottomHideHeight\n    };\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      ref: this.tableBodyRef,\n      role: \"rowgroup\",\n      className: this.addPrefix('body-row-wrapper'),\n      style: bodyStyles,\n      onScroll: this.handleBodyScroll\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      style: wheelStyles,\n      className: this.addPrefix('body-wheel-area'),\n      ref: this.wheelWrapperRef\n    }, topHideHeight ? react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n      style: topRowStyles,\n      className: \"virtualized\"\n    }) : null, this._visibleRows, bottomHideHeight ? react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n      style: bottomRowStyles,\n      className: \"virtualized\"\n    }) : null), this.renderInfo(), this.renderScrollbar(), this.renderLoading());\n  };\n\n  _proto.renderInfo = function renderInfo() {\n    var _this$props23 = this.props,\n        locale = _this$props23.locale,\n        renderEmpty = _this$props23.renderEmpty,\n        loading = _this$props23.loading;\n\n    if (this._visibleRows.length || loading) {\n      return null;\n    }\n\n    var emptyMessage = react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('body-info')\n    }, locale.emptyMessage);\n    return renderEmpty ? renderEmpty(emptyMessage) : emptyMessage;\n  };\n\n  _proto.renderScrollbar = function renderScrollbar() {\n    var _this$props24 = this.props,\n        disabledScroll = _this$props24.disabledScroll,\n        affixHorizontalScrollbar = _this$props24.affixHorizontalScrollbar,\n        id = _this$props24.id;\n    var _this$state8 = this.state,\n        contentWidth = _this$state8.contentWidth,\n        contentHeight = _this$state8.contentHeight,\n        width = _this$state8.width,\n        fixedHorizontalScrollbar = _this$state8.fixedHorizontalScrollbar;\n    var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n    var headerHeight = this.getTableHeaderHeight();\n    var height = this.getTableHeight();\n\n    if (disabledScroll) {\n      return null;\n    }\n\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", null, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Scrollbar__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n      tableId: id,\n      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()({\n        fixed: fixedHorizontalScrollbar\n      }),\n      style: {\n        width: width,\n        bottom: fixedHorizontalScrollbar ? bottom : undefined\n      },\n      length: this.state.width,\n      onScroll: this.handleScrollX,\n      scrollLength: contentWidth,\n      ref: this.scrollbarXRef\n    }), react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Scrollbar__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n      vertical: true,\n      tableId: id,\n      length: height - headerHeight,\n      scrollLength: contentHeight,\n      onScroll: this.handleScrollY,\n      ref: this.scrollbarYRef\n    }));\n  }\n  /**\n   *  show loading\n   */\n  ;\n\n  _proto.renderLoading = function renderLoading() {\n    var _this$props25 = this.props,\n        locale = _this$props25.locale,\n        loading = _this$props25.loading,\n        loadAnimation = _this$props25.loadAnimation,\n        renderLoading = _this$props25.renderLoading;\n\n    if (!loadAnimation && !loading) {\n      return null;\n    }\n\n    var loadingElement = react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('loader-wrapper')\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('loader')\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"i\", {\n      className: this.addPrefix('loader-icon')\n    }), react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"span\", {\n      className: this.addPrefix('loader-text')\n    }, locale.loading)));\n    return renderLoading ? renderLoading(loadingElement) : loadingElement;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props26 = this.props,\n        children = _this$props26.children,\n        className = _this$props26.className,\n        data = _this$props26.data,\n        _this$props26$width = _this$props26.width,\n        width = _this$props26$width === void 0 ? 0 : _this$props26$width,\n        style = _this$props26.style,\n        isTree = _this$props26.isTree,\n        hover = _this$props26.hover,\n        bordered = _this$props26.bordered,\n        cellBordered = _this$props26.cellBordered,\n        wordWrap = _this$props26.wordWrap,\n        classPrefix = _this$props26.classPrefix,\n        loading = _this$props26.loading,\n        showHeader = _this$props26.showHeader,\n        rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_this$props26, [\"children\", \"className\", \"data\", \"width\", \"style\", \"isTree\", \"hover\", \"bordered\", \"cellBordered\", \"wordWrap\", \"classPrefix\", \"loading\", \"showHeader\"]);\n\n    var isColumnResizing = this.state.isColumnResizing;\n\n    var _this$getCellDescript = this.getCellDescriptor(),\n        headerCells = _this$getCellDescript.headerCells,\n        bodyCells = _this$getCellDescript.bodyCells,\n        allColumnsWidth = _this$getCellDescript.allColumnsWidth,\n        hasCustomTreeCol = _this$getCellDescript.hasCustomTreeCol;\n\n    var rowWidth = allColumnsWidth > width ? allColumnsWidth : width;\n    var clesses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(classPrefix, className, (_classNames = {}, _classNames[this.addPrefix('word-wrap')] = wordWrap, _classNames[this.addPrefix('treetable')] = isTree, _classNames[this.addPrefix('bordered')] = bordered, _classNames[this.addPrefix('cell-bordered')] = cellBordered, _classNames[this.addPrefix('column-resizing')] = isColumnResizing, _classNames[this.addPrefix('hover')] = hover, _classNames[this.addPrefix('loading')] = loading, _classNames));\n\n    var styles = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      width: width || 'auto',\n      height: this.getTableHeight()\n    }, style);\n\n    var unhandled = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"getUnhandledProps\"])(Table, rest);\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_TableContext__WEBPACK_IMPORTED_MODULE_19__[\"default\"].Provider, {\n      value: {\n        translateDOMPositionXY: this.translateDOMPositionXY,\n        rtl: this.isRTL(),\n        isTree: isTree,\n        hasCustomTreeCol: hasCustomTreeCol\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      role: isTree ? 'treegrid' : 'grid' // The aria-rowcount is specified on the element with the table.\n      // Its value is an integer equal to the total number of rows available, including header rows.\n      ,\n      \"aria-rowcount\": data.length + 1,\n      \"aria-colcount\": this._cacheChildrenSize\n    }, unhandled, {\n      className: clesses,\n      style: styles,\n      ref: this.tableRef\n    }), showHeader && this.renderTableHeader(headerCells, rowWidth), children && this.renderTableBody(bodyCells, rowWidth), showHeader && this.renderMouseArea()));\n  };\n\n  return Table;\n}(react__WEBPACK_IMPORTED_MODULE_3__[\"Component\"]);\n\nTable.propTypes = {\n  autoHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  affixHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  affixHorizontalScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  bordered: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  bodyRef: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  classPrefix: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  children: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n  cellBordered: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  data: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object),\n  defaultExpandAllRows: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  defaultExpandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number])),\n  defaultSortType: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  disabledScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  expandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number])),\n  hover: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  height: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  headerHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  locale: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  loading: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  loadAnimation: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  minHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  rowHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func]),\n  renderTreeToggle: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  renderRowExpanded: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  rowExpandedHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  renderEmpty: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  renderLoading: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  rowClassName: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  rtl: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  style: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  sortColumn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  sortType: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  showHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  shouldUpdateScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  translate3d: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  wordWrap: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  width: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  virtualized: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  isTree: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  onRowClick: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onRowContextMenu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onSortColumn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onExpandChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onTouchStart: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onTouchMove: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onDataUpdated: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\nTable.defaultProps = {\n  classPrefix: Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"defaultClassPrefix\"])('table'),\n  data: [],\n  defaultSortType: SORT_TYPE.DESC,\n  height: 200,\n  rowHeight: 46,\n  headerHeight: 40,\n  minHeight: 0,\n  rowExpandedHeight: 100,\n  hover: true,\n  showHeader: true,\n  rowKey: 'key',\n  translate3d: true,\n  shouldUpdateScroll: true,\n  locale: {\n    emptyMessage: 'No data found',\n    loading: 'Loading...'\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Table);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Table.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\");\n/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/isEqual */ \"./node_modules/lodash/isEqual.js\");\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var lodash_eq__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash/eq */ \"./node_modules/lodash/eq.js\");\n/* harmony import */ var lodash_eq__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash_eq__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\");\n/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash/merge */ \"./node_modules/lodash/merge.js\");\n/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\");\n/* harmony import */ var element_resize_event__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(element_resize_event__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! dom-lib/lib/transition/translateDOMPositionXY */ \"./node_modules/dom-lib/lib/transition/translateDOMPositionXY.js\");\n/* harmony import */ var dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var dom_lib__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Row */ \"./node_modules/rsuite-table/es/Row.js\");\n/* harmony import */ var _CellGroup__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./CellGroup */ \"./node_modules/rsuite-table/es/CellGroup.js\");\n/* harmony import */ var _Scrollbar__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Scrollbar */ \"./node_modules/rsuite-table/es/Scrollbar.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./constants */ \"./node_modules/rsuite-table/es/constants.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils */ \"./node_modules/rsuite-table/es/utils/index.js\");\n/* harmony import */ var _ColumnGroup__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./ColumnGroup */ \"./node_modules/rsuite-table/es/ColumnGroup.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SORT_TYPE = {\n  DESC: 'desc',\n  ASC: 'asc'\n};\n\nvar Table =\n/*#__PURE__*/\nfunction (_React$Component) {\n  Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Table, _React$Component);\n\n  Table.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n    if (props.data !== state.cacheData || props.isTree !== state.isTree) {\n      return {\n        cacheData: props.data,\n        isTree: props.isTree,\n        data: props.isTree ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"flattenData\"])(props.data) : props.data\n      };\n    }\n\n    return null;\n  };\n\n  function Table(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.translateDOMPositionXY = null;\n    _this.scrollListener = null;\n    _this.tableRef = void 0;\n    _this.scrollbarYRef = void 0;\n    _this.scrollbarXRef = void 0;\n    _this.tableBodyRef = void 0;\n    _this.affixHeaderWrapperRef = void 0;\n    _this.mouseAreaRef = void 0;\n    _this.headerWrapperRef = void 0;\n    _this.tableHeaderRef = void 0;\n    _this.wheelWrapperRef = void 0;\n    _this.tableRows = {};\n    _this.mounted = false;\n    _this.disableEventsTimeoutId = null;\n    _this.scrollY = 0;\n    _this.scrollX = 0;\n    _this.wheelHandler = void 0;\n    _this.minScrollY = void 0;\n    _this.minScrollX = void 0;\n    _this.mouseArea = void 0;\n    _this.touchX = void 0;\n    _this.touchY = void 0;\n    _this.wheelListener = void 0;\n    _this.touchStartListener = void 0;\n    _this.touchMoveListener = void 0;\n    _this._cacheCells = null;\n    _this._cacheChildrenSize = 0;\n    _this._visibleRows = [];\n\n    _this.listenWheel = function (deltaX, deltaY) {\n      var _this$scrollbarXRef$c, _this$scrollbarXRef$c2, _this$scrollbarYRef$c, _this$scrollbarYRef$c2;\n\n      _this.handleWheel(deltaX, deltaY);\n\n      (_this$scrollbarXRef$c = _this.scrollbarXRef.current) === null || _this$scrollbarXRef$c === void 0 ? void 0 : (_this$scrollbarXRef$c2 = _this$scrollbarXRef$c.onWheelScroll) === null || _this$scrollbarXRef$c2 === void 0 ? void 0 : _this$scrollbarXRef$c2.call(_this$scrollbarXRef$c, deltaX);\n      (_this$scrollbarYRef$c = _this.scrollbarYRef.current) === null || _this$scrollbarYRef$c === void 0 ? void 0 : (_this$scrollbarYRef$c2 = _this$scrollbarYRef$c.onWheelScroll) === null || _this$scrollbarYRef$c2 === void 0 ? void 0 : _this$scrollbarYRef$c2.call(_this$scrollbarYRef$c, deltaY);\n    };\n\n    _this.setOffsetByAffix = function () {\n      var _this$headerWrapperRe, _this$tableRef;\n\n      var _this$props = _this.props,\n          affixHeader = _this$props.affixHeader,\n          affixHorizontalScrollbar = _this$props.affixHorizontalScrollbar;\n      var headerNode = (_this$headerWrapperRe = _this.headerWrapperRef) === null || _this$headerWrapperRe === void 0 ? void 0 : _this$headerWrapperRe.current;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader) && headerNode) {\n        _this.setState(function () {\n          return {\n            headerOffset: Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getOffset\"])(headerNode)\n          };\n        });\n      }\n\n      var tableNode = (_this$tableRef = _this.tableRef) === null || _this$tableRef === void 0 ? void 0 : _this$tableRef.current;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar) && tableNode) {\n        _this.setState(function () {\n          return {\n            tableOffset: Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getOffset\"])(tableNode)\n          };\n        });\n      }\n    };\n\n    _this.handleWindowScroll = function () {\n      var _this$props2 = _this.props,\n          affixHeader = _this$props2.affixHeader,\n          affixHorizontalScrollbar = _this$props2.affixHorizontalScrollbar;\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader)) {\n        _this.affixTableHeader();\n      }\n\n      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar)) {\n        _this.affixHorizontalScrollbar();\n      }\n    };\n\n    _this.affixHorizontalScrollbar = function () {\n      var _this$scrollbarXRef, _this$scrollbarXRef$c3, _this$scrollbarXRef$c4;\n\n      var scrollY = window.scrollY || window.pageYOffset;\n      var windowHeight = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(window);\n\n      var height = _this.getTableHeight();\n\n      var _this$state = _this.state,\n          tableOffset = _this$state.tableOffset,\n          fixedHorizontalScrollbar = _this$state.fixedHorizontalScrollbar;\n      var affixHorizontalScrollbar = _this.props.affixHorizontalScrollbar;\n\n      var headerHeight = _this.getTableHeaderHeight();\n\n      var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n      var fixedScrollbar = scrollY + windowHeight < height + (tableOffset.top + bottom) && scrollY + windowHeight - headerHeight > tableOffset.top + bottom;\n\n      if (((_this$scrollbarXRef = _this.scrollbarXRef) === null || _this$scrollbarXRef === void 0 ? void 0 : (_this$scrollbarXRef$c3 = _this$scrollbarXRef.current) === null || _this$scrollbarXRef$c3 === void 0 ? void 0 : (_this$scrollbarXRef$c4 = _this$scrollbarXRef$c3.barRef) === null || _this$scrollbarXRef$c4 === void 0 ? void 0 : _this$scrollbarXRef$c4.current) && fixedHorizontalScrollbar !== fixedScrollbar) {\n        _this.setState({\n          fixedHorizontalScrollbar: fixedScrollbar\n        });\n      }\n    };\n\n    _this.affixTableHeader = function () {\n      var affixHeader = _this.props.affixHeader;\n      var top = typeof affixHeader === 'number' ? affixHeader : 0;\n      var _this$state2 = _this.state,\n          headerOffset = _this$state2.headerOffset,\n          contentHeight = _this$state2.contentHeight;\n      var scrollY = window.scrollY || window.pageYOffset;\n      var fixedHeader = scrollY - (headerOffset.top - top) >= 0 && scrollY < headerOffset.top - top + contentHeight;\n\n      if (_this.affixHeaderWrapperRef.current) {\n        Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(_this.affixHeaderWrapperRef.current, 'fixed', fixedHeader);\n      }\n    };\n\n    _this.handleSortColumn = function (dataKey) {\n      var _this$props$onSortCol, _this$props3;\n\n      var sortType = _this.getSortType();\n\n      if (_this.props.sortColumn === dataKey) {\n        sortType = sortType === SORT_TYPE.ASC ? SORT_TYPE.DESC : SORT_TYPE.ASC;\n\n        _this.setState({\n          sortType: sortType\n        });\n      }\n\n      (_this$props$onSortCol = (_this$props3 = _this.props).onSortColumn) === null || _this$props$onSortCol === void 0 ? void 0 : _this$props$onSortCol.call(_this$props3, dataKey, sortType);\n    };\n\n    _this.handleColumnResizeEnd = function (columnWidth, _cursorDelta, dataKey, index) {\n      var _this$setState;\n\n      _this._cacheCells = null;\n\n      _this.setState((_this$setState = {\n        isColumnResizing: false\n      }, _this$setState[dataKey + \"_\" + index + \"_width\"] = columnWidth, _this$setState));\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(_this.mouseAreaRef.current, {\n        display: 'none'\n      });\n    };\n\n    _this.handleColumnResizeStart = function (width, left, fixed) {\n      _this.setState({\n        isColumnResizing: true\n      });\n\n      _this.handleColumnResizeMove(width, left, fixed);\n    };\n\n    _this.handleColumnResizeMove = function (width, left, fixed) {\n      var _addStyle;\n\n      var mouseAreaLeft = width + left;\n      var x = mouseAreaLeft;\n      var dir = 'left';\n\n      if (_this.isRTL()) {\n        mouseAreaLeft += _this.minScrollX + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n        dir = 'right';\n      }\n\n      if (!fixed) {\n        x = mouseAreaLeft + (_this.isRTL() ? -_this.scrollX : _this.scrollX);\n      }\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(_this.mouseAreaRef.current, (_addStyle = {\n        display: 'block'\n      }, _addStyle[dir] = x + \"px\", _addStyle));\n    };\n\n    _this.handleTreeToggle = function (rowKey, _rowIndex, rowData) {\n      var _this$props$onExpandC, _this$props4;\n\n      var expandedRowKeys = _this.getExpandedRowKeys();\n\n      var open = false;\n      var nextExpandedRowKeys = [];\n\n      for (var i = 0; i < expandedRowKeys.length; i++) {\n        var _key = expandedRowKeys[i];\n\n        if (_key === rowKey) {\n          open = true;\n        } else {\n          nextExpandedRowKeys.push(_key);\n        }\n      }\n\n      if (!open) {\n        nextExpandedRowKeys.push(rowKey);\n      }\n\n      _this.setState({\n        expandedRowKeys: nextExpandedRowKeys\n      });\n\n      (_this$props$onExpandC = (_this$props4 = _this.props).onExpandChange) === null || _this$props$onExpandC === void 0 ? void 0 : _this$props$onExpandC.call(_this$props4, !open, rowData);\n    };\n\n    _this.handleScrollX = function (delta) {\n      _this.handleWheel(delta, 0);\n    };\n\n    _this.handleScrollY = function (delta) {\n      _this.handleWheel(0, delta);\n    };\n\n    _this.handleWheel = function (deltaX, deltaY) {\n      var _this$props5 = _this.props,\n          onScroll = _this$props5.onScroll,\n          virtualized = _this$props5.virtualized;\n      var _this$state3 = _this.state,\n          contentWidth = _this$state3.contentWidth,\n          width = _this$state3.width;\n\n      if (!_this.tableRef.current) {\n        return;\n      }\n\n      var nextScrollX = contentWidth <= width ? 0 : _this.scrollX - deltaX;\n      var nextScrollY = _this.scrollY - deltaY;\n      _this.scrollY = Math.min(0, nextScrollY < _this.minScrollY ? _this.minScrollY : nextScrollY);\n      _this.scrollX = Math.min(0, nextScrollX < _this.minScrollX ? _this.minScrollX : nextScrollX);\n\n      _this.updatePosition();\n\n      onScroll === null || onScroll === void 0 ? void 0 : onScroll(_this.scrollX, _this.scrollY);\n\n      if (virtualized) {\n        _this.setState({\n          isScrolling: true,\n          scrollY: _this.scrollY\n        });\n\n        if (_this.disableEventsTimeoutId) {\n          Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"cancelAnimationTimeout\"])(_this.disableEventsTimeoutId);\n        }\n\n        _this.disableEventsTimeoutId = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"requestAnimationTimeout\"])(_this.debounceScrollEndedCallback, 150);\n      }\n    };\n\n    _this.debounceScrollEndedCallback = function () {\n      _this.disableEventsTimeoutId = null;\n\n      _this.setState({\n        isScrolling: false\n      });\n    };\n\n    _this.handleTouchStart = function (event) {\n      var _this$props$onTouchSt, _this$props6;\n\n      if (event.touches) {\n        var _event$touches$ = event.touches[0],\n            pageX = _event$touches$.pageX,\n            pageY = _event$touches$.pageY;\n        _this.touchX = pageX;\n        _this.touchY = pageY;\n      }\n\n      (_this$props$onTouchSt = (_this$props6 = _this.props).onTouchStart) === null || _this$props$onTouchSt === void 0 ? void 0 : _this$props$onTouchSt.call(_this$props6, event);\n    };\n\n    _this.handleTouchMove = function (event) {\n      var _this$props$onTouchMo, _this$props7;\n\n      var autoHeight = _this.props.autoHeight;\n\n      if (event.touches) {\n        var _event$preventDefault, _this$scrollbarXRef$c5, _this$scrollbarXRef$c6, _this$scrollbarYRef$c3, _this$scrollbarYRef$c4;\n\n        var _event$touches$2 = event.touches[0],\n            pageX = _event$touches$2.pageX,\n            pageY = _event$touches$2.pageY;\n        var deltaX = _this.touchX - pageX;\n        var deltaY = autoHeight ? 0 : _this.touchY - pageY;\n\n        if (!_this.shouldHandleWheelY(deltaY) && !_this.shouldHandleWheelX(deltaX)) {\n          return;\n        }\n\n        (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);\n\n        _this.handleWheel(deltaX, deltaY);\n\n        (_this$scrollbarXRef$c5 = _this.scrollbarXRef.current) === null || _this$scrollbarXRef$c5 === void 0 ? void 0 : (_this$scrollbarXRef$c6 = _this$scrollbarXRef$c5.onWheelScroll) === null || _this$scrollbarXRef$c6 === void 0 ? void 0 : _this$scrollbarXRef$c6.call(_this$scrollbarXRef$c5, deltaX);\n        (_this$scrollbarYRef$c3 = _this.scrollbarYRef.current) === null || _this$scrollbarYRef$c3 === void 0 ? void 0 : (_this$scrollbarYRef$c4 = _this$scrollbarYRef$c3.onWheelScroll) === null || _this$scrollbarYRef$c4 === void 0 ? void 0 : _this$scrollbarYRef$c4.call(_this$scrollbarYRef$c3, deltaY);\n        _this.touchX = pageX;\n        _this.touchY = pageY;\n      }\n\n      (_this$props$onTouchMo = (_this$props7 = _this.props).onTouchMove) === null || _this$props$onTouchMo === void 0 ? void 0 : _this$props$onTouchMo.call(_this$props7, event);\n    };\n\n    _this.handleBodyScroll = function (event) {\n      if (event.target !== _this.tableBodyRef.current) {\n        return;\n      }\n\n      var left = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollLeft\"])(event.target);\n      var top = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollTop\"])(event.target);\n\n      if (top === 0 && left === 0) {\n        return;\n      }\n\n      _this.listenWheel(left, top);\n\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollLeft\"])(event.target, 0);\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"scrollTop\"])(event.target, 0);\n    };\n\n    _this.shouldHandleWheelX = function (delta) {\n      var _this$props8 = _this.props,\n          disabledScroll = _this$props8.disabledScroll,\n          loading = _this$props8.loading;\n\n      if (delta === 0 || disabledScroll || loading) {\n        return false;\n      }\n\n      return true;\n    };\n\n    _this.shouldHandleWheelY = function (delta) {\n      var _this$props9 = _this.props,\n          disabledScroll = _this$props9.disabledScroll,\n          loading = _this$props9.loading;\n\n      if (delta === 0 || disabledScroll || loading) {\n        return false;\n      }\n\n      return delta >= 0 && _this.scrollY > _this.minScrollY || delta < 0 && _this.scrollY < 0;\n    };\n\n    _this.addPrefix = function (name) {\n      return Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"prefix\"])(_this.props.classPrefix)(name);\n    };\n\n    _this.calculateTableWidth = function () {\n      var _this$tableRef2;\n\n      var table = (_this$tableRef2 = _this.tableRef) === null || _this$tableRef2 === void 0 ? void 0 : _this$tableRef2.current;\n      var width = _this.state.width;\n\n      if (table) {\n        var nextWidth = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getWidth\"])(table);\n\n        if (width !== nextWidth) {\n          var _this$scrollbarXRef2, _this$scrollbarXRef2$;\n\n          _this.scrollX = 0;\n          (_this$scrollbarXRef2 = _this.scrollbarXRef) === null || _this$scrollbarXRef2 === void 0 ? void 0 : (_this$scrollbarXRef2$ = _this$scrollbarXRef2.current) === null || _this$scrollbarXRef2$ === void 0 ? void 0 : _this$scrollbarXRef2$.resetScrollBarPosition();\n        }\n\n        _this._cacheCells = null;\n\n        _this.setState({\n          width: nextWidth\n        });\n      }\n\n      _this.setOffsetByAffix();\n    };\n\n    _this.scrollTop = function (top) {\n      var _this$scrollbarYRef, _this$scrollbarYRef$c5, _this$scrollbarYRef$c6;\n\n      if (top === void 0) {\n        top = 0;\n      }\n\n      var _this$getControlledSc = _this.getControlledScrollTopValue(top),\n          scrollY = _this$getControlledSc[0],\n          handleScrollY = _this$getControlledSc[1];\n\n      _this.scrollY = scrollY;\n      (_this$scrollbarYRef = _this.scrollbarYRef) === null || _this$scrollbarYRef === void 0 ? void 0 : (_this$scrollbarYRef$c5 = _this$scrollbarYRef.current) === null || _this$scrollbarYRef$c5 === void 0 ? void 0 : (_this$scrollbarYRef$c6 = _this$scrollbarYRef$c5.resetScrollBarPosition) === null || _this$scrollbarYRef$c6 === void 0 ? void 0 : _this$scrollbarYRef$c6.call(_this$scrollbarYRef$c5, handleScrollY);\n\n      _this.updatePosition();\n      /**\n       * 当开启 virtualized，调用 scrollTop 后会出现白屏现象，\n       * 原因是直接操作 DOM 的坐标，但是组件没有重新渲染，需要调用 forceUpdate 重新进入 render。\n       * Fix: rsuite#1044\n       */\n\n\n      if (_this.props.virtualized && _this.state.contentHeight > _this.props.height) {\n        _this.forceUpdate();\n      }\n    };\n\n    _this.scrollLeft = function (left) {\n      var _this$scrollbarXRef3, _this$scrollbarXRef3$, _this$scrollbarXRef3$2;\n\n      if (left === void 0) {\n        left = 0;\n      }\n\n      var _this$getControlledSc2 = _this.getControlledScrollLeftValue(left),\n          scrollX = _this$getControlledSc2[0],\n          handleScrollX = _this$getControlledSc2[1];\n\n      _this.scrollX = scrollX;\n      (_this$scrollbarXRef3 = _this.scrollbarXRef) === null || _this$scrollbarXRef3 === void 0 ? void 0 : (_this$scrollbarXRef3$ = _this$scrollbarXRef3.current) === null || _this$scrollbarXRef3$ === void 0 ? void 0 : (_this$scrollbarXRef3$2 = _this$scrollbarXRef3$.resetScrollBarPosition) === null || _this$scrollbarXRef3$2 === void 0 ? void 0 : _this$scrollbarXRef3$2.call(_this$scrollbarXRef3$, handleScrollX);\n\n      _this.updatePosition();\n    };\n\n    _this.scrollTo = function (coord) {\n      var _ref = coord || {},\n          x = _ref.x,\n          y = _ref.y;\n\n      if (typeof x === 'number') {\n        _this.scrollLeft(x);\n      }\n\n      if (typeof y === 'number') {\n        _this.scrollTop(y);\n      }\n    };\n\n    _this.bindTableRowsRef = function (index, rowData) {\n      return function (ref) {\n        if (ref) {\n          _this.tableRows[index] = [ref, rowData];\n        }\n      };\n    };\n\n    _this.bindRowClick = function (rowData) {\n      return function (event) {\n        var _this$props$onRowClic, _this$props10;\n\n        (_this$props$onRowClic = (_this$props10 = _this.props).onRowClick) === null || _this$props$onRowClic === void 0 ? void 0 : _this$props$onRowClic.call(_this$props10, rowData, event);\n      };\n    };\n\n    _this.bindRowContextMenu = function (rowData) {\n      return function (event) {\n        var _this$props$onRowCont, _this$props11;\n\n        (_this$props$onRowCont = (_this$props11 = _this.props).onRowContextMenu) === null || _this$props$onRowCont === void 0 ? void 0 : _this$props$onRowCont.call(_this$props11, rowData, event);\n      };\n    };\n\n    var _width = props.width,\n        data = props.data,\n        _rowKey = props.rowKey,\n        defaultExpandAllRows = props.defaultExpandAllRows,\n        renderRowExpanded = props.renderRowExpanded,\n        defaultExpandedRowKeys = props.defaultExpandedRowKeys,\n        _props$children = props.children,\n        children = _props$children === void 0 ? [] : _props$children,\n        isTree = props.isTree,\n        defaultSortType = props.defaultSortType;\n\n    var _expandedRowKeys = defaultExpandAllRows ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"findRowKeys\"])(data, _rowKey, lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(renderRowExpanded)) : defaultExpandedRowKeys || [];\n\n    var shouldFixedColumn = Array.from(lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children)).some(function (child) {\n      return child && child.props && child.props.fixed;\n    });\n\n    if (isTree && !_rowKey) {\n      throw new Error('The `rowKey` is required when set isTree');\n    }\n\n    _this.state = {\n      isTree: isTree,\n      expandedRowKeys: _expandedRowKeys,\n      shouldFixedColumn: shouldFixedColumn,\n      cacheData: data,\n      data: isTree ? Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"flattenData\"])(data) : data,\n      width: _width || 0,\n      columnWidth: 0,\n      dataKey: 0,\n      contentHeight: 0,\n      contentWidth: 0,\n      tableRowsMaxHeight: [],\n      sortType: defaultSortType,\n      scrollY: 0,\n      isScrolling: false,\n      fixedHeader: false\n    };\n    _this.scrollY = 0;\n    _this.scrollX = 0;\n    _this.wheelHandler = new dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"WheelHandler\"](_this.listenWheel, _this.shouldHandleWheelX, _this.shouldHandleWheelY, false);\n    _this._cacheChildrenSize = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(children).length;\n    _this.translateDOMPositionXY = Object(dom_lib_lib_transition_translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_14__[\"getTranslateDOMPositionXY\"])({\n      enable3DTransform: props.translate3d\n    });\n    _this.tableRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.scrollbarYRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.scrollbarXRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.tableBodyRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.affixHeaderWrapperRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.mouseAreaRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.headerWrapperRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.wheelWrapperRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    _this.tableHeaderRef = react__WEBPACK_IMPORTED_MODULE_3__[\"createRef\"]();\n    return _this;\n  }\n\n  var _proto = Table.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    var _this$props13, _this$props13$bodyRef;\n\n    this.calculateTableWidth();\n    this.calculateTableContextHeight();\n    this.calculateRowMaxHeight();\n    this.setOffsetByAffix();\n    this.initPosition();\n    element_resize_event__WEBPACK_IMPORTED_MODULE_13___default()(this.tableRef.current, lodash_debounce__WEBPACK_IMPORTED_MODULE_8___default()(this.calculateTableWidth, 400));\n    var options = {\n      passive: false\n    };\n    var tableBody = this.tableBodyRef.current;\n\n    if (tableBody) {\n      this.wheelListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'wheel', this.wheelHandler.onWheel, options);\n      this.touchStartListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'touchstart', this.handleTouchStart, options);\n      this.touchMoveListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(tableBody, 'touchmove', this.handleTouchMove, options);\n    }\n\n    var _this$props12 = this.props,\n        affixHeader = _this$props12.affixHeader,\n        affixHorizontalScrollbar = _this$props12.affixHorizontalScrollbar;\n\n    if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHeader) || Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isNumberOrTrue\"])(affixHorizontalScrollbar)) {\n      this.scrollListener = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"on\"])(window, 'scroll', this.handleWindowScroll);\n    }\n\n    (_this$props13 = this.props) === null || _this$props13 === void 0 ? void 0 : (_this$props13$bodyRef = _this$props13.bodyRef) === null || _this$props13$bodyRef === void 0 ? void 0 : _this$props13$bodyRef.call(_this$props13, this.wheelWrapperRef.current);\n  };\n\n  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {\n    var _cacheChildrenSize = lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(nextProps.children || []).length;\n    /**\n     * 单元格列的信息在初始化后会被缓存，在某些属性被更新以后，需要清除缓存。\n     */\n\n    if (_cacheChildrenSize !== this._cacheChildrenSize) {\n      this._cacheChildrenSize = _cacheChildrenSize;\n      this._cacheCells = null;\n    } else if (this.props.children !== nextProps.children || this.props.sortColumn !== nextProps.sortColumn || this.props.sortType !== nextProps.sortType) {\n      this._cacheCells = null;\n    }\n\n    return !lodash_eq__WEBPACK_IMPORTED_MODULE_10___default()(this.props, nextProps) || !lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default()(this.state, nextState);\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n    var rowHeight = prevProps.rowHeight,\n        data = prevProps.data,\n        height = prevProps.height;\n\n    if (data !== this.props.data) {\n      var _this$props$onDataUpd, _this$props14;\n\n      this.calculateRowMaxHeight();\n      (_this$props$onDataUpd = (_this$props14 = this.props).onDataUpdated) === null || _this$props$onDataUpd === void 0 ? void 0 : _this$props$onDataUpd.call(_this$props14, this.props.data, this.scrollTo);\n      var maxHeight = this.props.data.length * (typeof rowHeight === 'function' ? rowHeight(null) : rowHeight); // 当开启允许更新滚动条，或者滚动条位置大于表格的最大高度，则初始滚动条位置\n\n      if (this.props.shouldUpdateScroll || Math.abs(this.scrollY) > maxHeight) {\n        this.scrollTo({\n          x: 0,\n          y: 0\n        });\n      }\n    } else {\n      this.updatePosition();\n    }\n\n    if ( // 当 Table 的 data 发生变化，需要重新计算高度\n    data !== this.props.data || // 当 Table 的 height 属性发生变化，需要重新计算 Table 高度\n    height !== this.props.height || // 当 Table 内容区的高度发生变化需要重新计算\n    prevState.contentHeight !== this.state.contentHeight || // 当 expandedRowKeys 发生变化，需要重新计算 Table 高度，如果重算会导致滚动条不显示。\n    prevState.expandedRowKeys !== this.state.expandedRowKeys || prevProps.expandedRowKeys !== this.props.expandedRowKeys) {\n      this.calculateTableContextHeight(prevProps);\n    }\n\n    this.calculateTableContentWidth(prevProps);\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    var _this$wheelListener, _this$touchStartListe, _this$touchMoveListen, _this$scrollListener;\n\n    this.wheelHandler = null;\n\n    if (this.tableRef.current) {\n      Object(element_resize_event__WEBPACK_IMPORTED_MODULE_13__[\"unbind\"])(this.tableRef.current);\n    }\n\n    (_this$wheelListener = this.wheelListener) === null || _this$wheelListener === void 0 ? void 0 : _this$wheelListener.off();\n    (_this$touchStartListe = this.touchStartListener) === null || _this$touchStartListe === void 0 ? void 0 : _this$touchStartListe.off();\n    (_this$touchMoveListen = this.touchMoveListener) === null || _this$touchMoveListen === void 0 ? void 0 : _this$touchMoveListen.off();\n    (_this$scrollListener = this.scrollListener) === null || _this$scrollListener === void 0 ? void 0 : _this$scrollListener.off();\n  };\n\n  _proto.getExpandedRowKeys = function getExpandedRowKeys() {\n    var expandedRowKeys = this.props.expandedRowKeys;\n    return typeof expandedRowKeys === 'undefined' ? this.state.expandedRowKeys : expandedRowKeys;\n  };\n\n  _proto.getSortType = function getSortType() {\n    var sortType = this.props.sortType;\n    return typeof sortType === 'undefined' ? this.state.sortType : sortType;\n  };\n\n  _proto.getScrollCellGroups = function getScrollCellGroups() {\n    var _this$tableRef$curren;\n\n    return (_this$tableRef$curren = this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelectorAll(\".\" + this.addPrefix('cell-group-scroll'));\n  };\n\n  _proto.getFixedLeftCellGroups = function getFixedLeftCellGroups() {\n    var _this$tableRef$curren2;\n\n    return (_this$tableRef$curren2 = this.tableRef.current) === null || _this$tableRef$curren2 === void 0 ? void 0 : _this$tableRef$curren2.querySelectorAll(\".\" + this.addPrefix('cell-group-fixed-left'));\n  };\n\n  _proto.getFixedRightCellGroups = function getFixedRightCellGroups() {\n    var _this$tableRef$curren3;\n\n    return (_this$tableRef$curren3 = this.tableRef.current) === null || _this$tableRef$curren3 === void 0 ? void 0 : _this$tableRef$curren3.querySelectorAll(\".\" + this.addPrefix('cell-group-fixed-right'));\n  };\n\n  _proto.isRTL = function isRTL() {\n    return this.props.rtl || Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"isRTL\"])();\n  };\n\n  _proto.getRowHeight = function getRowHeight(rowData) {\n    if (rowData === void 0) {\n      rowData = {};\n    }\n\n    var rowHeight = this.props.rowHeight;\n    return typeof rowHeight === 'function' ? rowHeight(rowData) : rowHeight;\n  }\n  /**\n   * 获取表头高度\n   */\n  ;\n\n  _proto.getTableHeaderHeight = function getTableHeaderHeight() {\n    var _this$props15 = this.props,\n        headerHeight = _this$props15.headerHeight,\n        showHeader = _this$props15.showHeader;\n    return showHeader ? headerHeight : 0;\n  }\n  /**\n   * 获取 Table 需要渲染的高度\n   */\n  ;\n\n  _proto.getTableHeight = function getTableHeight() {\n    var contentHeight = this.state.contentHeight;\n    var _this$props16 = this.props,\n        minHeight = _this$props16.minHeight,\n        height = _this$props16.height,\n        autoHeight = _this$props16.autoHeight,\n        data = _this$props16.data;\n    var headerHeight = this.getTableHeaderHeight();\n\n    if (data.length === 0 && autoHeight) {\n      return height;\n    }\n\n    return autoHeight ? Math.max(headerHeight + contentHeight, minHeight) : height;\n  }\n  /**\n   * 获取 columns ReactElement 数组\n   * - 处理 children 中存在 <Column> 数组的情况\n   * - 过滤 children 中的空项\n   */\n  ;\n\n  _proto.getTableColumns = function getTableColumns() {\n    var children = this.props.children;\n\n    if (!Array.isArray(children)) {\n      return children;\n    }\n\n    var flattenColumns = children.map(function (column) {\n      if ((column === null || column === void 0 ? void 0 : column.type) === _ColumnGroup__WEBPACK_IMPORTED_MODULE_22__[\"default\"]) {\n        var _ref2 = column === null || column === void 0 ? void 0 : column.props,\n            header = _ref2.header,\n            childColumns = _ref2.children,\n            align = _ref2.align,\n            fixed = _ref2.fixed,\n            verticalAlign = _ref2.verticalAlign;\n\n        return childColumns.map(function (childColumn, index) {\n          // 把 ColumnGroup 设置的属性覆盖到 Column\n          var groupCellProps = {\n            align: align,\n            fixed: fixed,\n            verticalAlign: verticalAlign\n          };\n          /**\n           * 为分组中的第一列设置属性:\n           * groupCount: 分组子项个数\n           * groupHeader: 分组标题\n           * resizable: 设置为不可自定义列宽\n           */\n\n          if (index === 0) {\n            groupCellProps.groupCount = childColumns.length;\n            groupCellProps.groupHeader = header;\n            groupCellProps.resizable = false;\n          }\n\n          return react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](childColumn, groupCellProps);\n        });\n      }\n\n      return column;\n    }); // 把 Columns 中的数组，展平为一维数组，计算 lastColumn 与 firstColumn。\n\n    return lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(flattenColumns).filter(function (col) {\n      return col;\n    });\n  };\n\n  _proto.getCellDescriptor = function getCellDescriptor() {\n    var _this2 = this;\n\n    if (this._cacheCells) {\n      return this._cacheCells;\n    }\n\n    var hasCustomTreeCol = false;\n    var left = 0; // Cell left margin\n\n    var headerCells = []; // Table header cell\n\n    var bodyCells = []; // Table body cell\n\n    var children = this.props.children;\n\n    if (!children) {\n      this._cacheCells = {\n        headerCells: headerCells,\n        bodyCells: bodyCells,\n        hasCustomTreeCol: hasCustomTreeCol,\n        allColumnsWidth: left\n      };\n      return this._cacheCells;\n    }\n\n    var columns = this.getTableColumns();\n    var tableWidth = this.state.width;\n    var _this$props17 = this.props,\n        sortColumn = _this$props17.sortColumn,\n        rowHeight = _this$props17.rowHeight,\n        showHeader = _this$props17.showHeader;\n\n    var _getTotalByColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"getTotalByColumns\"])(columns),\n        totalFlexGrow = _getTotalByColumns.totalFlexGrow,\n        totalWidth = _getTotalByColumns.totalWidth;\n\n    var headerHeight = this.getTableHeaderHeight();\n    react__WEBPACK_IMPORTED_MODULE_3__[\"Children\"].forEach(columns, function (column, index) {\n      if (react__WEBPACK_IMPORTED_MODULE_3__[\"isValidElement\"](column)) {\n        var columnChildren = column.props.children;\n        var _column$props = column.props,\n            width = _column$props.width,\n            resizable = _column$props.resizable,\n            flexGrow = _column$props.flexGrow,\n            minWidth = _column$props.minWidth,\n            onResize = _column$props.onResize,\n            treeCol = _column$props.treeCol;\n\n        if (treeCol) {\n          hasCustomTreeCol = true;\n        }\n\n        if (resizable && flexGrow) {\n          console.warn(\"Cannot set 'resizable' and 'flexGrow' together in <Column>, column index: \" + index);\n        }\n\n        if (columnChildren.length !== 2) {\n          throw new Error(\"Component <HeaderCell> and <Cell> is required, column index: \" + index + \" \");\n        }\n\n        var nextWidth = _this2.state[columnChildren[1].props.dataKey + \"_\" + index + \"_width\"] || width || 0;\n\n        if (tableWidth && flexGrow && totalFlexGrow) {\n          nextWidth = Math.max((tableWidth - totalWidth) / totalFlexGrow * flexGrow, minWidth || 60);\n        }\n\n        var cellProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, lodash_omit__WEBPACK_IMPORTED_MODULE_11___default()(column.props, ['children']), {\n          'aria-colindex': index + 1,\n          left: left,\n          headerHeight: headerHeight,\n          key: index,\n          width: nextWidth,\n          height: rowHeight,\n          firstColumn: index === 0,\n          lastColumn: index === columns.length - 1\n        });\n\n        if (showHeader && headerHeight) {\n          var headerCellProps = {\n            // index 用于拖拽列宽时候（Resizable column），定义的序号\n            index: index,\n            dataKey: columnChildren[1].props.dataKey,\n            isHeaderCell: true,\n            sortable: column.props.sortable,\n            onSortColumn: _this2.handleSortColumn,\n            sortType: _this2.getSortType(),\n            sortColumn: sortColumn,\n            flexGrow: flexGrow\n          };\n\n          if (resizable) {\n            lodash_merge__WEBPACK_IMPORTED_MODULE_12___default()(headerCellProps, {\n              onResize: onResize,\n              onColumnResizeEnd: _this2.handleColumnResizeEnd,\n              onColumnResizeStart: _this2.handleColumnResizeStart,\n              onColumnResizeMove: _this2.handleColumnResizeMove\n            });\n          }\n\n          headerCells.push(react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](columnChildren[0], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, cellProps, {}, headerCellProps)));\n        }\n\n        bodyCells.push(react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](columnChildren[1], cellProps));\n        left += nextWidth;\n      }\n    });\n    return this._cacheCells = {\n      headerCells: headerCells,\n      bodyCells: bodyCells,\n      allColumnsWidth: left,\n      hasCustomTreeCol: hasCustomTreeCol\n    };\n  };\n\n  _proto.initPosition = function initPosition() {\n    var _this3 = this;\n\n    if (this.isRTL()) {\n      setTimeout(function () {\n        var _this3$scrollbarXRef, _this3$scrollbarXRef$, _this3$scrollbarXRef$2;\n\n        var _this3$state = _this3.state,\n            contentWidth = _this3$state.contentWidth,\n            width = _this3$state.width;\n        _this3.scrollX = width - contentWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n\n        _this3.updatePosition();\n\n        (_this3$scrollbarXRef = _this3.scrollbarXRef) === null || _this3$scrollbarXRef === void 0 ? void 0 : (_this3$scrollbarXRef$ = _this3$scrollbarXRef.current) === null || _this3$scrollbarXRef$ === void 0 ? void 0 : (_this3$scrollbarXRef$2 = _this3$scrollbarXRef$.resetScrollBarPosition) === null || _this3$scrollbarXRef$2 === void 0 ? void 0 : _this3$scrollbarXRef$2.call(_this3$scrollbarXRef$, -_this3.scrollX);\n      }, 0);\n    }\n  };\n\n  _proto.updatePosition = function updatePosition() {\n    var _this$tableHeaderRef;\n\n    /**\n     * 当存在锁定列情况处理\n     */\n    if (this.state.shouldFixedColumn) {\n      this.updatePositionByFixedCell();\n    } else {\n      var _this$wheelWrapperRef, _this$headerWrapperRe2, _this$affixHeaderWrap, _affixHeaderElement$h;\n\n      var wheelStyle = {};\n      var headerStyle = {};\n      this.translateDOMPositionXY(wheelStyle, this.scrollX, this.scrollY);\n      this.translateDOMPositionXY(headerStyle, this.scrollX, 0);\n      var wheelElement = (_this$wheelWrapperRef = this.wheelWrapperRef) === null || _this$wheelWrapperRef === void 0 ? void 0 : _this$wheelWrapperRef.current;\n      var headerElement = (_this$headerWrapperRe2 = this.headerWrapperRef) === null || _this$headerWrapperRe2 === void 0 ? void 0 : _this$headerWrapperRe2.current;\n      var affixHeaderElement = (_this$affixHeaderWrap = this.affixHeaderWrapperRef) === null || _this$affixHeaderWrap === void 0 ? void 0 : _this$affixHeaderWrap.current;\n      wheelElement && Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(wheelElement, wheelStyle);\n      headerElement && Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(headerElement, headerStyle);\n\n      if (affixHeaderElement === null || affixHeaderElement === void 0 ? void 0 : (_affixHeaderElement$h = affixHeaderElement.hasChildNodes) === null || _affixHeaderElement$h === void 0 ? void 0 : _affixHeaderElement$h.call(affixHeaderElement)) {\n        Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(affixHeaderElement.firstChild, headerStyle);\n      }\n    }\n\n    if ((_this$tableHeaderRef = this.tableHeaderRef) === null || _this$tableHeaderRef === void 0 ? void 0 : _this$tableHeaderRef.current) {\n      Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(this.tableHeaderRef.current, this.addPrefix('cell-group-shadow'), this.scrollY < 0);\n    }\n  };\n\n  _proto.updatePositionByFixedCell = function updatePositionByFixedCell() {\n    var _this$wheelWrapperRef2;\n\n    var wheelGroupStyle = {};\n    var wheelStyle = {};\n    var scrollGroups = this.getScrollCellGroups();\n    var fixedLeftGroups = this.getFixedLeftCellGroups();\n    var fixedRightGroups = this.getFixedRightCellGroups();\n    var _this$state4 = this.state,\n        contentWidth = _this$state4.contentWidth,\n        width = _this$state4.width;\n    this.translateDOMPositionXY(wheelGroupStyle, this.scrollX, 0);\n    this.translateDOMPositionXY(wheelStyle, 0, this.scrollY);\n    var scrollArrayGroups = Array.from(scrollGroups);\n\n    for (var i = 0; i < scrollArrayGroups.length; i++) {\n      var group = scrollArrayGroups[i];\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(group, wheelGroupStyle);\n    }\n\n    if ((_this$wheelWrapperRef2 = this.wheelWrapperRef) === null || _this$wheelWrapperRef2 === void 0 ? void 0 : _this$wheelWrapperRef2.current) {\n      Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"addStyle\"])(this.wheelWrapperRef.current, wheelStyle);\n    }\n\n    var leftShadowClassName = this.addPrefix('cell-group-left-shadow');\n    var rightShadowClassName = this.addPrefix('cell-group-right-shadow');\n    var showLeftShadow = this.scrollX < 0;\n    var showRightShadow = width - contentWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"] !== this.scrollX;\n    Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(fixedLeftGroups, leftShadowClassName, showLeftShadow);\n    Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"toggleClass\"])(fixedRightGroups, rightShadowClassName, showRightShadow);\n  };\n\n  _proto.shouldRenderExpandedRow = function shouldRenderExpandedRow(rowData) {\n    var _this$props18 = this.props,\n        rowKey = _this$props18.rowKey,\n        renderRowExpanded = _this$props18.renderRowExpanded,\n        isTree = _this$props18.isTree;\n    var expandedRowKeys = this.getExpandedRowKeys() || [];\n    return lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(renderRowExpanded) && !isTree && expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n  };\n\n  _proto.calculateRowMaxHeight = function calculateRowMaxHeight() {\n    var wordWrap = this.props.wordWrap;\n\n    if (wordWrap) {\n      var tableRowsMaxHeight = [];\n      var tableRows = Object.values(this.tableRows);\n\n      for (var i = 0; i < tableRows.length; i++) {\n        var _tableRows$i = tableRows[i],\n            row = _tableRows$i[0];\n\n        if (row) {\n          var cells = row.querySelectorAll(\".\" + this.addPrefix('cell-wrap')) || [];\n          var cellArray = Array.from(cells);\n          var maxHeight = 0;\n\n          for (var j = 0; j < cellArray.length; j++) {\n            var cell = cellArray[j];\n            var h = Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(cell);\n            maxHeight = Math.max(maxHeight, h);\n          }\n\n          tableRowsMaxHeight.push(maxHeight);\n        }\n      }\n\n      this.setState({\n        tableRowsMaxHeight: tableRowsMaxHeight\n      });\n    }\n  };\n\n  _proto.calculateTableContentWidth = function calculateTableContentWidth(prevProps) {\n    var _this$tableRef3;\n\n    var table = (_this$tableRef3 = this.tableRef) === null || _this$tableRef3 === void 0 ? void 0 : _this$tableRef3.current;\n    var row = table.querySelector(\".\" + this.addPrefix('row') + \":not(.virtualized)\");\n    var contentWidth = row ? Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getWidth\"])(row) : 0;\n    this.setState({\n      contentWidth: contentWidth\n    }); // 这里 -SCROLLBAR_WIDTH 是为了让滚动条不挡住内容部分\n\n    this.minScrollX = -(contentWidth - this.state.width) - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n    /**\n     * 1.判断 Table 列数是否发生变化\n     * 2.判断 Table 内容区域是否宽度有变化\n     *\n     * 满足 1 和 2 则更新横向滚动条位置\n     */\n\n    if (lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(this.props.children).length !== lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(prevProps.children).length && this.state.contentWidth !== contentWidth) {\n      this.scrollLeft(0);\n    }\n  };\n\n  _proto.calculateTableContextHeight = function calculateTableContextHeight(prevProps) {\n    var table = this.tableRef.current;\n    var rows = table.querySelectorAll(\".\" + this.addPrefix('row')) || [];\n    var _this$props19 = this.props,\n        height = _this$props19.height,\n        autoHeight = _this$props19.autoHeight,\n        rowHeight = _this$props19.rowHeight,\n        affixHeader = _this$props19.affixHeader;\n    var headerHeight = this.getTableHeaderHeight();\n    var contentHeight = rows.length ? Array.from(rows).map(function (row) {\n      return Object(dom_lib__WEBPACK_IMPORTED_MODULE_15__[\"getHeight\"])(row) || rowHeight;\n    }).reduce(function (x, y) {\n      return x + y;\n    }) : 0; // 当设置 affixHeader 属性后要减掉两个 header 的高度\n\n    var nextContentHeight = contentHeight - (affixHeader ? headerHeight * 2 : headerHeight);\n\n    if (nextContentHeight !== this.state.contentHeight) {\n      this.setState({\n        contentHeight: nextContentHeight\n      });\n    }\n\n    if (prevProps && ( // 当 data 更新，或者表格高度更新，则更新滚动条\n    prevProps.height !== height || prevProps.data !== this.props.data) && this.scrollY !== 0) {\n      this.scrollTop(Math.abs(this.scrollY));\n      this.updatePosition();\n    }\n\n    if (!autoHeight) {\n      // 这里 -SCROLLBAR_WIDTH 是为了让滚动条不挡住内容部分\n      this.minScrollY = -(contentHeight - height) - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"];\n    } // 如果内容区域的高度小于表格的高度，则重置 Y 坐标滚动条\n\n\n    if (contentHeight < height) {\n      this.scrollTop(0);\n    } // 如果 scrollTop 的值大于可以滚动的范围 ，则重置 Y 坐标滚动条\n    // 当 Table 为 virtualized 时， wheel 事件触发每次都会进入该逻辑， 避免在滚动到底部后滚动条重置, +SCROLLBAR_WIDTH\n\n\n    if (Math.abs(this.scrollY) + height - headerHeight > nextContentHeight + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]) {\n      this.scrollTop(this.scrollY);\n    }\n  };\n\n  _proto.getControlledScrollTopValue = function getControlledScrollTopValue(value) {\n    if (this.props.autoHeight) {\n      return [0, 0];\n    }\n\n    var contentHeight = this.state.contentHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var height = this.getTableHeight(); // 滚动值的最大范围判断\n\n    value = Math.min(value, Math.max(0, contentHeight - (height - headerHeight))); // value 值是表格理论滚动位置的一个值，通过 value 计算出 scrollY 坐标值与滚动条位置的值\n\n    return [-value, value / contentHeight * (height - headerHeight)];\n  };\n\n  _proto.getControlledScrollLeftValue = function getControlledScrollLeftValue(value) {\n    var _this$state5 = this.state,\n        contentWidth = _this$state5.contentWidth,\n        width = _this$state5.width; // 滚动值的最大范围判断\n\n    value = Math.min(value, Math.max(0, contentWidth - width));\n    return [-value, value / contentWidth * width];\n  }\n  /**\n   * public method\n   */\n  ;\n\n  _proto.renderRowData = function renderRowData(bodyCells, rowData, props, shouldRenderExpandedRow) {\n    var _this$props20 = this.props,\n        renderTreeToggle = _this$props20.renderTreeToggle,\n        rowKey = _this$props20.rowKey,\n        wordWrap = _this$props20.wordWrap,\n        isTree = _this$props20.isTree;\n    var hasChildren = isTree && rowData.children && Array.isArray(rowData.children);\n    var nextRowKey = typeof rowData[rowKey] !== 'undefined' ? rowData[rowKey] : props.key;\n\n    var rowProps = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, props, {\n      key: nextRowKey,\n      'aria-rowindex': props.key + 2,\n      rowRef: this.bindTableRowsRef(props.key, rowData),\n      onClick: this.bindRowClick(rowData),\n      onContextMenu: this.bindRowContextMenu(rowData)\n    });\n\n    var expandedRowKeys = this.getExpandedRowKeys() || [];\n    var expanded = expandedRowKeys.some(function (key) {\n      return key === rowData[rowKey];\n    });\n    var cells = [];\n\n    for (var i = 0; i < bodyCells.length; i++) {\n      var cell = bodyCells[i];\n      cells.push(react__WEBPACK_IMPORTED_MODULE_3__[\"cloneElement\"](cell, {\n        hasChildren: hasChildren,\n        rowData: rowData,\n        wordWrap: wordWrap,\n        renderTreeToggle: renderTreeToggle,\n        height: props.height,\n        rowIndex: props.key,\n        depth: props.depth,\n        onTreeToggle: this.handleTreeToggle,\n        rowKey: nextRowKey,\n        expanded: expanded\n      }));\n    }\n\n    return this.renderRow(rowProps, cells, shouldRenderExpandedRow, rowData);\n  };\n\n  _proto.renderRow = function renderRow(props, cells, shouldRenderExpandedRow, rowData) {\n    var rowClassName = this.props.rowClassName;\n    var _this$state6 = this.state,\n        shouldFixedColumn = _this$state6.shouldFixedColumn,\n        width = _this$state6.width,\n        contentWidth = _this$state6.contentWidth;\n\n    var depth = props.depth,\n        restRowProps = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(props, [\"depth\"]);\n\n    if (typeof rowClassName === 'function') {\n      restRowProps.className = rowClassName(rowData);\n    } else {\n      restRowProps.className = rowClassName;\n    }\n\n    var rowStyles = {};\n    var rowRight = 0;\n\n    if (this.isRTL() && contentWidth > width) {\n      rowRight = width - contentWidth;\n      rowStyles.right = rowRight;\n    } // IF there are fixed columns, add a fixed group\n\n\n    if (shouldFixedColumn && contentWidth > width) {\n      var fixedLeftCells = [];\n      var fixedRightCells = [];\n      var scrollCells = [];\n      var fixedLeftCellGroupWidth = 0;\n      var fixedRightCellGroupWidth = 0;\n\n      for (var i = 0; i < cells.length; i++) {\n        var cell = cells[i];\n        var _cell$props = cell.props,\n            fixed = _cell$props.fixed,\n            _width2 = _cell$props.width;\n        var isFixedStart = fixed === 'left' || fixed === true;\n        var isFixedEnd = fixed === 'right';\n\n        if (this.isRTL()) {\n          isFixedStart = fixed === 'right';\n          isFixedEnd = fixed === 'left' || fixed === true;\n        }\n\n        if (isFixedStart) {\n          fixedLeftCells.push(cell);\n          fixedLeftCellGroupWidth += _width2;\n        } else if (isFixedEnd) {\n          fixedRightCells.push(cell);\n          fixedRightCellGroupWidth += _width2;\n        } else {\n          scrollCells.push(cell);\n        }\n      }\n\n      return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, restRowProps, {\n        \"data-depth\": depth,\n        style: rowStyles\n      }), fixedLeftCellGroupWidth ? react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n        fixed: \"left\",\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedLeftCellGroupWidth,\n        style: this.isRTL() ? {\n          right: width - fixedLeftCellGroupWidth - rowRight\n        } : null\n      }, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"resetLeftForCells\"])(fixedLeftCells))) : null, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(scrollCells)), fixedRightCellGroupWidth ? react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n        fixed: \"right\",\n        style: this.isRTL() ? {\n          right: 0 - rowRight\n        } : {\n          left: width - fixedRightCellGroupWidth - _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]\n        },\n        height: props.isHeaderRow ? props.headerHeight : props.height,\n        width: fixedRightCellGroupWidth + _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]\n      }, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"resetLeftForCells\"])(fixedRightCells, _constants__WEBPACK_IMPORTED_MODULE_20__[\"SCROLLBAR_WIDTH\"]))) : null, shouldRenderExpandedRow && this.renderRowExpanded(rowData));\n    }\n\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, restRowProps, {\n      \"data-depth\": depth,\n      style: rowStyles\n    }), react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_CellGroup__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"mergeCells\"])(cells)), shouldRenderExpandedRow && this.renderRowExpanded(rowData));\n  };\n\n  _proto.renderRowExpanded = function renderRowExpanded(rowData) {\n    var _this$props21 = this.props,\n        renderRowExpanded = _this$props21.renderRowExpanded,\n        rowExpandedHeight = _this$props21.rowExpandedHeight;\n    var styles = {\n      height: rowExpandedHeight\n    };\n\n    if (typeof renderRowExpanded === 'function') {\n      return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n        className: this.addPrefix('row-expanded'),\n        style: styles\n      }, renderRowExpanded(rowData));\n    }\n\n    return null;\n  };\n\n  _proto.renderMouseArea = function renderMouseArea() {\n    var headerHeight = this.getTableHeaderHeight();\n    var styles = {\n      height: this.getTableHeight()\n    };\n    var spanStyles = {\n      height: headerHeight - 1\n    };\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      ref: this.mouseAreaRef,\n      className: this.addPrefix('mouse-area'),\n      style: styles\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"span\", {\n      style: spanStyles\n    }));\n  };\n\n  _proto.renderTableHeader = function renderTableHeader(headerCells, rowWidth) {\n    var affixHeader = this.props.affixHeader;\n    var tableWidth = this.state.width;\n    var top = typeof affixHeader === 'number' ? affixHeader : 0;\n    var headerHeight = this.getTableHeaderHeight();\n    var rowProps = {\n      'aria-rowindex': 1,\n      rowRef: this.tableHeaderRef,\n      width: rowWidth,\n      height: this.getRowHeight(),\n      headerHeight: headerHeight,\n      isHeaderRow: true,\n      top: 0\n    };\n    var fixedStyle = {\n      position: 'fixed',\n      overflow: 'hidden',\n      height: this.getTableHeaderHeight(),\n      width: tableWidth,\n      top: top\n    }; // Affix header\n\n    var header = react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(this.addPrefix('affix-header')),\n      style: fixedStyle,\n      ref: this.affixHeaderWrapperRef\n    }, this.renderRow(rowProps, headerCells));\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_3__[\"Fragment\"], null, (affixHeader === 0 || affixHeader) && header, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      role: \"rowgroup\",\n      className: this.addPrefix('header-row-wrapper'),\n      ref: this.headerWrapperRef\n    }, this.renderRow(rowProps, headerCells)));\n  };\n\n  _proto.renderTableBody = function renderTableBody(bodyCells, rowWidth) {\n    var _this$props22 = this.props,\n        rowExpandedHeight = _this$props22.rowExpandedHeight,\n        renderRowExpanded = _this$props22.renderRowExpanded,\n        isTree = _this$props22.isTree,\n        rowKey = _this$props22.rowKey,\n        wordWrap = _this$props22.wordWrap,\n        virtualized = _this$props22.virtualized,\n        rowHeight = _this$props22.rowHeight;\n    var headerHeight = this.getTableHeaderHeight();\n    var _this$state7 = this.state,\n        tableRowsMaxHeight = _this$state7.tableRowsMaxHeight,\n        isScrolling = _this$state7.isScrolling,\n        data = _this$state7.data;\n    var height = this.getTableHeight();\n    var bodyHeight = height - headerHeight;\n    var bodyStyles = {\n      top: headerHeight,\n      height: bodyHeight\n    };\n    var contentHeight = 0;\n    var topHideHeight = 0;\n    var bottomHideHeight = 0;\n    this._visibleRows = [];\n\n    if (data) {\n      var top = 0; // Row position\n\n      var minTop = Math.abs(this.scrollY);\n      var maxTop = minTop + height + rowExpandedHeight;\n      var isCustomRowHeight = typeof rowHeight === 'function';\n      var isUncertainHeight = !!(renderRowExpanded || isCustomRowHeight || isTree);\n      /**\n      如果开启了 virtualized  同时 Table 中的的行高是可变的，\n      则需要循环遍历 data, 获取每一行的高度。\n      */\n\n      if (isUncertainHeight && virtualized || !virtualized) {\n        for (var index = 0; index < data.length; index++) {\n          var rowData = data[index];\n          var maxHeight = tableRowsMaxHeight[index];\n          var shouldRenderExpandedRow = this.shouldRenderExpandedRow(rowData);\n          var nextRowHeight = 0;\n          var depth = 0;\n\n          if (typeof rowHeight === 'function') {\n            nextRowHeight = rowHeight(rowData);\n          } else {\n            nextRowHeight = maxHeight ? Math.max(maxHeight + _constants__WEBPACK_IMPORTED_MODULE_20__[\"CELL_PADDING_HEIGHT\"], rowHeight) : rowHeight;\n\n            if (shouldRenderExpandedRow) {\n              nextRowHeight += rowExpandedHeight;\n            }\n          }\n\n          if (isTree) {\n            var parents = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"findAllParents\"])(rowData, rowKey);\n            var expandedRowKeys = this.getExpandedRowKeys();\n            depth = parents.length; //  如果是 Tree Table,  判断当前的行是否展开/折叠，如果是折叠则不显示该行。\n\n            if (!Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"shouldShowRowByExpanded\"])(expandedRowKeys, parents)) {\n              continue;\n            }\n          }\n\n          contentHeight += nextRowHeight;\n          var rowProps = {\n            key: index,\n            top: top,\n            width: rowWidth,\n            depth: depth,\n            height: nextRowHeight\n          };\n          top += nextRowHeight;\n\n          if (virtualized && !wordWrap) {\n            if (top + nextRowHeight < minTop) {\n              topHideHeight += nextRowHeight;\n              continue;\n            } else if (top > maxTop) {\n              bottomHideHeight += nextRowHeight;\n              continue;\n            }\n          }\n\n          this._visibleRows.push(this.renderRowData(bodyCells, rowData, rowProps, shouldRenderExpandedRow));\n        }\n      } else {\n        /**\n        如果 Table 的行高是固定的，则直接通过行高与行数进行计算，\n        减少遍历所有 data 带来的性能消耗\n        */\n        var _nextRowHeight = this.getRowHeight();\n\n        var startIndex = Math.max(Math.floor(minTop / _nextRowHeight), 0);\n        var endIndex = Math.min(startIndex + Math.ceil(bodyHeight / _nextRowHeight), data.length);\n        contentHeight = data.length * _nextRowHeight;\n        topHideHeight = startIndex * _nextRowHeight;\n        bottomHideHeight = (data.length - endIndex) * _nextRowHeight;\n\n        for (var _index = startIndex; _index < endIndex; _index++) {\n          var _rowData = data[_index];\n          var _rowProps = {\n            key: _index,\n            top: _index * _nextRowHeight,\n            width: rowWidth,\n            height: _nextRowHeight\n          };\n\n          this._visibleRows.push(this.renderRowData(bodyCells, _rowData, _rowProps, false));\n        }\n      }\n    }\n\n    var wheelStyles = {\n      position: 'absolute',\n      height: contentHeight,\n      minHeight: height,\n      pointerEvents: isScrolling ? 'none' : undefined\n    };\n    var topRowStyles = {\n      height: topHideHeight\n    };\n    var bottomRowStyles = {\n      height: bottomHideHeight\n    };\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      ref: this.tableBodyRef,\n      role: \"rowgroup\",\n      className: this.addPrefix('body-row-wrapper'),\n      style: bodyStyles,\n      onScroll: this.handleBodyScroll\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      style: wheelStyles,\n      className: this.addPrefix('body-wheel-area'),\n      ref: this.wheelWrapperRef\n    }, topHideHeight ? react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n      style: topRowStyles,\n      className: \"virtualized\"\n    }) : null, this._visibleRows, bottomHideHeight ? react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Row__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n      style: bottomRowStyles,\n      className: \"virtualized\"\n    }) : null), this.renderInfo(), this.renderScrollbar(), this.renderLoading());\n  };\n\n  _proto.renderInfo = function renderInfo() {\n    var _this$props23 = this.props,\n        locale = _this$props23.locale,\n        renderEmpty = _this$props23.renderEmpty,\n        loading = _this$props23.loading;\n\n    if (this._visibleRows.length || loading) {\n      return null;\n    }\n\n    var emptyMessage = react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('body-info')\n    }, locale.emptyMessage);\n    return renderEmpty ? renderEmpty(emptyMessage) : emptyMessage;\n  };\n\n  _proto.renderScrollbar = function renderScrollbar() {\n    var _this$props24 = this.props,\n        disabledScroll = _this$props24.disabledScroll,\n        affixHorizontalScrollbar = _this$props24.affixHorizontalScrollbar,\n        id = _this$props24.id;\n    var _this$state8 = this.state,\n        contentWidth = _this$state8.contentWidth,\n        contentHeight = _this$state8.contentHeight,\n        width = _this$state8.width,\n        fixedHorizontalScrollbar = _this$state8.fixedHorizontalScrollbar;\n    var bottom = typeof affixHorizontalScrollbar === 'number' ? affixHorizontalScrollbar : 0;\n    var headerHeight = this.getTableHeaderHeight();\n    var height = this.getTableHeight();\n\n    if (disabledScroll) {\n      return null;\n    }\n\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", null, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Scrollbar__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n      tableId: id,\n      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()({\n        fixed: fixedHorizontalScrollbar\n      }),\n      style: {\n        width: width,\n        bottom: fixedHorizontalScrollbar ? bottom : undefined\n      },\n      length: this.state.width,\n      onScroll: this.handleScrollX,\n      scrollLength: contentWidth,\n      ref: this.scrollbarXRef\n    }), react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_Scrollbar__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n      vertical: true,\n      tableId: id,\n      length: height - headerHeight,\n      scrollLength: contentHeight,\n      onScroll: this.handleScrollY,\n      ref: this.scrollbarYRef\n    }));\n  }\n  /**\n   *  show loading\n   */\n  ;\n\n  _proto.renderLoading = function renderLoading() {\n    var _this$props25 = this.props,\n        locale = _this$props25.locale,\n        loading = _this$props25.loading,\n        loadAnimation = _this$props25.loadAnimation,\n        renderLoading = _this$props25.renderLoading;\n\n    if (!loadAnimation && !loading) {\n      return null;\n    }\n\n    var loadingElement = react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('loader-wrapper')\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", {\n      className: this.addPrefix('loader')\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"i\", {\n      className: this.addPrefix('loader-icon')\n    }), react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"span\", {\n      className: this.addPrefix('loader-text')\n    }, locale.loading)));\n    return renderLoading ? renderLoading(loadingElement) : loadingElement;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props26 = this.props,\n        children = _this$props26.children,\n        className = _this$props26.className,\n        data = _this$props26.data,\n        _this$props26$width = _this$props26.width,\n        width = _this$props26$width === void 0 ? 0 : _this$props26$width,\n        style = _this$props26.style,\n        isTree = _this$props26.isTree,\n        hover = _this$props26.hover,\n        bordered = _this$props26.bordered,\n        cellBordered = _this$props26.cellBordered,\n        wordWrap = _this$props26.wordWrap,\n        classPrefix = _this$props26.classPrefix,\n        loading = _this$props26.loading,\n        showHeader = _this$props26.showHeader,\n        rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_this$props26, [\"children\", \"className\", \"data\", \"width\", \"style\", \"isTree\", \"hover\", \"bordered\", \"cellBordered\", \"wordWrap\", \"classPrefix\", \"loading\", \"showHeader\"]);\n\n    var isColumnResizing = this.state.isColumnResizing;\n\n    var _this$getCellDescript = this.getCellDescriptor(),\n        headerCells = _this$getCellDescript.headerCells,\n        bodyCells = _this$getCellDescript.bodyCells,\n        allColumnsWidth = _this$getCellDescript.allColumnsWidth,\n        hasCustomTreeCol = _this$getCellDescript.hasCustomTreeCol;\n\n    var rowWidth = allColumnsWidth > width ? allColumnsWidth : width;\n    var clesses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(classPrefix, className, (_classNames = {}, _classNames[this.addPrefix('word-wrap')] = wordWrap, _classNames[this.addPrefix('treetable')] = isTree, _classNames[this.addPrefix('bordered')] = bordered, _classNames[this.addPrefix('cell-bordered')] = cellBordered, _classNames[this.addPrefix('column-resizing')] = isColumnResizing, _classNames[this.addPrefix('hover')] = hover, _classNames[this.addPrefix('loading')] = loading, _classNames));\n\n    var styles = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      width: width || 'auto',\n      height: this.getTableHeight()\n    }, style);\n\n    var unhandled = Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"getUnhandledProps\"])(Table, rest);\n    return react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](_TableContext__WEBPACK_IMPORTED_MODULE_19__[\"default\"].Provider, {\n      value: {\n        translateDOMPositionXY: this.translateDOMPositionXY,\n        rtl: this.isRTL(),\n        isTree: isTree,\n        hasCustomTreeCol: hasCustomTreeCol\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_3__[\"createElement\"](\"div\", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      role: isTree ? 'treegrid' : 'grid' // The aria-rowcount is specified on the element with the table.\n      // Its value is an integer equal to the total number of rows available, including header rows.\n      ,\n      \"aria-rowcount\": data.length + 1,\n      \"aria-colcount\": this._cacheChildrenSize\n    }, unhandled, {\n      className: clesses,\n      style: styles,\n      ref: this.tableRef\n    }), showHeader && this.renderTableHeader(headerCells, rowWidth), children && this.renderTableBody(bodyCells, rowWidth), showHeader && this.renderMouseArea()));\n  };\n\n  return Table;\n}(react__WEBPACK_IMPORTED_MODULE_3__[\"Component\"]);\n\nTable.propTypes = {\n  autoHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  affixHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  affixHorizontalScrollbar: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  bordered: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  bodyRef: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  classPrefix: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  children: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n  cellBordered: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  data: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object),\n  defaultExpandAllRows: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  defaultExpandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number])),\n  defaultSortType: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  disabledScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  expandedRowKeys: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number])),\n  hover: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  height: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  headerHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  locale: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  loading: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  loadAnimation: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  minHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  rowKey: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number]),\n  rowHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func]),\n  renderTreeToggle: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  renderRowExpanded: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  rowExpandedHeight: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  renderEmpty: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  renderLoading: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  rowClassName: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  rtl: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  style: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  sortColumn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  sortType: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string]),\n  showHeader: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  shouldUpdateScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  translate3d: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  wordWrap: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  width: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.number,\n  virtualized: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  isTree: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  onRowClick: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onRowContextMenu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onScroll: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onSortColumn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onExpandChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onTouchStart: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onTouchMove: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onDataUpdated: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\nTable.defaultProps = {\n  classPrefix: Object(_utils__WEBPACK_IMPORTED_MODULE_21__[\"defaultClassPrefix\"])('table'),\n  data: [],\n  defaultSortType: SORT_TYPE.DESC,\n  height: 200,\n  rowHeight: 46,\n  headerHeight: 40,\n  minHeight: 0,\n  rowExpandedHeight: 100,\n  hover: true,\n  showHeader: true,\n  rowKey: 'key',\n  translate3d: true,\n  shouldUpdateScroll: true,\n  locale: {\n    emptyMessage: 'No data found',\n    loading: 'Loading...'\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Table);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/Table.js?");
 
 /***/ }),
 
@@ -5649,7 +5649,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return resetLeftForCells; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\nfunction resetLeftForCells(cells) {\n  var left = 0;\n  var nextCells = [];\n\n  for (var i = 0; i < cells.length; i++) {\n    var cell = cells[i];\n    var nextCell = react__WEBPACK_IMPORTED_MODULE_0__[\"cloneElement\"](cell, {\n      left: left\n    });\n    left += cell.props.width;\n    nextCells.push(nextCell);\n  }\n\n  return nextCells;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/resetLeftForCells.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return resetLeftForCells; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\n * 重置数组中所有 cell 的相对 left 的距离。\n * @param cells\n * @param extraWidth 额外为最后一个元素添加的的宽度，当存在纵向滚动条的时候设置。\n */\n\nfunction resetLeftForCells(cells, extraWidth) {\n  var left = 0;\n  var nextCells = [];\n\n  for (var i = 0; i < cells.length; i++) {\n    var cell = cells[i];\n    var nextCell = react__WEBPACK_IMPORTED_MODULE_0__[\"cloneElement\"](cell, {\n      left: left,\n      width: i === cells.length - 1 && extraWidth ? cell.props.width + extraWidth : cell.props.width\n    });\n    left += cell.props.width;\n    nextCells.push(nextCell);\n  }\n\n  return nextCells;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/resetLeftForCells.js?");
 
 /***/ }),
 
@@ -6378,7 +6378,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedMessage = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedMessage */ \"./src/IntlProvider/FormattedMessage.tsx\"));\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ./DropdownMenu */ \"./src/Cascader/DropdownMenu.tsx\"));\n\nvar _stringToObject2 = _interopRequireDefault(__webpack_require__(/*! ../utils/stringToObject */ \"./src/utils/stringToObject.ts\"));\n\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ../utils/getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/Cascader/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/Cascader.tsx\";\n\nvar Cascader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Cascader, _React$Component);\n\n  function Cascader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.triggerRef = void 0;\n    _this.containerRef = void 0;\n    _this.positionRef = void 0;\n    _this.menuContainerRef = void 0;\n    _this.isControlled = void 0;\n\n    _this.handleSelect = function (node, cascadeItems, activePaths, isLeafNode, event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          onSelect = _this$props.onSelect,\n          valueKey = _this$props.valueKey,\n          childrenKey = _this$props.childrenKey,\n          parentSelectable = _this$props.parentSelectable;\n\n      var prevValue = _this.getValue();\n\n      var value = node[valueKey];\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, activePaths, (0, _Picker.createConcatChildrenFunction)(node, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }), event);\n      /**\n       Determines whether the option is a leaf node, and if so, closes the picker.\n       */\n\n      if (isLeafNode) {\n        _this.handleCloseDropdown();\n\n        var _nextState = {\n          selectNode: node\n        };\n\n        if (!_this.isControlled) {\n          _nextState = (0, _extends3.default)({}, _nextState, {\n            value: value\n          }, (0, _utils.getDerivedStateForCascade)(_this.props, _this.state, value));\n        }\n\n        _this.setState(_nextState);\n\n        if (!(0, _shallowEqual.default)(value, prevValue)) {\n          onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n        }\n\n        return;\n      }\n\n      var nextState = {\n        selectNode: node,\n        items: cascadeItems,\n        tempActivePaths: activePaths\n      };\n      /** When the parent is optional, the value and the displayed path are updated. */\n\n      if (parentSelectable) {\n        nextState.value = value;\n        nextState.activePaths = activePaths;\n\n        if (!(0, _shallowEqual.default)(value, prevValue)) {\n          onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n        }\n      }\n\n      _this.setState(nextState, function () {\n        var _this$positionRef$cur, _this$positionRef$cur2;\n\n        // Update menu position\n        (_this$positionRef$cur = _this.positionRef.current) === null || _this$positionRef$cur === void 0 ? void 0 : (_this$positionRef$cur2 = _this$positionRef$cur.updatePosition) === null || _this$positionRef$cur2 === void 0 ? void 0 : _this$positionRef$cur2.call(_this$positionRef$cur);\n      });\n    };\n\n    _this.handleSearchRowSelect = function (item, event) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          onChange = _this$props2.onChange,\n          onSelect = _this$props2.onSelect;\n      var value = item[valueKey];\n\n      _this.handleCloseDropdown();\n\n      var nextState = {\n        selectNode: item,\n        searchKeyword: ''\n      };\n\n      if (!_this.isControlled) {\n        nextState = (0, _extends3.default)({}, nextState, {}, (0, _utils.getDerivedStateForCascade)(_this.props, _this.state, value), {\n          value: value\n        });\n      }\n\n      _this.setState(nextState);\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(item, null, null, event);\n      onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props3 = _this.props,\n          disabled = _this$props3.disabled,\n          onChange = _this$props3.onChange,\n          data = _this$props3.data;\n\n      if (disabled) {\n        return;\n      }\n\n      var nextState = {\n        items: [data],\n        value: null,\n        selectNode: null,\n        activePaths: [],\n        tempActivePaths: []\n      };\n\n      _this.setState(nextState, function () {\n        onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n      });\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _this$props$onSearch, _this$props4;\n\n      _this.setState({\n        searchKeyword: searchKeyword\n      });\n\n      (_this$props$onSearch = (_this$props4 = _this.props).onSearch) === null || _this$props$onSearch === void 0 ? void 0 : _this$props$onSearch.call(_this$props4, searchKeyword, event);\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props5;\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.renderSearchRow = function (item, key) {\n      var _classNames;\n\n      var _this$props7 = _this.props,\n          labelKey = _this$props7.labelKey,\n          valueKey = _this$props7.valueKey,\n          _this$props7$disabled = _this$props7.disabledItemValues,\n          disabledItemValues = _this$props7$disabled === void 0 ? [] : _this$props7$disabled;\n      var searchKeyword = _this.state.searchKeyword;\n      var regx = new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'ig');\n      var nodes = (0, _treeUtils.getNodeParents)(item);\n      nodes.push(item);\n      nodes = nodes.map(function (node) {\n        var _extends2;\n\n        var labelElements = [];\n        var a = node[labelKey].split(regx);\n        var b = node[labelKey].match(regx);\n\n        for (var i = 0; i < a.length; i++) {\n          labelElements.push(a[i]);\n\n          if (b && b[i]) {\n            labelElements.push(React.createElement(\"strong\", {\n              key: i,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 330\n              },\n              __self: this\n            }, b[i]));\n          }\n        }\n\n        return (0, _extends3.default)({}, node, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2));\n      });\n      var disabled = disabledItemValues.some(function (value) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      });\n      var itemClasses = (0, _classnames.default)(_this.addPrefix('cascader-row'), (_classNames = {}, _classNames[_this.addPrefix('cascader-row-disabled')] = disabled, _classNames));\n      return React.createElement(\"div\", {\n        key: key,\n        className: itemClasses,\n        onClick: function onClick(event) {\n          if (!disabled) {\n            _this.handleSearchRowSelect(item, event);\n          }\n        },\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 345\n        },\n        __self: this\n      }, nodes.map(function (node, index) {\n        return React.createElement(\"span\", {\n          key: \"col-\" + index,\n          className: _this.addPrefix('cascader-col'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 355\n          },\n          __self: this\n        }, node[labelKey]);\n      }));\n    };\n\n    var initState = {\n      searchKeyword: '',\n      selectNode: null,\n      data: props.data,\n      value: props.defaultValue,\n\n      /**\n       * 选中值的路径\n       */\n      activePaths: [],\n\n      /**\n       * 用于展示面板的数据列表，是一个二维的数组\n       * 是通过 data 树结构转换成的二维的数组，其中只包含页面上展示的数据\n       */\n      items: []\n    };\n    _this.state = (0, _extends3.default)({}, initState, {}, (0, _utils.getDerivedStateForCascade)(props, initState), {\n      flattenData: (0, _treeUtils.flattenTree)(props.data)\n    });\n    _this.isControlled = !(0, _isUndefined2.default)(props.value);\n    _this.triggerRef = React.createRef();\n    _this.containerRef = React.createRef();\n    _this.positionRef = React.createRef(); // for test\n\n    _this.menuContainerRef = React.createRef();\n    return _this;\n  }\n\n  Cascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        labelKey = nextProps.labelKey,\n        valueKey = nextProps.valueKey;\n\n    if (data !== prevState.data) {\n      var _prevState$selectNode;\n\n      // First get the value of the clicked node `selectNodeValue`, and then get the new `newChildren`.\n      var selectNodeValue = prevState === null || prevState === void 0 ? void 0 : (_prevState$selectNode = prevState.selectNode) === null || _prevState$selectNode === void 0 ? void 0 : _prevState$selectNode[valueKey];\n\n      if (selectNodeValue) {\n        var _findNodeOfTree;\n\n        var newChildren = ((_findNodeOfTree = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n          return (0, _shallowEqual.default)(item[valueKey], selectNodeValue);\n        })) === null || _findNodeOfTree === void 0 ? void 0 : _findNodeOfTree.children) || [];\n        return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState, selectNodeValue, newChildren.map(function (item) {\n          return (0, _stringToObject2.default)(item, labelKey, valueKey);\n        })), {\n          data: data,\n          flattenData: (0, _treeUtils.flattenTree)(data)\n        });\n      }\n\n      return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState), {\n        flattenData: (0, _treeUtils.flattenTree)(data),\n        data: data\n      });\n    }\n\n    if (typeof value !== 'undefined' && !(0, _shallowEqual.default)(value, prevState.value)) {\n      return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState), {\n        value: value\n      });\n    }\n\n    return null;\n  };\n\n  var _proto = Cascader.prototype;\n\n  _proto.getValue = function getValue(nextProps) {\n    var _ref = nextProps || this.props,\n        value = _ref.value;\n\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  /**\n   * 在 data 对象中的数据类型是字符串比如: ['foo']\n   * 通过这个行数可以把值转换成 [{name:'foo':value:'foo'}]\n   */\n  _proto.stringToObject = function stringToObject(value) {\n    var _this$props8 = this.props,\n        labelKey = _this$props8.labelKey,\n        valueKey = _this$props8.valueKey;\n    return (0, _stringToObject2.default)(value, labelKey, valueKey);\n  };\n\n  _proto.someKeyword = function someKeyword(item) {\n    var labelKey = this.props.labelKey;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (item[labelKey].match(new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'i'))) {\n      return true;\n    }\n\n    if (item.parent && this.someKeyword(item.parent)) {\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.getSearchResult = function getSearchResult() {\n    var _this4 = this;\n\n    var childrenKey = this.props.childrenKey;\n    var flattenData = this.state.flattenData;\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (item[childrenKey]) {\n        return false;\n      }\n\n      return _this4.someKeyword(item);\n    });\n\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  };\n\n  _proto.renderSearchResultPanel = function renderSearchResultPanel() {\n    var locale = this.props.locale;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = this.getSearchResult();\n    return React.createElement(\"div\", {\n      className: this.addPrefix('cascader-search-panel'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 410\n      },\n      __self: this\n    }, items.length ? items.map(this.renderSearchRow) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 414\n      },\n      __self: this\n    }, locale.noResultsText));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames2;\n\n    var _this$state = this.state,\n        items = _this$state.items,\n        tempActivePaths = _this$state.tempActivePaths,\n        activePaths = _this$state.activePaths,\n        searchKeyword = _this$state.searchKeyword;\n    var _this$props9 = this.props,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        inline = _this$props9.inline;\n    var classes = (0, _classnames.default)(this.addPrefix('cascader-menu'), menuClassName, (_classNames2 = {}, _classNames2[this.addPrefix('inline')] = inline, _classNames2));\n    var menuProps = (0, _pick2.default)(this.props, Object.keys((0, _omit2.default)(_DropdownMenu.dropdownMenuPropTypes, ['classPrefix'])));\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      style: menuStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 442\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 444\n      },\n      __self: this\n    }), this.renderSearchResultPanel(), searchKeyword === '' && React.createElement(_DropdownMenu.default, (0, _extends3.default)({}, menuProps, {\n      classPrefix: this.addPrefix('cascader-menu'),\n      ref: this.menuContainerRef,\n      cascadeItems: items,\n      cascadePathItems: tempActivePaths || activePaths,\n      activeItemValue: this.getValue(),\n      onSelect: this.handleSelect,\n      renderMenu: renderMenu,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 453\n      },\n      __self: this\n    })), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props10 = this.props,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEnter = _this$props10.onEnter,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        inline = _this$props10.inline,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"valueKey\", \"labelKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onExited\", \"onClean\", \"inline\", \"positionRef\"]);\n\n    if (inline) {\n      return this.renderDropdownMenu();\n    }\n\n    var _this$state2 = this.state,\n        activePaths = _this$state2.activePaths,\n        active = _this$state2.active;\n    var unhandled = (0, _utils2.getUnhandledProps)(Cascader, rest);\n    var value = this.getValue();\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = activePaths.length > 0 || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n    var activeItemLabel = placeholder;\n\n    if (activePaths.length > 0) {\n      activeItemLabel = [];\n      activePaths.forEach(function (item, index) {\n        var key = item[valueKey] || item[labelKey];\n        activeItemLabel.push(React.createElement(\"span\", {\n          key: key,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 508\n          },\n          __self: this\n        }, item[labelKey]));\n\n        if (index < activePaths.length - 1) {\n          activeItemLabel.push(React.createElement(\"span\", {\n            className: \"separator\",\n            key: key + \"-separator\",\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 511\n            },\n            __self: this\n          }, ' / '));\n        }\n      });\n    }\n\n    if (!(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue)) {\n      activeItemLabel = renderValue(value, activePaths, activeItemLabel);\n\n      if ((0, _isNil2.default)(activeItemLabel)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('cascader', this.addPrefix, this.props, hasValue);\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 529\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      ref: this.containerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 530\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils2.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEntered, onEnter),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 531\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: active,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 539\n      },\n      __self: this\n    }), activeItemLabel || React.createElement(_FormattedMessage.default, {\n      id: \"placeholder\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 547\n      },\n      __self: this\n    })))));\n  };\n\n  return Cascader;\n}(React.Component);\n\nCascader.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  renderMenu: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  cleanable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  searchable: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  parentSelectable: _propTypes.default.bool\n});\nCascader.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(Cascader);\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(Cascader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/Cascader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedMessage = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedMessage */ \"./src/IntlProvider/FormattedMessage.tsx\"));\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ./DropdownMenu */ \"./src/Cascader/DropdownMenu.tsx\"));\n\nvar _stringToObject2 = _interopRequireDefault(__webpack_require__(/*! ../utils/stringToObject */ \"./src/utils/stringToObject.ts\"));\n\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ../utils/getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/Cascader/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/Cascader.tsx\";\n\nvar Cascader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Cascader, _React$Component);\n\n  function Cascader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.triggerRef = void 0;\n    _this.containerRef = void 0;\n    _this.positionRef = void 0;\n    _this.menuContainerRef = void 0;\n    _this.isControlled = void 0;\n\n    _this.handleSelect = function (node, cascadeItems, activePaths, isLeafNode, event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          onSelect = _this$props.onSelect,\n          valueKey = _this$props.valueKey,\n          childrenKey = _this$props.childrenKey,\n          parentSelectable = _this$props.parentSelectable;\n\n      var prevValue = _this.getValue();\n\n      var value = node[valueKey];\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, activePaths, (0, _Picker.createConcatChildrenFunction)(node, value, {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }), event);\n      /**\n       Determines whether the option is a leaf node, and if so, closes the picker.\n       */\n\n      if (isLeafNode) {\n        _this.handleCloseDropdown();\n\n        var _nextState = {\n          selectNode: node\n        };\n\n        if (!_this.isControlled) {\n          _nextState = (0, _extends3.default)({}, _nextState, {\n            value: value\n          }, (0, _utils.getDerivedStateForCascade)(_this.props, _this.state, value));\n        }\n\n        _this.setState(_nextState);\n\n        if (!(0, _shallowEqual.default)(value, prevValue)) {\n          onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n        }\n\n        return;\n      }\n\n      var nextState = {\n        selectNode: node,\n        items: cascadeItems,\n        tempActivePaths: activePaths\n      };\n      /** When the parent is optional, the value and the displayed path are updated. */\n\n      if (parentSelectable) {\n        nextState.value = value;\n        nextState.activePaths = activePaths;\n\n        if (!(0, _shallowEqual.default)(value, prevValue)) {\n          onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n        }\n      }\n\n      _this.setState(nextState, function () {\n        var _this$positionRef$cur, _this$positionRef$cur2;\n\n        // Update menu position\n        (_this$positionRef$cur = _this.positionRef.current) === null || _this$positionRef$cur === void 0 ? void 0 : (_this$positionRef$cur2 = _this$positionRef$cur.updatePosition) === null || _this$positionRef$cur2 === void 0 ? void 0 : _this$positionRef$cur2.call(_this$positionRef$cur);\n      });\n    };\n\n    _this.handleSearchRowSelect = function (item, event) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          onChange = _this$props2.onChange,\n          onSelect = _this$props2.onSelect;\n      var value = item[valueKey];\n\n      _this.handleCloseDropdown();\n\n      var nextState = {\n        selectNode: item,\n        searchKeyword: ''\n      };\n\n      if (!_this.isControlled) {\n        nextState = (0, _extends3.default)({}, nextState, {}, (0, _utils.getDerivedStateForCascade)(_this.props, _this.state, value), {\n          value: value\n        });\n      }\n\n      _this.setState(nextState);\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(item, null, null, event);\n      onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props3 = _this.props,\n          disabled = _this$props3.disabled,\n          onChange = _this$props3.onChange,\n          data = _this$props3.data;\n\n      if (disabled) {\n        return;\n      }\n\n      var nextState = {\n        items: [data],\n        value: null,\n        selectNode: null,\n        activePaths: [],\n        tempActivePaths: []\n      };\n\n      _this.setState(nextState, function () {\n        onChange === null || onChange === void 0 ? void 0 : onChange(null, event);\n      });\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _this$props$onSearch, _this$props4;\n\n      _this.setState({\n        searchKeyword: searchKeyword\n      });\n\n      (_this$props$onSearch = (_this$props4 = _this.props).onSearch) === null || _this$props$onSearch === void 0 ? void 0 : _this$props$onSearch.call(_this$props4, searchKeyword, event);\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props5;\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.renderSearchRow = function (item, key) {\n      var _classNames;\n\n      var _this$props7 = _this.props,\n          labelKey = _this$props7.labelKey,\n          valueKey = _this$props7.valueKey,\n          _this$props7$disabled = _this$props7.disabledItemValues,\n          disabledItemValues = _this$props7$disabled === void 0 ? [] : _this$props7$disabled;\n      var searchKeyword = _this.state.searchKeyword;\n      var regx = new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'ig');\n      var nodes = (0, _treeUtils.getNodeParents)(item);\n      nodes.push(item);\n      nodes = nodes.map(function (node) {\n        var _extends2;\n\n        var labelElements = [];\n        var a = node[labelKey].split(regx);\n        var b = node[labelKey].match(regx);\n\n        for (var i = 0; i < a.length; i++) {\n          labelElements.push(a[i]);\n\n          if (b && b[i]) {\n            labelElements.push(React.createElement(\"strong\", {\n              key: i,\n              __source: {\n                fileName: _jsxFileName,\n                lineNumber: 330\n              },\n              __self: this\n            }, b[i]));\n          }\n        }\n\n        return (0, _extends3.default)({}, node, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2));\n      });\n      var disabled = disabledItemValues.some(function (value) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      });\n      var itemClasses = (0, _classnames.default)(_this.addPrefix('cascader-row'), (_classNames = {}, _classNames[_this.addPrefix('cascader-row-disabled')] = disabled, _classNames));\n      return React.createElement(\"div\", {\n        key: key,\n        className: itemClasses,\n        onClick: function onClick(event) {\n          if (!disabled) {\n            _this.handleSearchRowSelect(item, event);\n          }\n        },\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 345\n        },\n        __self: this\n      }, nodes.map(function (node, index) {\n        return React.createElement(\"span\", {\n          key: \"col-\" + index,\n          className: _this.addPrefix('cascader-col'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 355\n          },\n          __self: this\n        }, node[labelKey]);\n      }));\n    };\n\n    var initState = {\n      searchKeyword: '',\n      selectNode: null,\n      data: props.data,\n      value: props.defaultValue,\n\n      /**\n       * 选中值的路径\n       */\n      activePaths: [],\n\n      /**\n       * 用于展示面板的数据列表，是一个二维的数组\n       * 是通过 data 树结构转换成的二维的数组，其中只包含页面上展示的数据\n       */\n      items: []\n    };\n    _this.state = (0, _extends3.default)({}, initState, {}, (0, _utils.getDerivedStateForCascade)(props, initState), {\n      flattenData: (0, _treeUtils.flattenTree)(props.data)\n    });\n    _this.isControlled = !(0, _isUndefined2.default)(props.value);\n    _this.triggerRef = React.createRef();\n    _this.containerRef = React.createRef();\n    _this.positionRef = React.createRef(); // for test\n\n    _this.menuContainerRef = React.createRef();\n    return _this;\n  }\n\n  Cascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        labelKey = nextProps.labelKey,\n        valueKey = nextProps.valueKey;\n\n    if (data !== prevState.data) {\n      var _prevState$selectNode;\n\n      // First get the value of the clicked node `selectNodeValue`, and then get the new `newChildren`.\n      var selectNodeValue = prevState === null || prevState === void 0 ? void 0 : (_prevState$selectNode = prevState.selectNode) === null || _prevState$selectNode === void 0 ? void 0 : _prevState$selectNode[valueKey];\n\n      if (selectNodeValue) {\n        var _findNodeOfTree;\n\n        var newChildren = ((_findNodeOfTree = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n          return (0, _shallowEqual.default)(item[valueKey], selectNodeValue);\n        })) === null || _findNodeOfTree === void 0 ? void 0 : _findNodeOfTree.children) || [];\n        return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState, selectNodeValue, newChildren.map(function (item) {\n          return (0, _stringToObject2.default)(item, labelKey, valueKey);\n        })), {\n          data: data,\n          flattenData: (0, _treeUtils.flattenTree)(data)\n        });\n      }\n\n      return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState), {\n        flattenData: (0, _treeUtils.flattenTree)(data),\n        data: data\n      });\n    }\n\n    if (typeof value !== 'undefined' && !(0, _shallowEqual.default)(value, prevState.value)) {\n      return (0, _extends3.default)({}, (0, _utils.getDerivedStateForCascade)(nextProps, prevState), {\n        value: value\n      });\n    }\n\n    return null;\n  };\n\n  var _proto = Cascader.prototype;\n\n  _proto.getValue = function getValue(nextProps) {\n    var _ref = nextProps || this.props,\n        value = _ref.value;\n\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  /**\n   * 在 data 对象中的数据类型是字符串比如: ['foo']\n   * 通过这个行数可以把值转换成 [{name:'foo':value:'foo'}]\n   */\n  _proto.stringToObject = function stringToObject(value) {\n    var _this$props8 = this.props,\n        labelKey = _this$props8.labelKey,\n        valueKey = _this$props8.valueKey;\n    return (0, _stringToObject2.default)(value, labelKey, valueKey);\n  };\n\n  _proto.someKeyword = function someKeyword(item) {\n    var labelKey = this.props.labelKey;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (item[labelKey].match(new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'i'))) {\n      return true;\n    }\n\n    if (item.parent && this.someKeyword(item.parent)) {\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.getSearchResult = function getSearchResult() {\n    var _this4 = this;\n\n    var childrenKey = this.props.childrenKey;\n    var flattenData = this.state.flattenData;\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (item[childrenKey]) {\n        return false;\n      }\n\n      return _this4.someKeyword(item);\n    });\n\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  };\n\n  _proto.renderSearchResultPanel = function renderSearchResultPanel() {\n    var locale = this.props.locale;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = this.getSearchResult();\n    return React.createElement(\"div\", {\n      className: this.addPrefix('cascader-search-panel'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 410\n      },\n      __self: this\n    }, items.length ? items.map(this.renderSearchRow) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 414\n      },\n      __self: this\n    }, locale.noResultsText));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames2;\n\n    var _this$state = this.state,\n        items = _this$state.items,\n        tempActivePaths = _this$state.tempActivePaths,\n        activePaths = _this$state.activePaths,\n        searchKeyword = _this$state.searchKeyword;\n    var _this$props9 = this.props,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        inline = _this$props9.inline;\n    var classes = (0, _classnames.default)(this.addPrefix('cascader-menu'), menuClassName, (_classNames2 = {}, _classNames2[this.addPrefix('inline')] = inline, _classNames2));\n    var menuProps = (0, _pick2.default)(this.props, Object.keys((0, _omit2.default)(_DropdownMenu.dropdownMenuPropTypes, ['classPrefix'])));\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      style: menuStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 442\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 444\n      },\n      __self: this\n    }), this.renderSearchResultPanel(), searchKeyword === '' && React.createElement(_DropdownMenu.default, (0, _extends3.default)({}, menuProps, {\n      classPrefix: this.addPrefix('cascader-menu'),\n      ref: this.menuContainerRef,\n      cascadeItems: items,\n      cascadePathItems: tempActivePaths || activePaths,\n      activeItemValue: this.getValue(),\n      onSelect: this.handleSelect,\n      renderMenu: renderMenu,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 453\n      },\n      __self: this\n    })), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props10 = this.props,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEnter = _this$props10.onEnter,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        inline = _this$props10.inline,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"valueKey\", \"labelKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onExited\", \"onClean\", \"inline\", \"positionRef\"]);\n\n    if (inline) {\n      return this.renderDropdownMenu();\n    }\n\n    var _this$state2 = this.state,\n        activePaths = _this$state2.activePaths,\n        active = _this$state2.active;\n    var unhandled = (0, _utils2.getUnhandledProps)(Cascader, rest);\n    var value = this.getValue();\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = activePaths.length > 0 || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n    var activeItemLabel = placeholder;\n\n    if (activePaths.length > 0) {\n      activeItemLabel = [];\n      activePaths.forEach(function (item, index) {\n        var key = item[valueKey] || item[labelKey];\n        activeItemLabel.push(React.createElement(\"span\", {\n          key: key,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 508\n          },\n          __self: this\n        }, item[labelKey]));\n\n        if (index < activePaths.length - 1) {\n          activeItemLabel.push(React.createElement(\"span\", {\n            className: \"separator\",\n            key: key + \"-separator\",\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 511\n            },\n            __self: this\n          }, ' / '));\n        }\n      });\n    }\n\n    if (!(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue)) {\n      activeItemLabel = renderValue(value, activePaths, activeItemLabel);\n\n      if ((0, _isNil2.default)(activeItemLabel)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('cascader', this.addPrefix, this.props, hasValue);\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 529\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      ref: this.containerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 530\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils2.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEntered, onEnter),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 531\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 539\n      },\n      __self: this\n    }), activeItemLabel || React.createElement(_FormattedMessage.default, {\n      id: \"placeholder\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 548\n      },\n      __self: this\n    })))));\n  };\n\n  return Cascader;\n}(React.Component);\n\nCascader.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  renderMenu: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  cleanable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  searchable: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  parentSelectable: _propTypes.default.bool\n});\nCascader.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(Cascader);\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(Cascader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/Cascader.tsx?");
 
 /***/ }),
 
@@ -6426,7 +6426,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _remove2 = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _clone2 = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedMessage = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedMessage */ \"./src/IntlProvider/FormattedMessage.tsx\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ../Picker/DropdownMenu */ \"./src/Picker/DropdownMenu.tsx\"));\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckPicker/CheckPicker.tsx\";\n\nvar CheckPicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(CheckPicker, _React$Component);\n\n  function CheckPicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.positionRef = void 0;\n    _this.menuContainerRef = void 0;\n    _this.toggleRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.getFocusableMenuItems = function () {\n      var menuItems = _this.menuContainerRef.current.menuItems;\n\n      if (!menuItems) {\n        return [];\n      }\n\n      var items = Object.values(menuItems).map(function (item) {\n        return item.props.getItemData();\n      });\n      return (0, _treeUtils.filterNodesOfTree)(items, function (item) {\n        return _this.shouldDisplay(item);\n      });\n    };\n\n    _this.setStickyItems = function () {\n      var _this$props = _this.props,\n          sticky = _this$props.sticky,\n          data = _this$props.data,\n          valueKey = _this$props.valueKey;\n\n      var value = _this.getValue();\n\n      if (!sticky) {\n        return;\n      }\n\n      var stickyItems = [];\n\n      if (data && value.length) {\n        stickyItems = data.filter(function (item) {\n          return value.some(function (v) {\n            return v === item[valueKey];\n          });\n        });\n      }\n\n      _this.setState({\n        stickyItems: stickyItems\n      });\n    };\n\n    _this.focusNextMenuItem = function () {\n      var valueKey = _this.props.valueKey;\n\n      _this.findNode(function (items, index) {\n        var focusItem = items[index + 1];\n\n        if (!(0, _isUndefined2.default)(focusItem)) {\n          _this.setState({\n            focusItemValue: focusItem[valueKey]\n          });\n        }\n      });\n    };\n\n    _this.focusPrevMenuItem = function () {\n      var valueKey = _this.props.valueKey;\n\n      _this.findNode(function (items, index) {\n        var focusItem = items[index - 1];\n\n        if (!(0, _isUndefined2.default)(focusItem)) {\n          _this.setState({\n            focusItemValue: focusItem[valueKey]\n          });\n        }\n      });\n    };\n\n    _this.selectFocusMenuItem = function (event) {\n      var value = _this.getValue();\n\n      var _this$props2 = _this.props,\n          data = _this$props2.data,\n          valueKey = _this$props2.valueKey;\n      var focusItemValue = _this.state.focusItemValue;\n\n      if (!focusItemValue) {\n        return;\n      }\n\n      if (!value.some(function (v) {\n        return (0, _shallowEqual.default)(v, focusItemValue);\n      })) {\n        value.push(focusItemValue);\n      } else {\n        (0, _remove2.default)(value, function (itemVal) {\n          return (0, _shallowEqual.default)(itemVal, focusItemValue);\n        });\n      }\n\n      var focusItem = data.find(function (item) {\n        return (0, _shallowEqual.default)(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue);\n      });\n\n      _this.setState({\n        value: value\n      });\n\n      _this.handleSelect(value, focusItem, event);\n\n      _this.handleChangeValue(value, event);\n    };\n\n    _this.handleKeyDown = function (event) {\n      var _this$toggleRef, _this$toggleRef$curre, _this$toggleRef$curre2;\n\n      var _this$state = _this.state,\n          focusItemValue = _this$state.focusItemValue,\n          active = _this$state.active; // enter\n\n      if ((!focusItemValue || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8 && event.target === ((_this$toggleRef = _this.toggleRef) === null || _this$toggleRef === void 0 ? void 0 : (_this$toggleRef$curre = _this$toggleRef.current) === null || _this$toggleRef$curre === void 0 ? void 0 : (_this$toggleRef$curre2 = _this$toggleRef$curre.getToggleNode) === null || _this$toggleRef$curre2 === void 0 ? void 0 : _this$toggleRef$curre2.call(_this$toggleRef$curre))) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.menuContainerRef.current) {\n        return;\n      }\n\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextMenuItem,\n        up: _this.focusPrevMenuItem,\n        enter: _this.selectFocusMenuItem,\n        esc: _this.handleCloseDropdown\n      });\n    };\n\n    _this.handleItemSelect = function (nextItemValue, item, event, checked) {\n      var value = _this.getValue();\n\n      if (checked) {\n        value.push(nextItemValue);\n      } else {\n        (0, _remove2.default)(value, function (itemVal) {\n          return (0, _shallowEqual.default)(itemVal, nextItemValue);\n        });\n      }\n\n      var nextState = {\n        value: value,\n        focusItemValue: nextItemValue\n      };\n\n      _this.setState(nextState);\n\n      _this.handleSelect(value, item, event);\n\n      _this.handleChangeValue(value, event);\n    };\n\n    _this.handleSelect = function (nextItemValue, item, event) {\n      var _this$props$onSelect, _this$props3;\n\n      (_this$props$onSelect = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props3, nextItemValue, item, event);\n    };\n\n    _this.handleChangeValue = function (value, event) {\n      var _this$props$onChange, _this$props4;\n\n      (_this$props$onChange = (_this$props4 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props4, value, event);\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _filteredData$;\n\n      var _this$props5 = _this.props,\n          onSearch = _this$props5.onSearch,\n          valueKey = _this$props5.valueKey,\n          data = _this$props5.data;\n      var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n        return _this.shouldDisplay(item, searchKeyword);\n      });\n\n      _this.setState({\n        searchKeyword: searchKeyword,\n        focusItemValue: filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]\n      });\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      var value = _this.getValue();\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n\n      _this.setState({\n        focusItemValue: value ? value[0] : undefined\n      });\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props6 = _this.props,\n          disabled = _this$props6.disabled,\n          cleanable = _this$props6.cleanable;\n\n      if (disabled || !cleanable) {\n        return;\n      }\n\n      _this.setState({\n        value: []\n      });\n\n      _this.handleChangeValue([], event);\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props7;\n\n      (_this$props$onClose = (_this$props7 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props7);\n\n      _this.setState({\n        searchKeyword: '',\n        focusItemValue: null,\n        active: false\n      });\n    };\n\n    _this.handleOpen = function () {\n      var _this$props$onOpen, _this$props8;\n\n      (_this$props$onOpen = (_this$props8 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props8);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.menuContainer = {\n      menuItems: null\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    var _value = props.value,\n        defaultValue = props.defaultValue,\n        groupBy = props.groupBy,\n        _valueKey = props.valueKey,\n        labelKey = props.labelKey;\n    var nextValue = (0, _clone2.default)(_value || defaultValue) || [];\n    _this.state = {\n      value: nextValue,\n      // Used to hover the active item  when trigger `onKeydown`\n      focusItemValue: nextValue ? nextValue[0] : undefined,\n      searchKeyword: ''\n    };\n    _this.positionRef = React.createRef();\n    _this.menuContainerRef = React.createRef();\n    _this.toggleRef = React.createRef();\n    _this.triggerRef = React.createRef();\n\n    if (groupBy === _valueKey || groupBy === labelKey) {\n      throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n    }\n\n    return _this;\n  }\n\n  var _proto = CheckPicker.prototype;\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    var nextValue = (0, _isUndefined2.default)(value) ? this.state.value : value;\n    return (0, _clone2.default)(nextValue) || [];\n  };\n\n  /**\n   * Index of keyword  in `label`\n   * @param {node} label\n   */\n  _proto.shouldDisplay = function shouldDisplay(item, word) {\n    var _this$props9 = this.props,\n        labelKey = _this$props9.labelKey,\n        searchBy = _this$props9.searchBy;\n    var label = item === null || item === void 0 ? void 0 : item[labelKey];\n    var searchKeyword = typeof word === 'undefined' ? this.state.searchKeyword : word;\n\n    if (typeof searchBy === 'function') {\n      return searchBy(searchKeyword, label, item);\n    }\n\n    return (0, _Picker.shouldDisplay)(label, searchKeyword);\n  };\n\n  _proto.findNode = function findNode(focus) {\n    var items = this.getFocusableMenuItems();\n    var valueKey = this.props.valueKey;\n    var focusItemValue = this.state.focusItemValue;\n\n    for (var i = 0; i < items.length; i += 1) {\n      if ((0, _shallowEqual.default)(focusItemValue, items[i][valueKey])) {\n        focus(items, i);\n        return;\n      }\n    }\n\n    focus(items, -1);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this4 = this;\n\n    var _this$props10 = this.props,\n        data = _this$props10.data,\n        valueKey = _this$props10.valueKey,\n        groupBy = _this$props10.groupBy,\n        searchable = _this$props10.searchable,\n        renderExtraFooter = _this$props10.renderExtraFooter,\n        locale = _this$props10.locale,\n        renderMenu = _this$props10.renderMenu,\n        menuClassName = _this$props10.menuClassName,\n        menuStyle = _this$props10.menuStyle,\n        menuAutoWidth = _this$props10.menuAutoWidth,\n        sort = _this$props10.sort,\n        virtualized = _this$props10.virtualized;\n    var _this$state2 = this.state,\n        focusItemValue = _this$state2.focusItemValue,\n        stickyItems = _this$state2.stickyItems;\n    var classes = (0, _classnames.default)(this.addPrefix('check-menu'), menuClassName);\n    var filteredData = [];\n    var filteredStickyItems = [];\n\n    if (stickyItems) {\n      filteredStickyItems = (0, _treeUtils.filterNodesOfTree)(stickyItems, function (item) {\n        return _this4.shouldDisplay(item);\n      });\n      filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n        return _this4.shouldDisplay(item) && !stickyItems.some(function (v) {\n          return v[valueKey] === item[valueKey];\n        });\n      });\n    } else {\n      filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n        return _this4.shouldDisplay(item);\n      });\n    } // Create a tree structure data when set `groupBy`\n\n\n    if (groupBy) {\n      filteredData = (0, _utils.getDataGroupBy)(filteredData, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      filteredData = filteredData.sort(sort(false));\n    }\n\n    var menuProps = (0, _pick2.default)(this.props, Object.keys((0, _omit2.default)(_DropdownMenu.dropdownMenuPropTypes, ['className', 'style', 'classPrefix'])));\n    var menu = filteredData.length || filteredStickyItems.length ? React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, menuProps, {\n      classPrefix: this.addPrefix('check-menu'),\n      dropdownMenuItemComponentClass: _Picker.DropdownMenuCheckItem,\n      ref: this.menuContainerRef,\n      activeItemValues: this.getValue(),\n      focusItemValue: focusItemValue,\n      data: [].concat(filteredStickyItems, filteredData),\n      group: !(0, _isUndefined2.default)(groupBy),\n      onSelect: this.handleItemSelect,\n      virtualized: virtualized,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394\n      },\n      __self: this\n    })) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 407\n      },\n      __self: this\n    }, locale.noResultsText);\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: menuStyle,\n      onKeyDown: this.handleKeyDown,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 411\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: this.state.searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 420\n      },\n      __self: this\n    }), renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props11 = this.props,\n        data = _this$props11.data,\n        valueKey = _this$props11.valueKey,\n        labelKey = _this$props11.labelKey,\n        placeholder = _this$props11.placeholder,\n        renderValue = _this$props11.renderValue,\n        disabled = _this$props11.disabled,\n        cleanable = _this$props11.cleanable,\n        locale = _this$props11.locale,\n        toggleComponentClass = _this$props11.toggleComponentClass,\n        style = _this$props11.style,\n        onEnter = _this$props11.onEnter,\n        onEntered = _this$props11.onEntered,\n        onExited = _this$props11.onExited,\n        onClean = _this$props11.onClean,\n        countable = _this$props11.countable,\n        positionRef = _this$props11.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props11, [\"data\", \"valueKey\", \"labelKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onEntered\", \"onExited\", \"onClean\", \"countable\", \"positionRef\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(CheckPicker, rest);\n    var value = this.getValue();\n    var selectedItems = data.filter(function (item) {\n      return value.some(function (val) {\n        return (0, _shallowEqual.default)(item[valueKey], val);\n      });\n    }) || [];\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = selectedItems.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n\n    if (selectedItems.length > 0) {\n      selectedElement = React.createElement(_Picker.SelectedElement, {\n        selectedItems: selectedItems,\n        countable: countable,\n        valueKey: valueKey,\n        labelKey: labelKey,\n        prefix: this.addPrefix,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 468\n        },\n        __self: this\n      });\n    }\n\n    if ((value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, selectedItems, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('check', this.addPrefix, this.props, hasValue);\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 488\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils.createChainedFunction)(this.setStickyItems, onEnter),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 489\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 498\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      onKeyDown: this.handleKeyDown,\n      componentClass: toggleComponentClass,\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 499\n      },\n      __self: this\n    }), selectedElement || React.createElement(_FormattedMessage.default, {\n      id: \"placeholder\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 509\n      },\n      __self: this\n    })))));\n  };\n\n  return CheckPicker;\n}(React.Component);\n\nCheckPicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPropTypes, {\n  menuAutoWidth: _propTypes.default.bool,\n  maxHeight: _propTypes.default.number,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  searchable: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  sticky: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nCheckPicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {\n  maxHeight: 320,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  },\n  searchable: true,\n  countable: true,\n  menuAutoWidth: true,\n  virtualized: true\n});\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(CheckPicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/CheckPicker/CheckPicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _remove2 = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _clone2 = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedMessage = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedMessage */ \"./src/IntlProvider/FormattedMessage.tsx\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ../Picker/DropdownMenu */ \"./src/Picker/DropdownMenu.tsx\"));\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckPicker/CheckPicker.tsx\";\n\nvar CheckPicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(CheckPicker, _React$Component);\n\n  function CheckPicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.positionRef = void 0;\n    _this.menuContainerRef = void 0;\n    _this.toggleRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.getFocusableMenuItems = function () {\n      var menuItems = _this.menuContainerRef.current.menuItems;\n\n      if (!menuItems) {\n        return [];\n      }\n\n      var items = Object.values(menuItems).map(function (item) {\n        return item.props.getItemData();\n      });\n      return (0, _treeUtils.filterNodesOfTree)(items, function (item) {\n        return _this.shouldDisplay(item);\n      });\n    };\n\n    _this.setStickyItems = function () {\n      var _this$props = _this.props,\n          sticky = _this$props.sticky,\n          data = _this$props.data,\n          valueKey = _this$props.valueKey;\n\n      var value = _this.getValue();\n\n      if (!sticky) {\n        return;\n      }\n\n      var stickyItems = [];\n\n      if (data && value.length) {\n        stickyItems = data.filter(function (item) {\n          return value.some(function (v) {\n            return v === item[valueKey];\n          });\n        });\n      }\n\n      _this.setState({\n        stickyItems: stickyItems\n      });\n    };\n\n    _this.focusNextMenuItem = function () {\n      var valueKey = _this.props.valueKey;\n\n      _this.findNode(function (items, index) {\n        var focusItem = items[index + 1];\n\n        if (!(0, _isUndefined2.default)(focusItem)) {\n          _this.setState({\n            focusItemValue: focusItem[valueKey]\n          });\n        }\n      });\n    };\n\n    _this.focusPrevMenuItem = function () {\n      var valueKey = _this.props.valueKey;\n\n      _this.findNode(function (items, index) {\n        var focusItem = items[index - 1];\n\n        if (!(0, _isUndefined2.default)(focusItem)) {\n          _this.setState({\n            focusItemValue: focusItem[valueKey]\n          });\n        }\n      });\n    };\n\n    _this.selectFocusMenuItem = function (event) {\n      var value = _this.getValue();\n\n      var _this$props2 = _this.props,\n          data = _this$props2.data,\n          valueKey = _this$props2.valueKey;\n      var focusItemValue = _this.state.focusItemValue;\n\n      if (!focusItemValue) {\n        return;\n      }\n\n      if (!value.some(function (v) {\n        return (0, _shallowEqual.default)(v, focusItemValue);\n      })) {\n        value.push(focusItemValue);\n      } else {\n        (0, _remove2.default)(value, function (itemVal) {\n          return (0, _shallowEqual.default)(itemVal, focusItemValue);\n        });\n      }\n\n      var focusItem = data.find(function (item) {\n        return (0, _shallowEqual.default)(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue);\n      });\n\n      _this.setState({\n        value: value\n      });\n\n      _this.handleSelect(value, focusItem, event);\n\n      _this.handleChangeValue(value, event);\n    };\n\n    _this.handleKeyDown = function (event) {\n      var _this$toggleRef, _this$toggleRef$curre, _this$toggleRef$curre2;\n\n      var _this$state = _this.state,\n          focusItemValue = _this$state.focusItemValue,\n          active = _this$state.active; // enter\n\n      if ((!focusItemValue || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8 && event.target === ((_this$toggleRef = _this.toggleRef) === null || _this$toggleRef === void 0 ? void 0 : (_this$toggleRef$curre = _this$toggleRef.current) === null || _this$toggleRef$curre === void 0 ? void 0 : (_this$toggleRef$curre2 = _this$toggleRef$curre.getToggleNode) === null || _this$toggleRef$curre2 === void 0 ? void 0 : _this$toggleRef$curre2.call(_this$toggleRef$curre))) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.menuContainerRef.current) {\n        return;\n      }\n\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextMenuItem,\n        up: _this.focusPrevMenuItem,\n        enter: _this.selectFocusMenuItem,\n        esc: _this.handleCloseDropdown\n      });\n    };\n\n    _this.handleItemSelect = function (nextItemValue, item, event, checked) {\n      var value = _this.getValue();\n\n      if (checked) {\n        value.push(nextItemValue);\n      } else {\n        (0, _remove2.default)(value, function (itemVal) {\n          return (0, _shallowEqual.default)(itemVal, nextItemValue);\n        });\n      }\n\n      var nextState = {\n        value: value,\n        focusItemValue: nextItemValue\n      };\n\n      _this.setState(nextState);\n\n      _this.handleSelect(value, item, event);\n\n      _this.handleChangeValue(value, event);\n    };\n\n    _this.handleSelect = function (nextItemValue, item, event) {\n      var _this$props$onSelect, _this$props3;\n\n      (_this$props$onSelect = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props3, nextItemValue, item, event);\n    };\n\n    _this.handleChangeValue = function (value, event) {\n      var _this$props$onChange, _this$props4;\n\n      (_this$props$onChange = (_this$props4 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props4, value, event);\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _filteredData$;\n\n      var _this$props5 = _this.props,\n          onSearch = _this$props5.onSearch,\n          valueKey = _this$props5.valueKey,\n          data = _this$props5.data;\n      var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n        return _this.shouldDisplay(item, searchKeyword);\n      });\n\n      _this.setState({\n        searchKeyword: searchKeyword,\n        focusItemValue: filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]\n      });\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      var value = _this.getValue();\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n\n      _this.setState({\n        focusItemValue: value ? value[0] : undefined\n      });\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props6 = _this.props,\n          disabled = _this$props6.disabled,\n          cleanable = _this$props6.cleanable;\n\n      if (disabled || !cleanable) {\n        return;\n      }\n\n      _this.setState({\n        value: []\n      });\n\n      _this.handleChangeValue([], event);\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props7;\n\n      (_this$props$onClose = (_this$props7 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props7);\n\n      _this.setState({\n        searchKeyword: '',\n        focusItemValue: null,\n        active: false\n      });\n    };\n\n    _this.handleOpen = function () {\n      var _this$props$onOpen, _this$props8;\n\n      (_this$props$onOpen = (_this$props8 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props8);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.menuContainer = {\n      menuItems: null\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    var _value = props.value,\n        defaultValue = props.defaultValue,\n        groupBy = props.groupBy,\n        _valueKey = props.valueKey,\n        labelKey = props.labelKey;\n    var nextValue = (0, _clone2.default)(_value || defaultValue) || [];\n    _this.state = {\n      value: nextValue,\n      // Used to hover the active item  when trigger `onKeydown`\n      focusItemValue: nextValue ? nextValue[0] : undefined,\n      searchKeyword: ''\n    };\n    _this.positionRef = React.createRef();\n    _this.menuContainerRef = React.createRef();\n    _this.toggleRef = React.createRef();\n    _this.triggerRef = React.createRef();\n\n    if (groupBy === _valueKey || groupBy === labelKey) {\n      throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n    }\n\n    return _this;\n  }\n\n  var _proto = CheckPicker.prototype;\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    var nextValue = (0, _isUndefined2.default)(value) ? this.state.value : value;\n    return (0, _clone2.default)(nextValue) || [];\n  };\n\n  /**\n   * Index of keyword  in `label`\n   * @param {node} label\n   */\n  _proto.shouldDisplay = function shouldDisplay(item, word) {\n    var _this$props9 = this.props,\n        labelKey = _this$props9.labelKey,\n        searchBy = _this$props9.searchBy;\n    var label = item === null || item === void 0 ? void 0 : item[labelKey];\n    var searchKeyword = typeof word === 'undefined' ? this.state.searchKeyword : word;\n\n    if (typeof searchBy === 'function') {\n      return searchBy(searchKeyword, label, item);\n    }\n\n    return (0, _Picker.shouldDisplay)(label, searchKeyword);\n  };\n\n  _proto.findNode = function findNode(focus) {\n    var items = this.getFocusableMenuItems();\n    var valueKey = this.props.valueKey;\n    var focusItemValue = this.state.focusItemValue;\n\n    for (var i = 0; i < items.length; i += 1) {\n      if ((0, _shallowEqual.default)(focusItemValue, items[i][valueKey])) {\n        focus(items, i);\n        return;\n      }\n    }\n\n    focus(items, -1);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this4 = this;\n\n    var _this$props10 = this.props,\n        data = _this$props10.data,\n        valueKey = _this$props10.valueKey,\n        groupBy = _this$props10.groupBy,\n        searchable = _this$props10.searchable,\n        renderExtraFooter = _this$props10.renderExtraFooter,\n        locale = _this$props10.locale,\n        renderMenu = _this$props10.renderMenu,\n        menuClassName = _this$props10.menuClassName,\n        menuStyle = _this$props10.menuStyle,\n        menuAutoWidth = _this$props10.menuAutoWidth,\n        sort = _this$props10.sort,\n        virtualized = _this$props10.virtualized;\n    var _this$state2 = this.state,\n        focusItemValue = _this$state2.focusItemValue,\n        stickyItems = _this$state2.stickyItems;\n    var classes = (0, _classnames.default)(this.addPrefix('check-menu'), menuClassName);\n    var filteredData = [];\n    var filteredStickyItems = [];\n\n    if (stickyItems) {\n      filteredStickyItems = (0, _treeUtils.filterNodesOfTree)(stickyItems, function (item) {\n        return _this4.shouldDisplay(item);\n      });\n      filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n        return _this4.shouldDisplay(item) && !stickyItems.some(function (v) {\n          return v[valueKey] === item[valueKey];\n        });\n      });\n    } else {\n      filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n        return _this4.shouldDisplay(item);\n      });\n    } // Create a tree structure data when set `groupBy`\n\n\n    if (groupBy) {\n      filteredData = (0, _utils.getDataGroupBy)(filteredData, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      filteredData = filteredData.sort(sort(false));\n    }\n\n    var menuProps = (0, _pick2.default)(this.props, Object.keys((0, _omit2.default)(_DropdownMenu.dropdownMenuPropTypes, ['className', 'style', 'classPrefix'])));\n    var menu = filteredData.length || filteredStickyItems.length ? React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, menuProps, {\n      classPrefix: this.addPrefix('check-menu'),\n      dropdownMenuItemComponentClass: _Picker.DropdownMenuCheckItem,\n      ref: this.menuContainerRef,\n      activeItemValues: this.getValue(),\n      focusItemValue: focusItemValue,\n      data: [].concat(filteredStickyItems, filteredData),\n      group: !(0, _isUndefined2.default)(groupBy),\n      onSelect: this.handleItemSelect,\n      virtualized: virtualized,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394\n      },\n      __self: this\n    })) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 407\n      },\n      __self: this\n    }, locale.noResultsText);\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: menuStyle,\n      onKeyDown: this.handleKeyDown,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 411\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: this.state.searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 420\n      },\n      __self: this\n    }), renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props11 = this.props,\n        data = _this$props11.data,\n        valueKey = _this$props11.valueKey,\n        labelKey = _this$props11.labelKey,\n        placeholder = _this$props11.placeholder,\n        renderValue = _this$props11.renderValue,\n        disabled = _this$props11.disabled,\n        cleanable = _this$props11.cleanable,\n        locale = _this$props11.locale,\n        toggleComponentClass = _this$props11.toggleComponentClass,\n        style = _this$props11.style,\n        onEnter = _this$props11.onEnter,\n        onEntered = _this$props11.onEntered,\n        onExited = _this$props11.onExited,\n        onClean = _this$props11.onClean,\n        countable = _this$props11.countable,\n        positionRef = _this$props11.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props11, [\"data\", \"valueKey\", \"labelKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onEntered\", \"onExited\", \"onClean\", \"countable\", \"positionRef\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(CheckPicker, rest);\n    var value = this.getValue();\n    var selectedItems = data.filter(function (item) {\n      return value.some(function (val) {\n        return (0, _shallowEqual.default)(item[valueKey], val);\n      });\n    }) || [];\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = selectedItems.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n\n    if (selectedItems.length > 0) {\n      selectedElement = React.createElement(_Picker.SelectedElement, {\n        selectedItems: selectedItems,\n        countable: countable,\n        valueKey: valueKey,\n        labelKey: labelKey,\n        prefix: this.addPrefix,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 468\n        },\n        __self: this\n      });\n    }\n\n    if ((value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, selectedItems, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('check', this.addPrefix, this.props, hasValue);\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 488\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils.createChainedFunction)(this.setStickyItems, onEnter),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 489\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 498\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      onKeyDown: this.handleKeyDown,\n      componentClass: toggleComponentClass,\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 499\n      },\n      __self: this\n    }), selectedElement || React.createElement(_FormattedMessage.default, {\n      id: \"placeholder\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 510\n      },\n      __self: this\n    })))));\n  };\n\n  return CheckPicker;\n}(React.Component);\n\nCheckPicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPropTypes, {\n  menuAutoWidth: _propTypes.default.bool,\n  maxHeight: _propTypes.default.number,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  searchable: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  sticky: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nCheckPicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {\n  maxHeight: 320,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  },\n  searchable: true,\n  countable: true,\n  menuAutoWidth: true,\n  virtualized: true\n});\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(CheckPicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/CheckPicker/CheckPicker.tsx?");
 
 /***/ }),
 
@@ -6474,7 +6474,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar _isString2 = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/List */ \"./node_modules/react-virtualized/dist/commonjs/List/index.js\"));\n\nvar _AutoSizer = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/AutoSizer */ \"./node_modules/react-virtualized/dist/commonjs/AutoSizer/index.js\"));\n\nvar _CellMeasurer = __webpack_require__(/*! react-virtualized/dist/commonjs/CellMeasurer */ \"./node_modules/react-virtualized/dist/commonjs/CellMeasurer/index.js\");\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _CheckTreeNode = _interopRequireDefault(__webpack_require__(/*! ./CheckTreeNode */ \"./src/CheckTreePicker/CheckTreeNode.tsx\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CheckTreePicker/utils.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTreePicker/CheckTreePicker.tsx\";\n// default value for virtualized\nvar defaultHeight = 360;\nvar defaultWidth = 200;\n\nvar CheckTreePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(CheckTreePicker, _React$Component);\n\n  function CheckTreePicker(_props) {\n    var _this;\n\n    _this = _React$Component.call(this, _props) || this;\n    _this.menuRef = void 0;\n    _this.treeViewRef = void 0;\n    _this.positionRef = void 0;\n    _this.listRef = void 0;\n    _this.triggerRef = void 0;\n    _this.toggleRef = void 0;\n\n    _this.getValue = function (props) {\n      if (props === void 0) {\n        props = _this.props;\n      }\n\n      var _props2 = props,\n          value = _props2.value,\n          defaultValue = _props2.defaultValue,\n          _props2$uncheckableIt = _props2.uncheckableItemValues,\n          uncheckableItemValues = _props2$uncheckableIt === void 0 ? [] : _props2$uncheckableIt;\n\n      if (value && value.length) {\n        return value.filter(function (v) {\n          return !uncheckableItemValues.includes(v);\n        });\n      }\n\n      if (defaultValue && defaultValue.length > 0) {\n        return defaultValue.filter(function (v) {\n          return !uncheckableItemValues.includes(v);\n        });\n      }\n\n      return [];\n    };\n\n    _this.getElementByDataKey = function (dataKey) {\n      var ele = _this.nodeRefs[dataKey];\n\n      if (ele instanceof Element) {\n        return ele.querySelector(\".\" + _this.addTreePrefix('node-label'));\n      }\n\n      return null;\n    };\n\n    _this.getFocusableMenuItems = function () {\n      var filterData = _this.state.filterData;\n      var childrenKey = _this.props.childrenKey;\n      var items = [];\n\n      var loop = function loop(treeNodes) {\n        treeNodes.forEach(function (node) {\n          var nodeData = (0, _extends2.default)({}, node, {}, _this.nodes[node.refKey]);\n\n          if (!(0, _utils2.getDisabledState)(_this.nodes, node, _this.props) && node.visible) {\n            items.push(node);\n          }\n\n          if (node[childrenKey] && (0, _treeUtils.getExpandState)(nodeData, _this.props)) {\n            loop(node[childrenKey]);\n          }\n        });\n      };\n\n      loop(filterData);\n      return items;\n    };\n\n    _this.nodes = {};\n    _this.activeNode = null;\n    _this.cache = new _CellMeasurer.CellMeasurerCache({\n      fixedWidth: true,\n      minHeight: 20\n    });\n    _this.nodeRefs = {};\n\n    _this.bindNodeRefs = function (refKey, ref) {\n      _this.nodeRefs[refKey] = ref;\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.selectActiveItem = function (event) {\n      var _this$getActiveItem = _this.getActiveItem(),\n          nodeData = _this$getActiveItem.nodeData;\n\n      _this.handleSelect(nodeData, event);\n    };\n\n    _this.focusNextItem = function () {\n      var _node$focus;\n\n      var _this$getItemsAndActi = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi.items,\n          activeIndex = _this$getItemsAndActi.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var nextIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;\n\n      var node = _this.getElementByDataKey(items[nextIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus = node.focus) === null || _node$focus === void 0 ? void 0 : _node$focus.call(node);\n    };\n\n    _this.focusPreviousItem = function () {\n      var _node$focus2;\n\n      var _this$getItemsAndActi2 = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi2.items,\n          activeIndex = _this$getItemsAndActi2.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var prevIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;\n      prevIndex = prevIndex >= 0 ? prevIndex : 0;\n\n      var node = _this.getElementByDataKey(items[prevIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus2 = node.focus) === null || _node$focus2 === void 0 ? void 0 : _node$focus2.call(node);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.everyChildChecked = function (nodes, node) {\n      var list = [];\n      Object.keys(nodes).forEach(function (refKey) {\n        var _curNode$parentNode;\n\n        var curNode = nodes[refKey];\n\n        if (((_curNode$parentNode = curNode.parentNode) === null || _curNode$parentNode === void 0 ? void 0 : _curNode$parentNode.refKey) === node.refKey && !curNode.uncheckable) {\n          list.push(curNode);\n        }\n      });\n      return list.every(function (l) {\n        return l.check;\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.addTreePrefix = function (name) {\n      return (0, _utils.prefix)((0, _utils.defaultClassPrefix)('check-tree'))(name);\n    };\n\n    _this.handleSelect = function (activeNode, event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          onSelect = _this$props.onSelect,\n          value = _this$props.value;\n\n      var selectedValues = _this.toggleChecked(activeNode, !_this.nodes[activeNode.refKey].check);\n\n      if (!(0, _isUndefined2.default)(value)) {\n        _this.activeNode = activeNode;\n      } else {\n        _this.unserializeLists({\n          check: selectedValues\n        });\n\n        _this.setState({\n          activeNode: activeNode,\n          selectedValues: selectedValues,\n          hasValue: !!selectedValues.length\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(selectedValues, event);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeNode, selectedValues, event);\n    };\n\n    _this.handleToggle = function (node) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey,\n          onExpand = _this$props2.onExpand,\n          expandItemValues = _this$props2.expandItemValues;\n\n      var nextExpandItemValues = _this.toggleExpand(node, !node.expand);\n\n      if ((0, _isUndefined2.default)(expandItemValues)) {\n        _this.unserializeLists({\n          expand: nextExpandItemValues\n        });\n\n        _this.setState({\n          expandItemValues: nextExpandItemValues\n        });\n      }\n\n      onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }));\n    };\n\n    _this.handleKeyDown = function (event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextItem,\n        up: _this.focusPreviousItem,\n        enter: _this.selectActiveItem,\n        del: _this.handleClean\n      });\n    };\n\n    _this.handleToggleKeyDown = function (event) {\n      var _this$state = _this.state,\n          activeNode = _this$state.activeNode,\n          active = _this$state.active; // enter\n\n      if ((!activeNode || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.treeViewRef.current) {\n        return;\n      }\n\n      if (event.target instanceof HTMLElement) {\n        var className = event.target.className;\n\n        if (className.includes(_this.addPrefix('toggle')) || className.includes(_this.addPrefix('toggle-custom')) || className.includes(_this.addPrefix('search-bar-input'))) {\n          (0, _Picker.onMenuKeyDown)(event, {\n            down: _this.focusNextItem\n          });\n        }\n      }\n    };\n\n    _this.handleSearch = function (value, event) {\n      var filterData = _this.state.filterData;\n      var _this$props3 = _this.props,\n          onSearch = _this$props3.onSearch,\n          searchKeyword = _this$props3.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          filterData: _this.getFilterData(value, filterData),\n          searchKeyword: value\n        });\n      }\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    };\n\n    _this.handleClean = function (evnet) {\n      var _this$props$onChange, _this$props4;\n\n      _this.setState({\n        selectedValues: [],\n        hasValue: false,\n        activeNode: {}\n      });\n\n      _this.unserializeLists({\n        check: []\n      });\n\n      (_this$props$onChange = (_this$props4 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props4, [], evnet);\n    };\n\n    _this.handleOnOpen = function () {\n      var _this$props$onOpen, _this$props5;\n\n      var activeNode = _this.state.activeNode;\n\n      if (activeNode) {\n        var _node$focus3;\n\n        var node = _this.getElementByDataKey(activeNode.refKey);\n\n        node === null || node === void 0 ? void 0 : (_node$focus3 = node.focus) === null || _node$focus3 === void 0 ? void 0 : _node$focus3.call(node);\n      }\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleOnClose = function () {\n      var filterData = _this.state.filterData;\n      var _this$props6 = _this.props,\n          onClose = _this$props6.onClose,\n          searchKeyword = _this$props6.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          filterData: _this.getFilterData('', filterData),\n          searchKeyword: ''\n        });\n      }\n\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n\n      _this.setState({\n        active: false\n      });\n    };\n\n    _this.measureRowRenderer = function (nodes) {\n      return function (_ref) {\n        var key = _ref.key,\n            index = _ref.index,\n            style = _ref.style,\n            parent = _ref.parent;\n        var node = nodes[index];\n        return React.createElement(_CellMeasurer.CellMeasurer, {\n          cache: _this.cache,\n          columnIndex: 0,\n          key: key,\n          rowIndex: index,\n          parent: parent,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1065\n          },\n          __self: this\n        }, function () {\n          return _this.renderVirtualNode(node, {\n            key: key,\n            style: style\n          });\n        });\n      };\n    };\n\n    var _value = _props.value,\n        data = _props.data,\n        cascade = _props.cascade,\n        _childrenKey = _props.childrenKey,\n        _searchKeyword = _props.searchKeyword;\n    _this.nodes = {};\n\n    var nextValue = _this.getValue(_props);\n\n    var _nextExpandItemValues = (0, _treeUtils.getExpandItemValues)(_props);\n\n    var nextData = [].concat(data);\n\n    _this.flattenNodes(nextData, _props);\n\n    _this.unserializeLists({\n      check: nextValue,\n      expand: _nextExpandItemValues\n    }, _props);\n\n    _this.state = {\n      data: data,\n      value: _value,\n      cascade: cascade,\n      hasValue: _this.hasValue(nextValue),\n      expandAll: (0, _treeUtils.getExpandAll)(_props),\n      filterData: _this.getFilterData(_searchKeyword, nextData, _props),\n      searchKeyword: _searchKeyword || '',\n      selectedValues: nextValue,\n      expandItemValues: _this.serializeList('expand'),\n      uncheckableItemValues: _props.uncheckableItemValues,\n      isSomeNodeHasChildren: (0, _utils2.isSomeNodeHasChildren)(data, _childrenKey)\n    };\n    _this.treeViewRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.listRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    _this.toggleRef = React.createRef(); // for test\n\n    _this.menuRef = React.createRef();\n    (0, _treeUtils.treeDeprecatedWarning)(_props, ['expandAll']);\n    return _this;\n  }\n\n  CheckTreePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        cascade = nextProps.cascade,\n        expandAll = nextProps.expandAll,\n        searchKeyword = nextProps.searchKeyword,\n        uncheckableItemValues = nextProps.uncheckableItemValues,\n        expandItemValues = nextProps.expandItemValues;\n    var nextState = {};\n\n    if ((0, _isArray2.default)(data) && (0, _isArray2.default)(prevState.data) && prevState.data !== data) {\n      nextState.data = data;\n    }\n\n    if ((0, _treeUtils.compareArray)(value, prevState.value)) {\n      nextState.value = value;\n    }\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      nextState.expandItemValues = expandItemValues;\n    }\n\n    if ((0, _treeUtils.compareArray)(uncheckableItemValues, prevState.uncheckableItemValues)) {\n      nextState.uncheckableItemValues = uncheckableItemValues;\n    }\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && searchKeyword !== prevState.searchKeyword) {\n      nextState.searchKeyword = searchKeyword;\n    }\n\n    if (cascade !== prevState.cascade) {\n      nextState.cascade = cascade;\n    }\n\n    if (expandAll !== prevState.expandAll) {\n      nextState.expandAll = expandAll;\n    }\n\n    return Object.keys(nextState).length ? nextState : null;\n  };\n\n  var _proto = CheckTreePicker.prototype;\n\n  _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {\n    this.updateDataChange(prevState);\n    this.updateValueChange(prevState);\n    this.updateExpandItemValuesChange(prevState);\n    this.updateUncheckableItemValuesChange(prevState);\n    this.updateCascadeChange(prevState);\n    this.updateSearchKeywordChange(prevState);\n\n    if (this.listRef.current) {\n      this.listRef.current.forceUpdateGrid();\n    }\n  };\n\n  _proto.updateDataChange = function updateDataChange(prevState) {\n    var _this$state2 = this.state,\n        searchKeyword = _this$state2.searchKeyword,\n        expandItemValues = _this$state2.expandItemValues;\n    var _this$props7 = this.props,\n        _this$props7$data = _this$props7.data,\n        data = _this$props7$data === void 0 ? [] : _this$props7$data,\n        childrenKey = _this$props7.childrenKey;\n\n    if (prevState.data !== data) {\n      var nextData = [].concat(data);\n      this.nodes = {};\n      this.flattenNodes(nextData);\n      this.unserializeLists({\n        check: this.getValue(),\n        expand: expandItemValues\n      });\n      this.setState({\n        data: nextData,\n        filterData: this.getFilterData(searchKeyword, nextData),\n        isSomeNodeHasChildren: (0, _utils2.isSomeNodeHasChildren)(nextData, childrenKey),\n        hasValue: this.hasValue(),\n        expandItemValues: this.serializeList('expand')\n      });\n    }\n  };\n\n  _proto.updateValueChange = function updateValueChange(prevState) {\n    var expandItemValues = this.state.expandItemValues;\n    var value = this.props.value;\n\n    if ((0, _treeUtils.compareArray)(value, prevState.value)) {\n      this.unserializeLists({\n        check: value,\n        expand: expandItemValues\n      });\n      this.setState({\n        selectedValues: value,\n        hasValue: this.hasValue(value),\n        activeNode: value.length ? this.activeNode : null\n      });\n    }\n  };\n\n  _proto.updateExpandItemValuesChange = function updateExpandItemValuesChange(prevState) {\n    var expandItemValues = this.props.expandItemValues;\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      this.unserializeLists({\n        expand: expandItemValues\n      });\n      this.setState({\n        expandItemValues: expandItemValues\n      });\n    }\n  };\n\n  _proto.updateUncheckableItemValuesChange = function updateUncheckableItemValuesChange(prevState) {\n    var _this$state3 = this.state,\n        data = _this$state3.data,\n        selectedValues = _this$state3.selectedValues,\n        expandItemValues = _this$state3.expandItemValues;\n    var uncheckableItemValues = this.props.uncheckableItemValues;\n\n    if ((0, _treeUtils.compareArray)(uncheckableItemValues, prevState.uncheckableItemValues)) {\n      this.flattenNodes(data);\n      this.unserializeLists({\n        check: selectedValues,\n        expand: expandItemValues\n      });\n      this.setState({\n        hasValue: this.hasValue()\n      });\n    }\n  };\n\n  _proto.updateCascadeChange = function updateCascadeChange(prevState) {\n    var _this$state4 = this.state,\n        data = _this$state4.data,\n        selectedValues = _this$state4.selectedValues,\n        expandItemValues = _this$state4.expandItemValues;\n    var cascade = this.props.cascade; // cascade 改变时，重新初始化\n\n    if (cascade !== prevState.cascade && cascade) {\n      this.flattenNodes(data);\n      this.unserializeLists({\n        check: selectedValues,\n        expand: expandItemValues\n      });\n      this.setState({\n        cascade: cascade\n      });\n    }\n  };\n\n  _proto.updateSearchKeywordChange = function updateSearchKeywordChange(prevState) {\n    var filterData = this.state.filterData;\n    var searchKeyword = this.props.searchKeyword;\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && prevState.searchKeyword !== searchKeyword) {\n      this.setState({\n        filterData: this.getFilterData(searchKeyword, filterData)\n      });\n    }\n  };\n\n  _proto.getNodeCheckState = function getNodeCheckState(node, cascade) {\n    var childrenKey = this.props.childrenKey;\n\n    if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n      this.nodes[node.refKey].checkAll = false;\n      return node.check ? _constants.CHECK_STATE.CHECK : _constants.CHECK_STATE.UNCHECK;\n    }\n\n    if ((0, _utils2.isEveryChildChecked)(node, this.nodes, this.props)) {\n      this.nodes[node.refKey].checkAll = true;\n      return _constants.CHECK_STATE.CHECK;\n    }\n\n    if ((0, _utils2.isSomeChildChecked)(node, this.nodes, this.props)) {\n      this.nodes[node.refKey].checkAll = false;\n      return _constants.CHECK_STATE.INDETERMINATE;\n    }\n\n    return _constants.CHECK_STATE.UNCHECK;\n  };\n\n  _proto.getFilterData = function getFilterData(searchKeyword, data, props) {\n    if (searchKeyword === void 0) {\n      searchKeyword = '';\n    }\n\n    if (props === void 0) {\n      props = this.props;\n    }\n\n    var _props3 = props,\n        labelKey = _props3.labelKey,\n        childrenKey = _props3.childrenKey,\n        searchBy = _props3.searchBy;\n\n    var setVisible = function setVisible(nodes) {\n      if (nodes === void 0) {\n        nodes = [];\n      }\n\n      return nodes.forEach(function (item) {\n        item.visible = searchBy ? searchBy(searchKeyword, item[labelKey], item) : (0, _Picker.shouldDisplay)(item[labelKey], searchKeyword);\n\n        if ((0, _isArray2.default)(item[childrenKey])) {\n          setVisible(item[childrenKey]);\n          item[childrenKey].forEach(function (child) {\n            if (child.visible) {\n              item.visible = child.visible;\n            }\n          });\n        }\n      });\n    };\n\n    setVisible(data);\n    return data;\n  };\n\n  _proto.getActiveElementOption = function getActiveElementOption(options, refKey) {\n    var childrenKey = this.props.childrenKey;\n\n    for (var i = 0; i < options.length; i += 1) {\n      var _options$i$childrenKe;\n\n      if (options[i].refKey === refKey) {\n        return options[i];\n      } else if ((_options$i$childrenKe = options[i][childrenKey]) === null || _options$i$childrenKe === void 0 ? void 0 : _options$i$childrenKe.length) {\n        var active = this.getActiveElementOption(options[i][childrenKey], refKey);\n\n        if (!(0, _isEmpty2.default)(active)) {\n          return active;\n        }\n      }\n    }\n\n    return {};\n  };\n\n  _proto.getFlattenTreeData = function getFlattenTreeData(nodes) {\n    var _this4 = this;\n\n    var expandItemValues = this.state.expandItemValues;\n    var _this$props8 = this.props,\n        childrenKey = _this$props8.childrenKey,\n        valueKey = _this$props8.valueKey;\n    return (0, _treeUtils.flattenTree)(nodes, childrenKey, function (node) {\n      var formatted = {};\n      var curNode = _this4.nodes[node.refKey];\n      var parentKeys = (0, _treeUtils.getNodeParents)(curNode, 'parentNode', valueKey);\n\n      if (curNode) {\n        formatted = (0, _extends2.default)({}, node, {\n          check: curNode.check,\n          expand: curNode.expand,\n          uncheckable: curNode.uncheckable,\n          layer: curNode.layer,\n          parentNode: curNode.parentNode,\n          showNode: (0, _treeUtils.shouldShowNodeByExpanded)(expandItemValues, parentKeys)\n        });\n      }\n\n      return formatted;\n    });\n  };\n\n  _proto.getItemsAndActiveIndex = function getItemsAndActiveIndex() {\n    var items = this.getFocusableMenuItems();\n    var activeIndex = -1;\n    items.forEach(function (item, index) {\n      if (document.activeElement !== null) {\n        if (item.refKey === document.activeElement.getAttribute('data-key')) {\n          activeIndex = index;\n        }\n      }\n    });\n    return {\n      items: items,\n      activeIndex: activeIndex\n    };\n  };\n\n  _proto.getActiveItem = function getActiveItem() {\n    var filterData = this.state.filterData;\n    var activeItem = document.activeElement;\n\n    if (activeItem !== null) {\n      var _activeItem$dataset, _activeItem$dataset2, _this$nodes$nodeData$, _this$nodes$nodeData$2;\n\n      var key = activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$dataset = activeItem.dataset) === null || _activeItem$dataset === void 0 ? void 0 : _activeItem$dataset.key;\n      var layer = activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$dataset2 = activeItem.dataset) === null || _activeItem$dataset2 === void 0 ? void 0 : _activeItem$dataset2.layer;\n      var nodeData = this.getActiveElementOption(filterData, key);\n      nodeData.check = !((_this$nodes$nodeData$ = this.nodes[nodeData.refKey]) === null || _this$nodes$nodeData$ === void 0 ? void 0 : _this$nodes$nodeData$.check);\n      nodeData.parentNode = (_this$nodes$nodeData$2 = this.nodes[nodeData.refKey]) === null || _this$nodes$nodeData$2 === void 0 ? void 0 : _this$nodes$nodeData$2.parentNode;\n      return {\n        nodeData: nodeData,\n        layer: layer\n      };\n    }\n\n    return {};\n  }\n  /**\n   * 获取已选择的items，用于显示在placeholder\n   */\n  ;\n\n  _proto.getSelectedItems = function getSelectedItems(selectedValues) {\n    var _this5 = this;\n\n    var valueKey = this.props.valueKey;\n    var checkItems = [];\n    Object.keys(this.nodes).map(function (refKey) {\n      var node = _this5.nodes[refKey];\n\n      if (selectedValues.some(function (value) {\n        return (0, _shallowEqual.default)(node[valueKey], value);\n      })) {\n        checkItems.push(node);\n      }\n    });\n    return checkItems;\n  }\n  /**\n   * 判断传入的 value 是否存在于data 中\n   * @param {*} values\n   */\n  ;\n\n  _proto.hasValue = function hasValue(values) {\n    var _this6 = this;\n\n    if (values === void 0) {\n      values = this.state.selectedValues;\n    }\n\n    var valueKey = this.props.valueKey;\n    var selectedValues = Object.keys(this.nodes).map(function (refKey) {\n      return _this6.nodes[refKey][valueKey];\n    }).filter(function (item) {\n      return values.some(function (v) {\n        return (0, _shallowEqual.default)(v, item);\n      });\n    });\n    return !!selectedValues.length;\n  }\n  /**\n   * 拍平数组，将tree 转换为一维对象\n   * @param {*} nodes tree data\n   * @param {*} ref 当前层级\n   */\n  ;\n\n  _proto.flattenNodes = function flattenNodes(nodes, props, ref, parentNode, layer) {\n    var _this7 = this;\n\n    if (ref === void 0) {\n      ref = '0';\n    }\n\n    if (layer === void 0) {\n      layer = 0;\n    }\n\n    var _ref2 = props || this.props,\n        labelKey = _ref2.labelKey,\n        valueKey = _ref2.valueKey,\n        childrenKey = _ref2.childrenKey;\n\n    if (!Array.isArray(nodes) || nodes.length === 0) {\n      return;\n    }\n\n    nodes.forEach(function (node, index) {\n      var _this7$nodes$refKey;\n\n      var refKey = ref + \"-\" + index;\n      node.refKey = refKey;\n      _this7.nodes[refKey] = (_this7$nodes$refKey = {\n        layer: layer\n      }, _this7$nodes$refKey[labelKey] = node[labelKey], _this7$nodes$refKey[valueKey] = node[valueKey], _this7$nodes$refKey.expand = (0, _treeUtils.getExpandState)(node, props || _this7.props), _this7$nodes$refKey.uncheckable = (0, _utils2.getUncheckableState)(node, props || _this7.props), _this7$nodes$refKey.refKey = refKey, _this7$nodes$refKey);\n\n      if (parentNode) {\n        _this7.nodes[refKey].parentNode = parentNode;\n      }\n\n      _this7.flattenNodes(node[childrenKey], props, refKey, _this7.nodes[refKey], layer + 1);\n    });\n  }\n  /**\n   * 过滤选中的values中不包含 uncheckableItemValues 的那些值\n   * @param {*} values\n   */\n  ;\n\n  _proto.filterSelectedValues = function filterSelectedValues(values) {\n    var _this$props$uncheckab = this.props.uncheckableItemValues,\n        uncheckableItemValues = _this$props$uncheckab === void 0 ? [] : _this$props$uncheckab;\n    return values.filter(function (value) {\n      return !uncheckableItemValues.includes(value);\n    });\n  };\n\n  _proto.serializeList = function serializeList(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      if (nodes[refKey][key]) {\n        list.push(nodes[refKey][valueKey]);\n      }\n    });\n    return list;\n  };\n\n  _proto.serializeListOnlyParent = function serializeListOnlyParent(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      var currentNode = nodes[refKey];\n\n      if (currentNode.parentNode) {\n        var _currentNode$parentNo;\n\n        var parentNode = nodes[(_currentNode$parentNo = currentNode.parentNode) === null || _currentNode$parentNo === void 0 ? void 0 : _currentNode$parentNo.refKey];\n\n        if (currentNode[key]) {\n          if (!(parentNode === null || parentNode === void 0 ? void 0 : parentNode.checkAll)) {\n            list.push(nodes[refKey][valueKey]);\n          } else if (parentNode === null || parentNode === void 0 ? void 0 : parentNode.uncheckable) {\n            list.push(nodes[refKey][valueKey]);\n          }\n        }\n      } else {\n        if (currentNode[key]) {\n          list.push(nodes[refKey][valueKey]);\n        }\n      }\n    });\n    return list;\n  };\n\n  _proto.unserializeLists = function unserializeLists(lists, nextProps) {\n    var _this8 = this;\n\n    if (nextProps === void 0) {\n      nextProps = this.props;\n    }\n\n    var _nextProps = nextProps,\n        valueKey = _nextProps.valueKey,\n        cascade = _nextProps.cascade,\n        _nextProps$uncheckabl = _nextProps.uncheckableItemValues,\n        uncheckableItemValues = _nextProps$uncheckabl === void 0 ? [] : _nextProps$uncheckabl;\n    var expandAll = (0, _treeUtils.getExpandAll)(nextProps); // Reset values to false\n\n    Object.keys(this.nodes).forEach(function (refKey) {\n      Object.keys(lists).forEach(function (listKey) {\n        if (listKey === 'check') {\n          var node = _this8.nodes[refKey];\n\n          if (cascade && 'parentNode' in node) {\n            node[listKey] = node.parentNode[listKey];\n          } else {\n            node[listKey] = false;\n          }\n\n          lists[listKey].forEach(function (value) {\n            if ((0, _shallowEqual.default)(_this8.nodes[refKey][valueKey], value) && !uncheckableItemValues.some(function (uncheckableValue) {\n              return (0, _shallowEqual.default)(value, uncheckableValue);\n            })) {\n              _this8.nodes[refKey][listKey] = true;\n            }\n          });\n        }\n\n        if (listKey === 'expand') {\n          _this8.nodes[refKey][listKey] = false;\n\n          if (lists[listKey].length) {\n            lists[listKey].forEach(function (value) {\n              if ((0, _shallowEqual.default)(_this8.nodes[refKey][valueKey], value)) {\n                _this8.nodes[refKey][listKey] = true;\n              }\n            });\n          } else {\n            _this8.nodes[refKey][listKey] = expandAll;\n          }\n        }\n      });\n    });\n  };\n\n  _proto.toggleChecked = function toggleChecked(node, isChecked) {\n    var nodes = (0, _utils.clone)(this.nodes);\n    this.toggleDownChecked(nodes, node, isChecked);\n    node.parentNode && this.toggleUpChecked(nodes, node.parentNode, isChecked);\n    var values = this.serializeListOnlyParent('check', nodes);\n    return this.filterSelectedValues(values);\n  };\n\n  _proto.toggleUpChecked = function toggleUpChecked(nodes, node, checked) {\n    var cascade = this.props.cascade;\n    var currentNode = nodes[node.refKey];\n\n    if (cascade) {\n      if (!checked) {\n        currentNode.check = checked;\n        currentNode.checkAll = checked;\n      } else {\n        if (this.everyChildChecked(nodes, node)) {\n          currentNode.check = true;\n          currentNode.checkAll = true;\n        } else {\n          currentNode.check = false;\n          currentNode.checkAll = false;\n        }\n      }\n\n      if (node.parentNode) {\n        this.toggleUpChecked(nodes, node.parentNode, checked);\n      }\n    }\n  };\n\n  _proto.toggleDownChecked = function toggleDownChecked(nodes, node, isChecked) {\n    var _this9 = this;\n\n    var _this$props9 = this.props,\n        childrenKey = _this$props9.childrenKey,\n        cascade = _this$props9.cascade;\n    nodes[node.refKey].check = isChecked;\n\n    if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n      nodes[node.refKey].checkAll = false;\n    } else {\n      nodes[node.refKey].checkAll = isChecked;\n      node[childrenKey].forEach(function (child) {\n        _this9.toggleDownChecked(nodes, child, isChecked);\n      });\n    }\n  };\n\n  _proto.toggleNode = function toggleNode(key, node, toggleValue) {\n    // 如果该节点处于 disabledChecbox，则忽略该值\n    if (!node.uncheckable) {\n      this.nodes[node.refKey][key] = toggleValue;\n    }\n  };\n\n  _proto.toggleExpand = function toggleExpand(node, isExpand) {\n    var valueKey = this.props.valueKey;\n    var expandItemValues = new Set(this.serializeList('expand'));\n\n    if (isExpand) {\n      expandItemValues.add(node[valueKey]);\n    } else {\n      expandItemValues.delete(node[valueKey]);\n    }\n\n    return Array.from(expandItemValues);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this$props10 = this.props,\n        _this$props10$height = _this$props10.height,\n        height = _this$props10$height === void 0 ? defaultHeight : _this$props10$height,\n        locale = _this$props10.locale,\n        menuStyle = _this$props10.menuStyle,\n        searchable = _this$props10.searchable,\n        renderMenu = _this$props10.renderMenu,\n        virtualized = _this$props10.virtualized,\n        searchKeyword = _this$props10.searchKeyword,\n        renderExtraFooter = _this$props10.renderExtraFooter,\n        menuClassName = _this$props10.menuClassName,\n        menuAutoWidth = _this$props10.menuAutoWidth;\n    var keyword = !(0, _isUndefined2.default)(searchKeyword) ? searchKeyword : this.state.searchKeyword;\n    var classes = (0, _classnames.default)(menuClassName, this.addPrefix('check-tree-menu'));\n    var menu = this.renderCheckTree();\n    var styles = virtualized ? (0, _extends2.default)({\n      height: height\n    }, menuStyle) : menuStyle;\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: this.menuRef,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 917\n      },\n      __self: this\n    }, searchable ? React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      key: \"searchBar\",\n      onChange: this.handleSearch,\n      value: keyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 926\n      },\n      __self: this\n    }) : null, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.renderNode = function renderNode(node, layer) {\n    var _this10 = this;\n\n    var _this$state5 = this.state,\n        activeNode = _this$state5.activeNode,\n        searchKeyword = _this$state5.searchKeyword;\n    var _this$props11 = this.props,\n        valueKey = _this$props11.valueKey,\n        labelKey = _this$props11.labelKey,\n        childrenKey = _this$props11.childrenKey,\n        renderTreeNode = _this$props11.renderTreeNode,\n        renderTreeIcon = _this$props11.renderTreeIcon,\n        cascade = _this$props11.cascade,\n        locale = _this$props11.locale;\n    var visible = node.visible,\n        refKey = node.refKey; // 当处于搜索时，需要将所有节点都展开\n\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, node.expand);\n\n    if (!visible) {\n      return null;\n    }\n\n    var key = (0, _isString2.default)(node[valueKey]) || (0, _isNumber2.default)(node[valueKey]) ? node[valueKey] : refKey;\n    var children = node[childrenKey]; // 当用户进行搜索时，hasChildren的判断要变成判断是否存在 visible 为 true 的子节点\n\n    var visibleChildren = (0, _isUndefined2.default)(searchKeyword) || searchKeyword.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var props = {\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      expand: expand,\n      rtl: locale.rtl,\n      focus: activeNode ? (0, _shallowEqual.default)(activeNode[valueKey], node[valueKey]) : false,\n      visible: node.visible,\n      disabled: (0, _utils2.getDisabledState)(this.nodes, node, this.props),\n      nodeData: node,\n      checkState: this.getNodeCheckState(node, cascade),\n      hasChildren: visibleChildren,\n      uncheckable: node.uncheckable,\n      allUncheckable: (0, _utils2.getSiblingNodeUncheckable)(node, this.nodes),\n      onSelect: this.handleSelect,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n\n    if (props.hasChildren) {\n      var _classNames;\n\n      layer += 1; // 是否展开树节点且子节点不为空\n\n      var openClass = this.addTreePrefix('open');\n      var childrenClass = (0, _classnames.default)(this.addTreePrefix('node-children'), (_classNames = {}, _classNames[openClass] = expand && visibleChildren, _classNames));\n      var nodes = children || [];\n      return React.createElement(\"div\", {\n        className: childrenClass,\n        key: key,\n        ref: this.bindNodeRefs.bind(this, refKey),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 997\n        },\n        __self: this\n      }, React.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, props, {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 998\n        },\n        __self: this\n      })), React.createElement(\"div\", {\n        className: this.addTreePrefix('children'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 999\n        },\n        __self: this\n      }, nodes.map(function (child) {\n        return _this10.renderNode(child, layer);\n      })));\n    }\n\n    return React.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, props, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1006\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderVirtualNode = function renderVirtualNode(node, options) {\n    var _this$state6 = this.state,\n        activeNode = _this$state6.activeNode,\n        expandAll = _this$state6.expandAll,\n        searchKeyword = _this$state6.searchKeyword;\n    var _this$props12 = this.props,\n        valueKey = _this$props12.valueKey,\n        labelKey = _this$props12.labelKey,\n        childrenKey = _this$props12.childrenKey,\n        renderTreeNode = _this$props12.renderTreeNode,\n        renderTreeIcon = _this$props12.renderTreeIcon,\n        cascade = _this$props12.cascade,\n        locale = _this$props12.locale;\n    var key = options.key,\n        style = options.style;\n    var layer = node.layer,\n        refKey = node.refKey,\n        showNode = node.showNode;\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, node.expand);\n    var children = node[childrenKey];\n    var props = {\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      expand: expand,\n      rtl: locale.rtl,\n      focus: activeNode ? (0, _shallowEqual.default)(activeNode[valueKey], node[valueKey]) : false,\n      visible: node.visible,\n      disabled: (0, _utils2.getDisabledState)(this.nodes, node, this.props),\n      nodeData: node,\n      children: children,\n      expandAll: expandAll,\n      checkState: this.getNodeCheckState(node, cascade),\n      parentNode: node.parentNode,\n      hasChildren: !!children,\n      uncheckable: node.uncheckable,\n      allUncheckable: (0, _utils2.getSiblingNodeUncheckable)(node, this.nodes),\n      onSelect: this.handleSelect,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n    return showNode && React.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      style: style,\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, props, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1051\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderCheckTree = function renderCheckTree() {\n    var _classNames2,\n        _this11 = this,\n        _classNames3;\n\n    var _this$state7 = this.state,\n        filterData = _this$state7.filterData,\n        isSomeNodeHasChildren = _this$state7.isSomeNodeHasChildren;\n    var _this$props13 = this.props,\n        inline = _this$props13.inline,\n        style = _this$props13.style,\n        height = _this$props13.height,\n        className = _this$props13.className,\n        onScroll = _this$props13.onScroll,\n        locale = _this$props13.locale,\n        virtualized = _this$props13.virtualized,\n        searchable = _this$props13.searchable; // 树节点的层级\n\n    var layer = 0;\n    var classes = (0, _classnames.default)((0, _utils.defaultClassPrefix)('check-tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2['without-children'] = !isSomeNodeHasChildren, _classNames2));\n    var formattedNodes = [];\n\n    if (!virtualized) {\n      formattedNodes = (0, _utils2.getFormattedTree)(filterData, this.nodes, this.props).map(function (node) {\n        return _this11.renderNode(node, layer);\n      });\n\n      if (!formattedNodes.some(function (v) {\n        return v !== null;\n      })) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1099\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } else {\n      formattedNodes = this.getFlattenTreeData(filterData).filter(function (n) {\n        return n.showNode && n.visible;\n      });\n\n      if (!formattedNodes.length) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1104\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度\n\n\n    var treeHeight = (0, _isUndefined2.default)(height) && virtualized ? defaultHeight : height;\n    var treeWidth = (0, _isUndefined2.default)(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;\n    var styles = inline ? (0, _extends2.default)({\n      height: treeHeight\n    }, style) : {};\n    var treeNodesClass = (0, _classnames.default)(this.addTreePrefix('nodes'), (_classNames3 = {}, _classNames3[this.addTreePrefix('all-uncheckable')] = (0, _utils2.getEveryFisrtLevelNodeUncheckable)(this.nodes), _classNames3));\n    var listHeight = (0, _treeUtils.getVirtualLisHeight)(inline, searchable, treeHeight);\n    return React.createElement(\"div\", {\n      ref: this.treeViewRef,\n      className: classes,\n      style: styles,\n      onScroll: onScroll,\n      onKeyDown: this.handleKeyDown,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1118\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: treeNodesClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1125\n      },\n      __self: this\n    }, virtualized ? React.createElement(_AutoSizer.default, {\n      defaultHeight: listHeight,\n      defaultWidth: treeWidth,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1127\n      },\n      __self: this\n    }, function (_ref3) {\n      var height = _ref3.height,\n          width = _ref3.width;\n      return React.createElement(_List.default, {\n        ref: _this11.listRef,\n        width: width || treeWidth,\n        height: height || listHeight,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: _this11.measureRowRenderer(formattedNodes),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1129\n        },\n        __self: this\n      });\n    }) : formattedNodes));\n  };\n\n  _proto.render = function render() {\n    var _this$props14 = this.props,\n        cascade = _this$props14.cascade,\n        style = _this$props14.style,\n        locale = _this$props14.locale,\n        inline = _this$props14.inline,\n        disabled = _this$props14.disabled,\n        valueKey = _this$props14.valueKey,\n        labelKey = _this$props14.labelKey,\n        cleanable = _this$props14.cleanable,\n        countable = _this$props14.countable,\n        placeholder = _this$props14.placeholder,\n        toggleComponentClass = _this$props14.toggleComponentClass,\n        onExited = _this$props14.onExited,\n        onEntered = _this$props14.onEntered,\n        onClean = _this$props14.onClean,\n        renderValue = _this$props14.renderValue,\n        positionRef = _this$props14.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props14, [\"cascade\", \"style\", \"locale\", \"inline\", \"disabled\", \"valueKey\", \"labelKey\", \"cleanable\", \"countable\", \"placeholder\", \"toggleComponentClass\", \"onExited\", \"onEntered\", \"onClean\", \"renderValue\", \"positionRef\"]);\n    var _this$state8 = this.state,\n        hasValue = _this$state8.hasValue,\n        selectedValues = _this$state8.selectedValues;\n    var hasValidValue = hasValue || selectedValues.length > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedItems = this.getSelectedItems(selectedValues);\n    var selectedElement = placeholder;\n    /**\n     * if value is invalid and renderValue is undefined, then using placeholder.\n     * if value is valid and renderValue is't undefined, then using renderValue()\n     */\n\n    if (selectedValues.length) {\n      if (hasValue) {\n        selectedElement = React.createElement(_Picker.SelectedElement, {\n          selectedItems: selectedItems,\n          countable: countable,\n          valueKey: valueKey,\n          labelKey: labelKey,\n          prefix: this.addPrefix,\n          cascade: cascade,\n          locale: locale,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1180\n          },\n          __self: this\n        });\n      }\n\n      if ((0, _isFunction2.default)(renderValue)) {\n        selectedElement = renderValue(selectedValues, selectedItems, selectedElement);\n\n        if ((0, _isNil2.default)(selectedElement)) {\n          hasValidValue = false;\n        }\n      }\n    }\n\n    var unhandled = (0, _utils.getUnhandledProps)(CheckTreePicker, rest);\n    var classes = (0, _Picker.getToggleWrapperClassName)('check-tree', this.addPrefix, this.props, hasValidValue);\n\n    if (inline) {\n      return this.renderCheckTree();\n    }\n\n    return React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOnOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleOnClose, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1211\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1219\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onKeyDown: this.handleToggleKeyDown,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      componentClass: toggleComponentClass,\n      cleanable: cleanable && !disabled,\n      hasValue: hasValidValue,\n      active: this.state.active,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1220\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return CheckTreePicker;\n}(React.Component);\n\nCheckTreePicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPropTypes, {\n  height: _propTypes.default.number,\n  inline: _propTypes.default.bool,\n  cascade: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  expandAll: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  menuAutoWidth: _propTypes.default.bool,\n  defaultExpandAll: _propTypes.default.bool,\n  containerPadding: _propTypes.default.number,\n  disabledItemValues: _propTypes.default.array,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  uncheckableItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onScroll: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  searchBy: _propTypes.default.func\n});\nCheckTreePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {\n  cascade: true,\n  countable: true,\n  searchable: true,\n  menuAutoWidth: true,\n  defaultValue: [],\n  uncheckableItemValues: [],\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found',\n    checkAll: 'All'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(CheckTreePicker);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(CheckTreePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/CheckTreePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar _isString2 = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/List */ \"./node_modules/react-virtualized/dist/commonjs/List/index.js\"));\n\nvar _AutoSizer = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/AutoSizer */ \"./node_modules/react-virtualized/dist/commonjs/AutoSizer/index.js\"));\n\nvar _CellMeasurer = __webpack_require__(/*! react-virtualized/dist/commonjs/CellMeasurer */ \"./node_modules/react-virtualized/dist/commonjs/CellMeasurer/index.js\");\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _CheckTreeNode = _interopRequireDefault(__webpack_require__(/*! ./CheckTreeNode */ \"./src/CheckTreePicker/CheckTreeNode.tsx\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/CheckTreePicker/utils.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CheckTreePicker/CheckTreePicker.tsx\";\n// default value for virtualized\nvar defaultHeight = 360;\nvar defaultWidth = 200;\n\nvar CheckTreePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(CheckTreePicker, _React$Component);\n\n  function CheckTreePicker(_props) {\n    var _this;\n\n    _this = _React$Component.call(this, _props) || this;\n    _this.menuRef = void 0;\n    _this.treeViewRef = void 0;\n    _this.positionRef = void 0;\n    _this.listRef = void 0;\n    _this.triggerRef = void 0;\n    _this.toggleRef = void 0;\n\n    _this.getValue = function (props) {\n      if (props === void 0) {\n        props = _this.props;\n      }\n\n      var _props2 = props,\n          value = _props2.value,\n          defaultValue = _props2.defaultValue,\n          _props2$uncheckableIt = _props2.uncheckableItemValues,\n          uncheckableItemValues = _props2$uncheckableIt === void 0 ? [] : _props2$uncheckableIt;\n\n      if (value && value.length) {\n        return value.filter(function (v) {\n          return !uncheckableItemValues.includes(v);\n        });\n      }\n\n      if (defaultValue && defaultValue.length > 0) {\n        return defaultValue.filter(function (v) {\n          return !uncheckableItemValues.includes(v);\n        });\n      }\n\n      return [];\n    };\n\n    _this.getElementByDataKey = function (dataKey) {\n      var ele = _this.nodeRefs[dataKey];\n\n      if (ele instanceof Element) {\n        return ele.querySelector(\".\" + _this.addTreePrefix('node-label'));\n      }\n\n      return null;\n    };\n\n    _this.getFocusableMenuItems = function () {\n      var filterData = _this.state.filterData;\n      var childrenKey = _this.props.childrenKey;\n      var items = [];\n\n      var loop = function loop(treeNodes) {\n        treeNodes.forEach(function (node) {\n          var nodeData = (0, _extends2.default)({}, node, {}, _this.nodes[node.refKey]);\n\n          if (!(0, _utils2.getDisabledState)(_this.nodes, node, _this.props) && node.visible) {\n            items.push(node);\n          }\n\n          if (node[childrenKey] && (0, _treeUtils.getExpandState)(nodeData, _this.props)) {\n            loop(node[childrenKey]);\n          }\n        });\n      };\n\n      loop(filterData);\n      return items;\n    };\n\n    _this.nodes = {};\n    _this.activeNode = null;\n    _this.cache = new _CellMeasurer.CellMeasurerCache({\n      fixedWidth: true,\n      minHeight: 20\n    });\n    _this.nodeRefs = {};\n\n    _this.bindNodeRefs = function (refKey, ref) {\n      _this.nodeRefs[refKey] = ref;\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.selectActiveItem = function (event) {\n      var _this$getActiveItem = _this.getActiveItem(),\n          nodeData = _this$getActiveItem.nodeData;\n\n      _this.handleSelect(nodeData, event);\n    };\n\n    _this.focusNextItem = function () {\n      var _node$focus;\n\n      var _this$getItemsAndActi = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi.items,\n          activeIndex = _this$getItemsAndActi.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var nextIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;\n\n      var node = _this.getElementByDataKey(items[nextIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus = node.focus) === null || _node$focus === void 0 ? void 0 : _node$focus.call(node);\n    };\n\n    _this.focusPreviousItem = function () {\n      var _node$focus2;\n\n      var _this$getItemsAndActi2 = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi2.items,\n          activeIndex = _this$getItemsAndActi2.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var prevIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;\n      prevIndex = prevIndex >= 0 ? prevIndex : 0;\n\n      var node = _this.getElementByDataKey(items[prevIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus2 = node.focus) === null || _node$focus2 === void 0 ? void 0 : _node$focus2.call(node);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.everyChildChecked = function (nodes, node) {\n      var list = [];\n      Object.keys(nodes).forEach(function (refKey) {\n        var _curNode$parentNode;\n\n        var curNode = nodes[refKey];\n\n        if (((_curNode$parentNode = curNode.parentNode) === null || _curNode$parentNode === void 0 ? void 0 : _curNode$parentNode.refKey) === node.refKey && !curNode.uncheckable) {\n          list.push(curNode);\n        }\n      });\n      return list.every(function (l) {\n        return l.check;\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.addTreePrefix = function (name) {\n      return (0, _utils.prefix)((0, _utils.defaultClassPrefix)('check-tree'))(name);\n    };\n\n    _this.handleSelect = function (activeNode, event) {\n      var _this$props = _this.props,\n          onChange = _this$props.onChange,\n          onSelect = _this$props.onSelect,\n          value = _this$props.value;\n\n      var selectedValues = _this.toggleChecked(activeNode, !_this.nodes[activeNode.refKey].check);\n\n      if (!(0, _isUndefined2.default)(value)) {\n        _this.activeNode = activeNode;\n      } else {\n        _this.unserializeLists({\n          check: selectedValues\n        });\n\n        _this.setState({\n          activeNode: activeNode,\n          selectedValues: selectedValues,\n          hasValue: !!selectedValues.length\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(selectedValues, event);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeNode, selectedValues, event);\n    };\n\n    _this.handleToggle = function (node) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey,\n          onExpand = _this$props2.onExpand,\n          expandItemValues = _this$props2.expandItemValues;\n\n      var nextExpandItemValues = _this.toggleExpand(node, !node.expand);\n\n      if ((0, _isUndefined2.default)(expandItemValues)) {\n        _this.unserializeLists({\n          expand: nextExpandItemValues\n        });\n\n        _this.setState({\n          expandItemValues: nextExpandItemValues\n        });\n      }\n\n      onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }));\n    };\n\n    _this.handleKeyDown = function (event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextItem,\n        up: _this.focusPreviousItem,\n        enter: _this.selectActiveItem,\n        del: _this.handleClean\n      });\n    };\n\n    _this.handleToggleKeyDown = function (event) {\n      var _this$state = _this.state,\n          activeNode = _this$state.activeNode,\n          active = _this$state.active; // enter\n\n      if ((!activeNode || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.treeViewRef.current) {\n        return;\n      }\n\n      if (event.target instanceof HTMLElement) {\n        var className = event.target.className;\n\n        if (className.includes(_this.addPrefix('toggle')) || className.includes(_this.addPrefix('toggle-custom')) || className.includes(_this.addPrefix('search-bar-input'))) {\n          (0, _Picker.onMenuKeyDown)(event, {\n            down: _this.focusNextItem\n          });\n        }\n      }\n    };\n\n    _this.handleSearch = function (value, event) {\n      var filterData = _this.state.filterData;\n      var _this$props3 = _this.props,\n          onSearch = _this$props3.onSearch,\n          searchKeyword = _this$props3.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          filterData: _this.getFilterData(value, filterData),\n          searchKeyword: value\n        });\n      }\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    };\n\n    _this.handleClean = function (evnet) {\n      var _this$props$onChange, _this$props4;\n\n      _this.setState({\n        selectedValues: [],\n        hasValue: false,\n        activeNode: {}\n      });\n\n      _this.unserializeLists({\n        check: []\n      });\n\n      (_this$props$onChange = (_this$props4 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props4, [], evnet);\n    };\n\n    _this.handleOnOpen = function () {\n      var _this$props$onOpen, _this$props5;\n\n      var activeNode = _this.state.activeNode;\n\n      if (activeNode) {\n        var _node$focus3;\n\n        var node = _this.getElementByDataKey(activeNode.refKey);\n\n        node === null || node === void 0 ? void 0 : (_node$focus3 = node.focus) === null || _node$focus3 === void 0 ? void 0 : _node$focus3.call(node);\n      }\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleOnClose = function () {\n      var filterData = _this.state.filterData;\n      var _this$props6 = _this.props,\n          onClose = _this$props6.onClose,\n          searchKeyword = _this$props6.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          filterData: _this.getFilterData('', filterData),\n          searchKeyword: ''\n        });\n      }\n\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n\n      _this.setState({\n        active: false\n      });\n    };\n\n    _this.measureRowRenderer = function (nodes) {\n      return function (_ref) {\n        var key = _ref.key,\n            index = _ref.index,\n            style = _ref.style,\n            parent = _ref.parent;\n        var node = nodes[index];\n        return React.createElement(_CellMeasurer.CellMeasurer, {\n          cache: _this.cache,\n          columnIndex: 0,\n          key: key,\n          rowIndex: index,\n          parent: parent,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1065\n          },\n          __self: this\n        }, function () {\n          return _this.renderVirtualNode(node, {\n            key: key,\n            style: style\n          });\n        });\n      };\n    };\n\n    var _value = _props.value,\n        data = _props.data,\n        cascade = _props.cascade,\n        _childrenKey = _props.childrenKey,\n        _searchKeyword = _props.searchKeyword;\n    _this.nodes = {};\n\n    var nextValue = _this.getValue(_props);\n\n    var _nextExpandItemValues = (0, _treeUtils.getExpandItemValues)(_props);\n\n    var nextData = [].concat(data);\n\n    _this.flattenNodes(nextData, _props);\n\n    _this.unserializeLists({\n      check: nextValue,\n      expand: _nextExpandItemValues\n    }, _props);\n\n    _this.state = {\n      data: data,\n      value: _value,\n      cascade: cascade,\n      hasValue: _this.hasValue(nextValue),\n      expandAll: (0, _treeUtils.getExpandAll)(_props),\n      filterData: _this.getFilterData(_searchKeyword, nextData, _props),\n      searchKeyword: _searchKeyword || '',\n      selectedValues: nextValue,\n      expandItemValues: _this.serializeList('expand'),\n      uncheckableItemValues: _props.uncheckableItemValues,\n      isSomeNodeHasChildren: (0, _utils2.isSomeNodeHasChildren)(data, _childrenKey)\n    };\n    _this.treeViewRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.listRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    _this.toggleRef = React.createRef(); // for test\n\n    _this.menuRef = React.createRef();\n    (0, _treeUtils.treeDeprecatedWarning)(_props, ['expandAll']);\n    return _this;\n  }\n\n  CheckTreePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        cascade = nextProps.cascade,\n        expandAll = nextProps.expandAll,\n        searchKeyword = nextProps.searchKeyword,\n        uncheckableItemValues = nextProps.uncheckableItemValues,\n        expandItemValues = nextProps.expandItemValues;\n    var nextState = {};\n\n    if ((0, _isArray2.default)(data) && (0, _isArray2.default)(prevState.data) && prevState.data !== data) {\n      nextState.data = data;\n    }\n\n    if ((0, _treeUtils.compareArray)(value, prevState.value)) {\n      nextState.value = value;\n    }\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      nextState.expandItemValues = expandItemValues;\n    }\n\n    if ((0, _treeUtils.compareArray)(uncheckableItemValues, prevState.uncheckableItemValues)) {\n      nextState.uncheckableItemValues = uncheckableItemValues;\n    }\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && searchKeyword !== prevState.searchKeyword) {\n      nextState.searchKeyword = searchKeyword;\n    }\n\n    if (cascade !== prevState.cascade) {\n      nextState.cascade = cascade;\n    }\n\n    if (expandAll !== prevState.expandAll) {\n      nextState.expandAll = expandAll;\n    }\n\n    return Object.keys(nextState).length ? nextState : null;\n  };\n\n  var _proto = CheckTreePicker.prototype;\n\n  _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {\n    this.updateDataChange(prevState);\n    this.updateValueChange(prevState);\n    this.updateExpandItemValuesChange(prevState);\n    this.updateUncheckableItemValuesChange(prevState);\n    this.updateCascadeChange(prevState);\n    this.updateSearchKeywordChange(prevState);\n\n    if (this.listRef.current) {\n      this.listRef.current.forceUpdateGrid();\n    }\n  };\n\n  _proto.updateDataChange = function updateDataChange(prevState) {\n    var _this$state2 = this.state,\n        searchKeyword = _this$state2.searchKeyword,\n        expandItemValues = _this$state2.expandItemValues;\n    var _this$props7 = this.props,\n        _this$props7$data = _this$props7.data,\n        data = _this$props7$data === void 0 ? [] : _this$props7$data,\n        childrenKey = _this$props7.childrenKey;\n\n    if (prevState.data !== data) {\n      var nextData = [].concat(data);\n      this.nodes = {};\n      this.flattenNodes(nextData);\n      this.unserializeLists({\n        check: this.getValue(),\n        expand: expandItemValues\n      });\n      this.setState({\n        data: nextData,\n        filterData: this.getFilterData(searchKeyword, nextData),\n        isSomeNodeHasChildren: (0, _utils2.isSomeNodeHasChildren)(nextData, childrenKey),\n        hasValue: this.hasValue(),\n        expandItemValues: this.serializeList('expand')\n      });\n    }\n  };\n\n  _proto.updateValueChange = function updateValueChange(prevState) {\n    var expandItemValues = this.state.expandItemValues;\n    var value = this.props.value;\n\n    if ((0, _treeUtils.compareArray)(value, prevState.value)) {\n      this.unserializeLists({\n        check: value,\n        expand: expandItemValues\n      });\n      this.setState({\n        selectedValues: value,\n        hasValue: this.hasValue(value),\n        activeNode: value.length ? this.activeNode : null\n      });\n    }\n  };\n\n  _proto.updateExpandItemValuesChange = function updateExpandItemValuesChange(prevState) {\n    var expandItemValues = this.props.expandItemValues;\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      this.unserializeLists({\n        expand: expandItemValues\n      });\n      this.setState({\n        expandItemValues: expandItemValues\n      });\n    }\n  };\n\n  _proto.updateUncheckableItemValuesChange = function updateUncheckableItemValuesChange(prevState) {\n    var _this$state3 = this.state,\n        data = _this$state3.data,\n        selectedValues = _this$state3.selectedValues,\n        expandItemValues = _this$state3.expandItemValues;\n    var uncheckableItemValues = this.props.uncheckableItemValues;\n\n    if ((0, _treeUtils.compareArray)(uncheckableItemValues, prevState.uncheckableItemValues)) {\n      this.flattenNodes(data);\n      this.unserializeLists({\n        check: selectedValues,\n        expand: expandItemValues\n      });\n      this.setState({\n        hasValue: this.hasValue()\n      });\n    }\n  };\n\n  _proto.updateCascadeChange = function updateCascadeChange(prevState) {\n    var _this$state4 = this.state,\n        data = _this$state4.data,\n        selectedValues = _this$state4.selectedValues,\n        expandItemValues = _this$state4.expandItemValues;\n    var cascade = this.props.cascade; // cascade 改变时，重新初始化\n\n    if (cascade !== prevState.cascade && cascade) {\n      this.flattenNodes(data);\n      this.unserializeLists({\n        check: selectedValues,\n        expand: expandItemValues\n      });\n      this.setState({\n        cascade: cascade\n      });\n    }\n  };\n\n  _proto.updateSearchKeywordChange = function updateSearchKeywordChange(prevState) {\n    var filterData = this.state.filterData;\n    var searchKeyword = this.props.searchKeyword;\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && prevState.searchKeyword !== searchKeyword) {\n      this.setState({\n        filterData: this.getFilterData(searchKeyword, filterData)\n      });\n    }\n  };\n\n  _proto.getNodeCheckState = function getNodeCheckState(node, cascade) {\n    var childrenKey = this.props.childrenKey;\n\n    if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n      this.nodes[node.refKey].checkAll = false;\n      return node.check ? _constants.CHECK_STATE.CHECK : _constants.CHECK_STATE.UNCHECK;\n    }\n\n    if ((0, _utils2.isEveryChildChecked)(node, this.nodes, this.props)) {\n      this.nodes[node.refKey].checkAll = true;\n      return _constants.CHECK_STATE.CHECK;\n    }\n\n    if ((0, _utils2.isSomeChildChecked)(node, this.nodes, this.props)) {\n      this.nodes[node.refKey].checkAll = false;\n      return _constants.CHECK_STATE.INDETERMINATE;\n    }\n\n    return _constants.CHECK_STATE.UNCHECK;\n  };\n\n  _proto.getFilterData = function getFilterData(searchKeyword, data, props) {\n    if (searchKeyword === void 0) {\n      searchKeyword = '';\n    }\n\n    if (props === void 0) {\n      props = this.props;\n    }\n\n    var _props3 = props,\n        labelKey = _props3.labelKey,\n        childrenKey = _props3.childrenKey,\n        searchBy = _props3.searchBy;\n\n    var setVisible = function setVisible(nodes) {\n      if (nodes === void 0) {\n        nodes = [];\n      }\n\n      return nodes.forEach(function (item) {\n        item.visible = searchBy ? searchBy(searchKeyword, item[labelKey], item) : (0, _Picker.shouldDisplay)(item[labelKey], searchKeyword);\n\n        if ((0, _isArray2.default)(item[childrenKey])) {\n          setVisible(item[childrenKey]);\n          item[childrenKey].forEach(function (child) {\n            if (child.visible) {\n              item.visible = child.visible;\n            }\n          });\n        }\n      });\n    };\n\n    setVisible(data);\n    return data;\n  };\n\n  _proto.getActiveElementOption = function getActiveElementOption(options, refKey) {\n    var childrenKey = this.props.childrenKey;\n\n    for (var i = 0; i < options.length; i += 1) {\n      var _options$i$childrenKe;\n\n      if (options[i].refKey === refKey) {\n        return options[i];\n      } else if ((_options$i$childrenKe = options[i][childrenKey]) === null || _options$i$childrenKe === void 0 ? void 0 : _options$i$childrenKe.length) {\n        var active = this.getActiveElementOption(options[i][childrenKey], refKey);\n\n        if (!(0, _isEmpty2.default)(active)) {\n          return active;\n        }\n      }\n    }\n\n    return {};\n  };\n\n  _proto.getFlattenTreeData = function getFlattenTreeData(nodes) {\n    var _this4 = this;\n\n    var expandItemValues = this.state.expandItemValues;\n    var _this$props8 = this.props,\n        childrenKey = _this$props8.childrenKey,\n        valueKey = _this$props8.valueKey;\n    return (0, _treeUtils.flattenTree)(nodes, childrenKey, function (node) {\n      var formatted = {};\n      var curNode = _this4.nodes[node.refKey];\n      var parentKeys = (0, _treeUtils.getNodeParents)(curNode, 'parentNode', valueKey);\n\n      if (curNode) {\n        formatted = (0, _extends2.default)({}, node, {\n          check: curNode.check,\n          expand: curNode.expand,\n          uncheckable: curNode.uncheckable,\n          layer: curNode.layer,\n          parentNode: curNode.parentNode,\n          showNode: (0, _treeUtils.shouldShowNodeByExpanded)(expandItemValues, parentKeys)\n        });\n      }\n\n      return formatted;\n    });\n  };\n\n  _proto.getItemsAndActiveIndex = function getItemsAndActiveIndex() {\n    var items = this.getFocusableMenuItems();\n    var activeIndex = -1;\n    items.forEach(function (item, index) {\n      if (document.activeElement !== null) {\n        if (item.refKey === document.activeElement.getAttribute('data-key')) {\n          activeIndex = index;\n        }\n      }\n    });\n    return {\n      items: items,\n      activeIndex: activeIndex\n    };\n  };\n\n  _proto.getActiveItem = function getActiveItem() {\n    var filterData = this.state.filterData;\n    var activeItem = document.activeElement;\n\n    if (activeItem !== null) {\n      var _activeItem$dataset, _activeItem$dataset2, _this$nodes$nodeData$, _this$nodes$nodeData$2;\n\n      var key = activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$dataset = activeItem.dataset) === null || _activeItem$dataset === void 0 ? void 0 : _activeItem$dataset.key;\n      var layer = activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$dataset2 = activeItem.dataset) === null || _activeItem$dataset2 === void 0 ? void 0 : _activeItem$dataset2.layer;\n      var nodeData = this.getActiveElementOption(filterData, key);\n      nodeData.check = !((_this$nodes$nodeData$ = this.nodes[nodeData.refKey]) === null || _this$nodes$nodeData$ === void 0 ? void 0 : _this$nodes$nodeData$.check);\n      nodeData.parentNode = (_this$nodes$nodeData$2 = this.nodes[nodeData.refKey]) === null || _this$nodes$nodeData$2 === void 0 ? void 0 : _this$nodes$nodeData$2.parentNode;\n      return {\n        nodeData: nodeData,\n        layer: layer\n      };\n    }\n\n    return {};\n  }\n  /**\n   * 获取已选择的items，用于显示在placeholder\n   */\n  ;\n\n  _proto.getSelectedItems = function getSelectedItems(selectedValues) {\n    var _this5 = this;\n\n    var valueKey = this.props.valueKey;\n    var checkItems = [];\n    Object.keys(this.nodes).map(function (refKey) {\n      var node = _this5.nodes[refKey];\n\n      if (selectedValues.some(function (value) {\n        return (0, _shallowEqual.default)(node[valueKey], value);\n      })) {\n        checkItems.push(node);\n      }\n    });\n    return checkItems;\n  }\n  /**\n   * 判断传入的 value 是否存在于data 中\n   * @param {*} values\n   */\n  ;\n\n  _proto.hasValue = function hasValue(values) {\n    var _this6 = this;\n\n    if (values === void 0) {\n      values = this.state.selectedValues;\n    }\n\n    var valueKey = this.props.valueKey;\n    var selectedValues = Object.keys(this.nodes).map(function (refKey) {\n      return _this6.nodes[refKey][valueKey];\n    }).filter(function (item) {\n      return values.some(function (v) {\n        return (0, _shallowEqual.default)(v, item);\n      });\n    });\n    return !!selectedValues.length;\n  }\n  /**\n   * 拍平数组，将tree 转换为一维对象\n   * @param {*} nodes tree data\n   * @param {*} ref 当前层级\n   */\n  ;\n\n  _proto.flattenNodes = function flattenNodes(nodes, props, ref, parentNode, layer) {\n    var _this7 = this;\n\n    if (ref === void 0) {\n      ref = '0';\n    }\n\n    if (layer === void 0) {\n      layer = 0;\n    }\n\n    var _ref2 = props || this.props,\n        labelKey = _ref2.labelKey,\n        valueKey = _ref2.valueKey,\n        childrenKey = _ref2.childrenKey;\n\n    if (!Array.isArray(nodes) || nodes.length === 0) {\n      return;\n    }\n\n    nodes.forEach(function (node, index) {\n      var _this7$nodes$refKey;\n\n      var refKey = ref + \"-\" + index;\n      node.refKey = refKey;\n      _this7.nodes[refKey] = (_this7$nodes$refKey = {\n        layer: layer\n      }, _this7$nodes$refKey[labelKey] = node[labelKey], _this7$nodes$refKey[valueKey] = node[valueKey], _this7$nodes$refKey.expand = (0, _treeUtils.getExpandState)(node, props || _this7.props), _this7$nodes$refKey.uncheckable = (0, _utils2.getUncheckableState)(node, props || _this7.props), _this7$nodes$refKey.refKey = refKey, _this7$nodes$refKey);\n\n      if (parentNode) {\n        _this7.nodes[refKey].parentNode = parentNode;\n      }\n\n      _this7.flattenNodes(node[childrenKey], props, refKey, _this7.nodes[refKey], layer + 1);\n    });\n  }\n  /**\n   * 过滤选中的values中不包含 uncheckableItemValues 的那些值\n   * @param {*} values\n   */\n  ;\n\n  _proto.filterSelectedValues = function filterSelectedValues(values) {\n    var _this$props$uncheckab = this.props.uncheckableItemValues,\n        uncheckableItemValues = _this$props$uncheckab === void 0 ? [] : _this$props$uncheckab;\n    return values.filter(function (value) {\n      return !uncheckableItemValues.includes(value);\n    });\n  };\n\n  _proto.serializeList = function serializeList(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      if (nodes[refKey][key]) {\n        list.push(nodes[refKey][valueKey]);\n      }\n    });\n    return list;\n  };\n\n  _proto.serializeListOnlyParent = function serializeListOnlyParent(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      var currentNode = nodes[refKey];\n\n      if (currentNode.parentNode) {\n        var _currentNode$parentNo;\n\n        var parentNode = nodes[(_currentNode$parentNo = currentNode.parentNode) === null || _currentNode$parentNo === void 0 ? void 0 : _currentNode$parentNo.refKey];\n\n        if (currentNode[key]) {\n          if (!(parentNode === null || parentNode === void 0 ? void 0 : parentNode.checkAll)) {\n            list.push(nodes[refKey][valueKey]);\n          } else if (parentNode === null || parentNode === void 0 ? void 0 : parentNode.uncheckable) {\n            list.push(nodes[refKey][valueKey]);\n          }\n        }\n      } else {\n        if (currentNode[key]) {\n          list.push(nodes[refKey][valueKey]);\n        }\n      }\n    });\n    return list;\n  };\n\n  _proto.unserializeLists = function unserializeLists(lists, nextProps) {\n    var _this8 = this;\n\n    if (nextProps === void 0) {\n      nextProps = this.props;\n    }\n\n    var _nextProps = nextProps,\n        valueKey = _nextProps.valueKey,\n        cascade = _nextProps.cascade,\n        _nextProps$uncheckabl = _nextProps.uncheckableItemValues,\n        uncheckableItemValues = _nextProps$uncheckabl === void 0 ? [] : _nextProps$uncheckabl;\n    var expandAll = (0, _treeUtils.getExpandAll)(nextProps); // Reset values to false\n\n    Object.keys(this.nodes).forEach(function (refKey) {\n      Object.keys(lists).forEach(function (listKey) {\n        if (listKey === 'check') {\n          var node = _this8.nodes[refKey];\n\n          if (cascade && 'parentNode' in node) {\n            node[listKey] = node.parentNode[listKey];\n          } else {\n            node[listKey] = false;\n          }\n\n          lists[listKey].forEach(function (value) {\n            if ((0, _shallowEqual.default)(_this8.nodes[refKey][valueKey], value) && !uncheckableItemValues.some(function (uncheckableValue) {\n              return (0, _shallowEqual.default)(value, uncheckableValue);\n            })) {\n              _this8.nodes[refKey][listKey] = true;\n            }\n          });\n        }\n\n        if (listKey === 'expand') {\n          _this8.nodes[refKey][listKey] = false;\n\n          if (lists[listKey].length) {\n            lists[listKey].forEach(function (value) {\n              if ((0, _shallowEqual.default)(_this8.nodes[refKey][valueKey], value)) {\n                _this8.nodes[refKey][listKey] = true;\n              }\n            });\n          } else {\n            _this8.nodes[refKey][listKey] = expandAll;\n          }\n        }\n      });\n    });\n  };\n\n  _proto.toggleChecked = function toggleChecked(node, isChecked) {\n    var nodes = (0, _utils.clone)(this.nodes);\n    this.toggleDownChecked(nodes, node, isChecked);\n    node.parentNode && this.toggleUpChecked(nodes, node.parentNode, isChecked);\n    var values = this.serializeListOnlyParent('check', nodes);\n    return this.filterSelectedValues(values);\n  };\n\n  _proto.toggleUpChecked = function toggleUpChecked(nodes, node, checked) {\n    var cascade = this.props.cascade;\n    var currentNode = nodes[node.refKey];\n\n    if (cascade) {\n      if (!checked) {\n        currentNode.check = checked;\n        currentNode.checkAll = checked;\n      } else {\n        if (this.everyChildChecked(nodes, node)) {\n          currentNode.check = true;\n          currentNode.checkAll = true;\n        } else {\n          currentNode.check = false;\n          currentNode.checkAll = false;\n        }\n      }\n\n      if (node.parentNode) {\n        this.toggleUpChecked(nodes, node.parentNode, checked);\n      }\n    }\n  };\n\n  _proto.toggleDownChecked = function toggleDownChecked(nodes, node, isChecked) {\n    var _this9 = this;\n\n    var _this$props9 = this.props,\n        childrenKey = _this$props9.childrenKey,\n        cascade = _this$props9.cascade;\n    nodes[node.refKey].check = isChecked;\n\n    if (!node[childrenKey] || !node[childrenKey].length || !cascade) {\n      nodes[node.refKey].checkAll = false;\n    } else {\n      nodes[node.refKey].checkAll = isChecked;\n      node[childrenKey].forEach(function (child) {\n        _this9.toggleDownChecked(nodes, child, isChecked);\n      });\n    }\n  };\n\n  _proto.toggleNode = function toggleNode(key, node, toggleValue) {\n    // 如果该节点处于 disabledChecbox，则忽略该值\n    if (!node.uncheckable) {\n      this.nodes[node.refKey][key] = toggleValue;\n    }\n  };\n\n  _proto.toggleExpand = function toggleExpand(node, isExpand) {\n    var valueKey = this.props.valueKey;\n    var expandItemValues = new Set(this.serializeList('expand'));\n\n    if (isExpand) {\n      expandItemValues.add(node[valueKey]);\n    } else {\n      expandItemValues.delete(node[valueKey]);\n    }\n\n    return Array.from(expandItemValues);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this$props10 = this.props,\n        _this$props10$height = _this$props10.height,\n        height = _this$props10$height === void 0 ? defaultHeight : _this$props10$height,\n        locale = _this$props10.locale,\n        menuStyle = _this$props10.menuStyle,\n        searchable = _this$props10.searchable,\n        renderMenu = _this$props10.renderMenu,\n        virtualized = _this$props10.virtualized,\n        searchKeyword = _this$props10.searchKeyword,\n        renderExtraFooter = _this$props10.renderExtraFooter,\n        menuClassName = _this$props10.menuClassName,\n        menuAutoWidth = _this$props10.menuAutoWidth;\n    var keyword = !(0, _isUndefined2.default)(searchKeyword) ? searchKeyword : this.state.searchKeyword;\n    var classes = (0, _classnames.default)(menuClassName, this.addPrefix('check-tree-menu'));\n    var menu = this.renderCheckTree();\n    var styles = virtualized ? (0, _extends2.default)({\n      height: height\n    }, menuStyle) : menuStyle;\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: this.menuRef,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 917\n      },\n      __self: this\n    }, searchable ? React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      key: \"searchBar\",\n      onChange: this.handleSearch,\n      value: keyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 926\n      },\n      __self: this\n    }) : null, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.renderNode = function renderNode(node, layer) {\n    var _this10 = this;\n\n    var _this$state5 = this.state,\n        activeNode = _this$state5.activeNode,\n        searchKeyword = _this$state5.searchKeyword;\n    var _this$props11 = this.props,\n        valueKey = _this$props11.valueKey,\n        labelKey = _this$props11.labelKey,\n        childrenKey = _this$props11.childrenKey,\n        renderTreeNode = _this$props11.renderTreeNode,\n        renderTreeIcon = _this$props11.renderTreeIcon,\n        cascade = _this$props11.cascade,\n        locale = _this$props11.locale;\n    var visible = node.visible,\n        refKey = node.refKey; // 当处于搜索时，需要将所有节点都展开\n\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, node.expand);\n\n    if (!visible) {\n      return null;\n    }\n\n    var key = (0, _isString2.default)(node[valueKey]) || (0, _isNumber2.default)(node[valueKey]) ? node[valueKey] : refKey;\n    var children = node[childrenKey]; // 当用户进行搜索时，hasChildren的判断要变成判断是否存在 visible 为 true 的子节点\n\n    var visibleChildren = (0, _isUndefined2.default)(searchKeyword) || searchKeyword.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var props = {\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      expand: expand,\n      rtl: locale.rtl,\n      focus: activeNode ? (0, _shallowEqual.default)(activeNode[valueKey], node[valueKey]) : false,\n      visible: node.visible,\n      disabled: (0, _utils2.getDisabledState)(this.nodes, node, this.props),\n      nodeData: node,\n      checkState: this.getNodeCheckState(node, cascade),\n      hasChildren: visibleChildren,\n      uncheckable: node.uncheckable,\n      allUncheckable: (0, _utils2.getSiblingNodeUncheckable)(node, this.nodes),\n      onSelect: this.handleSelect,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n\n    if (props.hasChildren) {\n      var _classNames;\n\n      layer += 1; // 是否展开树节点且子节点不为空\n\n      var openClass = this.addTreePrefix('open');\n      var childrenClass = (0, _classnames.default)(this.addTreePrefix('node-children'), (_classNames = {}, _classNames[openClass] = expand && visibleChildren, _classNames));\n      var nodes = children || [];\n      return React.createElement(\"div\", {\n        className: childrenClass,\n        key: key,\n        ref: this.bindNodeRefs.bind(this, refKey),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 997\n        },\n        __self: this\n      }, React.createElement(_CheckTreeNode.default, (0, _extends2.default)({}, props, {\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 998\n        },\n        __self: this\n      })), React.createElement(\"div\", {\n        className: this.addTreePrefix('children'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 999\n        },\n        __self: this\n      }, nodes.map(function (child) {\n        return _this10.renderNode(child, layer);\n      })));\n    }\n\n    return React.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, props, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1006\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderVirtualNode = function renderVirtualNode(node, options) {\n    var _this$state6 = this.state,\n        activeNode = _this$state6.activeNode,\n        expandAll = _this$state6.expandAll,\n        searchKeyword = _this$state6.searchKeyword;\n    var _this$props12 = this.props,\n        valueKey = _this$props12.valueKey,\n        labelKey = _this$props12.labelKey,\n        childrenKey = _this$props12.childrenKey,\n        renderTreeNode = _this$props12.renderTreeNode,\n        renderTreeIcon = _this$props12.renderTreeIcon,\n        cascade = _this$props12.cascade,\n        locale = _this$props12.locale;\n    var key = options.key,\n        style = options.style;\n    var layer = node.layer,\n        refKey = node.refKey,\n        showNode = node.showNode;\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, node.expand);\n    var children = node[childrenKey];\n    var props = {\n      value: node[valueKey],\n      label: node[labelKey],\n      layer: layer,\n      expand: expand,\n      rtl: locale.rtl,\n      focus: activeNode ? (0, _shallowEqual.default)(activeNode[valueKey], node[valueKey]) : false,\n      visible: node.visible,\n      disabled: (0, _utils2.getDisabledState)(this.nodes, node, this.props),\n      nodeData: node,\n      children: children,\n      expandAll: expandAll,\n      checkState: this.getNodeCheckState(node, cascade),\n      parentNode: node.parentNode,\n      hasChildren: !!children,\n      uncheckable: node.uncheckable,\n      allUncheckable: (0, _utils2.getSiblingNodeUncheckable)(node, this.nodes),\n      onSelect: this.handleSelect,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n    return showNode && React.createElement(_CheckTreeNode.default, (0, _extends2.default)({\n      style: style,\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, props, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1051\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderCheckTree = function renderCheckTree() {\n    var _classNames2,\n        _this11 = this,\n        _classNames3;\n\n    var _this$state7 = this.state,\n        filterData = _this$state7.filterData,\n        isSomeNodeHasChildren = _this$state7.isSomeNodeHasChildren;\n    var _this$props13 = this.props,\n        inline = _this$props13.inline,\n        style = _this$props13.style,\n        height = _this$props13.height,\n        className = _this$props13.className,\n        onScroll = _this$props13.onScroll,\n        locale = _this$props13.locale,\n        virtualized = _this$props13.virtualized,\n        searchable = _this$props13.searchable; // 树节点的层级\n\n    var layer = 0;\n    var classes = (0, _classnames.default)((0, _utils.defaultClassPrefix)('check-tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2['without-children'] = !isSomeNodeHasChildren, _classNames2));\n    var formattedNodes = [];\n\n    if (!virtualized) {\n      formattedNodes = (0, _utils2.getFormattedTree)(filterData, this.nodes, this.props).map(function (node) {\n        return _this11.renderNode(node, layer);\n      });\n\n      if (!formattedNodes.some(function (v) {\n        return v !== null;\n      })) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1099\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } else {\n      formattedNodes = this.getFlattenTreeData(filterData).filter(function (n) {\n        return n.showNode && n.visible;\n      });\n\n      if (!formattedNodes.length) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1104\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度\n\n\n    var treeHeight = (0, _isUndefined2.default)(height) && virtualized ? defaultHeight : height;\n    var treeWidth = (0, _isUndefined2.default)(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;\n    var styles = inline ? (0, _extends2.default)({\n      height: treeHeight\n    }, style) : {};\n    var treeNodesClass = (0, _classnames.default)(this.addTreePrefix('nodes'), (_classNames3 = {}, _classNames3[this.addTreePrefix('all-uncheckable')] = (0, _utils2.getEveryFisrtLevelNodeUncheckable)(this.nodes), _classNames3));\n    var listHeight = (0, _treeUtils.getVirtualLisHeight)(inline, searchable, treeHeight);\n    return React.createElement(\"div\", {\n      ref: this.treeViewRef,\n      className: classes,\n      style: styles,\n      onScroll: onScroll,\n      onKeyDown: this.handleKeyDown,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1118\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: treeNodesClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1125\n      },\n      __self: this\n    }, virtualized ? React.createElement(_AutoSizer.default, {\n      defaultHeight: listHeight,\n      defaultWidth: treeWidth,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1127\n      },\n      __self: this\n    }, function (_ref3) {\n      var height = _ref3.height,\n          width = _ref3.width;\n      return React.createElement(_List.default, {\n        ref: _this11.listRef,\n        width: width || treeWidth,\n        height: height || listHeight,\n        rowHeight: 36,\n        rowCount: formattedNodes.length,\n        rowRenderer: _this11.measureRowRenderer(formattedNodes),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1129\n        },\n        __self: this\n      });\n    }) : formattedNodes));\n  };\n\n  _proto.render = function render() {\n    var _this$props14 = this.props,\n        cascade = _this$props14.cascade,\n        style = _this$props14.style,\n        locale = _this$props14.locale,\n        inline = _this$props14.inline,\n        disabled = _this$props14.disabled,\n        valueKey = _this$props14.valueKey,\n        labelKey = _this$props14.labelKey,\n        cleanable = _this$props14.cleanable,\n        countable = _this$props14.countable,\n        placeholder = _this$props14.placeholder,\n        toggleComponentClass = _this$props14.toggleComponentClass,\n        onExited = _this$props14.onExited,\n        onEntered = _this$props14.onEntered,\n        onClean = _this$props14.onClean,\n        renderValue = _this$props14.renderValue,\n        positionRef = _this$props14.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props14, [\"cascade\", \"style\", \"locale\", \"inline\", \"disabled\", \"valueKey\", \"labelKey\", \"cleanable\", \"countable\", \"placeholder\", \"toggleComponentClass\", \"onExited\", \"onEntered\", \"onClean\", \"renderValue\", \"positionRef\"]);\n    var _this$state8 = this.state,\n        hasValue = _this$state8.hasValue,\n        selectedValues = _this$state8.selectedValues;\n    var hasValidValue = hasValue || selectedValues.length > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedItems = this.getSelectedItems(selectedValues);\n    var selectedElement = placeholder;\n    /**\n     * if value is invalid and renderValue is undefined, then using placeholder.\n     * if value is valid and renderValue is't undefined, then using renderValue()\n     */\n\n    if (selectedValues.length) {\n      if (hasValue) {\n        selectedElement = React.createElement(_Picker.SelectedElement, {\n          selectedItems: selectedItems,\n          countable: countable,\n          valueKey: valueKey,\n          labelKey: labelKey,\n          prefix: this.addPrefix,\n          cascade: cascade,\n          locale: locale,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 1180\n          },\n          __self: this\n        });\n      }\n\n      if ((0, _isFunction2.default)(renderValue)) {\n        selectedElement = renderValue(selectedValues, selectedItems, selectedElement);\n\n        if ((0, _isNil2.default)(selectedElement)) {\n          hasValidValue = false;\n        }\n      }\n    }\n\n    var unhandled = (0, _utils.getUnhandledProps)(CheckTreePicker, rest);\n    var classes = (0, _Picker.getToggleWrapperClassName)('check-tree', this.addPrefix, this.props, hasValidValue);\n\n    if (inline) {\n      return this.renderCheckTree();\n    }\n\n    return React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOnOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleOnClose, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1211\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1219\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onKeyDown: this.handleToggleKeyDown,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      componentClass: toggleComponentClass,\n      cleanable: cleanable && !disabled,\n      hasValue: hasValidValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1220\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return CheckTreePicker;\n}(React.Component);\n\nCheckTreePicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPropTypes, {\n  height: _propTypes.default.number,\n  inline: _propTypes.default.bool,\n  cascade: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  expandAll: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  menuAutoWidth: _propTypes.default.bool,\n  defaultExpandAll: _propTypes.default.bool,\n  containerPadding: _propTypes.default.number,\n  disabledItemValues: _propTypes.default.array,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  uncheckableItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onScroll: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  searchBy: _propTypes.default.func\n});\nCheckTreePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {\n  cascade: true,\n  countable: true,\n  searchable: true,\n  menuAutoWidth: true,\n  defaultValue: [],\n  uncheckableItemValues: [],\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found',\n    checkAll: 'All'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(CheckTreePicker);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(CheckTreePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/CheckTreePicker/CheckTreePicker.tsx?");
 
 /***/ }),
 
@@ -6666,7 +6666,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/h
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _set_seconds = _interopRequireDefault(__webpack_require__(/*! date-fns/set_seconds */ \"./node_modules/date-fns/set_seconds/index.js\"));\n\nvar _set_minutes = _interopRequireDefault(__webpack_require__(/*! date-fns/set_minutes */ \"./node_modules/date-fns/set_minutes/index.js\"));\n\nvar _set_hours = _interopRequireDefault(__webpack_require__(/*! date-fns/set_hours */ \"./node_modules/date-fns/set_hours/index.js\"));\n\nvar _get_seconds = _interopRequireDefault(__webpack_require__(/*! date-fns/get_seconds */ \"./node_modules/date-fns/get_seconds/index.js\"));\n\nvar _is_same_day = _interopRequireDefault(__webpack_require__(/*! date-fns/is_same_day */ \"./node_modules/date-fns/is_same_day/index.js\"));\n\nvar _get_hours = _interopRequireDefault(__webpack_require__(/*! date-fns/get_hours */ \"./node_modules/date-fns/get_hours/index.js\"));\n\nvar _get_minutes = _interopRequireDefault(__webpack_require__(/*! date-fns/get_minutes */ \"./node_modules/date-fns/get_minutes/index.js\"));\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedDate = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedDate */ \"./src/IntlProvider/FormattedDate.tsx\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ../Calendar/Calendar */ \"./src/Calendar/Calendar.tsx\"));\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _timeUtils = __webpack_require__(/*! ../utils/timeUtils */ \"./src/utils/timeUtils.ts\");\n\nvar _formatUtils = __webpack_require__(/*! ../utils/formatUtils */ \"./src/utils/formatUtils.ts\");\n\nvar _composeFunctions = _interopRequireDefault(__webpack_require__(/*! ../utils/composeFunctions */ \"./src/utils/composeFunctions.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\";\n\nvar DatePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(DatePicker, _React$Component);\n\n  function DatePicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuContainerRef = void 0;\n    _this.triggerRef = void 0;\n    _this.calendar = null;\n\n    _this.onMoveForword = function (nextPageDate) {\n      var _this$props$onNextMon, _this$props, _this$props$onChangeC, _this$props2;\n\n      _this.setState({\n        pageDate: nextPageDate\n      });\n\n      (_this$props$onNextMon = (_this$props = _this.props).onNextMonth) === null || _this$props$onNextMon === void 0 ? void 0 : _this$props$onNextMon.call(_this$props, nextPageDate);\n      (_this$props$onChangeC = (_this$props2 = _this.props).onChangeCalendarDate) === null || _this$props$onChangeC === void 0 ? void 0 : _this$props$onChangeC.call(_this$props2, nextPageDate);\n    };\n\n    _this.onMoveBackward = function (nextPageDate) {\n      var _this$props$onPrevMon, _this$props3, _this$props$onChangeC2, _this$props4;\n\n      _this.setState({\n        pageDate: nextPageDate\n      });\n\n      (_this$props$onPrevMon = (_this$props3 = _this.props).onPrevMonth) === null || _this$props$onPrevMon === void 0 ? void 0 : _this$props$onPrevMon.call(_this$props3, nextPageDate);\n      (_this$props$onChangeC2 = (_this$props4 = _this.props).onChangeCalendarDate) === null || _this$props$onChangeC2 === void 0 ? void 0 : _this$props$onChangeC2.call(_this$props4, nextPageDate);\n    };\n\n    _this.getValue = function () {\n      return _this.props.value || _this.state.value;\n    };\n\n    _this.handleChangePageDate = function (nextPageDate) {\n      _this.setState({\n        pageDate: nextPageDate,\n        calendarState: undefined\n      });\n\n      _this.handleAllSelect(nextPageDate);\n    };\n\n    _this.handleChangePageTime = function (nextPageTime) {\n      _this.setState({\n        pageDate: nextPageTime\n      });\n\n      _this.handleAllSelect(nextPageTime);\n    };\n\n    _this.handleToggleMeridian = function () {\n      var pageDate = _this.state.pageDate;\n      var hours = (0, _get_hours.default)(pageDate);\n      var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n      var nextDate = (0, _set_hours.default)(pageDate, nextHours);\n\n      _this.setState({\n        pageDate: nextDate\n      });\n    };\n\n    _this.handleShortcutPageDate = function (value, closeOverlay, event) {\n      _this.updateValue(event, value, closeOverlay);\n\n      _this.handleAllSelect(value, event);\n    };\n\n    _this.handleOK = function (event) {\n      var _this$props$onOk, _this$props5;\n\n      _this.updateValue(event);\n\n      (_this$props$onOk = (_this$props5 = _this.props).onOk) === null || _this$props$onOk === void 0 ? void 0 : _this$props$onOk.call(_this$props5, _this.state.pageDate, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.toggleMonthDropdown = function () {\n      var _this$props$onToggleM, _this$props6;\n\n      var calendarState = _this.state.calendarState;\n      var toggle;\n\n      if (calendarState === 'DROP_MONTH') {\n        _this.hideDropdown();\n\n        toggle = false;\n      } else {\n        _this.showMonthDropdown();\n\n        toggle = true;\n      }\n\n      (_this$props$onToggleM = (_this$props6 = _this.props).onToggleMonthDropdown) === null || _this$props$onToggleM === void 0 ? void 0 : _this$props$onToggleM.call(_this$props6, toggle);\n    };\n\n    _this.toggleTimeDropdown = function () {\n      var _this$props$onToggleT, _this$props7;\n\n      var calendarState = _this.state.calendarState;\n      var toggle;\n\n      if (calendarState === 'DROP_TIME') {\n        _this.hideDropdown();\n\n        toggle = false;\n      } else {\n        _this.showTimeDropdown();\n\n        toggle = true;\n      }\n\n      (_this$props$onToggleT = (_this$props7 = _this.props).onToggleTimeDropdown) === null || _this$props$onToggleT === void 0 ? void 0 : _this$props$onToggleT.call(_this$props7, toggle);\n    };\n\n    _this.handleClean = function (event) {\n      _this.setState({\n        pageDate: new Date()\n      });\n\n      _this.updateValue(event, null);\n    };\n\n    _this.handleAllSelect = function (nextValue, event) {\n      var _this$props$onSelect, _this$props8, _this$props$onChangeC3, _this$props9;\n\n      (_this$props$onSelect = (_this$props8 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props8, nextValue, event);\n      (_this$props$onChangeC3 = (_this$props9 = _this.props).onChangeCalendarDate) === null || _this$props$onChangeC3 === void 0 ? void 0 : _this$props$onChangeC3.call(_this$props9, nextValue, event);\n    };\n\n    _this.handleSelect = function (nextValue, event) {\n      var oneTap = _this.props.oneTap;\n      var pageDate = _this.state.pageDate;\n\n      _this.setState({\n        pageDate: (0, _composeFunctions.default)(function (d) {\n          return (0, _set_hours.default)(d, (0, _get_hours.default)(pageDate));\n        }, function (d) {\n          return (0, _set_minutes.default)(d, (0, _get_minutes.default)(pageDate));\n        }, function (d) {\n          return (0, _set_seconds.default)(d, (0, _get_seconds.default)(pageDate));\n        })(nextValue)\n      });\n\n      _this.handleAllSelect(nextValue);\n\n      if (oneTap) {\n        _this.updateValue(event, nextValue);\n      }\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props10;\n\n      (_this$props$onOpen = (_this$props10 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props10);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props11;\n\n      (_this$props$onClose = (_this$props11 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props11);\n\n      _this.setState({\n        calendarState: undefined,\n        active: false\n      });\n    };\n\n    _this.disabledToolbarHandle = function (date) {\n      var disabledDate = _this.props.disabledDate;\n      var allowDate = disabledDate ? disabledDate(date) : false;\n      var allowTime = (0, _timeUtils.disabledTime)(_this.props, date);\n      return allowDate || allowTime;\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    var defaultValue = props.defaultValue,\n        _value = props.value,\n        calendarDefaultDate = props.calendarDefaultDate;\n    var activeValue = _value || defaultValue;\n    _this.state = {\n      value: activeValue,\n      pageDate: activeValue || calendarDefaultDate || new Date() // display calendar date\n\n    };\n    _this.triggerRef = React.createRef(); // for test\n\n    _this.menuContainerRef = React.createRef();\n    return _this;\n  }\n\n  DatePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    if (typeof nextProps.value !== 'undefined') {\n      var value = nextProps.value;\n\n      if (value && !(0, _is_same_day.default)(value, prevState.value)) {\n        return {\n          value: value,\n          pageDate: value\n        };\n      }\n\n      return {\n        value: value\n      };\n    }\n\n    return null;\n  };\n\n  var _proto = DatePicker.prototype;\n\n  _proto.getDateString = function getDateString() {\n    var _this$props12 = this.props,\n        placeholder = _this$props12.placeholder,\n        formatType = _this$props12.format,\n        renderValue = _this$props12.renderValue;\n    var value = this.getValue();\n\n    if (value) {\n      return renderValue ? renderValue(value, formatType) : React.createElement(_FormattedDate.default, {\n        date: value,\n        formatStr: formatType,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 162\n        },\n        __self: this\n      });\n    }\n\n    return placeholder || formatType;\n  };\n\n  _proto.updateValue = function updateValue(event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var pageDate = this.state.pageDate;\n    var value = this.getValue();\n    var nextValue = !(0, _isUndefined2.default)(nextPageDate) ? nextPageDate : pageDate;\n    this.setState({\n      pageDate: nextValue || new Date(),\n      value: nextValue\n    });\n\n    if (nextValue !== value || !(0, _is_same_day.default)(nextValue, value)) {\n      var _this$props$onChange, _this$props13;\n\n      (_this$props$onChange = (_this$props13 = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props13, nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      this.handleCloseDropdown();\n    }\n  };\n\n  _proto.resetPageDate = function resetPageDate() {\n    var calendarDefaultDate = this.props.calendarDefaultDate;\n    var value = this.getValue();\n    this.setState({\n      pageDate: value || calendarDefaultDate || new Date()\n    });\n  };\n\n  _proto.showMonthDropdown = function showMonthDropdown() {\n    this.setState({\n      calendarState: 'DROP_MONTH'\n    });\n  };\n\n  _proto.hideDropdown = function hideDropdown() {\n    this.setState({\n      calendarState: undefined\n    });\n  };\n\n  _proto.showTimeDropdown = function showTimeDropdown() {\n    this.setState({\n      calendarState: 'DROP_TIME'\n    });\n  };\n\n  _proto.renderCalendar = function renderCalendar() {\n    var _this$props14 = this.props,\n        format = _this$props14.format,\n        isoWeek = _this$props14.isoWeek,\n        limitEndYear = _this$props14.limitEndYear,\n        disabledDate = _this$props14.disabledDate,\n        showWeekNumbers = _this$props14.showWeekNumbers,\n        showMeridian = _this$props14.showMeridian;\n    var _this$state = this.state,\n        calendarState = _this$state.calendarState,\n        pageDate = _this$state.pageDate;\n    var calendarProps = (0, _pick2.default)(this.props, _timeUtils.calendarOnlyProps);\n    return React.createElement(_Calendar.default, (0, _extends2.default)({}, calendarProps, {\n      showWeekNumbers: showWeekNumbers,\n      showMeridian: showMeridian,\n      disabledDate: disabledDate,\n      limitEndYear: limitEndYear,\n      format: format,\n      isoWeek: isoWeek,\n      calendarState: calendarState,\n      pageDate: pageDate,\n      onMoveForword: this.onMoveForword,\n      onMoveBackward: this.onMoveBackward,\n      onSelect: this.handleSelect,\n      onToggleMonthDropdown: this.toggleMonthDropdown,\n      onToggleTimeDropdown: this.toggleTimeDropdown,\n      onChangePageDate: this.handleChangePageDate,\n      onChangePageTime: this.handleChangePageTime,\n      onToggleMeridian: this.handleToggleMeridian,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 350\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu(calendar) {\n    var _this$props15 = this.props,\n        ranges = _this$props15.ranges,\n        menuClassName = _this$props15.menuClassName,\n        oneTap = _this$props15.oneTap;\n    var pageDate = this.state.pageDate;\n    var classes = (0, _classnames.default)(this.addPrefix('date-menu'), menuClassName);\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 377\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      ref: this.menuContainerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 378\n      },\n      __self: this\n    }, calendar, React.createElement(_Toolbar.default, {\n      ranges: ranges,\n      pageDate: pageDate,\n      disabledHandle: this.disabledToolbarHandle,\n      onShortcut: this.handleShortcutPageDate,\n      onOk: this.handleOK,\n      hideOkButton: oneTap,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 380\n      },\n      __self: this\n    })));\n  };\n\n  _proto.render = function render() {\n    var _getToggleWrapperClas;\n\n    var _this$props16 = this.props,\n        inline = _this$props16.inline,\n        className = _this$props16.className,\n        disabled = _this$props16.disabled,\n        cleanable = _this$props16.cleanable,\n        classPrefix = _this$props16.classPrefix,\n        format = _this$props16.format,\n        locale = _this$props16.locale,\n        toggleComponentClass = _this$props16.toggleComponentClass,\n        style = _this$props16.style,\n        onEntered = _this$props16.onEntered,\n        onExited = _this$props16.onExited,\n        onClean = _this$props16.onClean,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props16, [\"inline\", \"className\", \"disabled\", \"cleanable\", \"classPrefix\", \"format\", \"locale\", \"toggleComponentClass\", \"style\", \"onEntered\", \"onExited\", \"onClean\"]);\n    var value = this.getValue();\n    var unhandled = (0, _utils.getUnhandledProps)(DatePicker, rest);\n    var hasValue = !!value;\n    var calendar = this.renderCalendar();\n\n    if (inline) {\n      return React.createElement(_IntlContext.default.Provider, {\n        value: locale,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 416\n        },\n        __self: this\n      }, React.createElement(\"div\", {\n        className: (0, _classnames.default)(classPrefix, this.addPrefix('date-inline'), className),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 417\n        },\n        __self: this\n      }, calendar));\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('date', this.addPrefix, this.props, hasValue, (_getToggleWrapperClas = {}, _getToggleWrapperClas[this.addPrefix('date-only-time')] = (0, _formatUtils.shouldOnlyTime)(format), _getToggleWrapperClas));\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 429\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 430\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      onEntered: (0, _utils.createChainedFunction)(this.handleEntered, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(calendar),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 431\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 438\n      },\n      __self: this\n    }), this.getDateString()))));\n  };\n\n  return DatePicker;\n}(React.Component);\n\nDatePicker.propTypes = (0, _extends2.default)({}, _propTypes2.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  defaultValue: _propTypes.default.instanceOf(Date),\n  value: _propTypes.default.instanceOf(Date),\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  format: _propTypes.default.string,\n  inline: _propTypes.default.bool,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  oneTap: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func\n});\nDatePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.pickerDefaultProps, {\n  limitEndYear: 1000,\n  format: 'YYYY-MM-DD',\n  placeholder: '',\n  locale: {\n    sunday: 'Su',\n    monday: 'Mo',\n    tuesday: 'Tu',\n    wednesday: 'We',\n    thursday: 'Th',\n    friday: 'Fr',\n    saturday: 'Sa',\n    ok: 'OK',\n    today: 'Today',\n    yesterday: 'Yesterday',\n    hours: 'Hours',\n    minutes: 'Minutes',\n    seconds: 'Seconds'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(DatePicker);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(DatePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _set_seconds = _interopRequireDefault(__webpack_require__(/*! date-fns/set_seconds */ \"./node_modules/date-fns/set_seconds/index.js\"));\n\nvar _set_minutes = _interopRequireDefault(__webpack_require__(/*! date-fns/set_minutes */ \"./node_modules/date-fns/set_minutes/index.js\"));\n\nvar _set_hours = _interopRequireDefault(__webpack_require__(/*! date-fns/set_hours */ \"./node_modules/date-fns/set_hours/index.js\"));\n\nvar _get_seconds = _interopRequireDefault(__webpack_require__(/*! date-fns/get_seconds */ \"./node_modules/date-fns/get_seconds/index.js\"));\n\nvar _is_same_day = _interopRequireDefault(__webpack_require__(/*! date-fns/is_same_day */ \"./node_modules/date-fns/is_same_day/index.js\"));\n\nvar _get_hours = _interopRequireDefault(__webpack_require__(/*! date-fns/get_hours */ \"./node_modules/date-fns/get_hours/index.js\"));\n\nvar _get_minutes = _interopRequireDefault(__webpack_require__(/*! date-fns/get_minutes */ \"./node_modules/date-fns/get_minutes/index.js\"));\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedDate = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedDate */ \"./src/IntlProvider/FormattedDate.tsx\"));\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ../Calendar/Calendar */ \"./src/Calendar/Calendar.tsx\"));\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\n\nvar _timeUtils = __webpack_require__(/*! ../utils/timeUtils */ \"./src/utils/timeUtils.ts\");\n\nvar _formatUtils = __webpack_require__(/*! ../utils/formatUtils */ \"./src/utils/formatUtils.ts\");\n\nvar _composeFunctions = _interopRequireDefault(__webpack_require__(/*! ../utils/composeFunctions */ \"./src/utils/composeFunctions.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\";\n\nvar DatePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(DatePicker, _React$Component);\n\n  function DatePicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuContainerRef = void 0;\n    _this.triggerRef = void 0;\n    _this.calendar = null;\n\n    _this.onMoveForword = function (nextPageDate) {\n      var _this$props$onNextMon, _this$props, _this$props$onChangeC, _this$props2;\n\n      _this.setState({\n        pageDate: nextPageDate\n      });\n\n      (_this$props$onNextMon = (_this$props = _this.props).onNextMonth) === null || _this$props$onNextMon === void 0 ? void 0 : _this$props$onNextMon.call(_this$props, nextPageDate);\n      (_this$props$onChangeC = (_this$props2 = _this.props).onChangeCalendarDate) === null || _this$props$onChangeC === void 0 ? void 0 : _this$props$onChangeC.call(_this$props2, nextPageDate);\n    };\n\n    _this.onMoveBackward = function (nextPageDate) {\n      var _this$props$onPrevMon, _this$props3, _this$props$onChangeC2, _this$props4;\n\n      _this.setState({\n        pageDate: nextPageDate\n      });\n\n      (_this$props$onPrevMon = (_this$props3 = _this.props).onPrevMonth) === null || _this$props$onPrevMon === void 0 ? void 0 : _this$props$onPrevMon.call(_this$props3, nextPageDate);\n      (_this$props$onChangeC2 = (_this$props4 = _this.props).onChangeCalendarDate) === null || _this$props$onChangeC2 === void 0 ? void 0 : _this$props$onChangeC2.call(_this$props4, nextPageDate);\n    };\n\n    _this.getValue = function () {\n      return _this.props.value || _this.state.value;\n    };\n\n    _this.handleChangePageDate = function (nextPageDate) {\n      _this.setState({\n        pageDate: nextPageDate,\n        calendarState: undefined\n      });\n\n      _this.handleAllSelect(nextPageDate);\n    };\n\n    _this.handleChangePageTime = function (nextPageTime) {\n      _this.setState({\n        pageDate: nextPageTime\n      });\n\n      _this.handleAllSelect(nextPageTime);\n    };\n\n    _this.handleToggleMeridian = function () {\n      var pageDate = _this.state.pageDate;\n      var hours = (0, _get_hours.default)(pageDate);\n      var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n      var nextDate = (0, _set_hours.default)(pageDate, nextHours);\n\n      _this.setState({\n        pageDate: nextDate\n      });\n    };\n\n    _this.handleShortcutPageDate = function (value, closeOverlay, event) {\n      _this.updateValue(event, value, closeOverlay);\n\n      _this.handleAllSelect(value, event);\n    };\n\n    _this.handleOK = function (event) {\n      var _this$props$onOk, _this$props5;\n\n      _this.updateValue(event);\n\n      (_this$props$onOk = (_this$props5 = _this.props).onOk) === null || _this$props$onOk === void 0 ? void 0 : _this$props$onOk.call(_this$props5, _this.state.pageDate, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.toggleMonthDropdown = function () {\n      var _this$props$onToggleM, _this$props6;\n\n      var calendarState = _this.state.calendarState;\n      var toggle;\n\n      if (calendarState === 'DROP_MONTH') {\n        _this.hideDropdown();\n\n        toggle = false;\n      } else {\n        _this.showMonthDropdown();\n\n        toggle = true;\n      }\n\n      (_this$props$onToggleM = (_this$props6 = _this.props).onToggleMonthDropdown) === null || _this$props$onToggleM === void 0 ? void 0 : _this$props$onToggleM.call(_this$props6, toggle);\n    };\n\n    _this.toggleTimeDropdown = function () {\n      var _this$props$onToggleT, _this$props7;\n\n      var calendarState = _this.state.calendarState;\n      var toggle;\n\n      if (calendarState === 'DROP_TIME') {\n        _this.hideDropdown();\n\n        toggle = false;\n      } else {\n        _this.showTimeDropdown();\n\n        toggle = true;\n      }\n\n      (_this$props$onToggleT = (_this$props7 = _this.props).onToggleTimeDropdown) === null || _this$props$onToggleT === void 0 ? void 0 : _this$props$onToggleT.call(_this$props7, toggle);\n    };\n\n    _this.handleClean = function (event) {\n      _this.setState({\n        pageDate: new Date()\n      });\n\n      _this.updateValue(event, null);\n    };\n\n    _this.handleAllSelect = function (nextValue, event) {\n      var _this$props$onSelect, _this$props8, _this$props$onChangeC3, _this$props9;\n\n      (_this$props$onSelect = (_this$props8 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props8, nextValue, event);\n      (_this$props$onChangeC3 = (_this$props9 = _this.props).onChangeCalendarDate) === null || _this$props$onChangeC3 === void 0 ? void 0 : _this$props$onChangeC3.call(_this$props9, nextValue, event);\n    };\n\n    _this.handleSelect = function (nextValue, event) {\n      var oneTap = _this.props.oneTap;\n      var pageDate = _this.state.pageDate;\n\n      _this.setState({\n        pageDate: (0, _composeFunctions.default)(function (d) {\n          return (0, _set_hours.default)(d, (0, _get_hours.default)(pageDate));\n        }, function (d) {\n          return (0, _set_minutes.default)(d, (0, _get_minutes.default)(pageDate));\n        }, function (d) {\n          return (0, _set_seconds.default)(d, (0, _get_seconds.default)(pageDate));\n        })(nextValue)\n      });\n\n      _this.handleAllSelect(nextValue);\n\n      if (oneTap) {\n        _this.updateValue(event, nextValue);\n      }\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props10;\n\n      (_this$props$onOpen = (_this$props10 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props10);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props11;\n\n      (_this$props$onClose = (_this$props11 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props11);\n\n      _this.setState({\n        calendarState: undefined,\n        active: false\n      });\n    };\n\n    _this.disabledToolbarHandle = function (date) {\n      var disabledDate = _this.props.disabledDate;\n      var allowDate = disabledDate ? disabledDate(date) : false;\n      var allowTime = (0, _timeUtils.disabledTime)(_this.props, date);\n      return allowDate || allowTime;\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    var defaultValue = props.defaultValue,\n        _value = props.value,\n        calendarDefaultDate = props.calendarDefaultDate;\n    var activeValue = _value || defaultValue;\n    _this.state = {\n      value: activeValue,\n      pageDate: activeValue || calendarDefaultDate || new Date() // display calendar date\n\n    };\n    _this.triggerRef = React.createRef(); // for test\n\n    _this.menuContainerRef = React.createRef();\n    return _this;\n  }\n\n  DatePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    if (typeof nextProps.value !== 'undefined') {\n      var value = nextProps.value;\n\n      if (value && !(0, _is_same_day.default)(value, prevState.value)) {\n        return {\n          value: value,\n          pageDate: value\n        };\n      }\n\n      return {\n        value: value\n      };\n    }\n\n    return null;\n  };\n\n  var _proto = DatePicker.prototype;\n\n  _proto.getDateString = function getDateString() {\n    var _this$props12 = this.props,\n        placeholder = _this$props12.placeholder,\n        formatType = _this$props12.format,\n        renderValue = _this$props12.renderValue;\n    var value = this.getValue();\n\n    if (value) {\n      return renderValue ? renderValue(value, formatType) : React.createElement(_FormattedDate.default, {\n        date: value,\n        formatStr: formatType,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 162\n        },\n        __self: this\n      });\n    }\n\n    return placeholder || formatType;\n  };\n\n  _proto.updateValue = function updateValue(event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var pageDate = this.state.pageDate;\n    var value = this.getValue();\n    var nextValue = !(0, _isUndefined2.default)(nextPageDate) ? nextPageDate : pageDate;\n    this.setState({\n      pageDate: nextValue || new Date(),\n      value: nextValue\n    });\n\n    if (nextValue !== value || !(0, _is_same_day.default)(nextValue, value)) {\n      var _this$props$onChange, _this$props13;\n\n      (_this$props$onChange = (_this$props13 = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props13, nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      this.handleCloseDropdown();\n    }\n  };\n\n  _proto.resetPageDate = function resetPageDate() {\n    var calendarDefaultDate = this.props.calendarDefaultDate;\n    var value = this.getValue();\n    this.setState({\n      pageDate: value || calendarDefaultDate || new Date()\n    });\n  };\n\n  _proto.showMonthDropdown = function showMonthDropdown() {\n    this.setState({\n      calendarState: 'DROP_MONTH'\n    });\n  };\n\n  _proto.hideDropdown = function hideDropdown() {\n    this.setState({\n      calendarState: undefined\n    });\n  };\n\n  _proto.showTimeDropdown = function showTimeDropdown() {\n    this.setState({\n      calendarState: 'DROP_TIME'\n    });\n  };\n\n  _proto.renderCalendar = function renderCalendar() {\n    var _this$props14 = this.props,\n        format = _this$props14.format,\n        isoWeek = _this$props14.isoWeek,\n        limitEndYear = _this$props14.limitEndYear,\n        disabledDate = _this$props14.disabledDate,\n        showWeekNumbers = _this$props14.showWeekNumbers,\n        showMeridian = _this$props14.showMeridian;\n    var _this$state = this.state,\n        calendarState = _this$state.calendarState,\n        pageDate = _this$state.pageDate;\n    var calendarProps = (0, _pick2.default)(this.props, _timeUtils.calendarOnlyProps);\n    return React.createElement(_Calendar.default, (0, _extends2.default)({}, calendarProps, {\n      showWeekNumbers: showWeekNumbers,\n      showMeridian: showMeridian,\n      disabledDate: disabledDate,\n      limitEndYear: limitEndYear,\n      format: format,\n      isoWeek: isoWeek,\n      calendarState: calendarState,\n      pageDate: pageDate,\n      onMoveForword: this.onMoveForword,\n      onMoveBackward: this.onMoveBackward,\n      onSelect: this.handleSelect,\n      onToggleMonthDropdown: this.toggleMonthDropdown,\n      onToggleTimeDropdown: this.toggleTimeDropdown,\n      onChangePageDate: this.handleChangePageDate,\n      onChangePageTime: this.handleChangePageTime,\n      onToggleMeridian: this.handleToggleMeridian,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 350\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu(calendar) {\n    var _this$props15 = this.props,\n        ranges = _this$props15.ranges,\n        menuClassName = _this$props15.menuClassName,\n        oneTap = _this$props15.oneTap;\n    var pageDate = this.state.pageDate;\n    var classes = (0, _classnames.default)(this.addPrefix('date-menu'), menuClassName);\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 377\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      ref: this.menuContainerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 378\n      },\n      __self: this\n    }, calendar, React.createElement(_Toolbar.default, {\n      ranges: ranges,\n      pageDate: pageDate,\n      disabledHandle: this.disabledToolbarHandle,\n      onShortcut: this.handleShortcutPageDate,\n      onOk: this.handleOK,\n      hideOkButton: oneTap,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 380\n      },\n      __self: this\n    })));\n  };\n\n  _proto.render = function render() {\n    var _getToggleWrapperClas;\n\n    var _this$props16 = this.props,\n        inline = _this$props16.inline,\n        className = _this$props16.className,\n        disabled = _this$props16.disabled,\n        cleanable = _this$props16.cleanable,\n        classPrefix = _this$props16.classPrefix,\n        format = _this$props16.format,\n        locale = _this$props16.locale,\n        toggleComponentClass = _this$props16.toggleComponentClass,\n        style = _this$props16.style,\n        onEntered = _this$props16.onEntered,\n        onExited = _this$props16.onExited,\n        onClean = _this$props16.onClean,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props16, [\"inline\", \"className\", \"disabled\", \"cleanable\", \"classPrefix\", \"format\", \"locale\", \"toggleComponentClass\", \"style\", \"onEntered\", \"onExited\", \"onClean\"]);\n    var value = this.getValue();\n    var unhandled = (0, _utils.getUnhandledProps)(DatePicker, rest);\n    var hasValue = !!value;\n    var calendar = this.renderCalendar();\n\n    if (inline) {\n      return React.createElement(_IntlContext.default.Provider, {\n        value: locale,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 416\n        },\n        __self: this\n      }, React.createElement(\"div\", {\n        className: (0, _classnames.default)(classPrefix, this.addPrefix('date-inline'), className),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 417\n        },\n        __self: this\n      }, calendar));\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('date', this.addPrefix, this.props, hasValue, (_getToggleWrapperClas = {}, _getToggleWrapperClas[this.addPrefix('date-only-time')] = (0, _formatUtils.shouldOnlyTime)(format), _getToggleWrapperClas));\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 429\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 430\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      onEntered: (0, _utils.createChainedFunction)(this.handleEntered, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(calendar),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 431\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 438\n      },\n      __self: this\n    }), this.getDateString()))));\n  };\n\n  return DatePicker;\n}(React.Component);\n\nDatePicker.propTypes = (0, _extends2.default)({}, _propTypes2.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  defaultValue: _propTypes.default.instanceOf(Date),\n  value: _propTypes.default.instanceOf(Date),\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  format: _propTypes.default.string,\n  inline: _propTypes.default.bool,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  oneTap: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func\n});\nDatePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.pickerDefaultProps, {\n  limitEndYear: 1000,\n  format: 'YYYY-MM-DD',\n  placeholder: '',\n  locale: {\n    sunday: 'Su',\n    monday: 'Mo',\n    tuesday: 'Tu',\n    wednesday: 'We',\n    thursday: 'Th',\n    friday: 'Fr',\n    saturday: 'Sa',\n    ok: 'OK',\n    today: 'Today',\n    yesterday: 'Yesterday',\n    hours: 'Hours',\n    minutes: 'Minutes',\n    seconds: 'Seconds'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(DatePicker);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(DatePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
 
 /***/ }),
 
@@ -6774,7 +6774,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _compare_asc = _interopRequireDefault(__webpack_require__(/*! date-fns/compare_asc */ \"./node_modules/date-fns/compare_asc/index.js\"));\n\nvar _end_of_month = _interopRequireDefault(__webpack_require__(/*! date-fns/end_of_month */ \"./node_modules/date-fns/end_of_month/index.js\"));\n\nvar _start_of_month = _interopRequireDefault(__webpack_require__(/*! date-fns/start_of_month */ \"./node_modules/date-fns/start_of_month/index.js\"));\n\nvar _end_of_week = _interopRequireDefault(__webpack_require__(/*! date-fns/end_of_week */ \"./node_modules/date-fns/end_of_week/index.js\"));\n\nvar _start_of_week = _interopRequireDefault(__webpack_require__(/*! date-fns/start_of_week */ \"./node_modules/date-fns/start_of_week/index.js\"));\n\nvar _end_of_iso_week = _interopRequireDefault(__webpack_require__(/*! date-fns/end_of_iso_week */ \"./node_modules/date-fns/end_of_iso_week/index.js\"));\n\nvar _start_of_iso_week = _interopRequireDefault(__webpack_require__(/*! date-fns/start_of_iso_week */ \"./node_modules/date-fns/start_of_iso_week/index.js\"));\n\nvar _add_months = _interopRequireDefault(__webpack_require__(/*! date-fns/add_months */ \"./node_modules/date-fns/add_months/index.js\"));\n\nvar _is_same_month = _interopRequireDefault(__webpack_require__(/*! date-fns/is_same_month */ \"./node_modules/date-fns/is_same_month/index.js\"));\n\nvar _is_same_day = _interopRequireDefault(__webpack_require__(/*! date-fns/is_same_day */ \"./node_modules/date-fns/is_same_day/index.js\"));\n\nvar _is_after = _interopRequireDefault(__webpack_require__(/*! date-fns/is_after */ \"./node_modules/date-fns/is_after/index.js\"));\n\nvar _is_before = _interopRequireDefault(__webpack_require__(/*! date-fns/is_before */ \"./node_modules/date-fns/is_before/index.js\"));\n\nvar _add_days = _interopRequireDefault(__webpack_require__(/*! date-fns/add_days */ \"./node_modules/date-fns/add_days/index.js\"));\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedDate = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedDate */ \"./src/IntlProvider/FormattedDate.tsx\"));\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DateRangePicker/Toolbar.tsx\"));\n\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DateRangePicker/DatePicker.tsx\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\";\n\nvar DateRangePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(DateRangePicker, _React$Component);\n\n  DateRangePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value;\n\n    if (typeof value === 'undefined') {\n      return null;\n    }\n\n    if (value[0] && !(0, _is_same_day.default)(value[0], prevState.value[0]) || value[1] && !(0, _is_same_day.default)(value[1], prevState.value[1])) {\n      return {\n        value: value,\n        selectValue: value,\n        calendarDate: (0, _utils.getCalendarDate)(value)\n      };\n    }\n\n    return null;\n  };\n\n  function DateRangePicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuContainerRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.getValue = function () {\n      var value = _this.props.value;\n\n      if (typeof value !== 'undefined') {\n        return value;\n      }\n\n      return _this.state.value || [];\n    };\n\n    _this.getWeekHoverRange = function (date) {\n      var isoWeek = _this.props.isoWeek;\n\n      if (isoWeek) {\n        // set to the first day of this week according to ISO 8601, 12:00 am\n        return [(0, _start_of_iso_week.default)(date), (0, _end_of_iso_week.default)(date)];\n      }\n\n      return [(0, _start_of_week.default)(date), (0, _end_of_week.default)(date)];\n    };\n\n    _this.getMonthHoverRange = function (date) {\n      return [(0, _start_of_month.default)(date), (0, _end_of_month.default)(date)];\n    };\n\n    _this.handleChangeCalendarDate = function (index, date) {\n      var calendarDate = _this.state.calendarDate;\n      calendarDate[index] = date;\n\n      _this.setState({\n        calendarDate: calendarDate\n      });\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleShortcutPageDate = function (value, closeOverlay, event) {\n      _this.updateValue(event, value, closeOverlay);\n    };\n\n    _this.handleOK = function (event) {\n      var _this$props$onOk, _this$props;\n\n      _this.updateValue(event);\n\n      (_this$props$onOk = (_this$props = _this.props).onOk) === null || _this$props$onOk === void 0 ? void 0 : _this$props$onOk.call(_this$props, _this.state.selectValue, event);\n    };\n\n    _this.handleChangeSelectValue = function (date, event) {\n      var _this$state = _this.state,\n          selectValue = _this$state.selectValue,\n          doneSelected = _this$state.doneSelected;\n      var _this$props2 = _this.props,\n          onSelect = _this$props2.onSelect,\n          oneTap = _this$props2.oneTap;\n      var nextValue = [];\n\n      var nextHoverValue = _this.getHoverRange(date);\n\n      if (doneSelected) {\n        if (nextHoverValue.length) {\n          nextValue = [nextHoverValue[0], nextHoverValue[1], date];\n          nextHoverValue = [nextHoverValue[0], nextHoverValue[1], date];\n        } else {\n          nextValue = [date, undefined, date];\n        }\n      } else {\n        if (nextHoverValue.length) {\n          nextValue = [selectValue[0], selectValue[1]];\n        } else {\n          nextValue = [selectValue[0], date];\n        }\n\n        if ((0, _is_after.default)(nextValue[0], nextValue[1])) {\n          nextValue.reverse();\n        }\n\n        nextValue[0] = (0, _utils.setTimingMargin)(nextValue[0]);\n        nextValue[1] = (0, _utils.setTimingMargin)(nextValue[1]);\n\n        _this.setState({\n          calendarDate: (0, _utils.getCalendarDate)(nextValue)\n        });\n      }\n\n      var nextState = {\n        doneSelected: !doneSelected,\n        selectValue: nextValue,\n        hoverValue: nextHoverValue\n      };\n      event.persist();\n\n      _this.setState(nextState, function () {\n        // 如果是单击模式，并且是第一次点选，再触发一次点击\n        if (oneTap && !_this.state.doneSelected) {\n          _this.handleChangeSelectValue(date, event);\n        } // 如果是单击模式，并且是第二次点选，更新值，并关闭面板\n\n\n        if (oneTap && _this.state.doneSelected) {\n          _this.updateValue(event);\n        }\n\n        onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n      });\n    };\n\n    _this.handleMouseMoveSelectValue = function (date) {\n      var _this$state2 = _this.state,\n          doneSelected = _this$state2.doneSelected,\n          selectValue = _this$state2.selectValue,\n          hoverValue = _this$state2.hoverValue,\n          currentHoverDate = _this$state2.currentHoverDate;\n      var hoverRange = _this.props.hoverRange;\n\n      if (currentHoverDate && (0, _is_same_day.default)(date, currentHoverDate)) {\n        return;\n      }\n\n      var nextHoverValue = _this.getHoverRange(date);\n\n      if (doneSelected && !(0, _isUndefined2.default)(hoverRange)) {\n        _this.setState({\n          currentHoverDate: date,\n          hoverValue: nextHoverValue\n        });\n\n        return;\n      } else if (doneSelected) {\n        return;\n      }\n\n      var nextValue = selectValue;\n\n      if (!nextHoverValue.length) {\n        nextValue[1] = date;\n      } else if (hoverValue) {\n        nextValue = [(0, _is_before.default)(nextHoverValue[0], hoverValue[0]) ? nextHoverValue[0] : hoverValue[0], (0, _is_after.default)(nextHoverValue[1], hoverValue[1]) ? nextHoverValue[1] : hoverValue[1], nextValue[2]];\n      } // If `nextValue[0]` is greater than `nextValue[1]` then reverse order\n\n\n      if ((0, _is_after.default)(nextValue[0], nextValue[1])) {\n        nextValue.reverse();\n      }\n\n      _this.setState({\n        currentHoverDate: date,\n        selectValue: nextValue\n      });\n    };\n\n    _this.handleClean = function (event) {\n      _this.setState({\n        calendarDate: (0, _utils.getCalendarDate)()\n      });\n\n      _this.updateValue(event, []);\n    };\n\n    _this.handleEnter = function () {\n      var value = _this.getValue();\n\n      var calendarDate;\n\n      if (value && value.length) {\n        var startDate = value[0],\n            endData = value[1];\n        calendarDate = [startDate, (0, _is_same_month.default)(startDate, endData) ? (0, _add_months.default)(endData, 1) : endData];\n      } else {\n        calendarDate = (0, _utils.getCalendarDate)(_this.props.defaultCalendarValue);\n      }\n\n      _this.setState({\n        selectValue: value,\n        calendarDate: calendarDate,\n        active: true\n      });\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props3;\n\n      (_this$props$onOpen = (_this$props3 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props3);\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props4;\n\n      _this.setState({\n        active: false,\n        doneSelected: true\n      });\n\n      (_this$props$onClose = (_this$props4 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props4);\n    };\n\n    _this.disabledOkButton = function () {\n      var _this$state3 = _this.state,\n          selectValue = _this$state3.selectValue,\n          doneSelected = _this$state3.doneSelected;\n\n      if (!selectValue[0] || !selectValue[1] || !doneSelected) {\n        return true;\n      }\n\n      return _this.disabledByBetween(selectValue[0], selectValue[1], _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n    };\n\n    _this.disabledShortcutButton = function (value) {\n      if (value === void 0) {\n        value = [];\n      }\n\n      if (!value[0] || !value[1]) {\n        return true;\n      }\n\n      return _this.disabledByBetween(value[0], value[1], _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n    };\n\n    _this.handleDisabledDate = function (date, values, type) {\n      var disabledDate = _this.props.disabledDate;\n      var doneSelected = _this.state.doneSelected;\n\n      if (disabledDate) {\n        return disabledDate(date, values, doneSelected, type);\n      }\n\n      return false;\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    var defaultValue = props.defaultValue,\n        _value = props.value,\n        defaultCalendarValue = props.defaultCalendarValue;\n    var activeValue = _value || defaultValue || [];\n\n    var _calendarDate = (0, _utils.getCalendarDate)(_value || defaultCalendarValue);\n\n    _this.state = {\n      value: activeValue,\n      selectValue: activeValue,\n      doneSelected: true,\n      calendarDate: _calendarDate,\n      hoverValue: [],\n      currentHoverDate: null\n    }; // for test\n\n    _this.menuContainerRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = DateRangePicker.prototype;\n\n  _proto.getDateString = function getDateString(value) {\n    var _this$props5 = this.props,\n        placeholder = _this$props5.placeholder,\n        formatType = _this$props5.format,\n        renderValue = _this$props5.renderValue;\n    var nextValue = value || this.getValue();\n    var startDate = nextValue === null || nextValue === void 0 ? void 0 : nextValue[0];\n    var endDate = nextValue === null || nextValue === void 0 ? void 0 : nextValue[1];\n\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_compare_asc.default);\n      return renderValue ? renderValue(displayValue, formatType) : React.createElement(React.Fragment, null, React.createElement(_FormattedDate.default, {\n        date: displayValue[0],\n        formatStr: formatType,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 172\n        },\n        __self: this\n      }), \" ~\", ' ', React.createElement(_FormattedDate.default, {\n        date: displayValue[1],\n        formatStr: formatType,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 173\n        },\n        __self: this\n      }));\n    }\n\n    return placeholder || formatType + \" ~ \" + formatType;\n  } // hover range presets\n  ;\n\n  _proto.getHoverRange = function getHoverRange(date) {\n    var hoverRange = this.props.hoverRange;\n\n    if (!hoverRange) {\n      return [];\n    }\n\n    var hoverRangeFunc = hoverRange;\n\n    if (hoverRange === 'week') {\n      hoverRangeFunc = this.getWeekHoverRange;\n    }\n\n    if (hoverRangeFunc === 'month') {\n      hoverRangeFunc = this.getMonthHoverRange;\n    }\n\n    if (typeof hoverRangeFunc !== 'function') {\n      return [];\n    }\n\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n\n    if (!isHoverRangeValid) {\n      return [];\n    }\n\n    if ((0, _is_after.default)(hoverValues[0], hoverValues[1])) {\n      hoverValues.reverse();\n    }\n\n    return hoverValues;\n  };\n\n  _proto.resetPageDate = function resetPageDate() {\n    var selectValue = this.getValue();\n    var calendarDate = (0, _utils.getCalendarDate)(selectValue);\n    this.setState({\n      selectValue: selectValue,\n      calendarDate: calendarDate\n    });\n  }\n  /**\n   * Toolbar operation callback function\n   */\n  ;\n\n  _proto.updateValue = function updateValue(event, nextSelectValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var _this$state4 = this.state,\n        value = _this$state4.value,\n        selectValue = _this$state4.selectValue;\n    var onChange = this.props.onChange;\n    var nextValue = !(0, _isUndefined2.default)(nextSelectValue) ? nextSelectValue : selectValue;\n    this.setState({\n      selectValue: nextValue || [],\n      value: nextValue\n    });\n\n    if (onChange && (!(0, _is_same_day.default)(nextValue[0], value[0]) || !(0, _is_same_day.default)(nextValue[1], value[1]))) {\n      onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      this.handleCloseDropdown();\n    }\n  };\n\n  _proto.disabledByBetween = function disabledByBetween(start, end, type) {\n    var disabledDate = this.props.disabledDate;\n    var _this$state5 = this.state,\n        selectValue = _this$state5.selectValue,\n        doneSelected = _this$state5.doneSelected;\n    var selectStartDate = selectValue[0];\n    var selectEndDate = selectValue[1];\n    var nextSelectValue = [selectStartDate, selectEndDate]; // If the date is between the start and the end\n    // the button is disabled\n\n    while ((0, _is_before.default)(start, end) || (0, _is_same_day.default)(start, end)) {\n      if (disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(start, nextSelectValue, doneSelected, type)) {\n        return true;\n      }\n\n      start = (0, _add_days.default)(start, 1);\n    }\n\n    return false;\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames;\n\n    var _this$props6 = this.props,\n        menuClassName = _this$props6.menuClassName,\n        ranges = _this$props6.ranges,\n        isoWeek = _this$props6.isoWeek,\n        limitEndYear = _this$props6.limitEndYear,\n        oneTap = _this$props6.oneTap,\n        showWeekNumbers = _this$props6.showWeekNumbers,\n        showOneCalendar = _this$props6.showOneCalendar;\n    var _this$state6 = this.state,\n        calendarDate = _this$state6.calendarDate,\n        selectValue = _this$state6.selectValue,\n        hoverValue = _this$state6.hoverValue,\n        doneSelected = _this$state6.doneSelected;\n    var classes = (0, _classnames.default)(this.addPrefix('daterange-menu'), menuClassName);\n    var panelClasses = (0, _classnames.default)(this.addPrefix('daterange-panel'), (_classNames = {}, _classNames[this.addPrefix('daterange-panel-show-one-calendar')] = showOneCalendar, _classNames));\n    var pickerProps = {\n      isoWeek: isoWeek,\n      doneSelected: doneSelected,\n      hoverValue: hoverValue,\n      calendarDate: calendarDate,\n      limitEndYear: limitEndYear,\n      showWeekNumbers: showWeekNumbers,\n      value: selectValue,\n      disabledDate: this.handleDisabledDate,\n      onSelect: this.handleChangeSelectValue,\n      onMouseMove: this.handleMouseMoveSelectValue,\n      onChangeCalendarDate: this.handleChangeCalendarDate,\n      showOneCalendar: showOneCalendar\n    };\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      ref: this.menuContainerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 508\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: panelClasses,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 509\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addPrefix('daterange-content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 510\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addPrefix('daterange-header'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 511\n      },\n      __self: this\n    }, this.getDateString(selectValue)), React.createElement(\"div\", {\n      className: this.addPrefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 514\n      },\n      __self: this\n    }, React.createElement(_DatePicker.default, (0, _extends2.default)({\n      index: 0\n    }, pickerProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 519\n      },\n      __self: this\n    })), !showOneCalendar && React.createElement(_DatePicker.default, (0, _extends2.default)({\n      index: 1\n    }, pickerProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 520\n      },\n      __self: this\n    })))), React.createElement(_Toolbar.default, {\n      ranges: ranges,\n      selectValue: selectValue,\n      disabledOkButton: this.disabledOkButton,\n      disabledShortcutButton: this.disabledShortcutButton,\n      onShortcut: this.handleShortcutPageDate,\n      onOk: this.handleOK,\n      hideOkButton: oneTap,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 523\n      },\n      __self: this\n    })));\n  };\n\n  _proto.render = function render() {\n    var _this$props7 = this.props,\n        disabled = _this$props7.disabled,\n        cleanable = _this$props7.cleanable,\n        locale = _this$props7.locale,\n        toggleComponentClass = _this$props7.toggleComponentClass,\n        style = _this$props7.style,\n        onEntered = _this$props7.onEntered,\n        onEnter = _this$props7.onEnter,\n        onExited = _this$props7.onExited,\n        onClean = _this$props7.onClean,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, [\"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEntered\", \"onEnter\", \"onExited\", \"onClean\"]);\n    var value = this.getValue();\n    var unhandled = (0, _utils2.getUnhandledProps)(DateRangePicker, rest);\n    var hasValue = value && value.length > 1;\n    var classes = (0, _Picker.getToggleWrapperClassName)('daterange', this.addPrefix, this.props, hasValue);\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 556\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 557\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEnter, onEnter),\n      onEntered: (0, _utils2.createChainedFunction)(this.handleEntered, onEntered),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 558\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 566\n      },\n      __self: this\n    }), this.getDateString()))));\n  };\n\n  return DateRangePicker;\n}(React.Component);\n\nDateRangePicker.propTypes = (0, _extends2.default)({}, _propTypes2.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([_propTypes.default.oneOf(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  showWeekNumbers: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showOneCalendar: _propTypes.default.bool\n});\nDateRangePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.pickerDefaultProps, {\n  limitEndYear: 1000,\n  format: 'YYYY-MM-DD',\n  placeholder: '',\n  showOneCalendar: false,\n  locale: {\n    sunday: 'Su',\n    monday: 'Mo',\n    tuesday: 'Tu',\n    wednesday: 'We',\n    thursday: 'Th',\n    friday: 'Fr',\n    saturday: 'Sa',\n    ok: 'OK',\n    today: 'Today',\n    yesterday: 'Yesterday',\n    last7Days: 'Last 7 Days',\n    hours: 'Hours',\n    minutes: 'Minutes',\n    seconds: 'Seconds'\n  }\n});\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(DateRangePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _compare_asc = _interopRequireDefault(__webpack_require__(/*! date-fns/compare_asc */ \"./node_modules/date-fns/compare_asc/index.js\"));\n\nvar _end_of_month = _interopRequireDefault(__webpack_require__(/*! date-fns/end_of_month */ \"./node_modules/date-fns/end_of_month/index.js\"));\n\nvar _start_of_month = _interopRequireDefault(__webpack_require__(/*! date-fns/start_of_month */ \"./node_modules/date-fns/start_of_month/index.js\"));\n\nvar _end_of_week = _interopRequireDefault(__webpack_require__(/*! date-fns/end_of_week */ \"./node_modules/date-fns/end_of_week/index.js\"));\n\nvar _start_of_week = _interopRequireDefault(__webpack_require__(/*! date-fns/start_of_week */ \"./node_modules/date-fns/start_of_week/index.js\"));\n\nvar _end_of_iso_week = _interopRequireDefault(__webpack_require__(/*! date-fns/end_of_iso_week */ \"./node_modules/date-fns/end_of_iso_week/index.js\"));\n\nvar _start_of_iso_week = _interopRequireDefault(__webpack_require__(/*! date-fns/start_of_iso_week */ \"./node_modules/date-fns/start_of_iso_week/index.js\"));\n\nvar _add_months = _interopRequireDefault(__webpack_require__(/*! date-fns/add_months */ \"./node_modules/date-fns/add_months/index.js\"));\n\nvar _is_same_month = _interopRequireDefault(__webpack_require__(/*! date-fns/is_same_month */ \"./node_modules/date-fns/is_same_month/index.js\"));\n\nvar _is_same_day = _interopRequireDefault(__webpack_require__(/*! date-fns/is_same_day */ \"./node_modules/date-fns/is_same_day/index.js\"));\n\nvar _is_after = _interopRequireDefault(__webpack_require__(/*! date-fns/is_after */ \"./node_modules/date-fns/is_after/index.js\"));\n\nvar _is_before = _interopRequireDefault(__webpack_require__(/*! date-fns/is_before */ \"./node_modules/date-fns/is_before/index.js\"));\n\nvar _add_days = _interopRequireDefault(__webpack_require__(/*! date-fns/add_days */ \"./node_modules/date-fns/add_days/index.js\"));\n\nvar _IntlContext = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/IntlContext */ \"./src/IntlProvider/IntlContext.ts\"));\n\nvar _FormattedDate = _interopRequireDefault(__webpack_require__(/*! ../IntlProvider/FormattedDate */ \"./src/IntlProvider/FormattedDate.tsx\"));\n\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DateRangePicker/Toolbar.tsx\"));\n\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DateRangePicker/DatePicker.tsx\"));\n\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\";\n\nvar DateRangePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(DateRangePicker, _React$Component);\n\n  DateRangePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value;\n\n    if (typeof value === 'undefined') {\n      return null;\n    }\n\n    if (value[0] && !(0, _is_same_day.default)(value[0], prevState.value[0]) || value[1] && !(0, _is_same_day.default)(value[1], prevState.value[1])) {\n      return {\n        value: value,\n        selectValue: value,\n        calendarDate: (0, _utils.getCalendarDate)(value)\n      };\n    }\n\n    return null;\n  };\n\n  function DateRangePicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuContainerRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.getValue = function () {\n      var value = _this.props.value;\n\n      if (typeof value !== 'undefined') {\n        return value;\n      }\n\n      return _this.state.value || [];\n    };\n\n    _this.getWeekHoverRange = function (date) {\n      var isoWeek = _this.props.isoWeek;\n\n      if (isoWeek) {\n        // set to the first day of this week according to ISO 8601, 12:00 am\n        return [(0, _start_of_iso_week.default)(date), (0, _end_of_iso_week.default)(date)];\n      }\n\n      return [(0, _start_of_week.default)(date), (0, _end_of_week.default)(date)];\n    };\n\n    _this.getMonthHoverRange = function (date) {\n      return [(0, _start_of_month.default)(date), (0, _end_of_month.default)(date)];\n    };\n\n    _this.handleChangeCalendarDate = function (index, date) {\n      var calendarDate = _this.state.calendarDate;\n      calendarDate[index] = date;\n\n      _this.setState({\n        calendarDate: calendarDate\n      });\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleShortcutPageDate = function (value, closeOverlay, event) {\n      _this.updateValue(event, value, closeOverlay);\n    };\n\n    _this.handleOK = function (event) {\n      var _this$props$onOk, _this$props;\n\n      _this.updateValue(event);\n\n      (_this$props$onOk = (_this$props = _this.props).onOk) === null || _this$props$onOk === void 0 ? void 0 : _this$props$onOk.call(_this$props, _this.state.selectValue, event);\n    };\n\n    _this.handleChangeSelectValue = function (date, event) {\n      var _this$state = _this.state,\n          selectValue = _this$state.selectValue,\n          doneSelected = _this$state.doneSelected;\n      var _this$props2 = _this.props,\n          onSelect = _this$props2.onSelect,\n          oneTap = _this$props2.oneTap;\n      var nextValue = [];\n\n      var nextHoverValue = _this.getHoverRange(date);\n\n      if (doneSelected) {\n        if (nextHoverValue.length) {\n          nextValue = [nextHoverValue[0], nextHoverValue[1], date];\n          nextHoverValue = [nextHoverValue[0], nextHoverValue[1], date];\n        } else {\n          nextValue = [date, undefined, date];\n        }\n      } else {\n        if (nextHoverValue.length) {\n          nextValue = [selectValue[0], selectValue[1]];\n        } else {\n          nextValue = [selectValue[0], date];\n        }\n\n        if ((0, _is_after.default)(nextValue[0], nextValue[1])) {\n          nextValue.reverse();\n        }\n\n        nextValue[0] = (0, _utils.setTimingMargin)(nextValue[0]);\n        nextValue[1] = (0, _utils.setTimingMargin)(nextValue[1]);\n\n        _this.setState({\n          calendarDate: (0, _utils.getCalendarDate)(nextValue)\n        });\n      }\n\n      var nextState = {\n        doneSelected: !doneSelected,\n        selectValue: nextValue,\n        hoverValue: nextHoverValue\n      };\n      event.persist();\n\n      _this.setState(nextState, function () {\n        // 如果是单击模式，并且是第一次点选，再触发一次点击\n        if (oneTap && !_this.state.doneSelected) {\n          _this.handleChangeSelectValue(date, event);\n        } // 如果是单击模式，并且是第二次点选，更新值，并关闭面板\n\n\n        if (oneTap && _this.state.doneSelected) {\n          _this.updateValue(event);\n        }\n\n        onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n      });\n    };\n\n    _this.handleMouseMoveSelectValue = function (date) {\n      var _this$state2 = _this.state,\n          doneSelected = _this$state2.doneSelected,\n          selectValue = _this$state2.selectValue,\n          hoverValue = _this$state2.hoverValue,\n          currentHoverDate = _this$state2.currentHoverDate;\n      var hoverRange = _this.props.hoverRange;\n\n      if (currentHoverDate && (0, _is_same_day.default)(date, currentHoverDate)) {\n        return;\n      }\n\n      var nextHoverValue = _this.getHoverRange(date);\n\n      if (doneSelected && !(0, _isUndefined2.default)(hoverRange)) {\n        _this.setState({\n          currentHoverDate: date,\n          hoverValue: nextHoverValue\n        });\n\n        return;\n      } else if (doneSelected) {\n        return;\n      }\n\n      var nextValue = selectValue;\n\n      if (!nextHoverValue.length) {\n        nextValue[1] = date;\n      } else if (hoverValue) {\n        nextValue = [(0, _is_before.default)(nextHoverValue[0], hoverValue[0]) ? nextHoverValue[0] : hoverValue[0], (0, _is_after.default)(nextHoverValue[1], hoverValue[1]) ? nextHoverValue[1] : hoverValue[1], nextValue[2]];\n      } // If `nextValue[0]` is greater than `nextValue[1]` then reverse order\n\n\n      if ((0, _is_after.default)(nextValue[0], nextValue[1])) {\n        nextValue.reverse();\n      }\n\n      _this.setState({\n        currentHoverDate: date,\n        selectValue: nextValue\n      });\n    };\n\n    _this.handleClean = function (event) {\n      _this.setState({\n        calendarDate: (0, _utils.getCalendarDate)()\n      });\n\n      _this.updateValue(event, []);\n    };\n\n    _this.handleEnter = function () {\n      var value = _this.getValue();\n\n      var calendarDate;\n\n      if (value && value.length) {\n        var startDate = value[0],\n            endData = value[1];\n        calendarDate = [startDate, (0, _is_same_month.default)(startDate, endData) ? (0, _add_months.default)(endData, 1) : endData];\n      } else {\n        calendarDate = (0, _utils.getCalendarDate)(_this.props.defaultCalendarValue);\n      }\n\n      _this.setState({\n        selectValue: value,\n        calendarDate: calendarDate,\n        active: true\n      });\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props3;\n\n      (_this$props$onOpen = (_this$props3 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props3);\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props4;\n\n      _this.setState({\n        active: false,\n        doneSelected: true\n      });\n\n      (_this$props$onClose = (_this$props4 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props4);\n    };\n\n    _this.disabledOkButton = function () {\n      var _this$state3 = _this.state,\n          selectValue = _this$state3.selectValue,\n          doneSelected = _this$state3.doneSelected;\n\n      if (!selectValue[0] || !selectValue[1] || !doneSelected) {\n        return true;\n      }\n\n      return _this.disabledByBetween(selectValue[0], selectValue[1], _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n    };\n\n    _this.disabledShortcutButton = function (value) {\n      if (value === void 0) {\n        value = [];\n      }\n\n      if (!value[0] || !value[1]) {\n        return true;\n      }\n\n      return _this.disabledByBetween(value[0], value[1], _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n    };\n\n    _this.handleDisabledDate = function (date, values, type) {\n      var disabledDate = _this.props.disabledDate;\n      var doneSelected = _this.state.doneSelected;\n\n      if (disabledDate) {\n        return disabledDate(date, values, doneSelected, type);\n      }\n\n      return false;\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    var defaultValue = props.defaultValue,\n        _value = props.value,\n        defaultCalendarValue = props.defaultCalendarValue;\n    var activeValue = _value || defaultValue || [];\n\n    var _calendarDate = (0, _utils.getCalendarDate)(_value || defaultCalendarValue);\n\n    _this.state = {\n      value: activeValue,\n      selectValue: activeValue,\n      doneSelected: true,\n      calendarDate: _calendarDate,\n      hoverValue: [],\n      currentHoverDate: null\n    }; // for test\n\n    _this.menuContainerRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = DateRangePicker.prototype;\n\n  _proto.getDateString = function getDateString(value) {\n    var _this$props5 = this.props,\n        placeholder = _this$props5.placeholder,\n        formatType = _this$props5.format,\n        renderValue = _this$props5.renderValue;\n    var nextValue = value || this.getValue();\n    var startDate = nextValue === null || nextValue === void 0 ? void 0 : nextValue[0];\n    var endDate = nextValue === null || nextValue === void 0 ? void 0 : nextValue[1];\n\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_compare_asc.default);\n      return renderValue ? renderValue(displayValue, formatType) : React.createElement(React.Fragment, null, React.createElement(_FormattedDate.default, {\n        date: displayValue[0],\n        formatStr: formatType,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 172\n        },\n        __self: this\n      }), \" ~\", ' ', React.createElement(_FormattedDate.default, {\n        date: displayValue[1],\n        formatStr: formatType,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 173\n        },\n        __self: this\n      }));\n    }\n\n    return placeholder || formatType + \" ~ \" + formatType;\n  } // hover range presets\n  ;\n\n  _proto.getHoverRange = function getHoverRange(date) {\n    var hoverRange = this.props.hoverRange;\n\n    if (!hoverRange) {\n      return [];\n    }\n\n    var hoverRangeFunc = hoverRange;\n\n    if (hoverRange === 'week') {\n      hoverRangeFunc = this.getWeekHoverRange;\n    }\n\n    if (hoverRangeFunc === 'month') {\n      hoverRangeFunc = this.getMonthHoverRange;\n    }\n\n    if (typeof hoverRangeFunc !== 'function') {\n      return [];\n    }\n\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n\n    if (!isHoverRangeValid) {\n      return [];\n    }\n\n    if ((0, _is_after.default)(hoverValues[0], hoverValues[1])) {\n      hoverValues.reverse();\n    }\n\n    return hoverValues;\n  };\n\n  _proto.resetPageDate = function resetPageDate() {\n    var selectValue = this.getValue();\n    var calendarDate = (0, _utils.getCalendarDate)(selectValue);\n    this.setState({\n      selectValue: selectValue,\n      calendarDate: calendarDate\n    });\n  }\n  /**\n   * Toolbar operation callback function\n   */\n  ;\n\n  _proto.updateValue = function updateValue(event, nextSelectValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n\n    var _this$state4 = this.state,\n        value = _this$state4.value,\n        selectValue = _this$state4.selectValue;\n    var onChange = this.props.onChange;\n    var nextValue = !(0, _isUndefined2.default)(nextSelectValue) ? nextSelectValue : selectValue;\n    this.setState({\n      selectValue: nextValue || [],\n      value: nextValue\n    });\n\n    if (onChange && (!(0, _is_same_day.default)(nextValue[0], value[0]) || !(0, _is_same_day.default)(nextValue[1], value[1]))) {\n      onChange(nextValue, event);\n    } // `closeOverlay` default value is `true`\n\n\n    if (closeOverlay !== false) {\n      this.handleCloseDropdown();\n    }\n  };\n\n  _proto.disabledByBetween = function disabledByBetween(start, end, type) {\n    var disabledDate = this.props.disabledDate;\n    var _this$state5 = this.state,\n        selectValue = _this$state5.selectValue,\n        doneSelected = _this$state5.doneSelected;\n    var selectStartDate = selectValue[0];\n    var selectEndDate = selectValue[1];\n    var nextSelectValue = [selectStartDate, selectEndDate]; // If the date is between the start and the end\n    // the button is disabled\n\n    while ((0, _is_before.default)(start, end) || (0, _is_same_day.default)(start, end)) {\n      if (disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(start, nextSelectValue, doneSelected, type)) {\n        return true;\n      }\n\n      start = (0, _add_days.default)(start, 1);\n    }\n\n    return false;\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames;\n\n    var _this$props6 = this.props,\n        menuClassName = _this$props6.menuClassName,\n        ranges = _this$props6.ranges,\n        isoWeek = _this$props6.isoWeek,\n        limitEndYear = _this$props6.limitEndYear,\n        oneTap = _this$props6.oneTap,\n        showWeekNumbers = _this$props6.showWeekNumbers,\n        showOneCalendar = _this$props6.showOneCalendar;\n    var _this$state6 = this.state,\n        calendarDate = _this$state6.calendarDate,\n        selectValue = _this$state6.selectValue,\n        hoverValue = _this$state6.hoverValue,\n        doneSelected = _this$state6.doneSelected;\n    var classes = (0, _classnames.default)(this.addPrefix('daterange-menu'), menuClassName);\n    var panelClasses = (0, _classnames.default)(this.addPrefix('daterange-panel'), (_classNames = {}, _classNames[this.addPrefix('daterange-panel-show-one-calendar')] = showOneCalendar, _classNames));\n    var pickerProps = {\n      isoWeek: isoWeek,\n      doneSelected: doneSelected,\n      hoverValue: hoverValue,\n      calendarDate: calendarDate,\n      limitEndYear: limitEndYear,\n      showWeekNumbers: showWeekNumbers,\n      value: selectValue,\n      disabledDate: this.handleDisabledDate,\n      onSelect: this.handleChangeSelectValue,\n      onMouseMove: this.handleMouseMoveSelectValue,\n      onChangeCalendarDate: this.handleChangeCalendarDate,\n      showOneCalendar: showOneCalendar\n    };\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      ref: this.menuContainerRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 508\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: panelClasses,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 509\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addPrefix('daterange-content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 510\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addPrefix('daterange-header'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 511\n      },\n      __self: this\n    }, this.getDateString(selectValue)), React.createElement(\"div\", {\n      className: this.addPrefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 514\n      },\n      __self: this\n    }, React.createElement(_DatePicker.default, (0, _extends2.default)({\n      index: 0\n    }, pickerProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 519\n      },\n      __self: this\n    })), !showOneCalendar && React.createElement(_DatePicker.default, (0, _extends2.default)({\n      index: 1\n    }, pickerProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 520\n      },\n      __self: this\n    })))), React.createElement(_Toolbar.default, {\n      ranges: ranges,\n      selectValue: selectValue,\n      disabledOkButton: this.disabledOkButton,\n      disabledShortcutButton: this.disabledShortcutButton,\n      onShortcut: this.handleShortcutPageDate,\n      onOk: this.handleOK,\n      hideOkButton: oneTap,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 523\n      },\n      __self: this\n    })));\n  };\n\n  _proto.render = function render() {\n    var _this$props7 = this.props,\n        disabled = _this$props7.disabled,\n        cleanable = _this$props7.cleanable,\n        locale = _this$props7.locale,\n        toggleComponentClass = _this$props7.toggleComponentClass,\n        style = _this$props7.style,\n        onEntered = _this$props7.onEntered,\n        onEnter = _this$props7.onEnter,\n        onExited = _this$props7.onExited,\n        onClean = _this$props7.onClean,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, [\"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEntered\", \"onEnter\", \"onExited\", \"onClean\"]);\n    var value = this.getValue();\n    var unhandled = (0, _utils2.getUnhandledProps)(DateRangePicker, rest);\n    var hasValue = value && value.length > 1;\n    var classes = (0, _Picker.getToggleWrapperClassName)('daterange', this.addPrefix, this.props, hasValue);\n    return React.createElement(_IntlContext.default.Provider, {\n      value: locale,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 556\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 557\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEnter, onEnter),\n      onEntered: (0, _utils2.createChainedFunction)(this.handleEntered, onEntered),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 558\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 566\n      },\n      __self: this\n    }), this.getDateString()))));\n  };\n\n  return DateRangePicker;\n}(React.Component);\n\nDateRangePicker.propTypes = (0, _extends2.default)({}, _propTypes2.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([_propTypes.default.oneOf(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  showWeekNumbers: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showOneCalendar: _propTypes.default.bool\n});\nDateRangePicker.defaultProps = (0, _extends2.default)({}, _propTypes2.pickerDefaultProps, {\n  limitEndYear: 1000,\n  format: 'YYYY-MM-DD',\n  placeholder: '',\n  showOneCalendar: false,\n  locale: {\n    sunday: 'Su',\n    monday: 'Mo',\n    tuesday: 'Tu',\n    wednesday: 'We',\n    thursday: 'Th',\n    friday: 'Fr',\n    saturday: 'Sa',\n    ok: 'OK',\n    today: 'Today',\n    yesterday: 'Yesterday',\n    last7Days: 'Last 7 Days',\n    hours: 'Hours',\n    minutes: 'Minutes',\n    seconds: 'Seconds'\n  }\n});\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(DateRangePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
 
 /***/ }),
 
@@ -6882,7 +6882,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _kebabCase2 = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _RootCloseWrapper = _interopRequireDefault(__webpack_require__(/*! ../Overlay/RootCloseWrapper */ \"./src/Overlay/RootCloseWrapper.tsx\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\n\nvar _DropdownMenuItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenuItem */ \"./src/Dropdown/DropdownMenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/Dropdown.tsx\";\n\nvar Dropdown =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Dropdown, _React$Component);\n\n  function Dropdown(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.toggle = function (isOpen) {\n      var _this$props = _this.props,\n          onOpen = _this$props.onOpen,\n          onClose = _this$props.onClose,\n          onToggle = _this$props.onToggle;\n      var open = (0, _isUndefined2.default)(isOpen) ? !_this.getOpen() : isOpen;\n      var handleToggle = open ? onOpen : onClose;\n\n      _this.setState({\n        open: open\n      });\n\n      handleToggle === null || handleToggle === void 0 ? void 0 : handleToggle();\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n    };\n\n    _this.handleRootClose = function (event) {\n      var _this$props$onToggle, _this$props2, _this$props$onClose, _this$props3;\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      _this.setState({\n        open: false\n      });\n\n      (_this$props$onToggle = (_this$props2 = _this.props).onToggle) === null || _this$props$onToggle === void 0 ? void 0 : _this$props$onToggle.call(_this$props2, false);\n      (_this$props$onClose = (_this$props3 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props3);\n    };\n\n    _this.handleClick = function (event) {\n      event.preventDefault();\n\n      if (_this.props.disabled) {\n        return;\n      }\n\n      _this.toggle();\n    };\n\n    _this.handleOpenChange = function (event) {\n      var _this$context, _this$context$onOpenC;\n\n      var eventKey = _this.props.eventKey;\n      (_this$context = _this.context) === null || _this$context === void 0 ? void 0 : (_this$context$onOpenC = _this$context.onOpenChange) === null || _this$context$onOpenC === void 0 ? void 0 : _this$context$onOpenC.call(_this$context, eventKey, event);\n    };\n\n    _this.handleToggleChange = function (eventKey, event) {\n      var _this$context2, _this$context2$onOpen;\n\n      (_this$context2 = _this.context) === null || _this$context2 === void 0 ? void 0 : (_this$context2$onOpen = _this$context2.onOpenChange) === null || _this$context2$onOpen === void 0 ? void 0 : _this$context2$onOpen.call(_this$context2, eventKey, event);\n    };\n\n    _this.handleMouseEnter = function () {\n      if (!_this.props.disabled) {\n        _this.toggle(true);\n      }\n    };\n\n    _this.handleMouseLeave = function () {\n      if (!_this.props.disabled) {\n        _this.toggle(false);\n      }\n    };\n\n    _this.handleSelect = function (eventKey, event) {\n      var _this$props$onSelect, _this$props4;\n\n      (_this$props$onSelect = (_this$props4 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props4, eventKey, event);\n\n      _this.toggle(false);\n    };\n\n    _this.state = {\n      open: props.open\n    };\n    return _this;\n  }\n\n  var _proto = Dropdown.prototype;\n\n  _proto.getOpen = function getOpen() {\n    var open = this.props.open;\n\n    if ((0, _isUndefined2.default)(open)) {\n      return this.state.open;\n    }\n\n    return open;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props5 = this.props,\n        title = _this$props5.title,\n        children = _this$props5.children,\n        className = _this$props5.className,\n        menuStyle = _this$props5.menuStyle,\n        disabled = _this$props5.disabled,\n        renderTitle = _this$props5.renderTitle,\n        classPrefix = _this$props5.classPrefix,\n        placement = _this$props5.placement,\n        activeKey = _this$props5.activeKey,\n        tabIndex = _this$props5.tabIndex,\n        toggleClassName = _this$props5.toggleClassName,\n        trigger = _this$props5.trigger,\n        icon = _this$props5.icon,\n        onClick = _this$props5.onClick,\n        onMouseEnter = _this$props5.onMouseEnter,\n        onMouseLeave = _this$props5.onMouseLeave,\n        onContextMenu = _this$props5.onContextMenu,\n        eventKey = _this$props5.eventKey,\n        Component = _this$props5.componentClass,\n        toggleComponentClass = _this$props5.toggleComponentClass,\n        noCaret = _this$props5.noCaret,\n        style = _this$props5.style,\n        showHeader = _this$props5.showHeader,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"title\", \"children\", \"className\", \"menuStyle\", \"disabled\", \"renderTitle\", \"classPrefix\", \"placement\", \"activeKey\", \"tabIndex\", \"toggleClassName\", \"trigger\", \"icon\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\", \"onContextMenu\", \"eventKey\", \"componentClass\", \"toggleComponentClass\", \"noCaret\", \"style\", \"showHeader\"]);\n\n    var _ref = this.context || {},\n        _ref$openKeys = _ref.openKeys,\n        openKeys = _ref$openKeys === void 0 ? [] : _ref$openKeys,\n        sidenav = _ref.sidenav,\n        expanded = _ref.expanded;\n\n    var menuExpanded = openKeys.some(function (key) {\n      return (0, _shallowEqual.default)(key, eventKey);\n    });\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var open = this.getOpen();\n    var collapsible = sidenav && expanded;\n    var unhandled = (0, _utils.getUnhandledProps)(Dropdown, props);\n    var toggleProps = (0, _extends2.default)({}, unhandled, {\n      onClick: (0, _utils.createChainedFunction)(this.handleOpenChange, onClick),\n      onContextMenu: onContextMenu\n    });\n    var dropdownProps = {\n      onMouseEnter: onMouseEnter,\n      onMouseLeave: onMouseLeave\n    };\n    /**\n     * Bind event of trigger,\n     * not used in  in the expanded state of '<Sidenav>'\n     */\n\n    if (!collapsible) {\n      if ((0, _utils.isOneOf)('click', trigger)) {\n        toggleProps.onClick = (0, _utils.createChainedFunction)(this.handleClick, toggleProps.onClick);\n      }\n\n      if ((0, _utils.isOneOf)('contextMenu', trigger)) {\n        toggleProps.onContextMenu = (0, _utils.createChainedFunction)(this.handleClick, onContextMenu);\n      }\n\n      if ((0, _utils.isOneOf)('hover', trigger)) {\n        dropdownProps.onMouseEnter = (0, _utils.createChainedFunction)(this.handleMouseEnter, onMouseEnter);\n        dropdownProps.onMouseLeave = (0, _utils.createChainedFunction)(this.handleMouseLeave, onMouseLeave);\n      }\n    }\n\n    var menuProps = {\n      collapsible: collapsible,\n      activeKey: activeKey,\n      openKeys: openKeys,\n      expanded: menuExpanded,\n      style: menuStyle,\n      onSelect: this.handleSelect,\n      onToggle: this.handleToggleChange\n    };\n    var menu = React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, menuProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215\n      },\n      __self: this\n    }), children);\n\n    if (open) {\n      menu = React.createElement(_RootCloseWrapper.default, {\n        onRootClose: this.handleRootClose,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 219\n        },\n        __self: this\n      }, function (props, ref) {\n        return React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, props, menuProps, {\n          htmlElementRef: ref,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 221\n          },\n          __self: this\n        }), showHeader && React.createElement(\"li\", {\n          className: addPrefix('header'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 222\n          },\n          __self: this\n        }, title), children);\n      });\n    }\n\n    var toggle = React.createElement(_DropdownToggle.default, (0, _extends2.default)({}, toggleProps, {\n      noCaret: noCaret,\n      tabIndex: tabIndex,\n      className: toggleClassName,\n      renderTitle: renderTitle,\n      icon: icon,\n      componentClass: toggleComponentClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 231\n      },\n      __self: this\n    }), title);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix(\"placement-\" + (0, _kebabCase2.default)((0, _utils.placementPolyfill)(placement)))] = placement, _classNames[addPrefix('disabled')] = disabled, _classNames[addPrefix('no-caret')] = noCaret, _classNames[addPrefix('open')] = open, _classNames[addPrefix(menuExpanded ? 'expand' : 'collapse')] = sidenav, _classNames));\n    return React.createElement(Component, (0, _extends2.default)({}, dropdownProps, {\n      style: style,\n      className: classes,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 253\n      },\n      __self: this\n    }), menu, toggle);\n  };\n\n  return Dropdown;\n}(React.Component);\n\nDropdown.displayName = 'Dropdown';\nDropdown.contextType = _Sidenav.SidenavContext;\nDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_constants.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  tabIndex: _propTypes.default.number,\n  open: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  componentClass: _propTypes.default.elementType,\n  toggleComponentClass: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  showHeader: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderTitle: _propTypes.default.func\n};\nDropdown.defaultProps = {\n  placement: 'bottomStart',\n  trigger: 'click',\n  tabIndex: 0\n};\nvar EnhancedDropdown = (0, _utils.defaultProps)({\n  componentClass: 'div',\n  classPrefix: 'dropdown'\n})(Dropdown);\n(0, _recompose.setStatic)('Item', _DropdownMenuItem.default)(EnhancedDropdown);\n(0, _recompose.setStatic)('Menu', _DropdownMenu.default)(EnhancedDropdown);\nvar _default = EnhancedDropdown;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _kebabCase2 = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _RootCloseWrapper = _interopRequireDefault(__webpack_require__(/*! ../Overlay/RootCloseWrapper */ \"./src/Overlay/RootCloseWrapper.tsx\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\n\nvar _DropdownMenuItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenuItem */ \"./src/Dropdown/DropdownMenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/Dropdown.tsx\";\n\nvar Dropdown =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Dropdown, _React$Component);\n\n  function Dropdown(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.rootRef = void 0;\n\n    _this.toggle = function (isOpen) {\n      var _this$props = _this.props,\n          onOpen = _this$props.onOpen,\n          onClose = _this$props.onClose,\n          onToggle = _this$props.onToggle;\n      var open = (0, _isUndefined2.default)(isOpen) ? !_this.getOpen() : isOpen;\n      var handleToggle = open ? onOpen : onClose;\n\n      _this.setState({\n        open: open\n      });\n\n      handleToggle === null || handleToggle === void 0 ? void 0 : handleToggle();\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n    };\n\n    _this.handleRootClose = function (event) {\n      var _this$props$onToggle, _this$props2, _this$props$onClose, _this$props3;\n\n      // Prevent the event from bubbling when closing the overlay is triggered by its own element.\n      // fix#1435\n      if ((0, _domLib.contains)((0, _utils.getDOMNode)(_this.rootRef.current), event.target)) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      _this.setState({\n        open: false\n      });\n\n      (_this$props$onToggle = (_this$props2 = _this.props).onToggle) === null || _this$props$onToggle === void 0 ? void 0 : _this$props$onToggle.call(_this$props2, false);\n      (_this$props$onClose = (_this$props3 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props3);\n    };\n\n    _this.handleClick = function (event) {\n      event.preventDefault();\n\n      if (_this.props.disabled) {\n        return;\n      }\n\n      _this.toggle();\n    };\n\n    _this.handleOpenChange = function (event) {\n      var _this$context, _this$context$onOpenC;\n\n      var eventKey = _this.props.eventKey;\n      (_this$context = _this.context) === null || _this$context === void 0 ? void 0 : (_this$context$onOpenC = _this$context.onOpenChange) === null || _this$context$onOpenC === void 0 ? void 0 : _this$context$onOpenC.call(_this$context, eventKey, event);\n    };\n\n    _this.handleToggleChange = function (eventKey, event) {\n      var _this$context2, _this$context2$onOpen;\n\n      (_this$context2 = _this.context) === null || _this$context2 === void 0 ? void 0 : (_this$context2$onOpen = _this$context2.onOpenChange) === null || _this$context2$onOpen === void 0 ? void 0 : _this$context2$onOpen.call(_this$context2, eventKey, event);\n    };\n\n    _this.handleMouseEnter = function () {\n      if (!_this.props.disabled) {\n        _this.toggle(true);\n      }\n    };\n\n    _this.handleMouseLeave = function () {\n      if (!_this.props.disabled) {\n        _this.toggle(false);\n      }\n    };\n\n    _this.handleSelect = function (eventKey, event) {\n      var _this$props$onSelect, _this$props4;\n\n      (_this$props$onSelect = (_this$props4 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props4, eventKey, event);\n\n      _this.toggle(false);\n    };\n\n    _this.state = {\n      open: props.open\n    };\n    _this.rootRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = Dropdown.prototype;\n\n  _proto.getOpen = function getOpen() {\n    var open = this.props.open;\n\n    if ((0, _isUndefined2.default)(open)) {\n      return this.state.open;\n    }\n\n    return open;\n  };\n\n  _proto.render = function render() {\n    var _classNames;\n\n    var _this$props5 = this.props,\n        title = _this$props5.title,\n        children = _this$props5.children,\n        className = _this$props5.className,\n        menuStyle = _this$props5.menuStyle,\n        disabled = _this$props5.disabled,\n        renderTitle = _this$props5.renderTitle,\n        classPrefix = _this$props5.classPrefix,\n        placement = _this$props5.placement,\n        activeKey = _this$props5.activeKey,\n        tabIndex = _this$props5.tabIndex,\n        toggleClassName = _this$props5.toggleClassName,\n        trigger = _this$props5.trigger,\n        icon = _this$props5.icon,\n        onClick = _this$props5.onClick,\n        onMouseEnter = _this$props5.onMouseEnter,\n        onMouseLeave = _this$props5.onMouseLeave,\n        onContextMenu = _this$props5.onContextMenu,\n        eventKey = _this$props5.eventKey,\n        Component = _this$props5.componentClass,\n        toggleComponentClass = _this$props5.toggleComponentClass,\n        noCaret = _this$props5.noCaret,\n        style = _this$props5.style,\n        showHeader = _this$props5.showHeader,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"title\", \"children\", \"className\", \"menuStyle\", \"disabled\", \"renderTitle\", \"classPrefix\", \"placement\", \"activeKey\", \"tabIndex\", \"toggleClassName\", \"trigger\", \"icon\", \"onClick\", \"onMouseEnter\", \"onMouseLeave\", \"onContextMenu\", \"eventKey\", \"componentClass\", \"toggleComponentClass\", \"noCaret\", \"style\", \"showHeader\"]);\n\n    var _ref = this.context || {},\n        _ref$openKeys = _ref.openKeys,\n        openKeys = _ref$openKeys === void 0 ? [] : _ref$openKeys,\n        sidenav = _ref.sidenav,\n        expanded = _ref.expanded;\n\n    var menuExpanded = openKeys.some(function (key) {\n      return (0, _shallowEqual.default)(key, eventKey);\n    });\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var open = this.getOpen();\n    var collapsible = sidenav && expanded;\n    var unhandled = (0, _utils.getUnhandledProps)(Dropdown, props);\n    var toggleProps = (0, _extends2.default)({}, unhandled, {\n      onClick: (0, _utils.createChainedFunction)(this.handleOpenChange, onClick),\n      onContextMenu: onContextMenu\n    });\n    var dropdownProps = {\n      onMouseEnter: onMouseEnter,\n      onMouseLeave: onMouseLeave\n    };\n    /**\n     * Bind event of trigger,\n     * not used in  in the expanded state of '<Sidenav>'\n     */\n\n    if (!collapsible) {\n      if ((0, _utils.isOneOf)('click', trigger)) {\n        toggleProps.onClick = (0, _utils.createChainedFunction)(this.handleClick, toggleProps.onClick);\n      }\n\n      if ((0, _utils.isOneOf)('contextMenu', trigger)) {\n        toggleProps.onContextMenu = (0, _utils.createChainedFunction)(this.handleClick, onContextMenu);\n      }\n\n      if ((0, _utils.isOneOf)('hover', trigger)) {\n        dropdownProps.onMouseEnter = (0, _utils.createChainedFunction)(this.handleMouseEnter, onMouseEnter);\n        dropdownProps.onMouseLeave = (0, _utils.createChainedFunction)(this.handleMouseLeave, onMouseLeave);\n      }\n    }\n\n    var menuProps = {\n      collapsible: collapsible,\n      activeKey: activeKey,\n      openKeys: openKeys,\n      expanded: menuExpanded,\n      style: menuStyle,\n      onSelect: this.handleSelect,\n      onToggle: this.handleToggleChange\n    };\n    var menu = React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, menuProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 223\n      },\n      __self: this\n    }), children);\n\n    if (open) {\n      menu = React.createElement(_RootCloseWrapper.default, {\n        onRootClose: this.handleRootClose,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 227\n        },\n        __self: this\n      }, function (props, ref) {\n        return React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, props, menuProps, {\n          htmlElementRef: ref,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 229\n          },\n          __self: this\n        }), showHeader && React.createElement(\"li\", {\n          className: addPrefix('header'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 230\n          },\n          __self: this\n        }, title), children);\n      });\n    }\n\n    var toggle = React.createElement(_DropdownToggle.default, (0, _extends2.default)({}, toggleProps, {\n      noCaret: noCaret,\n      tabIndex: tabIndex,\n      className: toggleClassName,\n      renderTitle: renderTitle,\n      icon: icon,\n      componentClass: toggleComponentClass,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 239\n      },\n      __self: this\n    }), title);\n    var classes = (0, _classnames.default)(classPrefix, className, (_classNames = {}, _classNames[addPrefix(\"placement-\" + (0, _kebabCase2.default)((0, _utils.placementPolyfill)(placement)))] = placement, _classNames[addPrefix('disabled')] = disabled, _classNames[addPrefix('no-caret')] = noCaret, _classNames[addPrefix('open')] = open, _classNames[addPrefix(menuExpanded ? 'expand' : 'collapse')] = sidenav, _classNames));\n    return React.createElement(Component, (0, _extends2.default)({\n      ref: this.rootRef\n    }, dropdownProps, {\n      style: style,\n      className: classes,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 261\n      },\n      __self: this\n    }), menu, toggle);\n  };\n\n  return Dropdown;\n}(React.Component);\n\nDropdown.displayName = 'Dropdown';\nDropdown.contextType = _Sidenav.SidenavContext;\nDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_constants.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  tabIndex: _propTypes.default.number,\n  open: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  componentClass: _propTypes.default.elementType,\n  toggleComponentClass: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  showHeader: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderTitle: _propTypes.default.func\n};\nDropdown.defaultProps = {\n  placement: 'bottomStart',\n  trigger: 'click',\n  tabIndex: 0\n};\nvar EnhancedDropdown = (0, _utils.defaultProps)({\n  componentClass: 'div',\n  classPrefix: 'dropdown'\n})(Dropdown);\n(0, _recompose.setStatic)('Item', _DropdownMenuItem.default)(EnhancedDropdown);\n(0, _recompose.setStatic)('Menu', _DropdownMenu.default)(EnhancedDropdown);\nvar _default = EnhancedDropdown;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
 
 /***/ }),
 
@@ -7350,7 +7350,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputPicker/InputAutosize.tsx\";\nvar sizerStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  visibility: 'hidden',\n  height: 0,\n  overflow: 'scroll',\n  whiteSpace: 'pre'\n};\n\nvar copyStyles = function copyStyles(styles, node) {\n  node.style.fontSize = styles.fontSize;\n  node.style.fontFamily = styles.fontFamily;\n  node.style.fontWeight = styles.fontWeight;\n  node.style.fontStyle = styles.fontStyle;\n  node.style.letterSpacing = styles.letterSpacing;\n  node.style.textTransform = styles.textTransform;\n};\n\nvar InputAutosize =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(InputAutosize, _React$Component);\n\n  function InputAutosize(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.inputRef = void 0;\n    _this.sizerRef = void 0;\n    _this.placeHolderSizerRef = void 0;\n    _this.state = {\n      inputWidth: props.minWidth\n    };\n    _this.inputRef = React.createRef();\n    _this.sizerRef = React.createRef();\n    _this.placeHolderSizerRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = InputAutosize.prototype;\n\n  _proto.getInputInstance = function getInputInstance() {\n    return this.inputRef.current;\n  };\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.copyInputStyles();\n    this.updateInputWidth();\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {\n    var inputWidth = this.state.inputWidth;\n\n    if (prevState.inputWidth !== inputWidth) {\n      var _this$props$onAutosiz, _this$props;\n\n      (_this$props$onAutosiz = (_this$props = this.props).onAutosize) === null || _this$props$onAutosiz === void 0 ? void 0 : _this$props$onAutosiz.call(_this$props, inputWidth);\n    }\n\n    this.updateInputWidth();\n  };\n\n  _proto.copyInputStyles = function copyInputStyles() {\n    if (!this.inputRef.current || !window.getComputedStyle) {\n      return;\n    }\n\n    var inputStyles = this.inputRef.current && window.getComputedStyle(this.inputRef.current);\n\n    if (!inputStyles) {\n      return;\n    }\n\n    if (this.sizerRef.current) {\n      copyStyles(inputStyles, this.sizerRef.current);\n    }\n\n    if (this.placeHolderSizerRef.current) {\n      copyStyles(inputStyles, this.placeHolderSizerRef.current);\n    }\n  };\n\n  _proto.updateInputWidth = function updateInputWidth() {\n    if (!this.sizerRef.current || typeof this.sizerRef.current.scrollWidth === 'undefined') {\n      return;\n    }\n\n    var _this$props2 = this.props,\n        minWidth = _this$props2.minWidth,\n        placeholder = _this$props2.placeholder,\n        value = _this$props2.value;\n    var newInputWidth;\n\n    if (placeholder && !value && this.placeHolderSizerRef.current) {\n      newInputWidth = Math.max(this.sizerRef.current.scrollWidth, this.placeHolderSizerRef.current.scrollWidth) + 2;\n    } else {\n      newInputWidth = this.sizerRef.current.scrollWidth + 2;\n    }\n\n    if (newInputWidth < minWidth) {\n      newInputWidth = minWidth;\n    }\n\n    if (newInputWidth !== this.state.inputWidth) {\n      this.setState({\n        inputWidth: newInputWidth\n      });\n    }\n  };\n\n  _proto.renderStyles = function renderStyles() {\n    var inputId = this.props.inputId;\n    return (0, _utils.isIE)() ? React.createElement(\"style\", {\n      dangerouslySetInnerHTML: {\n        __html: \"input#\" + inputId + \"::-ms-clear {display: none;}\"\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140\n      },\n      __self: this\n    }) : null;\n  };\n\n  _proto.render = function render() {\n    var inputWidth = this.state.inputWidth;\n    var _this$props3 = this.props,\n        defaultValue = _this$props3.defaultValue,\n        value = _this$props3.value,\n        style = _this$props3.style,\n        className = _this$props3.className,\n        placeholder = _this$props3.placeholder,\n        inputClassName = _this$props3.inputClassName,\n        inputStyle = _this$props3.inputStyle,\n        inputId = _this$props3.inputId;\n    var sizerValue = [defaultValue, value, ''].reduce(function (previousValue, currentValue) {\n      if (previousValue !== null && previousValue !== undefined) {\n        return previousValue;\n      }\n\n      return currentValue;\n    });\n    var wrapperStyle = (0, _extends2.default)({}, style);\n\n    if (!wrapperStyle.display) {\n      wrapperStyle.display = 'inline-block';\n    }\n\n    var nextInputStyle = (0, _extends2.default)({\n      boxSizing: 'content-box',\n      width: inputWidth + \"px\"\n    }, inputStyle);\n\n    var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(this.props),\n        htmlInputProps = _partitionHTMLProps[0];\n\n    htmlInputProps.className = inputClassName;\n    htmlInputProps.id = inputId;\n    htmlInputProps.style = nextInputStyle;\n    return React.createElement(\"div\", {\n      className: className,\n      style: wrapperStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 185\n      },\n      __self: this\n    }, this.renderStyles(), React.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, {\n      ref: this.inputRef,\n      type: \"text\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 187\n      },\n      __self: this\n    })), React.createElement(\"div\", {\n      ref: this.sizerRef,\n      style: sizerStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 188\n      },\n      __self: this\n    }, sizerValue), placeholder ? React.createElement(\"div\", {\n      ref: this.placeHolderSizerRef,\n      style: sizerStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 192\n      },\n      __self: this\n    }, placeholder) : null);\n  };\n\n  return InputAutosize;\n}(React.Component);\n\nInputAutosize.propTypes = {\n  className: _propTypes.default.string,\n  defaultValue: _propTypes.default.any,\n  inputId: _propTypes.default.string,\n  inputClassName: _propTypes.default.string,\n  inputStyle: _propTypes.default.object,\n  minWidth: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  placeholder: _propTypes.default.string,\n  style: _propTypes.default.object,\n  value: _propTypes.default.any,\n  onAutosize: _propTypes.default.func\n};\nInputAutosize.defaultProps = {\n  minWidth: 1,\n  inputId: '_' + Math.random().toString(36).substr(2, 12)\n};\nvar _default = InputAutosize;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputAutosize.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputPicker/InputAutosize.tsx\";\nvar sizerStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  visibility: 'hidden',\n  height: 0,\n  overflow: 'scroll',\n  whiteSpace: 'pre'\n};\n\nvar copyStyles = function copyStyles(styles, node) {\n  node.style.fontSize = styles.fontSize;\n  node.style.fontFamily = styles.fontFamily;\n  node.style.fontWeight = styles.fontWeight;\n  node.style.fontStyle = styles.fontStyle;\n  node.style.letterSpacing = styles.letterSpacing;\n  node.style.textTransform = styles.textTransform;\n};\n\nvar InputAutosize =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(InputAutosize, _React$Component);\n\n  function InputAutosize(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.inputRef = void 0;\n    _this.sizerRef = void 0;\n    _this.placeHolderSizerRef = void 0;\n\n    _this.getInputId = function () {\n      return _this.props.inputId || _this.state.inputId;\n    };\n\n    _this.state = {\n      inputId: '_' + Math.random().toString(36).substr(2, 12),\n      inputWidth: props.minWidth\n    };\n    _this.inputRef = React.createRef();\n    _this.sizerRef = React.createRef();\n    _this.placeHolderSizerRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = InputAutosize.prototype;\n\n  _proto.getInputInstance = function getInputInstance() {\n    return this.inputRef.current;\n  };\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.copyInputStyles();\n    this.updateInputWidth();\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {\n    var inputWidth = this.state.inputWidth;\n\n    if (prevState.inputWidth !== inputWidth) {\n      var _this$props$onAutosiz, _this$props;\n\n      (_this$props$onAutosiz = (_this$props = this.props).onAutosize) === null || _this$props$onAutosiz === void 0 ? void 0 : _this$props$onAutosiz.call(_this$props, inputWidth);\n    }\n\n    this.updateInputWidth();\n  };\n\n  _proto.copyInputStyles = function copyInputStyles() {\n    if (!this.inputRef.current || !window.getComputedStyle) {\n      return;\n    }\n\n    var inputStyles = this.inputRef.current && window.getComputedStyle(this.inputRef.current);\n\n    if (!inputStyles) {\n      return;\n    }\n\n    if (this.sizerRef.current) {\n      copyStyles(inputStyles, this.sizerRef.current);\n    }\n\n    if (this.placeHolderSizerRef.current) {\n      copyStyles(inputStyles, this.placeHolderSizerRef.current);\n    }\n  };\n\n  _proto.updateInputWidth = function updateInputWidth() {\n    if (!this.sizerRef.current || typeof this.sizerRef.current.scrollWidth === 'undefined') {\n      return;\n    }\n\n    var _this$props2 = this.props,\n        minWidth = _this$props2.minWidth,\n        placeholder = _this$props2.placeholder,\n        value = _this$props2.value;\n    var newInputWidth;\n\n    if (placeholder && !value && this.placeHolderSizerRef.current) {\n      newInputWidth = Math.max(this.sizerRef.current.scrollWidth, this.placeHolderSizerRef.current.scrollWidth) + 2;\n    } else {\n      newInputWidth = this.sizerRef.current.scrollWidth + 2;\n    }\n\n    if (newInputWidth < minWidth) {\n      newInputWidth = minWidth;\n    }\n\n    if (newInputWidth !== this.state.inputWidth) {\n      this.setState({\n        inputWidth: newInputWidth\n      });\n    }\n  };\n\n  _proto.renderStyles = function renderStyles() {\n    var inputId = this.getInputId();\n    return (0, _utils.isIE)() ? React.createElement(\"style\", {\n      dangerouslySetInnerHTML: {\n        __html: \"input#\" + inputId + \"::-ms-clear {display: none;}\"\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145\n      },\n      __self: this\n    }) : null;\n  };\n\n  _proto.render = function render() {\n    var inputWidth = this.state.inputWidth;\n    var _this$props3 = this.props,\n        defaultValue = _this$props3.defaultValue,\n        value = _this$props3.value,\n        style = _this$props3.style,\n        className = _this$props3.className,\n        placeholder = _this$props3.placeholder,\n        inputClassName = _this$props3.inputClassName,\n        inputStyle = _this$props3.inputStyle;\n    var inputId = this.getInputId();\n    var sizerValue = [defaultValue, value, ''].reduce(function (previousValue, currentValue) {\n      if (previousValue !== null && previousValue !== undefined) {\n        return previousValue;\n      }\n\n      return currentValue;\n    });\n    var wrapperStyle = (0, _extends2.default)({}, style);\n\n    if (!wrapperStyle.display) {\n      wrapperStyle.display = 'inline-block';\n    }\n\n    var nextInputStyle = (0, _extends2.default)({\n      boxSizing: 'content-box',\n      width: inputWidth + \"px\"\n    }, inputStyle);\n\n    var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(this.props),\n        htmlInputProps = _partitionHTMLProps[0];\n\n    htmlInputProps.className = inputClassName;\n    htmlInputProps.id = inputId || inputId;\n    htmlInputProps.style = nextInputStyle;\n    return React.createElement(\"div\", {\n      className: className,\n      style: wrapperStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 190\n      },\n      __self: this\n    }, this.renderStyles(), React.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, {\n      ref: this.inputRef,\n      type: \"text\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 192\n      },\n      __self: this\n    })), React.createElement(\"div\", {\n      ref: this.sizerRef,\n      style: sizerStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 193\n      },\n      __self: this\n    }, sizerValue), placeholder ? React.createElement(\"div\", {\n      ref: this.placeHolderSizerRef,\n      style: sizerStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 197\n      },\n      __self: this\n    }, placeholder) : null);\n  };\n\n  return InputAutosize;\n}(React.Component);\n\nInputAutosize.propTypes = {\n  className: _propTypes.default.string,\n  defaultValue: _propTypes.default.any,\n  inputId: _propTypes.default.string,\n  inputClassName: _propTypes.default.string,\n  inputStyle: _propTypes.default.object,\n  minWidth: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  placeholder: _propTypes.default.string,\n  style: _propTypes.default.object,\n  value: _propTypes.default.any,\n  onAutosize: _propTypes.default.func\n};\nInputAutosize.defaultProps = {\n  minWidth: 1\n};\nvar _default = InputAutosize;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputAutosize.tsx?");
 
 /***/ }),
 
@@ -7614,7 +7614,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/assertThisInitialized.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _canUseDOM = _interopRequireDefault(__webpack_require__(/*! dom-lib/lib/query/canUseDOM */ \"./node_modules/dom-lib/lib/query/canUseDOM.js\"));\n\nvar _Portal = _interopRequireDefault(__webpack_require__(/*! ../Portal */ \"./src/Portal/index.tsx\"));\n\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/Modal/ModalManager.ts\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ../utils/getDOMNode */ \"./src/utils/getDOMNode.ts\"));\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/BaseModal.tsx\";\n\nvar RefHolder =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(RefHolder, _React$Component);\n\n  function RefHolder() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = RefHolder.prototype;\n\n  _proto.render = function render() {\n    return this.props.children || null;\n  };\n\n  return RefHolder;\n}(React.Component);\n\nvar modalManager = new _ModalManager.default();\n\nvar BaseModal =\n/*#__PURE__*/\nfunction (_React$Component2) {\n  (0, _inheritsLoose2.default)(BaseModal, _React$Component2);\n\n  function BaseModal(props) {\n    var _this;\n\n    _this = _React$Component2.call(this, props) || this;\n    _this.mountNode = null;\n    _this.modalNodeRef = null;\n    _this.backdropRef = null;\n    _this.dialogRef = null;\n    _this.lastFocus = null;\n    _this.onDocumentKeyupListener = null;\n    _this.onFocusinListener = null;\n\n    _this.setMountNodeRef = function (ref) {\n      var _ref$getMountNode;\n\n      _this.mountNode = ref === null || ref === void 0 ? void 0 : (_ref$getMountNode = ref.getMountNode) === null || _ref$getMountNode === void 0 ? void 0 : _ref$getMountNode.call(ref);\n    };\n\n    _this.handleHidden = function (args) {\n      var _this$props$onExited, _this$props;\n\n      _this.setState({\n        exited: true\n      });\n\n      _this.onHide();\n\n      (_this$props$onExited = (_this$props = _this.props).onExited) === null || _this$props$onExited === void 0 ? void 0 : _this$props$onExited.call(_this$props, args);\n    };\n\n    _this.handleBackdropClick = function (event) {\n      if (event.target !== event.currentTarget) {\n        return;\n      }\n\n      var _this$props2 = _this.props,\n          onBackdropClick = _this$props2.onBackdropClick,\n          backdrop = _this$props2.backdrop,\n          onHide = _this$props2.onHide;\n      onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event);\n      backdrop && (onHide === null || onHide === void 0 ? void 0 : onHide(event));\n    };\n\n    _this.handleDocumentKeyUp = function (event) {\n      var _this$props3 = _this.props,\n          keyboard = _this$props3.keyboard,\n          onHide = _this$props3.onHide,\n          onEscapeKeyUp = _this$props3.onEscapeKeyUp;\n\n      if (keyboard && event.keyCode === 27 && _this.isTopModal()) {\n        onEscapeKeyUp === null || onEscapeKeyUp === void 0 ? void 0 : onEscapeKeyUp(event);\n        onHide === null || onHide === void 0 ? void 0 : onHide(event);\n      }\n    };\n\n    _this.enforceFocus = function () {\n      var enforceFocus = _this.props.enforceFocus;\n\n      if (!enforceFocus || !_this.isTopModal()) {\n        return;\n      }\n\n      var active = (0, _domLib.activeElement)((0, _domLib.ownerDocument)((0, _assertThisInitialized2.default)(_this)));\n\n      var modal = _this.getDialogElement();\n\n      if (modal && modal !== active && !(0, _domLib.contains)(modal, active)) {\n        modal.focus();\n      }\n    };\n\n    _this.state = {\n      exited: !props.show\n    };\n    _this.backdropRef = React.createRef();\n    _this.modalNodeRef = React.createRef();\n    _this.dialogRef = React.createRef();\n    return _this;\n  }\n\n  var _proto2 = BaseModal.prototype;\n\n  _proto2.componentDidMount = function componentDidMount() {\n    if (this.props.show) {\n      this.onShow();\n    }\n  };\n\n  BaseModal.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {\n    if (nextProps.show) {\n      return {\n        exited: false\n      };\n    } else if (!nextProps.transition) {\n      // Otherwise let handleHidden take care of marking exited.\n      return {\n        exited: true\n      };\n    }\n\n    return null;\n  };\n\n  _proto2.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {\n    if (this.props.show && !prevProps.show) {\n      this.checkForFocus();\n    }\n\n    return null;\n  };\n\n  _proto2.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var transition = this.props.transition;\n\n    if (prevProps.show && !this.props.show && !transition) {\n      // Otherwise handleHidden will call this.\n      this.onHide();\n    } else if (!prevProps.show && this.props.show) {\n      this.onShow();\n    }\n  };\n\n  _proto2.componentWillUnmount = function componentWillUnmount() {\n    var _this$props4 = this.props,\n        show = _this$props4.show,\n        transition = _this$props4.transition;\n\n    if (show || transition && !this.state.exited) {\n      this.onHide();\n    }\n  };\n\n  _proto2.onShow = function onShow() {\n    var _this$props$onShow, _this$props5;\n\n    var doc = (0, _domLib.ownerDocument)(this);\n    var container = (0, _domLib.getContainer)(this.props.container, doc.body);\n    var containerClassName = this.props.containerClassName;\n    modalManager.add(this, container, containerClassName);\n    this.onDocumentKeyupListener = (0, _domLib.on)(doc, 'keyup', this.handleDocumentKeyUp);\n    this.onFocusinListener = (0, _domLib.on)(doc, 'focus', this.enforceFocus);\n    (_this$props$onShow = (_this$props5 = this.props).onShow) === null || _this$props$onShow === void 0 ? void 0 : _this$props$onShow.call(_this$props5);\n  };\n\n  _proto2.onHide = function onHide() {\n    var _this$onDocumentKeyup, _this$onFocusinListen;\n\n    modalManager.remove(this);\n    (_this$onDocumentKeyup = this.onDocumentKeyupListener) === null || _this$onDocumentKeyup === void 0 ? void 0 : _this$onDocumentKeyup.off();\n    (_this$onFocusinListen = this.onFocusinListener) === null || _this$onFocusinListen === void 0 ? void 0 : _this$onFocusinListen.off();\n    this.restoreLastFocus();\n  };\n\n  _proto2.getDialogElement = function getDialogElement() {\n    return (0, _getDOMNode.default)(this.dialogRef.current);\n  };\n\n  _proto2.isTopModal = function isTopModal() {\n    return modalManager.isTopModal(this);\n  };\n\n  _proto2.checkForFocus = function checkForFocus() {\n    if (_canUseDOM.default) {\n      this.lastFocus = (0, _domLib.activeElement)();\n    }\n  };\n\n  _proto2.restoreLastFocus = function restoreLastFocus() {\n    // Support: <=IE11 doesn't support `focus()` on svg elements\n    if (this.lastFocus) {\n      var _this$lastFocus$focus, _this$lastFocus;\n\n      (_this$lastFocus$focus = (_this$lastFocus = this.lastFocus).focus) === null || _this$lastFocus$focus === void 0 ? void 0 : _this$lastFocus$focus.call(_this$lastFocus);\n      this.lastFocus = null;\n    }\n  };\n\n  _proto2.renderBackdrop = function renderBackdrop() {\n    var _this2 = this;\n\n    var _this$props6 = this.props,\n        transition = _this$props6.transition,\n        backdrop = _this$props6.backdrop,\n        backdropTransitionTimeout = _this$props6.backdropTransitionTimeout,\n        backdropStyle = _this$props6.backdropStyle,\n        backdropClassName = _this$props6.backdropClassName;\n    var backdropPorps = {\n      style: backdropStyle,\n      onClick: backdrop === true ? this.handleBackdropClick : undefined\n    };\n\n    if (transition) {\n      return React.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: this.props.show,\n        timeout: backdropTransitionTimeout,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 204\n        },\n        __self: this\n      }, function (props, ref) {\n        var className = props.className,\n            rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\"]);\n        return React.createElement(\"div\", (0, _extends2.default)({}, rest, backdropPorps, {\n          className: (0, _classnames.default)(backdropClassName, className),\n          ref: (0, _mergeRefs.default)(_this2.backdropRef, ref),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 208\n          },\n          __self: this\n        }));\n      });\n    }\n\n    return React.createElement(\"div\", (0, _extends2.default)({\n      ref: this.backdropRef,\n      className: backdropClassName\n    }, backdropPorps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 220\n      },\n      __self: this\n    }));\n  };\n\n  _proto2.render = function render() {\n    var _this$props7 = this.props,\n        children = _this$props7.children,\n        Transition = _this$props7.transition,\n        backdrop = _this$props7.backdrop,\n        dialogTransitionTimeout = _this$props7.dialogTransitionTimeout,\n        style = _this$props7.style,\n        className = _this$props7.className,\n        container = _this$props7.container,\n        animationProps = _this$props7.animationProps,\n        onExit = _this$props7.onExit,\n        onExiting = _this$props7.onExiting,\n        onEnter = _this$props7.onEnter,\n        onEntering = _this$props7.onEntering,\n        onEntered = _this$props7.onEntered,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, [\"children\", \"transition\", \"backdrop\", \"dialogTransitionTimeout\", \"style\", \"className\", \"container\", \"animationProps\", \"onExit\", \"onExiting\", \"onEnter\", \"onEntering\", \"onEntered\"]);\n    var show = !!rest.show;\n    var mountModal = show || Transition && !this.state.exited;\n\n    if (!mountModal) {\n      return null;\n    }\n\n    var dialog = children;\n\n    if (Transition) {\n      dialog = React.createElement(Transition, (0, _extends2.default)({}, animationProps, {\n        transitionAppear: true,\n        unmountOnExit: true,\n        in: show,\n        timeout: dialogTransitionTimeout,\n        onExit: onExit,\n        onExiting: onExiting,\n        onExited: this.handleHidden,\n        onEnter: onEnter,\n        onEntering: onEntering,\n        onEntered: onEntered,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 252\n        },\n        __self: this\n      }), dialog);\n    }\n\n    return React.createElement(_Portal.default, {\n      ref: this.setMountNodeRef,\n      container: container,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 271\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      ref: this.modalNodeRef,\n      role: rest.role || 'dialog',\n      style: style,\n      className: className,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 272\n      },\n      __self: this\n    }, backdrop && this.renderBackdrop(), React.createElement(RefHolder, {\n      ref: this.dialogRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 279\n      },\n      __self: this\n    }, dialog)));\n  };\n\n  return BaseModal;\n}(React.Component);\n\nBaseModal.manager = modalManager;\nBaseModal.defaultProps = {\n  backdrop: true,\n  keyboard: true,\n  autoFocus: true,\n  enforceFocus: true\n};\nvar _default = BaseModal;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/BaseModal.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/assertThisInitialized.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _canUseDOM = _interopRequireDefault(__webpack_require__(/*! dom-lib/lib/query/canUseDOM */ \"./node_modules/dom-lib/lib/query/canUseDOM.js\"));\n\nvar _Portal = _interopRequireDefault(__webpack_require__(/*! ../Portal */ \"./src/Portal/index.tsx\"));\n\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/Modal/ModalManager.ts\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ../utils/getDOMNode */ \"./src/utils/getDOMNode.ts\"));\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/BaseModal.tsx\";\n\nvar RefHolder =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(RefHolder, _React$Component);\n\n  function RefHolder() {\n    return _React$Component.apply(this, arguments) || this;\n  }\n\n  var _proto = RefHolder.prototype;\n\n  _proto.render = function render() {\n    return this.props.children || null;\n  };\n\n  return RefHolder;\n}(React.Component);\n\nvar modalManager = new _ModalManager.default();\n\nvar BaseModal =\n/*#__PURE__*/\nfunction (_React$Component2) {\n  (0, _inheritsLoose2.default)(BaseModal, _React$Component2);\n\n  function BaseModal(props) {\n    var _this;\n\n    _this = _React$Component2.call(this, props) || this;\n    _this.mountNode = null;\n    _this.modalNodeRef = null;\n    _this.backdropRef = null;\n    _this.dialogRef = null;\n    _this.lastFocus = null;\n    _this.onDocumentKeyupListener = null;\n    _this.onFocusinListener = null;\n\n    _this.setMountNodeRef = function (ref) {\n      var _ref$getMountNode;\n\n      _this.mountNode = ref === null || ref === void 0 ? void 0 : (_ref$getMountNode = ref.getMountNode) === null || _ref$getMountNode === void 0 ? void 0 : _ref$getMountNode.call(ref);\n    };\n\n    _this.handleHidden = function (args) {\n      var _this$props$onExited, _this$props;\n\n      _this.setState({\n        exited: true\n      });\n\n      _this.onHide();\n\n      (_this$props$onExited = (_this$props = _this.props).onExited) === null || _this$props$onExited === void 0 ? void 0 : _this$props$onExited.call(_this$props, args);\n    };\n\n    _this.handleBackdropClick = function (event) {\n      if (event.target !== event.currentTarget) {\n        return;\n      }\n\n      var _this$props2 = _this.props,\n          onBackdropClick = _this$props2.onBackdropClick,\n          backdrop = _this$props2.backdrop,\n          onHide = _this$props2.onHide;\n      onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event);\n      backdrop && (onHide === null || onHide === void 0 ? void 0 : onHide(event));\n    };\n\n    _this.handleDocumentKeyUp = function (event) {\n      var _this$props3 = _this.props,\n          keyboard = _this$props3.keyboard,\n          onHide = _this$props3.onHide,\n          onEscapeKeyUp = _this$props3.onEscapeKeyUp;\n\n      if (keyboard && event.keyCode === 27 && _this.isTopModal()) {\n        onEscapeKeyUp === null || onEscapeKeyUp === void 0 ? void 0 : onEscapeKeyUp(event);\n        onHide === null || onHide === void 0 ? void 0 : onHide(event);\n      }\n    };\n\n    _this.enforceFocus = function () {\n      var enforceFocus = _this.props.enforceFocus;\n\n      if (!enforceFocus || !_this.isTopModal()) {\n        return;\n      }\n\n      var active = (0, _domLib.activeElement)((0, _domLib.ownerDocument)((0, _assertThisInitialized2.default)(_this)));\n\n      var modal = _this.getDialogElement();\n\n      if (modal && modal !== active && !(0, _domLib.contains)(modal, active)) {\n        modal.focus();\n      }\n    };\n\n    _this.state = {\n      exited: !props.show\n    };\n    _this.backdropRef = React.createRef();\n    _this.modalNodeRef = React.createRef();\n    _this.dialogRef = React.createRef();\n    return _this;\n  }\n\n  var _proto2 = BaseModal.prototype;\n\n  _proto2.componentDidMount = function componentDidMount() {\n    if (this.props.show) {\n      this.onShow();\n    }\n  };\n\n  BaseModal.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {\n    if (nextProps.show) {\n      return {\n        exited: false\n      };\n    } else if (!nextProps.transition) {\n      // Otherwise let handleHidden take care of marking exited.\n      return {\n        exited: true\n      };\n    }\n\n    return null;\n  };\n\n  _proto2.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {\n    if (this.props.show && !prevProps.show) {\n      this.checkForFocus();\n    }\n\n    return null;\n  };\n\n  _proto2.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var transition = this.props.transition;\n\n    if (prevProps.show && !this.props.show && !transition) {\n      // Otherwise handleHidden will call this.\n      this.onHide();\n    } else if (!prevProps.show && this.props.show) {\n      this.onShow();\n    }\n  };\n\n  _proto2.componentWillUnmount = function componentWillUnmount() {\n    var _this$props4 = this.props,\n        show = _this$props4.show,\n        transition = _this$props4.transition;\n\n    if (show || transition && !this.state.exited) {\n      this.onHide();\n    }\n  };\n\n  _proto2.onShow = function onShow() {\n    var _this$props$onShow, _this$props5;\n\n    var doc = (0, _domLib.ownerDocument)(this);\n    var container = (0, _domLib.getContainer)(this.props.container, doc.body);\n    var containerClassName = this.props.containerClassName;\n    modalManager.add(this, container, containerClassName);\n    this.onDocumentKeyupListener = (0, _domLib.on)(doc, 'keyup', this.handleDocumentKeyUp);\n    this.onFocusinListener = (0, _domLib.on)(doc, 'focus', this.enforceFocus);\n    (_this$props$onShow = (_this$props5 = this.props).onShow) === null || _this$props$onShow === void 0 ? void 0 : _this$props$onShow.call(_this$props5);\n  };\n\n  _proto2.onHide = function onHide() {\n    var _this$onDocumentKeyup, _this$onFocusinListen;\n\n    modalManager.remove(this);\n    (_this$onDocumentKeyup = this.onDocumentKeyupListener) === null || _this$onDocumentKeyup === void 0 ? void 0 : _this$onDocumentKeyup.off();\n    (_this$onFocusinListen = this.onFocusinListener) === null || _this$onFocusinListen === void 0 ? void 0 : _this$onFocusinListen.off();\n    this.restoreLastFocus();\n  };\n\n  _proto2.getDialogElement = function getDialogElement() {\n    return (0, _getDOMNode.default)(this.dialogRef.current);\n  };\n\n  _proto2.isTopModal = function isTopModal() {\n    return modalManager.isTopModal(this);\n  };\n\n  _proto2.checkForFocus = function checkForFocus() {\n    if (_canUseDOM.default) {\n      this.lastFocus = (0, _domLib.activeElement)();\n    }\n  };\n\n  _proto2.restoreLastFocus = function restoreLastFocus() {\n    // Support: <=IE11 doesn't support `focus()` on svg elements\n    if (this.lastFocus) {\n      var _this$lastFocus$focus, _this$lastFocus;\n\n      (_this$lastFocus$focus = (_this$lastFocus = this.lastFocus).focus) === null || _this$lastFocus$focus === void 0 ? void 0 : _this$lastFocus$focus.call(_this$lastFocus);\n      this.lastFocus = null;\n    }\n  };\n\n  _proto2.renderBackdrop = function renderBackdrop() {\n    var _this2 = this;\n\n    var _this$props6 = this.props,\n        transition = _this$props6.transition,\n        backdrop = _this$props6.backdrop,\n        backdropTransitionTimeout = _this$props6.backdropTransitionTimeout,\n        backdropStyle = _this$props6.backdropStyle,\n        backdropClassName = _this$props6.backdropClassName;\n    var backdropPorps = {\n      style: backdropStyle,\n      onClick: backdrop === true ? this.handleBackdropClick : undefined\n    };\n\n    if (transition) {\n      return React.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: this.props.show,\n        timeout: backdropTransitionTimeout,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 204\n        },\n        __self: this\n      }, function (props, ref) {\n        var className = props.className,\n            rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\"]);\n        return React.createElement(\"div\", (0, _extends2.default)({}, rest, backdropPorps, {\n          className: (0, _classnames.default)(backdropClassName, className),\n          ref: (0, _mergeRefs.default)(_this2.backdropRef, ref),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 208\n          },\n          __self: this\n        }));\n      });\n    }\n\n    return React.createElement(\"div\", (0, _extends2.default)({\n      ref: this.backdropRef,\n      className: backdropClassName\n    }, backdropPorps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 220\n      },\n      __self: this\n    }));\n  };\n\n  _proto2.render = function render() {\n    var _this$props7 = this.props,\n        children = _this$props7.children,\n        Transition = _this$props7.transition,\n        backdrop = _this$props7.backdrop,\n        dialogTransitionTimeout = _this$props7.dialogTransitionTimeout,\n        style = _this$props7.style,\n        className = _this$props7.className,\n        container = _this$props7.container,\n        animationProps = _this$props7.animationProps,\n        onExit = _this$props7.onExit,\n        onExiting = _this$props7.onExiting,\n        onEnter = _this$props7.onEnter,\n        onEntering = _this$props7.onEntering,\n        onEntered = _this$props7.onEntered,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, [\"children\", \"transition\", \"backdrop\", \"dialogTransitionTimeout\", \"style\", \"className\", \"container\", \"animationProps\", \"onExit\", \"onExiting\", \"onEnter\", \"onEntering\", \"onEntered\"]);\n    var show = !!rest.show;\n    var mountModal = show || Transition && !this.state.exited;\n\n    if (!mountModal) {\n      return null;\n    }\n\n    var dialog = children;\n\n    if (Transition) {\n      dialog = React.createElement(Transition, (0, _extends2.default)({}, animationProps, {\n        transitionAppear: true,\n        unmountOnExit: true,\n        in: show,\n        timeout: dialogTransitionTimeout,\n        onExit: onExit,\n        onExiting: onExiting,\n        onExited: this.handleHidden,\n        onEnter: onEnter,\n        onEntering: onEntering,\n        onEntered: onEntered,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 252\n        },\n        __self: this\n      }), dialog);\n    }\n\n    return React.createElement(_Portal.default, {\n      ref: this.setMountNodeRef,\n      container: container,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 271\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      ref: this.modalNodeRef,\n      role: rest.role,\n      style: style,\n      className: className,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 272\n      },\n      __self: this\n    }, backdrop && this.renderBackdrop(), React.createElement(RefHolder, {\n      ref: this.dialogRef,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 274\n      },\n      __self: this\n    }, dialog)));\n  };\n\n  return BaseModal;\n}(React.Component);\n\nBaseModal.manager = modalManager;\nBaseModal.defaultProps = {\n  backdrop: true,\n  keyboard: true,\n  autoFocus: true,\n  enforceFocus: true\n};\nvar _default = BaseModal;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/BaseModal.tsx?");
 
 /***/ }),
 
@@ -7626,7 +7626,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _elementResizeEvent = _interopRequireWildcard(__webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\"));\n\nvar _BaseModal = _interopRequireDefault(__webpack_require__(/*! ./BaseModal */ \"./src/Modal/BaseModal.tsx\"));\n\nvar _Bounce = _interopRequireDefault(__webpack_require__(/*! ../Animation/Bounce */ \"./src/Animation/Bounce.tsx\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ModalDialog = _interopRequireWildcard(__webpack_require__(/*! ./ModalDialog */ \"./src/Modal/ModalDialog.tsx\"));\n\nvar _ModalBody = _interopRequireDefault(__webpack_require__(/*! ./ModalBody */ \"./src/Modal/ModalBody.tsx\"));\n\nvar _ModalHeader = _interopRequireDefault(__webpack_require__(/*! ./ModalHeader */ \"./src/Modal/ModalHeader.tsx\"));\n\nvar _ModalTitle = _interopRequireDefault(__webpack_require__(/*! ./ModalTitle */ \"./src/Modal/ModalTitle.tsx\"));\n\nvar _ModalFooter = _interopRequireDefault(__webpack_require__(/*! ./ModalFooter */ \"./src/Modal/ModalFooter.tsx\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _ModalContext = _interopRequireDefault(__webpack_require__(/*! ./ModalContext */ \"./src/Modal/ModalContext.tsx\"));\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/Modal.tsx\";\nvar BACKDROP_TRANSITION_DURATION = 150;\n\nvar Modal =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Modal, _React$Component);\n\n  // for test\n  function Modal(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.dialogElement = void 0;\n    _this.modalRef = void 0;\n    _this.windowResizeListener = null;\n    _this.contentElement = null;\n\n    _this.getBodyStyles = function () {\n      return _this.state.bodyStyles;\n    };\n\n    _this.bindDialogRef = function (ref) {\n      _this.dialogElement = ref;\n    };\n\n    _this.handleShow = function () {\n      var dialogElement = _this.dialogElement;\n\n      _this.updateModalStyles(dialogElement);\n\n      _this.contentElement = dialogElement.querySelector(\".\" + _this.addPrefix('content'));\n      _this.windowResizeListener = (0, _domLib.on)(window, 'resize', _this.handleResize);\n      (0, _elementResizeEvent.default)(_this.contentElement, _this.handleResize);\n    };\n\n    _this.handleShowing = function () {\n      _this.updateModalStyles(_this.dialogElement);\n    };\n\n    _this.handleHide = function () {\n      _this.destroyEvent();\n    };\n\n    _this.handleDialogClick = function (event) {\n      var _this$props, _this$props$onHide;\n\n      if (event.target !== event.currentTarget) {\n        return;\n      }\n\n      (_this$props = _this.props) === null || _this$props === void 0 ? void 0 : (_this$props$onHide = _this$props.onHide) === null || _this$props$onHide === void 0 ? void 0 : _this$props$onHide.call(_this$props, event);\n    };\n\n    _this.handleResize = function () {\n      _this.updateModalStyles(_this.dialogElement);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.state = {\n      bodyStyles: {}\n    };\n    _this.modalRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = Modal.prototype;\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.destroyEvent();\n  };\n\n  _proto.getBodyStylesByDialog = function getBodyStylesByDialog(dialogElement) {\n    var _this$props2 = this.props,\n        overflow = _this$props2.overflow,\n        drawer = _this$props2.drawer;\n    var node = dialogElement || this.dialogElement;\n    var scrollHeight = node ? node.scrollHeight : 0;\n\n    if (!overflow) {\n      return {};\n    }\n\n    var bodyStyles = {\n      overflow: 'auto'\n    };\n\n    if (node) {\n      // default margin\n      var headerHeight = 46;\n      var footerHeight = 46;\n      var contentHeight = 30;\n      var headerDOM = node.querySelector(\".\" + this.addPrefix('header'));\n      var footerDOM = node.querySelector(\".\" + this.addPrefix('footer'));\n      var contentDOM = node.querySelector(\".\" + this.addPrefix('content'));\n      headerHeight = headerDOM ? (0, _domLib.getHeight)(headerDOM) + headerHeight : headerHeight;\n      footerHeight = footerDOM ? (0, _domLib.getHeight)(footerDOM) + headerHeight : headerHeight;\n      contentHeight = contentDOM ? (0, _domLib.getHeight)(contentDOM) + contentHeight : contentHeight;\n\n      if (drawer) {\n        bodyStyles.height = contentHeight - (headerHeight + footerHeight);\n      } else {\n        /**\n         * Header height + Footer height + Dialog margin\n         */\n        var excludeHeight = headerHeight + footerHeight + 60;\n        var bodyHeight = (0, _domLib.getHeight)(window) - excludeHeight;\n        var maxHeight = scrollHeight >= bodyHeight ? bodyHeight : scrollHeight;\n        bodyStyles.maxHeight = maxHeight;\n      }\n    }\n\n    return bodyStyles;\n  };\n\n  _proto.destroyEvent = function destroyEvent() {\n    var _this$windowResizeLis, _this$windowResizeLis2;\n\n    (_this$windowResizeLis = this.windowResizeListener) === null || _this$windowResizeLis === void 0 ? void 0 : (_this$windowResizeLis2 = _this$windowResizeLis.off) === null || _this$windowResizeLis2 === void 0 ? void 0 : _this$windowResizeLis2.call(_this$windowResizeLis);\n\n    if (this.contentElement) {\n      (0, _elementResizeEvent.unbind)(this.contentElement);\n    }\n  };\n\n  _proto.updateModalStyles = function updateModalStyles(dialogElement) {\n    this.setState({\n      bodyStyles: this.getBodyStylesByDialog(dialogElement)\n    });\n  };\n\n  _proto.render = function render() {\n    var _classNames,\n        _classNames2,\n        _this2 = this;\n\n    var _this$props3 = this.props,\n        className = _this$props3.className,\n        children = _this$props3.children,\n        dialogClassName = _this$props3.dialogClassName,\n        backdropClassName = _this$props3.backdropClassName,\n        dialogStyle = _this$props3.dialogStyle,\n        animation = _this$props3.animation,\n        classPrefix = _this$props3.classPrefix,\n        show = _this$props3.show,\n        size = _this$props3.size,\n        full = _this$props3.full,\n        dialogComponentClass = _this$props3.dialogComponentClass,\n        animationProps = _this$props3.animationProps,\n        animationTimeout = _this$props3.animationTimeout,\n        onHide = _this$props3.onHide,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, [\"className\", \"children\", \"dialogClassName\", \"backdropClassName\", \"dialogStyle\", \"animation\", \"classPrefix\", \"show\", \"size\", \"full\", \"dialogComponentClass\", \"animationProps\", \"animationTimeout\", \"onHide\"]);\n    var inClass = {\n      in: show && !animation\n    };\n    var Dialog = dialogComponentClass;\n    var classes = (0, _classnames.default)(this.addPrefix(size), className, (_classNames = {}, _classNames[this.addPrefix('full')] = full, _classNames));\n    return React.createElement(_ModalContext.default.Provider, {\n      value: {\n        onModalHide: onHide,\n        getBodyStyles: this.getBodyStyles\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215\n      },\n      __self: this\n    }, React.createElement(_BaseModal.default, (0, _extends2.default)({}, rest, {\n      ref: this.modalRef,\n      show: show,\n      onHide: onHide,\n      className: this.addPrefix('wrapper'),\n      onEntered: (0, _utils.createChainedFunction)(this.handleShow, this.props.onEntered),\n      onEntering: (0, _utils.createChainedFunction)(this.handleShowing, this.props.onEntering),\n      onExited: (0, _utils.createChainedFunction)(this.handleHide, this.props.onExited),\n      backdropClassName: (0, _classnames.default)(this.addPrefix('backdrop'), backdropClassName, inClass),\n      containerClassName: (0, _classnames.default)(this.addPrefix('open'), (_classNames2 = {}, _classNames2[this.addPrefix('has-backdrop')] = rest.backdrop, _classNames2)),\n      transition: animation ? animation : undefined,\n      animationProps: animationProps,\n      dialogTransitionTimeout: animationTimeout,\n      backdropTransitionTimeout: BACKDROP_TRANSITION_DURATION,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221\n      },\n      __self: this\n    }), function (transitionProps, ref) {\n      var transitionClassName = transitionProps.className,\n          transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return React.createElement(Dialog, (0, _extends2.default)({}, transitionRest, (0, _pick2.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {\n        classPrefix: classPrefix,\n        className: (0, _classnames.default)(classes, transitionClassName),\n        dialogClassName: dialogClassName,\n        dialogStyle: dialogStyle,\n        onClick: rest.backdrop === true ? _this2.handleDialogClick : null,\n        dialogRef: (0, _mergeRefs.default)(_this2.bindDialogRef, ref),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 242\n        },\n        __self: this\n      }), children);\n    }));\n  };\n\n  return Modal;\n}(React.Component);\n\nModal.propTypes = {\n  classPrefix: _propTypes.default.string,\n  size: _propTypes.default.oneOf(_constants.SIZE),\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  onRendered: _propTypes.default.func,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  dialogClassName: _propTypes.default.string,\n  backdropClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  dialogStyle: _propTypes.default.object,\n  backdropStyle: _propTypes.default.object,\n  show: _propTypes.default.bool,\n  full: _propTypes.default.bool,\n  backdrop: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),\n  keyboard: _propTypes.default.bool,\n  transition: _propTypes.default.elementType,\n  dialogTransitionTimeout: _propTypes.default.number,\n  backdropTransitionTimeout: _propTypes.default.number,\n  autoFocus: _propTypes.default.bool,\n  enforceFocus: _propTypes.default.bool,\n  overflow: _propTypes.default.bool,\n  drawer: _propTypes.default.bool,\n  dialogComponentClass: _propTypes.default.elementType,\n  animation: _propTypes.default.any,\n  animationProps: _propTypes.default.object,\n  animationTimeout: _propTypes.default.number,\n  onEscapeKeyUp: _propTypes.default.func,\n  onBackdropClick: _propTypes.default.func,\n  onShow: _propTypes.default.func,\n  onHide: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func\n};\nModal.defaultProps = {\n  size: 'sm',\n  backdrop: true,\n  keyboard: true,\n  autoFocus: true,\n  enforceFocus: true,\n  animation: _Bounce.default,\n  animationTimeout: 300,\n  dialogComponentClass: _ModalDialog.default,\n  overflow: true\n};\nvar EnhancedModal = (0, _utils.defaultProps)({\n  classPrefix: 'modal'\n})(Modal);\n(0, _recompose.setStatic)('Body', _ModalBody.default)(EnhancedModal);\n(0, _recompose.setStatic)('Header', _ModalHeader.default)(EnhancedModal);\n(0, _recompose.setStatic)('Title', _ModalTitle.default)(EnhancedModal);\n(0, _recompose.setStatic)('Footer', _ModalFooter.default)(EnhancedModal);\n(0, _recompose.setStatic)('Dialog', _ModalDialog.default)(EnhancedModal);\nvar _default = EnhancedModal;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/Modal.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _elementResizeEvent = _interopRequireWildcard(__webpack_require__(/*! element-resize-event */ \"./node_modules/element-resize-event/index.js\"));\n\nvar _BaseModal = _interopRequireDefault(__webpack_require__(/*! ./BaseModal */ \"./src/Modal/BaseModal.tsx\"));\n\nvar _Bounce = _interopRequireDefault(__webpack_require__(/*! ../Animation/Bounce */ \"./src/Animation/Bounce.tsx\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _ModalDialog = _interopRequireWildcard(__webpack_require__(/*! ./ModalDialog */ \"./src/Modal/ModalDialog.tsx\"));\n\nvar _ModalBody = _interopRequireDefault(__webpack_require__(/*! ./ModalBody */ \"./src/Modal/ModalBody.tsx\"));\n\nvar _ModalHeader = _interopRequireDefault(__webpack_require__(/*! ./ModalHeader */ \"./src/Modal/ModalHeader.tsx\"));\n\nvar _ModalTitle = _interopRequireDefault(__webpack_require__(/*! ./ModalTitle */ \"./src/Modal/ModalTitle.tsx\"));\n\nvar _ModalFooter = _interopRequireDefault(__webpack_require__(/*! ./ModalFooter */ \"./src/Modal/ModalFooter.tsx\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _ModalContext = _interopRequireDefault(__webpack_require__(/*! ./ModalContext */ \"./src/Modal/ModalContext.tsx\"));\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/Modal.tsx\";\nvar BACKDROP_TRANSITION_DURATION = 150;\n\nvar Modal =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Modal, _React$Component);\n\n  // for test\n  function Modal(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.dialogElement = void 0;\n    _this.modalRef = void 0;\n    _this.windowResizeListener = null;\n    _this.contentElement = null;\n\n    _this.getBodyStyles = function () {\n      return _this.state.bodyStyles;\n    };\n\n    _this.bindDialogRef = function (ref) {\n      _this.dialogElement = ref;\n    };\n\n    _this.handleShow = function () {\n      var dialogElement = _this.dialogElement;\n\n      _this.updateModalStyles(dialogElement);\n\n      _this.contentElement = dialogElement.querySelector(\".\" + _this.addPrefix('content'));\n      _this.windowResizeListener = (0, _domLib.on)(window, 'resize', _this.handleResize);\n      (0, _elementResizeEvent.default)(_this.contentElement, _this.handleResize);\n    };\n\n    _this.handleShowing = function () {\n      _this.updateModalStyles(_this.dialogElement, true);\n    };\n\n    _this.handleHide = function () {\n      _this.destroyEvent();\n    };\n\n    _this.handleDialogClick = function (event) {\n      var _this$props, _this$props$onHide;\n\n      if (event.target !== event.currentTarget) {\n        return;\n      }\n\n      (_this$props = _this.props) === null || _this$props === void 0 ? void 0 : (_this$props$onHide = _this$props.onHide) === null || _this$props$onHide === void 0 ? void 0 : _this$props$onHide.call(_this$props, event);\n    };\n\n    _this.handleResize = function () {\n      _this.updateModalStyles(_this.dialogElement);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.state = {\n      bodyStyles: {}\n    };\n    _this.modalRef = React.createRef();\n    return _this;\n  }\n\n  var _proto = Modal.prototype;\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.destroyEvent();\n  };\n\n  _proto.getBodyStylesByDialog = function getBodyStylesByDialog(dialogElement, entering) {\n    var _this$props2 = this.props,\n        overflow = _this$props2.overflow,\n        drawer = _this$props2.drawer;\n    var node = dialogElement || this.dialogElement;\n    var scrollHeight = node ? node.scrollHeight : 0;\n\n    if (!overflow) {\n      return {};\n    }\n\n    var bodyStyles = {\n      overflow: 'auto'\n    };\n\n    if (node) {\n      // default margin\n      var headerHeight = 46;\n      var footerHeight = 46;\n      var contentHeight = 30;\n      var headerDOM = node.querySelector(\".\" + this.addPrefix('header'));\n      var footerDOM = node.querySelector(\".\" + this.addPrefix('footer'));\n      var contentDOM = node.querySelector(\".\" + this.addPrefix('content'));\n      headerHeight = headerDOM ? (0, _domLib.getHeight)(headerDOM) + headerHeight : headerHeight;\n      footerHeight = footerDOM ? (0, _domLib.getHeight)(footerDOM) + headerHeight : headerHeight;\n      contentHeight = contentDOM ? (0, _domLib.getHeight)(contentDOM) + contentHeight : contentHeight;\n\n      if (drawer) {\n        bodyStyles.height = contentHeight - (headerHeight + footerHeight);\n      } else {\n        /**\n         * Header height + Footer height + Dialog margin\n         */\n        var excludeHeight = headerHeight + footerHeight + (entering ? 76 : 60);\n        var bodyHeight = (0, _domLib.getHeight)(window) - excludeHeight;\n        var maxHeight = scrollHeight >= bodyHeight ? bodyHeight : scrollHeight;\n        bodyStyles.maxHeight = maxHeight;\n      }\n    }\n\n    return bodyStyles;\n  };\n\n  _proto.destroyEvent = function destroyEvent() {\n    var _this$windowResizeLis, _this$windowResizeLis2;\n\n    (_this$windowResizeLis = this.windowResizeListener) === null || _this$windowResizeLis === void 0 ? void 0 : (_this$windowResizeLis2 = _this$windowResizeLis.off) === null || _this$windowResizeLis2 === void 0 ? void 0 : _this$windowResizeLis2.call(_this$windowResizeLis);\n\n    if (this.contentElement) {\n      (0, _elementResizeEvent.unbind)(this.contentElement);\n    }\n  };\n\n  _proto.updateModalStyles = function updateModalStyles(dialogElement, entering) {\n    this.setState({\n      bodyStyles: this.getBodyStylesByDialog(dialogElement, entering)\n    });\n  };\n\n  _proto.render = function render() {\n    var _classNames,\n        _classNames2,\n        _this2 = this;\n\n    var _this$props3 = this.props,\n        className = _this$props3.className,\n        children = _this$props3.children,\n        dialogClassName = _this$props3.dialogClassName,\n        backdropClassName = _this$props3.backdropClassName,\n        dialogStyle = _this$props3.dialogStyle,\n        animation = _this$props3.animation,\n        classPrefix = _this$props3.classPrefix,\n        show = _this$props3.show,\n        size = _this$props3.size,\n        full = _this$props3.full,\n        dialogComponentClass = _this$props3.dialogComponentClass,\n        animationProps = _this$props3.animationProps,\n        animationTimeout = _this$props3.animationTimeout,\n        onHide = _this$props3.onHide,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, [\"className\", \"children\", \"dialogClassName\", \"backdropClassName\", \"dialogStyle\", \"animation\", \"classPrefix\", \"show\", \"size\", \"full\", \"dialogComponentClass\", \"animationProps\", \"animationTimeout\", \"onHide\"]);\n    var inClass = {\n      in: show && !animation\n    };\n    var Dialog = dialogComponentClass;\n    var classes = (0, _classnames.default)(this.addPrefix(size), className, (_classNames = {}, _classNames[this.addPrefix('full')] = full, _classNames));\n    return React.createElement(_ModalContext.default.Provider, {\n      value: {\n        onModalHide: onHide,\n        getBodyStyles: this.getBodyStyles\n      },\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215\n      },\n      __self: this\n    }, React.createElement(_BaseModal.default, (0, _extends2.default)({}, rest, {\n      ref: this.modalRef,\n      show: show,\n      onHide: onHide,\n      className: this.addPrefix('wrapper'),\n      onEntered: (0, _utils.createChainedFunction)(this.handleShow, this.props.onEntered),\n      onEntering: (0, _utils.createChainedFunction)(this.handleShowing, this.props.onEntering),\n      onExited: (0, _utils.createChainedFunction)(this.handleHide, this.props.onExited),\n      backdropClassName: (0, _classnames.default)(this.addPrefix('backdrop'), backdropClassName, inClass),\n      containerClassName: (0, _classnames.default)(this.addPrefix('open'), (_classNames2 = {}, _classNames2[this.addPrefix('has-backdrop')] = rest.backdrop, _classNames2)),\n      transition: animation ? animation : undefined,\n      animationProps: animationProps,\n      dialogTransitionTimeout: animationTimeout,\n      backdropTransitionTimeout: BACKDROP_TRANSITION_DURATION,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221\n      },\n      __self: this\n    }), function (transitionProps, ref) {\n      var transitionClassName = transitionProps.className,\n          transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return React.createElement(Dialog, (0, _extends2.default)({}, transitionRest, (0, _pick2.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {\n        classPrefix: classPrefix,\n        className: (0, _classnames.default)(classes, transitionClassName),\n        dialogClassName: dialogClassName,\n        dialogStyle: dialogStyle,\n        onClick: rest.backdrop === true ? _this2.handleDialogClick : null,\n        dialogRef: (0, _mergeRefs.default)(_this2.bindDialogRef, ref),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 242\n        },\n        __self: this\n      }), children);\n    }));\n  };\n\n  return Modal;\n}(React.Component);\n\nModal.propTypes = {\n  classPrefix: _propTypes.default.string,\n  size: _propTypes.default.oneOf(_constants.SIZE),\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  onRendered: _propTypes.default.func,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  dialogClassName: _propTypes.default.string,\n  backdropClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  dialogStyle: _propTypes.default.object,\n  backdropStyle: _propTypes.default.object,\n  show: _propTypes.default.bool,\n  full: _propTypes.default.bool,\n  backdrop: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),\n  keyboard: _propTypes.default.bool,\n  transition: _propTypes.default.elementType,\n  dialogTransitionTimeout: _propTypes.default.number,\n  backdropTransitionTimeout: _propTypes.default.number,\n  autoFocus: _propTypes.default.bool,\n  enforceFocus: _propTypes.default.bool,\n  overflow: _propTypes.default.bool,\n  drawer: _propTypes.default.bool,\n  dialogComponentClass: _propTypes.default.elementType,\n  animation: _propTypes.default.any,\n  animationProps: _propTypes.default.object,\n  animationTimeout: _propTypes.default.number,\n  onEscapeKeyUp: _propTypes.default.func,\n  onBackdropClick: _propTypes.default.func,\n  onShow: _propTypes.default.func,\n  onHide: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func\n};\nModal.defaultProps = {\n  size: 'sm',\n  backdrop: true,\n  keyboard: true,\n  autoFocus: true,\n  enforceFocus: true,\n  animation: _Bounce.default,\n  animationTimeout: 300,\n  dialogComponentClass: _ModalDialog.default,\n  overflow: true\n};\nvar EnhancedModal = (0, _utils.defaultProps)({\n  classPrefix: 'modal'\n})(Modal);\n(0, _recompose.setStatic)('Body', _ModalBody.default)(EnhancedModal);\n(0, _recompose.setStatic)('Header', _ModalHeader.default)(EnhancedModal);\n(0, _recompose.setStatic)('Title', _ModalTitle.default)(EnhancedModal);\n(0, _recompose.setStatic)('Footer', _ModalFooter.default)(EnhancedModal);\n(0, _recompose.setStatic)('Dialog', _ModalDialog.default)(EnhancedModal);\nvar _default = EnhancedModal;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/Modal.tsx?");
 
 /***/ }),
 
@@ -7662,7 +7662,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _utils =
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.modalDialogPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/ModalDialog.tsx\";\nvar modalDialogPropTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  dialogClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  dialogStyle: _propTypes.default.object,\n  children: _propTypes.default.node,\n  dialogRef: _utils.refType\n};\nexports.modalDialogPropTypes = modalDialogPropTypes;\n\nvar ModalDialog =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(ModalDialog, _React$Component);\n\n  function ModalDialog() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.htmlElement = null;\n\n    _this.bindHtmlRef = function (ref) {\n      _this.htmlElement = ref;\n    };\n\n    return _this;\n  }\n\n  var _proto = ModalDialog.prototype;\n\n  _proto.getHTMLElement = function getHTMLElement() {\n    return this.htmlElement;\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        style = _this$props.style,\n        children = _this$props.children,\n        dialogClassName = _this$props.dialogClassName,\n        dialogStyle = _this$props.dialogStyle,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        dialogRef = _this$props.dialogRef,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"style\", \"children\", \"dialogClassName\", \"dialogStyle\", \"classPrefix\", \"className\", \"dialogRef\"]);\n    var modalStyle = (0, _extends2.default)({\n      display: 'block'\n    }, style);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var dialogClasses = (0, _classnames.default)(addPrefix('dialog'), dialogClassName);\n    return React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      title: null,\n      role: \"dialog\",\n      ref: (0, _mergeRefs.default)(this.bindHtmlRef, dialogRef),\n      className: (0, _classnames.default)(classPrefix, className),\n      style: modalStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51\n      },\n      __self: this\n    }), React.createElement(\"div\", {\n      className: dialogClasses,\n      style: dialogStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 59\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60\n      },\n      __self: this\n    }, children)));\n  };\n\n  return ModalDialog;\n}(React.Component);\n\nModalDialog.propTypes = modalDialogPropTypes;\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'modal'\n}))(ModalDialog);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/ModalDialog.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.modalDialogPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _recompose = __webpack_require__(/*! recompose */ \"./node_modules/recompose/dist/Recompose.esm.js\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ../utils/mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/ModalDialog.tsx\";\nvar modalDialogPropTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  dialogClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  dialogStyle: _propTypes.default.object,\n  children: _propTypes.default.node,\n  dialogRef: _utils.refType,\n  id: _propTypes.default.string,\n  'aria-labelledby': _propTypes.default.string\n};\nexports.modalDialogPropTypes = modalDialogPropTypes;\n\nvar ModalDialog =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(ModalDialog, _React$Component);\n\n  function ModalDialog() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.htmlElement = null;\n\n    _this.bindHtmlRef = function (ref) {\n      _this.htmlElement = ref;\n    };\n\n    return _this;\n  }\n\n  var _proto = ModalDialog.prototype;\n\n  _proto.getHTMLElement = function getHTMLElement() {\n    return this.htmlElement;\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        style = _this$props.style,\n        children = _this$props.children,\n        dialogClassName = _this$props.dialogClassName,\n        dialogStyle = _this$props.dialogStyle,\n        classPrefix = _this$props.classPrefix,\n        className = _this$props.className,\n        dialogRef = _this$props.dialogRef,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"style\", \"children\", \"dialogClassName\", \"dialogStyle\", \"classPrefix\", \"className\", \"dialogRef\"]);\n    var modalStyle = (0, _extends2.default)({\n      display: 'block'\n    }, style);\n    var addPrefix = (0, _utils.prefix)(classPrefix);\n    var dialogClasses = (0, _classnames.default)(addPrefix('dialog'), dialogClassName);\n    return React.createElement(\"div\", (0, _extends2.default)({}, props, {\n      title: null,\n      role: \"dialog\",\n      ref: (0, _mergeRefs.default)(this.bindHtmlRef, dialogRef),\n      className: (0, _classnames.default)(classPrefix, className),\n      style: modalStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53\n      },\n      __self: this\n    }), React.createElement(\"div\", {\n      className: dialogClasses,\n      style: dialogStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: addPrefix('content'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62\n      },\n      __self: this\n    }, children)));\n  };\n\n  return ModalDialog;\n}(React.Component);\n\nModalDialog.propTypes = modalDialogPropTypes;\n\nvar _default = (0, _recompose.compose)((0, _utils.withStyleProps)({\n  hasSize: true\n}), (0, _utils.defaultProps)({\n  classPrefix: 'modal'\n}))(ModalDialog);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/ModalDialog.tsx?");
 
 /***/ }),
 
@@ -7746,7 +7746,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ./DropdownMenu */ \"./src/MultiCascader/DropdownMenu.tsx\"));\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nvar _utils = _interopRequireDefault(__webpack_require__(/*! ./utils */ \"./src/MultiCascader/utils.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ../utils/getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/MultiCascader.tsx\";\n\nvar MultiCascader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(MultiCascader, _React$Component);\n\n  function MultiCascader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.isControlled = null;\n    _this.menuContainerRef = void 0;\n    _this.positionRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.handleCheck = function (item, event, checked) {\n      var _this$props = _this.props,\n          valueKey = _this$props.valueKey,\n          onChange = _this$props.onChange,\n          cascade = _this$props.cascade,\n          uncheckableItemValues = _this$props.uncheckableItemValues;\n      var itemValue = item[valueKey];\n      var value = [];\n\n      if (cascade) {\n        value = MultiCascader.utils.splitValue(item, checked, _this.getValue(), uncheckableItemValues).value;\n      } else {\n        value = _this.getValue();\n\n        if (checked) {\n          value.push(itemValue);\n        } else {\n          value = value.filter(function (n) {\n            return n !== itemValue;\n          });\n        }\n      }\n\n      if (!_this.isControlled) {\n        _this.setState({\n          value: value\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n    };\n\n    _this.handleChangeForSearchItem = function (value, checked, event) {\n      _this.handleCheck(value, event, checked);\n    };\n\n    _this.handleSelect = function (node, cascadeItems, activePaths, event) {\n      var _this$props2 = _this.props,\n          onSelect = _this$props2.onSelect,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey;\n\n      _this.setState({\n        selectNode: node,\n        items: cascadeItems,\n        activePaths: activePaths\n      }, function () {\n        var _this$positionRef$cur, _this$positionRef$cur2;\n\n        (_this$positionRef$cur = _this.positionRef.current) === null || _this$positionRef$cur === void 0 ? void 0 : (_this$positionRef$cur2 = _this$positionRef$cur.updatePosition) === null || _this$positionRef$cur2 === void 0 ? void 0 : _this$positionRef$cur2.call(_this$positionRef$cur);\n      });\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, activePaths, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }), event);\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _this$props$onSearch, _this$props3;\n\n      _this.setState({\n        searchKeyword: searchKeyword\n      });\n\n      (_this$props$onSearch = (_this$props3 = _this.props).onSearch) === null || _this$props$onSearch === void 0 ? void 0 : _this$props$onSearch.call(_this$props3, searchKeyword, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props4 = _this.props,\n          disabled = _this$props4.disabled,\n          onChange = _this$props4.onChange,\n          data = _this$props4.data;\n\n      if (disabled) {\n        return;\n      }\n\n      var nextState = {\n        items: [data],\n        selectNode: null,\n        activePaths: []\n      };\n\n      if (!_this.isControlled) {\n        nextState.value = [];\n      }\n\n      _this.setState(nextState);\n\n      onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props5;\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.renderSearchRow = function (item, key) {\n      var _extends2, _classNames;\n\n      var _this$props7 = _this.props,\n          labelKey = _this$props7.labelKey,\n          valueKey = _this$props7.valueKey,\n          cascade = _this$props7.cascade,\n          _this$props7$disabled = _this$props7.disabledItemValues,\n          disabledItemValues = _this$props7$disabled === void 0 ? [] : _this$props7$disabled;\n      var searchKeyword = _this.state.searchKeyword;\n\n      var values = _this.getValue();\n\n      var nodes = (0, _treeUtils.getNodeParents)(item);\n      var regx = new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'ig');\n      var labelElements = [];\n      var a = item[labelKey].split(regx);\n      var b = item[labelKey].match(regx);\n\n      for (var i = 0; i < a.length; i++) {\n        labelElements.push(a[i]);\n\n        if (b[i]) {\n          labelElements.push(React.createElement(\"strong\", {\n            key: i,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 337\n            },\n            __self: this\n          }, b[i]));\n        }\n      }\n\n      nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2)));\n      var active = values.some(function (value) {\n        if (cascade) {\n          return nodes.some(function (node) {\n            return node[valueKey] === value;\n          });\n        }\n\n        return item[valueKey] === value;\n      });\n      var disabled = disabledItemValues.some(function (value) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      });\n      var itemClasses = (0, _classnames.default)(_this.addPrefix('cascader-row'), (_classNames = {}, _classNames[_this.addPrefix('cascader-row-disabled')] = disabled, _classNames));\n      return React.createElement(\"div\", {\n        key: key,\n        className: itemClasses,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 358\n        },\n        __self: this\n      }, React.createElement(_Checkbox.default, {\n        disabled: disabled,\n        checked: active,\n        value: item,\n        indeterminate: cascade && !active && MultiCascader.utils.isSomeChildChecked(item, values),\n        onChange: _this.handleChangeForSearchItem,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 359\n        },\n        __self: this\n      }, React.createElement(\"span\", {\n        className: _this.addPrefix('cascader-cols'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 366\n        },\n        __self: this\n      }, nodes.map(function (node, index) {\n        return React.createElement(\"span\", {\n          key: \"col-\" + index,\n          className: _this.addPrefix('cascader-col'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 368\n          },\n          __self: this\n        }, node[labelKey]);\n      }))));\n    };\n\n    var _data = props.data,\n        _value = props.value,\n        defaultValue = props.defaultValue;\n    var initState = {\n      data: _data,\n      searchKeyword: '',\n      prevValue: _value,\n      value: defaultValue || [],\n      selectNode: null,\n\n      /**\n       * 选中值的路径\n       */\n      activePaths: []\n    };\n    MultiCascader.utils = (0, _utils.default)(props);\n    var flattenData = (0, _treeUtils.flattenTree)(_data, props.childrenKey);\n    _this.isControlled = !(0, _isUndefined2.default)(_value);\n    _this.state = (0, _extends3.default)({}, initState, {\n      flattenData: flattenData,\n\n      /**\n       * 用于展示面板的数据列表，是一个二维的数组\n       * 是通过 data 树结构转换成的二维的数组，其中只包含页面上展示的数据\n       */\n      items: [flattenData.filter(function (item) {\n        return !item.parent;\n      })]\n    }, MultiCascader.getCascadeState(props, flattenData)); // for test\n\n    _this.menuContainerRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    return _this;\n  }\n\n  MultiCascader.getCascadeState = function getCascadeState(nextProps, flattenData, nextValue) {\n    var data = nextProps.data,\n        cascade = nextProps.cascade,\n        value = nextProps.value,\n        defaultValue = nextProps.defaultValue,\n        uncheckableItemValues = nextProps.uncheckableItemValues;\n    var cascadeValue = nextValue || value || defaultValue || [];\n\n    if (cascade && data) {\n      cascadeValue = MultiCascader.utils.transformValue(cascadeValue, flattenData, uncheckableItemValues);\n    }\n\n    return {\n      value: cascadeValue\n    };\n  };\n\n  MultiCascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var data = nextProps.data,\n        valueKey = nextProps.valueKey,\n        childrenKey = nextProps.childrenKey;\n    var value = nextProps.value || prevState.value || [];\n    var prevValue = prevState.prevValue,\n        _prevState$selectNode = prevState.selectNode,\n        selectNode = _prevState$selectNode === void 0 ? {} : _prevState$selectNode,\n        items = prevState.items;\n    var flattenData = prevState.flattenData;\n    var isChangedData = data !== prevState.data;\n    var isChangedValue = !(0, _shallowEqualArray.default)(prevValue, nextProps.value);\n\n    if (isChangedData || isChangedValue) {\n      if (isChangedData) {\n        flattenData = (0, _treeUtils.flattenTree)(data, nextProps.childrenKey);\n      }\n      /**\n       * 如果更新了 data,\n       * 首先获取到被点击节点的值 `selectNode`， 然后再拿到新增后的 `newChildren`,\n       */\n\n\n      var nextSelectNode = flattenData.find(function (n) {\n        return selectNode && n[valueKey] === selectNode[valueKey];\n      });\n      var newChildren = ((0, _get2.default)(nextSelectNode, childrenKey) || []).map(function (item) {\n        item.parent = nextSelectNode;\n        return item;\n      });\n\n      if (newChildren.length && items) {\n        items[items.length - 1] = newChildren;\n      }\n\n      var nextState = (0, _extends3.default)({\n        selectNode: nextSelectNode,\n        flattenData: flattenData,\n        data: data,\n        items: MultiCascader.utils.getItems(nextSelectNode, flattenData)\n      }, MultiCascader.getCascadeState(nextProps, flattenData, value));\n\n      if (isChangedValue) {\n        nextState.prevValue = nextProps.value;\n      }\n\n      return nextState;\n    }\n\n    return null;\n  };\n\n  var _proto = MultiCascader.prototype;\n\n  _proto.getValue = function getValue() {\n    return this.state.value || [];\n  };\n\n  _proto.getSearchResult = function getSearchResult() {\n    var _this$props8 = this.props,\n        labelKey = _this$props8.labelKey,\n        valueKey = _this$props8.valueKey,\n        _this$props8$unchecka = _this$props8.uncheckableItemValues,\n        uncheckableItemValues = _this$props8$unchecka === void 0 ? [] : _this$props8$unchecka;\n    var _this$state = this.state,\n        searchKeyword = _this$state.searchKeyword,\n        flattenData = _this$state.flattenData;\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (uncheckableItemValues.some(function (value) {\n        return item[valueKey] === value;\n      })) {\n        return false;\n      }\n\n      if (item[labelKey].match(new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'i'))) {\n        return true;\n      }\n\n      return false;\n    });\n\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  };\n\n  _proto.renderSearchResultPanel = function renderSearchResultPanel() {\n    var locale = this.props.locale;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = this.getSearchResult();\n    return React.createElement(\"div\", {\n      className: this.addPrefix('cascader-search-panel'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 388\n      },\n      __self: this\n    }, items.length ? items.map(this.renderSearchRow) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 392\n      },\n      __self: this\n    }, locale.noResultsText));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames2;\n\n    var _this$state2 = this.state,\n        items = _this$state2.items,\n        activePaths = _this$state2.activePaths,\n        searchKeyword = _this$state2.searchKeyword;\n    var _this$props9 = this.props,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        classPrefix = _this$props9.classPrefix,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        inline = _this$props9.inline;\n    var classes = (0, _classnames.default)(this.addPrefix('cascader-menu'), this.addPrefix('multi-cascader-menu'), menuClassName, (_classNames2 = {}, _classNames2[this.addPrefix('inline')] = inline, _classNames2));\n    var menuProps = (0, _pick2.default)(this.props, Object.keys(_DropdownMenu.dropdownMenuPropTypes));\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      style: menuStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 423\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 425\n      },\n      __self: this\n    }), this.renderSearchResultPanel(), searchKeyword === '' && React.createElement(_DropdownMenu.default, (0, _extends3.default)({}, menuProps, {\n      classPrefix: classPrefix,\n      ref: this.menuContainerRef,\n      cascadeItems: items,\n      cascadePathItems: activePaths,\n      value: this.getValue(),\n      onSelect: this.handleSelect,\n      onCheck: this.handleCheck,\n      renderMenu: renderMenu,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 435\n      },\n      __self: this\n    })), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props$value;\n\n    var _this$props10 = this.props,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        childrenKey = _this$props10.childrenKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEnter = _this$props10.onEnter,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        countable = _this$props10.countable,\n        cascade = _this$props10.cascade,\n        inline = _this$props10.inline,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"valueKey\", \"labelKey\", \"childrenKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onExited\", \"onClean\", \"countable\", \"cascade\", \"inline\", \"positionRef\"]);\n\n    if (inline) {\n      return this.renderDropdownMenu();\n    }\n\n    var flattenData = this.state.flattenData;\n    var unhandled = (0, _utils2.getUnhandledProps)(MultiCascader, rest);\n    var value = this.getValue();\n    var selectedItems = flattenData.filter(function (item) {\n      return value.some(function (v) {\n        return v === item[valueKey];\n      });\n    }) || [];\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = selectedItems.length > 0 || ((_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.length) > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n\n    if (selectedItems.length > 0) {\n      selectedElement = React.createElement(_Picker.SelectedElement, {\n        selectedItems: selectedItems,\n        countable: countable,\n        valueKey: valueKey,\n        labelKey: labelKey,\n        childrenKey: childrenKey,\n        prefix: this.addPrefix,\n        cascade: cascade,\n        locale: locale,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 496\n        },\n        __self: this\n      });\n    }\n\n    if (hasValue && (0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue((value === null || value === void 0 ? void 0 : value.length) > 0 ? value : this.props.value, selectedItems, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('cascader', this.addPrefix, this.props, hasValue);\n    return React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 523\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils2.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEntered, onEnter),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 524\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 532\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return MultiCascader;\n}(React.Component);\n\nMultiCascader.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  cascade: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  uncheckableItemValues: _propTypes.default.array,\n  searchable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  onSelect: _propTypes.default.func\n});\nMultiCascader.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  countable: true,\n  cascade: true,\n  uncheckableItemValues: [],\n  locale: {\n    placeholder: 'Select',\n    checkAll: 'All',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\nMultiCascader.utils = {};\n(0, _reactLifecyclesCompat.polyfill)(MultiCascader);\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(MultiCascader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/MultiCascader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ./DropdownMenu */ \"./src/MultiCascader/DropdownMenu.tsx\"));\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nvar _utils = _interopRequireDefault(__webpack_require__(/*! ./utils */ \"./src/MultiCascader/utils.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _getSafeRegExpString = _interopRequireDefault(__webpack_require__(/*! ../utils/getSafeRegExpString */ \"./src/utils/getSafeRegExpString.ts\"));\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/MultiCascader/MultiCascader.tsx\";\n\nvar MultiCascader =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(MultiCascader, _React$Component);\n\n  function MultiCascader(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.isControlled = null;\n    _this.menuContainerRef = void 0;\n    _this.positionRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.handleCheck = function (item, event, checked) {\n      var _this$props = _this.props,\n          valueKey = _this$props.valueKey,\n          onChange = _this$props.onChange,\n          cascade = _this$props.cascade,\n          uncheckableItemValues = _this$props.uncheckableItemValues;\n      var itemValue = item[valueKey];\n      var value = [];\n\n      if (cascade) {\n        value = MultiCascader.utils.splitValue(item, checked, _this.getValue(), uncheckableItemValues).value;\n      } else {\n        value = _this.getValue();\n\n        if (checked) {\n          value.push(itemValue);\n        } else {\n          value = value.filter(function (n) {\n            return n !== itemValue;\n          });\n        }\n      }\n\n      if (!_this.isControlled) {\n        _this.setState({\n          value: value\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n    };\n\n    _this.handleChangeForSearchItem = function (value, checked, event) {\n      _this.handleCheck(value, event, checked);\n    };\n\n    _this.handleSelect = function (node, cascadeItems, activePaths, event) {\n      var _this$props2 = _this.props,\n          onSelect = _this$props2.onSelect,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey;\n\n      _this.setState({\n        selectNode: node,\n        items: cascadeItems,\n        activePaths: activePaths\n      }, function () {\n        var _this$positionRef$cur, _this$positionRef$cur2;\n\n        (_this$positionRef$cur = _this.positionRef.current) === null || _this$positionRef$cur === void 0 ? void 0 : (_this$positionRef$cur2 = _this$positionRef$cur.updatePosition) === null || _this$positionRef$cur2 === void 0 ? void 0 : _this$positionRef$cur2.call(_this$positionRef$cur);\n      });\n\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, activePaths, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }), event);\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _this$props$onSearch, _this$props3;\n\n      _this.setState({\n        searchKeyword: searchKeyword\n      });\n\n      (_this$props$onSearch = (_this$props3 = _this.props).onSearch) === null || _this$props$onSearch === void 0 ? void 0 : _this$props$onSearch.call(_this$props3, searchKeyword, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props4 = _this.props,\n          disabled = _this$props4.disabled,\n          onChange = _this$props4.onChange,\n          data = _this$props4.data;\n\n      if (disabled) {\n        return;\n      }\n\n      var nextState = {\n        items: [data],\n        selectNode: null,\n        activePaths: []\n      };\n\n      if (!_this.isControlled) {\n        nextState.value = [];\n      }\n\n      _this.setState(nextState);\n\n      onChange === null || onChange === void 0 ? void 0 : onChange([], event);\n    };\n\n    _this.handleEntered = function () {\n      var _this$props$onOpen, _this$props5;\n\n      (_this$props$onOpen = (_this$props5 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props5);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils2.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.renderSearchRow = function (item, key) {\n      var _extends2, _classNames;\n\n      var _this$props7 = _this.props,\n          labelKey = _this$props7.labelKey,\n          valueKey = _this$props7.valueKey,\n          cascade = _this$props7.cascade,\n          _this$props7$disabled = _this$props7.disabledItemValues,\n          disabledItemValues = _this$props7$disabled === void 0 ? [] : _this$props7$disabled;\n      var searchKeyword = _this.state.searchKeyword;\n\n      var values = _this.getValue();\n\n      var nodes = (0, _treeUtils.getNodeParents)(item);\n      var regx = new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'ig');\n      var labelElements = [];\n      var a = item[labelKey].split(regx);\n      var b = item[labelKey].match(regx);\n\n      for (var i = 0; i < a.length; i++) {\n        labelElements.push(a[i]);\n\n        if (b[i]) {\n          labelElements.push(React.createElement(\"strong\", {\n            key: i,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 337\n            },\n            __self: this\n          }, b[i]));\n        }\n      }\n\n      nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = labelElements, _extends2)));\n      var active = values.some(function (value) {\n        if (cascade) {\n          return nodes.some(function (node) {\n            return node[valueKey] === value;\n          });\n        }\n\n        return item[valueKey] === value;\n      });\n      var disabled = disabledItemValues.some(function (value) {\n        return nodes.some(function (node) {\n          return node[valueKey] === value;\n        });\n      });\n      var itemClasses = (0, _classnames.default)(_this.addPrefix('cascader-row'), (_classNames = {}, _classNames[_this.addPrefix('cascader-row-disabled')] = disabled, _classNames));\n      return React.createElement(\"div\", {\n        key: key,\n        className: itemClasses,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 358\n        },\n        __self: this\n      }, React.createElement(_Checkbox.default, {\n        disabled: disabled,\n        checked: active,\n        value: item,\n        indeterminate: cascade && !active && MultiCascader.utils.isSomeChildChecked(item, values),\n        onChange: _this.handleChangeForSearchItem,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 359\n        },\n        __self: this\n      }, React.createElement(\"span\", {\n        className: _this.addPrefix('cascader-cols'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 366\n        },\n        __self: this\n      }, nodes.map(function (node, index) {\n        return React.createElement(\"span\", {\n          key: \"col-\" + index,\n          className: _this.addPrefix('cascader-col'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 368\n          },\n          __self: this\n        }, node[labelKey]);\n      }))));\n    };\n\n    var _data = props.data,\n        _value = props.value,\n        defaultValue = props.defaultValue;\n    var initState = {\n      data: _data,\n      searchKeyword: '',\n      prevValue: _value,\n      value: defaultValue || [],\n      selectNode: null,\n\n      /**\n       * 选中值的路径\n       */\n      activePaths: []\n    };\n    MultiCascader.utils = (0, _utils.default)(props);\n    var flattenData = (0, _treeUtils.flattenTree)(_data, props.childrenKey);\n    _this.isControlled = !(0, _isUndefined2.default)(_value);\n    _this.state = (0, _extends3.default)({}, initState, {\n      flattenData: flattenData,\n\n      /**\n       * 用于展示面板的数据列表，是一个二维的数组\n       * 是通过 data 树结构转换成的二维的数组，其中只包含页面上展示的数据\n       */\n      items: [flattenData.filter(function (item) {\n        return !item.parent;\n      })]\n    }, MultiCascader.getCascadeState(props, flattenData)); // for test\n\n    _this.menuContainerRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    return _this;\n  }\n\n  MultiCascader.getCascadeState = function getCascadeState(nextProps, flattenData, nextValue) {\n    var data = nextProps.data,\n        cascade = nextProps.cascade,\n        value = nextProps.value,\n        defaultValue = nextProps.defaultValue,\n        uncheckableItemValues = nextProps.uncheckableItemValues;\n    var cascadeValue = nextValue || value || defaultValue || [];\n\n    if (cascade && data) {\n      cascadeValue = MultiCascader.utils.transformValue(cascadeValue, flattenData, uncheckableItemValues);\n    }\n\n    return {\n      value: cascadeValue\n    };\n  };\n\n  MultiCascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var data = nextProps.data,\n        valueKey = nextProps.valueKey,\n        childrenKey = nextProps.childrenKey;\n    var value = nextProps.value || prevState.value || [];\n    var prevValue = prevState.prevValue,\n        _prevState$selectNode = prevState.selectNode,\n        selectNode = _prevState$selectNode === void 0 ? {} : _prevState$selectNode,\n        items = prevState.items;\n    var flattenData = prevState.flattenData;\n    var isChangedData = data !== prevState.data;\n    var isChangedValue = !(0, _shallowEqualArray.default)(prevValue, nextProps.value);\n\n    if (isChangedData || isChangedValue) {\n      if (isChangedData) {\n        flattenData = (0, _treeUtils.flattenTree)(data, nextProps.childrenKey);\n      }\n      /**\n       * 如果更新了 data,\n       * 首先获取到被点击节点的值 `selectNode`， 然后再拿到新增后的 `newChildren`,\n       */\n\n\n      var nextSelectNode = flattenData.find(function (n) {\n        return selectNode && n[valueKey] === selectNode[valueKey];\n      });\n      var newChildren = ((0, _get2.default)(nextSelectNode, childrenKey) || []).map(function (item) {\n        item.parent = nextSelectNode;\n        return item;\n      });\n\n      if (newChildren.length && items) {\n        items[items.length - 1] = newChildren;\n      }\n\n      var nextState = (0, _extends3.default)({\n        selectNode: nextSelectNode,\n        flattenData: flattenData,\n        data: data,\n        items: MultiCascader.utils.getItems(nextSelectNode, flattenData)\n      }, MultiCascader.getCascadeState(nextProps, flattenData, value));\n\n      if (isChangedValue) {\n        nextState.prevValue = nextProps.value;\n      }\n\n      return nextState;\n    }\n\n    return null;\n  };\n\n  var _proto = MultiCascader.prototype;\n\n  _proto.getValue = function getValue() {\n    return this.state.value || [];\n  };\n\n  _proto.getSearchResult = function getSearchResult() {\n    var _this$props8 = this.props,\n        labelKey = _this$props8.labelKey,\n        valueKey = _this$props8.valueKey,\n        _this$props8$unchecka = _this$props8.uncheckableItemValues,\n        uncheckableItemValues = _this$props8$unchecka === void 0 ? [] : _this$props8$unchecka;\n    var _this$state = this.state,\n        searchKeyword = _this$state.searchKeyword,\n        flattenData = _this$state.flattenData;\n    var items = [];\n    var result = flattenData.filter(function (item) {\n      if (uncheckableItemValues.some(function (value) {\n        return item[valueKey] === value;\n      })) {\n        return false;\n      }\n\n      if (item[labelKey].match(new RegExp((0, _getSafeRegExpString.default)(searchKeyword), 'i'))) {\n        return true;\n      }\n\n      return false;\n    });\n\n    for (var i = 0; i < result.length; i++) {\n      items.push(result[i]);\n\n      if (i === 99) {\n        return items;\n      }\n    }\n\n    return items;\n  };\n\n  _proto.renderSearchResultPanel = function renderSearchResultPanel() {\n    var locale = this.props.locale;\n    var searchKeyword = this.state.searchKeyword;\n\n    if (searchKeyword === '') {\n      return null;\n    }\n\n    var items = this.getSearchResult();\n    return React.createElement(\"div\", {\n      className: this.addPrefix('cascader-search-panel'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 388\n      },\n      __self: this\n    }, items.length ? items.map(this.renderSearchRow) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 392\n      },\n      __self: this\n    }, locale.noResultsText));\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _classNames2;\n\n    var _this$state2 = this.state,\n        items = _this$state2.items,\n        activePaths = _this$state2.activePaths,\n        searchKeyword = _this$state2.searchKeyword;\n    var _this$props9 = this.props,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        classPrefix = _this$props9.classPrefix,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        inline = _this$props9.inline;\n    var classes = (0, _classnames.default)(this.addPrefix('cascader-menu'), this.addPrefix('multi-cascader-menu'), menuClassName, (_classNames2 = {}, _classNames2[this.addPrefix('inline')] = inline, _classNames2));\n    var menuProps = (0, _pick2.default)(this.props, Object.keys(_DropdownMenu.dropdownMenuPropTypes));\n    return React.createElement(_Picker.MenuWrapper, {\n      className: classes,\n      style: menuStyle,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 423\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 425\n      },\n      __self: this\n    }), this.renderSearchResultPanel(), searchKeyword === '' && React.createElement(_DropdownMenu.default, (0, _extends3.default)({}, menuProps, {\n      classPrefix: classPrefix,\n      ref: this.menuContainerRef,\n      cascadeItems: items,\n      cascadePathItems: activePaths,\n      value: this.getValue(),\n      onSelect: this.handleSelect,\n      onCheck: this.handleCheck,\n      renderMenu: renderMenu,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 435\n      },\n      __self: this\n    })), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props$value;\n\n    var _this$props10 = this.props,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        childrenKey = _this$props10.childrenKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEnter = _this$props10.onEnter,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        countable = _this$props10.countable,\n        cascade = _this$props10.cascade,\n        inline = _this$props10.inline,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"valueKey\", \"labelKey\", \"childrenKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEnter\", \"onExited\", \"onClean\", \"countable\", \"cascade\", \"inline\", \"positionRef\"]);\n\n    if (inline) {\n      return this.renderDropdownMenu();\n    }\n\n    var flattenData = this.state.flattenData;\n    var unhandled = (0, _utils2.getUnhandledProps)(MultiCascader, rest);\n    var value = this.getValue();\n    var selectedItems = flattenData.filter(function (item) {\n      return value.some(function (v) {\n        return v === item[valueKey];\n      });\n    }) || [];\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = selectedItems.length > 0 || ((_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.length) > 0 && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n\n    if (selectedItems.length > 0) {\n      selectedElement = React.createElement(_Picker.SelectedElement, {\n        selectedItems: selectedItems,\n        countable: countable,\n        valueKey: valueKey,\n        labelKey: labelKey,\n        childrenKey: childrenKey,\n        prefix: this.addPrefix,\n        cascade: cascade,\n        locale: locale,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 496\n        },\n        __self: this\n      });\n    }\n\n    if (hasValue && (0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue((value === null || value === void 0 ? void 0 : value.length) > 0 ? value : this.props.value, selectedItems, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('cascader', this.addPrefix, this.props, hasValue);\n    return React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 523\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils2.mergeRefs)(this.positionRef, positionRef),\n      onEnter: (0, _utils2.createChainedFunction)(this.handleEntered, onEnter),\n      onExited: (0, _utils2.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 524\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      componentClass: toggleComponentClass,\n      onClean: (0, _utils2.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 532\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return MultiCascader;\n}(React.Component);\n\nMultiCascader.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  cascade: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  countable: _propTypes.default.bool,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  uncheckableItemValues: _propTypes.default.array,\n  searchable: _propTypes.default.bool,\n  renderMenuItem: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  onSelect: _propTypes.default.func\n});\nMultiCascader.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  countable: true,\n  cascade: true,\n  uncheckableItemValues: [],\n  locale: {\n    placeholder: 'Select',\n    checkAll: 'All',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\nMultiCascader.utils = {};\n(0, _reactLifecyclesCompat.polyfill)(MultiCascader);\n\nvar _default = (0, _utils2.defaultProps)({\n  classPrefix: 'picker'\n})(MultiCascader);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/MultiCascader/MultiCascader.tsx?");
 
 /***/ }),
 
@@ -7926,7 +7926,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _BaseOverlay = _interopRequireDefault(__webpack_require__(/*! ./BaseOverlay */ \"./src/Overlay/BaseOverlay.tsx\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _refType = _interopRequireDefault(__webpack_require__(/*! ../utils/refType */ \"./src/utils/refType.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/Overlay.tsx\";\n\nvar Overlay = function Overlay(_ref) {\n  var _ref$animation = _ref.animation,\n      animation = _ref$animation === void 0 ? true : _ref$animation,\n      children = _ref.children,\n      _ref$transition = _ref.transition,\n      transition = _ref$transition === void 0 ? _Fade.default : _ref$transition,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"animation\", \"children\", \"transition\"]);\n  var child = children;\n\n  if (!animation) {\n    transition = undefined;\n  }\n\n  if (!transition) {\n    child = React.Children.only(child);\n    child = React.cloneElement(child, {\n      className: (0, _classnames.default)('in', child.props.className)\n    });\n  }\n\n  return React.createElement(_BaseOverlay.default, (0, _extends2.default)({}, rest, {\n    transition: transition,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27\n    },\n    __self: this\n  }), child);\n};\n\nOverlay.propTypes = {\n  animation: _propTypes.default.bool,\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  onRendered: _propTypes.default.func,\n  className: _propTypes.default.string,\n  containerPadding: _propTypes.default.number,\n  placement: _propTypes.default.string,\n  shouldUpdatePosition: _propTypes.default.bool,\n  preventOverflow: _propTypes.default.bool,\n  show: _propTypes.default.bool,\n  rootClose: _propTypes.default.bool,\n  transition: _propTypes.default.elementType,\n  positionRef: _refType.default,\n  target: _propTypes.default.func,\n  onHide: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func\n};\nvar _default = Overlay;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Overlay.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _BaseOverlay = _interopRequireDefault(__webpack_require__(/*! ./BaseOverlay */ \"./src/Overlay/BaseOverlay.tsx\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _refType = _interopRequireDefault(__webpack_require__(/*! ../utils/refType */ \"./src/utils/refType.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/Overlay.tsx\";\n\nvar Overlay = function Overlay(_ref) {\n  var _ref$animation = _ref.animation,\n      animation = _ref$animation === void 0 ? true : _ref$animation,\n      children = _ref.children,\n      _ref$transition = _ref.transition,\n      transition = _ref$transition === void 0 ? _Fade.default : _ref$transition,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"animation\", \"children\", \"transition\"]);\n  var child = children;\n\n  if (!animation) {\n    transition = undefined;\n  }\n\n  if (!transition) {\n    child = React.Children.only(child);\n    child = React.cloneElement(child, {\n      className: (0, _classnames.default)('in', child.props.className)\n    });\n  }\n\n  return React.createElement(_BaseOverlay.default, (0, _extends2.default)({}, rest, {\n    transition: transition,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 27\n    },\n    __self: this\n  }), child);\n};\n\nOverlay.propTypes = {\n  animation: _propTypes.default.bool,\n  container: _propTypes.default.any,\n  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  onRendered: _propTypes.default.func,\n  className: _propTypes.default.string,\n  containerPadding: _propTypes.default.number,\n  placement: _propTypes.default.string,\n  shouldUpdatePosition: _propTypes.default.bool,\n  preventOverflow: _propTypes.default.bool,\n  show: _propTypes.default.bool,\n  rootClose: _propTypes.default.bool,\n  transition: _propTypes.default.elementType,\n  positionRef: _refType.default,\n  target: _propTypes.default.func,\n  onHide: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func\n};\nvar _default = Overlay;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Overlay.tsx?");
 
 /***/ }),
 
@@ -8022,7 +8022,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _Collapse = _interopRequireDefault(__webpack_require__(/*! ../Animation/Collapse */ \"./src/Animation/Collapse.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Panel/Panel.tsx\";\n\nvar Panel =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Panel, _React$Component);\n\n  function Panel(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.handleSelect = function (event) {\n      event.persist();\n      var _this$props = _this.props,\n          onSelect = _this$props.onSelect,\n          eventKey = _this$props.eventKey;\n\n      if (onSelect) {\n        onSelect(eventKey, event);\n      }\n\n      _this.handleToggle();\n    };\n\n    _this.handleToggle = function () {\n      _this.setState({\n        expanded: !_this.state.expanded\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.state = {\n      expanded: props.defaultExpanded\n    };\n    return _this;\n  }\n\n  var _proto = Panel.prototype;\n\n  _proto.isExpanded = function isExpanded() {\n    return (0, _isUndefined2.default)(this.props.expanded) ? this.state.expanded : this.props.expanded;\n  };\n\n  _proto.renderCollapsibleTitle = function renderCollapsibleTitle(header, headerRole) {\n    return React.createElement(\"span\", {\n      className: this.addPrefix('title'),\n      role: \"presentation\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66\n      },\n      __self: this\n    }, this.renderAnchor(header, headerRole));\n  };\n\n  _proto.renderCollapsibleBody = function renderCollapsibleBody(panelRole) {\n    var _this2 = this;\n\n    var id = this.props.id;\n    var collapseProps = (0, _extends2.default)({}, (0, _pick2.default)(this.props, Object.keys(_Collapse.default.propTypes)), {\n      in: this.isExpanded()\n    });\n    var props = {\n      id: id ? \"\" + id : null,\n      'aria-hidden': !this.isExpanded()\n    };\n\n    if (panelRole) {\n      props.role = panelRole;\n    }\n\n    return React.createElement(_Collapse.default, (0, _extends2.default)({}, collapseProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88\n      },\n      __self: this\n    }), function (transitionProps, ref) {\n      var className = transitionProps.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return React.createElement(\"div\", (0, _extends2.default)({}, props, rest, {\n        className: (0, _classnames.default)(_this2.addPrefix('collapse'), className),\n        ref: ref,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 92\n        },\n        __self: this\n      }), _this2.renderBody());\n    });\n  };\n\n  _proto.renderBody = function renderBody() {\n    var _classNames;\n\n    var _this$props2 = this.props,\n        children = _this$props2.children,\n        bodyFill = _this$props2.bodyFill;\n    var classes = (0, _classnames.default)(this.addPrefix('body'), (_classNames = {}, _classNames[this.addPrefix('body-fill')] = bodyFill, _classNames));\n    return React.createElement(\"div\", {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112\n      },\n      __self: this\n    }, children);\n  };\n\n  _proto.renderHeading = function renderHeading(headerRole) {\n    var header = this.props.header;\n\n    if (!header) {\n      return null;\n    }\n\n    if (!React.isValidElement(header) || Array.isArray(header)) {\n      header = this.props.collapsible ? this.renderCollapsibleTitle(header, headerRole) : header;\n    } else {\n      var className = (0, _classnames.default)(this.addPrefix('title'), (0, _get2.default)(header, 'props.className'));\n      header = React.cloneElement(header, {\n        className: className\n      });\n    }\n\n    return React.createElement(\"div\", {\n      role: \"rowheader\",\n      className: this.addPrefix('heading'),\n      onClick: this.handleSelect,\n      tabIndex: -1,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 129\n      },\n      __self: this\n    }, header);\n  };\n\n  _proto.renderAnchor = function renderAnchor(header, headerRole) {\n    var _this$props3 = this.props,\n        id = _this$props3.id,\n        collapsible = _this$props3.collapsible;\n    return React.createElement(\"span\", {\n      \"aria-controls\": collapsible ? \"\" + id : null,\n      className: this.isExpanded() ? null : 'collapsed',\n      \"aria-expanded\": this.isExpanded(),\n      \"aria-selected\": this.isExpanded(),\n      role: headerRole,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 144\n      },\n      __self: this\n    }, header);\n  };\n\n  _proto.render = function render() {\n    var _classNames2;\n\n    var _this$props4 = this.props,\n        headerRole = _this$props4.headerRole,\n        panelRole = _this$props4.panelRole,\n        className = _this$props4.className,\n        collapsible = _this$props4.collapsible,\n        bordered = _this$props4.bordered,\n        shaded = _this$props4.shaded,\n        classPrefix = _this$props4.classPrefix,\n        id = _this$props4.id,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, [\"headerRole\", \"panelRole\", \"className\", \"collapsible\", \"bordered\", \"shaded\", \"classPrefix\", \"id\"]);\n    var classes = (0, _classnames.default)(className, classPrefix, this.addPrefix('default'), (_classNames2 = {}, _classNames2[this.addPrefix('in')] = this.isExpanded(), _classNames2[this.addPrefix('collapsible')] = collapsible, _classNames2[this.addPrefix('bordered')] = bordered, _classNames2[this.addPrefix('shaded')] = shaded, _classNames2));\n    var unhandled = (0, _utils.getUnhandledProps)(Panel, props);\n    return React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      id: collapsible ? null : id,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179\n      },\n      __self: this\n    }), this.renderHeading(headerRole), collapsible ? this.renderCollapsibleBody(panelRole) : this.renderBody());\n  };\n\n  return Panel;\n}(React.Component);\n\nPanel.propTypes = {\n  collapsible: _propTypes.default.bool,\n  bordered: _propTypes.default.bool,\n  shaded: _propTypes.default.bool,\n  bodyFill: _propTypes.default.bool,\n  header: _propTypes.default.any,\n  id: _propTypes.default.oneOf([_propTypes.default.number, _propTypes.default.string]),\n  defaultExpanded: _propTypes.default.bool,\n  expanded: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  headerRole: _propTypes.default.string,\n  panelRole: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func,\n  className: _propTypes.default.string\n};\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'panel'\n})(Panel);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Panel/Panel.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _get2 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _Collapse = _interopRequireDefault(__webpack_require__(/*! ../Animation/Collapse */ \"./src/Animation/Collapse.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Panel/Panel.tsx\";\n\nvar Panel =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(Panel, _React$Component);\n\n  function Panel(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n\n    _this.handleSelect = function (event) {\n      event.persist();\n      var _this$props = _this.props,\n          onSelect = _this$props.onSelect,\n          eventKey = _this$props.eventKey;\n\n      if (onSelect) {\n        onSelect(eventKey, event);\n      }\n\n      _this.handleToggle();\n    };\n\n    _this.handleToggle = function () {\n      _this.setState({\n        expanded: !_this.state.expanded\n      });\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.state = {\n      expanded: props.defaultExpanded\n    };\n    return _this;\n  }\n\n  var _proto = Panel.prototype;\n\n  _proto.isExpanded = function isExpanded() {\n    return (0, _isUndefined2.default)(this.props.expanded) ? this.state.expanded : this.props.expanded;\n  };\n\n  _proto.renderCollapsibleTitle = function renderCollapsibleTitle(header, headerRole) {\n    return React.createElement(\"span\", {\n      className: this.addPrefix('title'),\n      role: \"presentation\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 65\n      },\n      __self: this\n    }, this.renderAnchor(header, headerRole));\n  };\n\n  _proto.renderCollapsibleBody = function renderCollapsibleBody(panelRole) {\n    var _this2 = this;\n\n    var id = this.props.id;\n    var collapseProps = (0, _extends2.default)({}, (0, _pick2.default)(this.props, Object.keys(_Collapse.default.propTypes)), {\n      in: this.isExpanded()\n    });\n    var props = {\n      id: id ? \"\" + id : null,\n      'aria-hidden': !this.isExpanded()\n    };\n\n    if (panelRole) {\n      props.role = panelRole;\n    }\n\n    return React.createElement(_Collapse.default, (0, _extends2.default)({}, collapseProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87\n      },\n      __self: this\n    }), function (transitionProps, ref) {\n      var className = transitionProps.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return React.createElement(\"div\", (0, _extends2.default)({}, props, rest, {\n        className: (0, _classnames.default)(_this2.addPrefix('collapse'), className),\n        ref: ref,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 91\n        },\n        __self: this\n      }), _this2.renderBody());\n    });\n  };\n\n  _proto.renderBody = function renderBody() {\n    var _classNames;\n\n    var _this$props2 = this.props,\n        children = _this$props2.children,\n        bodyFill = _this$props2.bodyFill;\n    var classes = (0, _classnames.default)(this.addPrefix('body'), (_classNames = {}, _classNames[this.addPrefix('body-fill')] = bodyFill, _classNames));\n    return React.createElement(\"div\", {\n      className: classes,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111\n      },\n      __self: this\n    }, children);\n  };\n\n  _proto.renderHeading = function renderHeading(headerRole) {\n    var header = this.props.header;\n\n    if (!header) {\n      return null;\n    }\n\n    if (!React.isValidElement(header) || Array.isArray(header)) {\n      header = this.props.collapsible ? this.renderCollapsibleTitle(header, headerRole) : header;\n    } else {\n      var className = (0, _classnames.default)(this.addPrefix('title'), (0, _get2.default)(header, 'props.className'));\n      header = React.cloneElement(header, {\n        className: className\n      });\n    }\n\n    return React.createElement(\"div\", {\n      role: \"rowheader\",\n      className: this.addPrefix('heading'),\n      onClick: this.handleSelect,\n      tabIndex: -1,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 128\n      },\n      __self: this\n    }, header);\n  };\n\n  _proto.renderAnchor = function renderAnchor(header, headerRole) {\n    var _this$props3 = this.props,\n        id = _this$props3.id,\n        collapsible = _this$props3.collapsible;\n    return React.createElement(\"span\", {\n      \"aria-controls\": collapsible ? \"\" + id : null,\n      className: this.isExpanded() ? null : 'collapsed',\n      \"aria-expanded\": this.isExpanded(),\n      \"aria-selected\": this.isExpanded(),\n      role: headerRole,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 143\n      },\n      __self: this\n    }, header);\n  };\n\n  _proto.render = function render() {\n    var _classNames2;\n\n    var _this$props4 = this.props,\n        headerRole = _this$props4.headerRole,\n        panelRole = _this$props4.panelRole,\n        className = _this$props4.className,\n        collapsible = _this$props4.collapsible,\n        bordered = _this$props4.bordered,\n        shaded = _this$props4.shaded,\n        classPrefix = _this$props4.classPrefix,\n        id = _this$props4.id,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, [\"headerRole\", \"panelRole\", \"className\", \"collapsible\", \"bordered\", \"shaded\", \"classPrefix\", \"id\"]);\n    var classes = (0, _classnames.default)(className, classPrefix, this.addPrefix('default'), (_classNames2 = {}, _classNames2[this.addPrefix('in')] = this.isExpanded(), _classNames2[this.addPrefix('collapsible')] = collapsible, _classNames2[this.addPrefix('bordered')] = bordered, _classNames2[this.addPrefix('shaded')] = shaded, _classNames2));\n    var unhandled = (0, _utils.getUnhandledProps)(Panel, props);\n    return React.createElement(\"div\", (0, _extends2.default)({}, unhandled, {\n      className: classes,\n      id: collapsible ? null : id,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178\n      },\n      __self: this\n    }), this.renderHeading(headerRole), collapsible ? this.renderCollapsibleBody(panelRole) : this.renderBody());\n  };\n\n  return Panel;\n}(React.Component);\n\nPanel.propTypes = {\n  collapsible: _propTypes.default.bool,\n  bordered: _propTypes.default.bool,\n  shaded: _propTypes.default.bool,\n  bodyFill: _propTypes.default.bool,\n  header: _propTypes.default.any,\n  defaultExpanded: _propTypes.default.bool,\n  expanded: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  headerRole: _propTypes.default.string,\n  panelRole: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func,\n  className: _propTypes.default.string\n};\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'panel'\n})(Panel);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/Panel/Panel.tsx?");
 
 /***/ }),
 
@@ -8082,7 +8082,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.dropdownMenuPropTypes = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _findIndex2 = _interopRequireDefault(__webpack_require__(/*! lodash/findIndex */ \"./node_modules/lodash/findIndex.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar _isString2 = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/List */ \"./node_modules/react-virtualized/dist/commonjs/List/index.js\"));\n\nvar _AutoSizer = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/AutoSizer */ \"./node_modules/react-virtualized/dist/commonjs/AutoSizer/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _DropdownMenuGroup = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenuGroup */ \"./src/Picker/DropdownMenuGroup.tsx\"));\n\nvar _getDataGroupBy = __webpack_require__(/*! ../utils/getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Picker/DropdownMenu.tsx\";\nvar dropdownMenuPropTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  dropdownMenuItemComponentClass: _propTypes.default.elementType,\n  dropdownMenuItemClassPrefix: _propTypes.default.string,\n  data: _propTypes.default.array,\n  group: _propTypes.default.bool,\n  disabledItemValues: _propTypes.default.array,\n  activeItemValues: _propTypes.default.array,\n  focusItemValue: _propTypes.default.any,\n  maxHeight: _propTypes.default.number,\n  valueKey: _propTypes.default.string,\n  labelKey: _propTypes.default.string,\n  style: _propTypes.default.object,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  virtualized: _propTypes.default.bool,\n  listProps: _propTypes.default.object\n};\nexports.dropdownMenuPropTypes = dropdownMenuPropTypes;\nvar ROW_HEIGHT = 36;\n\nvar DropdownMenu =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(DropdownMenu, _React$Component);\n\n  function DropdownMenu(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuBodyContainerRef = void 0;\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.handleSelect = function (item, value, event, checked) {\n      var _this$props$onSelect, _this$props;\n\n      (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props, value, item, event, checked);\n    };\n\n    _this.getItemData = function (itemData) {\n      return itemData;\n    };\n\n    _this.menuItems = {};\n\n    _this.bindMenuItems = function (disabled, key, ref) {\n      if (ref && !disabled) {\n        _this.menuItems[key] = ref;\n      }\n    };\n\n    _this.handleGroupTitleClick = function (key, event) {\n      var _this$props$onGroupTi, _this$props2;\n\n      var foldedGroupKeys = _this.state.foldedGroupKeys;\n      var nextGroupKeys = foldedGroupKeys.filter(function (item) {\n        return item !== key;\n      });\n\n      if (nextGroupKeys.length === foldedGroupKeys.length) {\n        nextGroupKeys.push(key);\n      }\n\n      _this.setState({\n        foldedGroupKeys: nextGroupKeys\n      });\n\n      (_this$props$onGroupTi = (_this$props2 = _this.props).onGroupTitleClick) === null || _this$props$onGroupTi === void 0 ? void 0 : _this$props$onGroupTi.call(_this$props2, event);\n    };\n\n    _this.menuBodyContainerRef = React.createRef();\n    _this.state = {\n      foldedGroupKeys: []\n    };\n    return _this;\n  }\n\n  var _proto = DropdownMenu.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.updateScrollPoistion();\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    if (!(0, _shallowEqual.default)(prevProps.focusItemValue, this.props.focusItemValue)) {\n      this.updateScrollPoistion();\n    }\n  };\n\n  _proto.updateScrollPoistion = function updateScrollPoistion() {\n    var container = this.menuBodyContainerRef.current;\n    var activeItem = container.querySelector(\".\" + this.addPrefix('item-focus'));\n\n    if (!activeItem) {\n      activeItem = container.querySelector(\".\" + this.addPrefix('item-active'));\n    }\n\n    if (!activeItem) {\n      return;\n    }\n\n    var position = (0, _domLib.getPosition)(activeItem, container);\n    var sTop = (0, _domLib.scrollTop)(container);\n    var sHeight = (0, _domLib.getHeight)(container);\n\n    if (sTop > position.top) {\n      (0, _domLib.scrollTop)(container, Math.max(0, position.top - 20));\n    } else if (position.top > sTop + sHeight) {\n      (0, _domLib.scrollTop)(container, Math.max(0, position.top - sHeight + 32));\n    }\n  };\n\n  _proto.getRowHeight = function getRowHeight(list, _ref) {\n    var index = _ref.index;\n    var item = list[index];\n\n    if (this.props.group && item[_getDataGroupBy.KEY_GROUP] && index !== 0) {\n      return 48;\n    }\n\n    return ROW_HEIGHT;\n  }\n  /**\n   * public: Provided to Picker calls, support keyboard operation to get focus.\n   */\n  ;\n\n  _proto.renderItem = function renderItem(list, _ref2) {\n    var index = _ref2.index,\n        style = _ref2.style;\n    var _this$props3 = this.props,\n        valueKey = _this$props3.valueKey,\n        labelKey = _this$props3.labelKey,\n        group = _this$props3.group,\n        renderMenuGroup = _this$props3.renderMenuGroup,\n        disabledItemValues = _this$props3.disabledItemValues,\n        activeItemValues = _this$props3.activeItemValues,\n        focusItemValue = _this$props3.focusItemValue,\n        renderMenuItem = _this$props3.renderMenuItem,\n        dropdownMenuItemClassPrefix = _this$props3.dropdownMenuItemClassPrefix,\n        DropdownMenuItem = _this$props3.dropdownMenuItemComponentClass;\n    var foldedGroupKeys = this.state.foldedGroupKeys;\n    var item = list[index];\n    var value = item[valueKey];\n    var label = item[labelKey];\n\n    if ((0, _isUndefined2.default)(label) && !item[_getDataGroupBy.KEY_GROUP]) {\n      throw Error(\"labelKey \\\"\" + labelKey + \"\\\" is not defined in \\\"data\\\" : \" + index);\n    } // Use `value` in keys when If `value` is string or number\n\n\n    var itemKey = (0, _isString2.default)(value) || (0, _isNumber2.default)(value) ? value : index;\n    /**\n     * Render <DropdownMenuGroup>\n     * when if `group` is enabled\n     */\n\n    if (group && item[_getDataGroupBy.KEY_GROUP]) {\n      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];\n      return React.createElement(_DropdownMenuGroup.default, {\n        style: style,\n        classPrefix: this.addPrefix('group'),\n        className: (0, _classnames.default)({\n          folded: foldedGroupKeys.some(function (key) {\n            return key === groupValue;\n          })\n        }),\n        key: groupValue,\n        onClick: this.handleGroupTitleClick.bind(null, groupValue),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 191\n        },\n        __self: this\n      }, renderMenuGroup ? renderMenuGroup(groupValue, item) : groupValue);\n    } else if ((0, _isUndefined2.default)(value) && !(0, _isUndefined2.default)(item[_getDataGroupBy.KEY_GROUP])) {\n      throw Error(\"valueKey \\\"\" + valueKey + \"\\\" is not defined in \\\"data\\\" : \" + index + \" \");\n    }\n\n    var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {\n      return (0, _shallowEqual.default)(disabledValue, value);\n    });\n    var active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(function (v) {\n      return (0, _shallowEqual.default)(v, value);\n    });\n    var focus = !(0, _isUndefined2.default)(focusItemValue) && (0, _shallowEqual.default)(focusItemValue, value);\n    return React.createElement(DropdownMenuItem, {\n      style: style,\n      key: itemKey,\n      disabled: disabled,\n      active: active,\n      focus: focus,\n      value: value,\n      classPrefix: dropdownMenuItemClassPrefix,\n      getItemData: this.getItemData.bind(this, item),\n      ref: this.bindMenuItems.bind(this, disabled, itemKey),\n      onSelect: this.handleSelect.bind(this, item),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 212\n      },\n      __self: this\n    }, renderMenuItem ? renderMenuItem(label, item) : label);\n  };\n\n  _proto.renderMenuItems = function renderMenuItems() {\n    var _this2 = this;\n\n    this.menuItems = {};\n    var _this$props4 = this.props,\n        _this$props4$data = _this$props4.data,\n        data = _this$props4$data === void 0 ? [] : _this$props4$data,\n        group = _this$props4.group,\n        maxHeight = _this$props4.maxHeight,\n        activeItemValues = _this$props4.activeItemValues,\n        valueKey = _this$props4.valueKey,\n        virtualized = _this$props4.virtualized,\n        listProps = _this$props4.listProps;\n    var foldedGroupKeys = this.state.foldedGroupKeys;\n    var filteredItems = group ? data.filter(function (item) {\n      return !(foldedGroupKeys === null || foldedGroupKeys === void 0 ? void 0 : foldedGroupKeys.some(function (key) {\n        var _item$parent;\n\n        return key === ((_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[_getDataGroupBy.KEY_GROUP_TITLE]);\n      }));\n    }) : data;\n    var rowCount = filteredItems.length;\n\n    if (virtualized && rowCount * ROW_HEIGHT > maxHeight) {\n      return React.createElement(_AutoSizer.default, {\n        defaultHeight: maxHeight,\n        style: {\n          width: 'auto',\n          height: 'auto'\n        },\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 247\n        },\n        __self: this\n      }, function (_ref3) {\n        var height = _ref3.height,\n            width = _ref3.width;\n        return React.createElement(_List.default, (0, _extends2.default)({}, listProps, {\n          width: width,\n          height: height || maxHeight,\n          scrollToIndex: (0, _findIndex2.default)(data, function (item) {\n            return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);\n          }),\n          rowCount: rowCount,\n          rowHeight: _this2.getRowHeight.bind(_this2, filteredItems),\n          rowRenderer: _this2.renderItem.bind(_this2, filteredItems),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 249\n          },\n          __self: this\n        }));\n      });\n    }\n\n    return React.createElement(React.Fragment, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 264\n      },\n      __self: this\n    }, filteredItems.map(function (_item, index) {\n      return _this2.renderItem(filteredItems, {\n        index: index\n      });\n    }));\n  };\n\n  _proto.render = function render() {\n    var _this$props5 = this.props,\n        maxHeight = _this$props5.maxHeight,\n        className = _this$props5.className,\n        style = _this$props5.style,\n        group = _this$props5.group,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"maxHeight\", \"className\", \"style\", \"group\"]);\n    var classes = (0, _classnames.default)(className, this.addPrefix('items'), {\n      grouped: group\n    });\n    var unhandled = (0, _utils.getUnhandledProps)(DropdownMenu, rest);\n    var styles = (0, _extends2.default)({}, style, {\n      maxHeight: maxHeight\n    });\n    return React.createElement(\"div\", (0, _extends2.default)({\n      role: \"list\",\n      className: classes,\n      ref: this.menuBodyContainerRef,\n      style: styles\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 282\n      },\n      __self: this\n    }), this.renderMenuItems());\n  };\n\n  return DropdownMenu;\n}(React.Component);\n\nDropdownMenu.propTypes = dropdownMenuPropTypes;\nDropdownMenu.defaultProps = {\n  data: [],\n  activeItemValues: [],\n  disabledItemValues: [],\n  maxHeight: 320,\n  valueKey: 'value',\n  labelKey: 'label'\n};\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'dropdown-menu'\n})(DropdownMenu);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Picker/DropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.dropdownMenuPropTypes = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _findIndex2 = _interopRequireDefault(__webpack_require__(/*! lodash/findIndex */ \"./node_modules/lodash/findIndex.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar _isString2 = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/es/index.js\");\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/List */ \"./node_modules/react-virtualized/dist/commonjs/List/index.js\"));\n\nvar _AutoSizer = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/AutoSizer */ \"./node_modules/react-virtualized/dist/commonjs/AutoSizer/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _DropdownMenuGroup = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenuGroup */ \"./src/Picker/DropdownMenuGroup.tsx\"));\n\nvar _getDataGroupBy = __webpack_require__(/*! ../utils/getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Picker/DropdownMenu.tsx\";\nvar dropdownMenuPropTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  dropdownMenuItemComponentClass: _propTypes.default.elementType,\n  dropdownMenuItemClassPrefix: _propTypes.default.string,\n  data: _propTypes.default.array,\n  group: _propTypes.default.bool,\n  disabledItemValues: _propTypes.default.array,\n  activeItemValues: _propTypes.default.array,\n  focusItemValue: _propTypes.default.any,\n  maxHeight: _propTypes.default.number,\n  valueKey: _propTypes.default.string,\n  labelKey: _propTypes.default.string,\n  style: _propTypes.default.object,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  virtualized: _propTypes.default.bool,\n  listProps: _propTypes.default.object\n};\nexports.dropdownMenuPropTypes = dropdownMenuPropTypes;\nvar ROW_HEIGHT = 36;\n\nvar DropdownMenu =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(DropdownMenu, _React$Component);\n\n  function DropdownMenu(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuBodyContainerRef = void 0;\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.handleSelect = function (item, value, event, checked) {\n      var _this$props$onSelect, _this$props;\n\n      (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props, value, item, event, checked);\n    };\n\n    _this.getItemData = function (itemData) {\n      return itemData;\n    };\n\n    _this.menuItems = {};\n\n    _this.bindMenuItems = function (disabled, key, ref) {\n      if (ref && !disabled) {\n        _this.menuItems[key] = ref;\n      }\n    };\n\n    _this.handleGroupTitleClick = function (key, event) {\n      var _this$props$onGroupTi, _this$props2;\n\n      var foldedGroupKeys = _this.state.foldedGroupKeys;\n      var nextGroupKeys = foldedGroupKeys.filter(function (item) {\n        return item !== key;\n      });\n\n      if (nextGroupKeys.length === foldedGroupKeys.length) {\n        nextGroupKeys.push(key);\n      }\n\n      _this.setState({\n        foldedGroupKeys: nextGroupKeys\n      });\n\n      (_this$props$onGroupTi = (_this$props2 = _this.props).onGroupTitleClick) === null || _this$props$onGroupTi === void 0 ? void 0 : _this$props$onGroupTi.call(_this$props2, event);\n    };\n\n    _this.menuBodyContainerRef = React.createRef();\n    _this.state = {\n      foldedGroupKeys: []\n    };\n    return _this;\n  }\n\n  var _proto = DropdownMenu.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.updateScrollPoistion();\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    if (!(0, _shallowEqual.default)(prevProps.focusItemValue, this.props.focusItemValue)) {\n      this.updateScrollPoistion();\n    }\n  };\n\n  _proto.updateScrollPoistion = function updateScrollPoistion() {\n    var container = this.menuBodyContainerRef.current;\n    var activeItem = container.querySelector(\".\" + this.addPrefix('item-focus'));\n\n    if (!activeItem) {\n      activeItem = container.querySelector(\".\" + this.addPrefix('item-active'));\n    }\n\n    if (!activeItem) {\n      return;\n    }\n\n    var position = (0, _domLib.getPosition)(activeItem, container);\n    var sTop = (0, _domLib.scrollTop)(container);\n    var sHeight = (0, _domLib.getHeight)(container);\n\n    if (sTop > position.top) {\n      (0, _domLib.scrollTop)(container, Math.max(0, position.top - 20));\n    } else if (position.top > sTop + sHeight) {\n      (0, _domLib.scrollTop)(container, Math.max(0, position.top - sHeight + 32));\n    }\n  };\n\n  _proto.getRowHeight = function getRowHeight(list, _ref) {\n    var index = _ref.index;\n    var item = list[index];\n\n    if (this.props.group && item[_getDataGroupBy.KEY_GROUP] && index !== 0) {\n      return 48;\n    }\n\n    return ROW_HEIGHT;\n  }\n  /**\n   * public: Provided to Picker calls, support keyboard operation to get focus.\n   */\n  ;\n\n  _proto.renderItem = function renderItem(list, _ref2) {\n    var index = _ref2.index,\n        style = _ref2.style;\n    var _this$props3 = this.props,\n        valueKey = _this$props3.valueKey,\n        labelKey = _this$props3.labelKey,\n        group = _this$props3.group,\n        renderMenuGroup = _this$props3.renderMenuGroup,\n        disabledItemValues = _this$props3.disabledItemValues,\n        activeItemValues = _this$props3.activeItemValues,\n        focusItemValue = _this$props3.focusItemValue,\n        renderMenuItem = _this$props3.renderMenuItem,\n        dropdownMenuItemClassPrefix = _this$props3.dropdownMenuItemClassPrefix,\n        DropdownMenuItem = _this$props3.dropdownMenuItemComponentClass;\n    var foldedGroupKeys = this.state.foldedGroupKeys;\n    var item = list[index];\n    var value = item[valueKey];\n    var label = item[labelKey];\n\n    if ((0, _isUndefined2.default)(label) && !item[_getDataGroupBy.KEY_GROUP]) {\n      throw Error(\"labelKey \\\"\" + labelKey + \"\\\" is not defined in \\\"data\\\" : \" + index);\n    } // Use `value` in keys when If `value` is string or number\n\n\n    var itemKey = (0, _isString2.default)(value) || (0, _isNumber2.default)(value) ? value : index;\n    /**\n     * Render <DropdownMenuGroup>\n     * when if `group` is enabled\n     */\n\n    if (group && item[_getDataGroupBy.KEY_GROUP]) {\n      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];\n      return React.createElement(_DropdownMenuGroup.default, {\n        style: style,\n        classPrefix: this.addPrefix('group'),\n        className: (0, _classnames.default)({\n          folded: foldedGroupKeys.some(function (key) {\n            return key === groupValue;\n          })\n        }),\n        key: \"group-\" + groupValue,\n        \"data-key\": \"group-\" + groupValue,\n        onClick: this.handleGroupTitleClick.bind(null, groupValue),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 191\n        },\n        __self: this\n      }, renderMenuGroup ? renderMenuGroup(groupValue, item) : groupValue);\n    } else if ((0, _isUndefined2.default)(value) && !(0, _isUndefined2.default)(item[_getDataGroupBy.KEY_GROUP])) {\n      throw Error(\"valueKey \\\"\" + valueKey + \"\\\" is not defined in \\\"data\\\" : \" + index + \" \");\n    }\n\n    var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {\n      return (0, _shallowEqual.default)(disabledValue, value);\n    });\n    var active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(function (v) {\n      return (0, _shallowEqual.default)(v, value);\n    });\n    var focus = !(0, _isUndefined2.default)(focusItemValue) && (0, _shallowEqual.default)(focusItemValue, value);\n    return React.createElement(DropdownMenuItem, {\n      \"data-key\": itemKey,\n      style: style,\n      key: itemKey,\n      disabled: disabled,\n      active: active,\n      focus: focus,\n      value: value,\n      classPrefix: dropdownMenuItemClassPrefix,\n      getItemData: this.getItemData.bind(this, item),\n      ref: this.bindMenuItems.bind(this, disabled, itemKey),\n      onSelect: this.handleSelect.bind(this, item),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213\n      },\n      __self: this\n    }, renderMenuItem ? renderMenuItem(label, item) : label);\n  };\n\n  _proto.renderMenuItems = function renderMenuItems() {\n    var _this2 = this;\n\n    this.menuItems = {};\n    var _this$props4 = this.props,\n        _this$props4$data = _this$props4.data,\n        data = _this$props4$data === void 0 ? [] : _this$props4$data,\n        group = _this$props4.group,\n        maxHeight = _this$props4.maxHeight,\n        activeItemValues = _this$props4.activeItemValues,\n        valueKey = _this$props4.valueKey,\n        virtualized = _this$props4.virtualized,\n        listProps = _this$props4.listProps;\n    var foldedGroupKeys = this.state.foldedGroupKeys;\n    var filteredItems = group ? data.filter(function (item) {\n      return !(foldedGroupKeys === null || foldedGroupKeys === void 0 ? void 0 : foldedGroupKeys.some(function (key) {\n        var _item$parent;\n\n        return key === ((_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[_getDataGroupBy.KEY_GROUP_TITLE]);\n      }));\n    }) : data;\n    var rowCount = filteredItems.length;\n\n    if (virtualized && rowCount * ROW_HEIGHT > maxHeight) {\n      return React.createElement(_AutoSizer.default, {\n        defaultHeight: maxHeight,\n        style: {\n          width: 'auto',\n          height: 'auto'\n        },\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 249\n        },\n        __self: this\n      }, function (_ref3) {\n        var height = _ref3.height,\n            width = _ref3.width;\n        return React.createElement(_List.default, (0, _extends2.default)({}, listProps, {\n          width: width,\n          height: height || maxHeight,\n          scrollToIndex: (0, _findIndex2.default)(data, function (item) {\n            return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);\n          }),\n          rowCount: rowCount,\n          rowHeight: _this2.getRowHeight.bind(_this2, filteredItems),\n          rowRenderer: _this2.renderItem.bind(_this2, filteredItems),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 251\n          },\n          __self: this\n        }));\n      });\n    }\n\n    return React.createElement(React.Fragment, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 266\n      },\n      __self: this\n    }, filteredItems.map(function (_item, index) {\n      return _this2.renderItem(filteredItems, {\n        index: index\n      });\n    }));\n  };\n\n  _proto.render = function render() {\n    var _this$props5 = this.props,\n        maxHeight = _this$props5.maxHeight,\n        className = _this$props5.className,\n        style = _this$props5.style,\n        group = _this$props5.group,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, [\"maxHeight\", \"className\", \"style\", \"group\"]);\n    var classes = (0, _classnames.default)(className, this.addPrefix('items'), {\n      grouped: group\n    });\n    var unhandled = (0, _utils.getUnhandledProps)(DropdownMenu, rest);\n    var styles = (0, _extends2.default)({}, style, {\n      maxHeight: maxHeight\n    });\n    return React.createElement(\"div\", (0, _extends2.default)({\n      role: \"list\",\n      className: classes,\n      ref: this.menuBodyContainerRef,\n      style: styles\n    }, unhandled, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 284\n      },\n      __self: this\n    }), this.renderMenuItems());\n  };\n\n  return DropdownMenu;\n}(React.Component);\n\nDropdownMenu.propTypes = dropdownMenuPropTypes;\nDropdownMenu.defaultProps = {\n  data: [],\n  activeItemValues: [],\n  disabledItemValues: [],\n  maxHeight: 320,\n  valueKey: 'value',\n  labelKey: 'label'\n};\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'dropdown-menu'\n})(DropdownMenu);\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Picker/DropdownMenu.tsx?");
 
 /***/ }),
 
@@ -8202,7 +8202,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.listPickerDefaultProps = exports.pickerDefaultProps = exports.listPickerPropTypes = exports.pickerPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Animation/propTypes */ \"./src/Animation/propTypes.ts\");\n\nvar pickerPropTypes = (0, _extends2.default)({}, _propTypes2.animationPropTypes, {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  locale: _propTypes.default.object,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  block: _propTypes.default.bool,\n  containerPadding: _propTypes.default.number,\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  disabled: _propTypes.default.bool,\n  toggleComponentClass: _propTypes.default.elementType,\n  menuClassName: _propTypes.default.string,\n  menuStyle: _propTypes.default.object,\n  placeholder: _propTypes.default.node,\n  placement: _propTypes.default.oneOf(_constants.PLACEMENT),\n\n  /**\n   * Prevent floating element overflow\n   */\n  preventOverflow: _propTypes.default.bool,\n  open: _propTypes.default.bool,\n  defaultOpen: _propTypes.default.bool,\n  cleanable: _propTypes.default.bool,\n  renderExtraFooter: _propTypes.default.func,\n  renderValue: _propTypes.default.func,\n  positionRef: _utils.refType,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func,\n  onClean: _propTypes.default.func,\n\n  /** @deprecated Use `onClose` instead */\n  onHide: _propTypes.default.func\n});\nexports.pickerPropTypes = pickerPropTypes;\nvar listPickerPropTypes = (0, _extends2.default)({}, pickerPropTypes, {\n  data: _propTypes.default.array,\n  valueKey: _propTypes.default.string,\n  labelKey: _propTypes.default.string,\n  childrenKey: _propTypes.default.string,\n  disabledItemValues: _propTypes.default.array,\n  value: _propTypes.default.any,\n  defaultValue: _propTypes.default.any,\n  onChange: _propTypes.default.func\n});\nexports.listPickerPropTypes = listPickerPropTypes;\nvar pickerDefaultProps = {\n  cleanable: true,\n  placement: 'bottomStart',\n  appearance: 'default'\n};\nexports.pickerDefaultProps = pickerDefaultProps;\nvar listPickerDefaultProps = (0, _extends2.default)({}, pickerDefaultProps, {\n  data: [],\n  disabledItemValues: [],\n  childrenKey: 'children',\n  valueKey: 'value',\n  labelKey: 'label'\n});\nexports.listPickerDefaultProps = listPickerDefaultProps;\n\n//# sourceURL=webpack://rsuite/./src/Picker/propTypes.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.listPickerDefaultProps = exports.pickerDefaultProps = exports.listPickerPropTypes = exports.pickerPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Animation/propTypes */ \"./src/Animation/propTypes.ts\");\n\nvar pickerPropTypes = (0, _extends2.default)({}, _propTypes2.animationPropTypes, {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  locale: _propTypes.default.object,\n  appearance: _propTypes.default.oneOf(['default', 'subtle']),\n  block: _propTypes.default.bool,\n  containerPadding: _propTypes.default.number,\n  container: _propTypes.default.any,\n  disabled: _propTypes.default.bool,\n  toggleComponentClass: _propTypes.default.elementType,\n  menuClassName: _propTypes.default.string,\n  menuStyle: _propTypes.default.object,\n  placeholder: _propTypes.default.node,\n  placement: _propTypes.default.oneOf(_constants.PLACEMENT),\n\n  /**\n   * Prevent floating element overflow\n   */\n  preventOverflow: _propTypes.default.bool,\n  open: _propTypes.default.bool,\n  defaultOpen: _propTypes.default.bool,\n  cleanable: _propTypes.default.bool,\n  renderExtraFooter: _propTypes.default.func,\n  renderValue: _propTypes.default.func,\n  positionRef: _utils.refType,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func,\n  onClean: _propTypes.default.func,\n\n  /** @deprecated Use `onClose` instead */\n  onHide: _propTypes.default.func\n});\nexports.pickerPropTypes = pickerPropTypes;\nvar listPickerPropTypes = (0, _extends2.default)({}, pickerPropTypes, {\n  data: _propTypes.default.array,\n  valueKey: _propTypes.default.string,\n  labelKey: _propTypes.default.string,\n  childrenKey: _propTypes.default.string,\n  disabledItemValues: _propTypes.default.array,\n  value: _propTypes.default.any,\n  defaultValue: _propTypes.default.any,\n  onChange: _propTypes.default.func\n});\nexports.listPickerPropTypes = listPickerPropTypes;\nvar pickerDefaultProps = {\n  cleanable: true,\n  placement: 'bottomStart',\n  appearance: 'default'\n};\nexports.pickerDefaultProps = pickerDefaultProps;\nvar listPickerDefaultProps = (0, _extends2.default)({}, pickerDefaultProps, {\n  data: [],\n  disabledItemValues: [],\n  childrenKey: 'children',\n  valueKey: 'value',\n  labelKey: 'label'\n});\nexports.listPickerDefaultProps = listPickerDefaultProps;\n\n//# sourceURL=webpack://rsuite/./src/Picker/propTypes.ts?");
 
 /***/ }),
 
@@ -8598,7 +8598,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ../Picker/DropdownMenu */ \"./src/Picker/DropdownMenu.tsx\"));\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/SelectPicker/SelectPicker.tsx\";\n\nvar SelectPicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(SelectPicker, _React$Component);\n\n  function SelectPicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.positionRef = void 0;\n    _this.menuContainerRef = void 0;\n    _this.searchBarContainerRef = void 0;\n    _this.toggleRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.getFocusableMenuItems = function () {\n      var menuItems = _this.menuContainerRef.current.menuItems;\n\n      if (!menuItems) {\n        return [];\n      }\n\n      var items = Object.values(menuItems).map(function (item) {\n        return item.props.getItemData();\n      });\n      return (0, _treeUtils.filterNodesOfTree)(items, function (item) {\n        return _this.shouldDisplay(item);\n      });\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.focusNextMenuItem = function () {\n      var valueKey = _this.props.valueKey;\n\n      _this.findNode(function (items, index) {\n        var focusItem = items[index + 1];\n\n        if (!(0, _isUndefined2.default)(focusItem)) {\n          _this.setState({\n            focusItemValue: focusItem[valueKey]\n          });\n        }\n      });\n    };\n\n    _this.focusPrevMenuItem = function () {\n      var valueKey = _this.props.valueKey;\n\n      _this.findNode(function (items, index) {\n        var focusItem = items[index - 1];\n\n        if (!(0, _isUndefined2.default)(focusItem)) {\n          _this.setState({\n            focusItemValue: focusItem[valueKey]\n          });\n        }\n      });\n    };\n\n    _this.selectFocusMenuItem = function (event) {\n      var focusItemValue = _this.state.focusItemValue;\n      var _this$props = _this.props,\n          data = _this$props.data,\n          valueKey = _this$props.valueKey;\n\n      if (!focusItemValue) {\n        return;\n      } // Find active `MenuItem` by `value`\n\n\n      var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return (0, _shallowEqual.default)(item[valueKey], focusItemValue);\n      });\n\n      _this.setState({\n        value: focusItemValue\n      });\n\n      _this.handleSelect(focusItemValue, focusItem, event);\n\n      _this.handleChange(focusItemValue, event);\n\n      _this.handleCloseDropdown();\n    };\n\n    _this.handleKeyDown = function (event) {\n      var _this$toggleRef, _this$toggleRef$curre, _this$toggleRef$curre2;\n\n      var _this$state = _this.state,\n          focusItemValue = _this$state.focusItemValue,\n          active = _this$state.active; // enter\n\n      if ((!focusItemValue || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8 && event.target === ((_this$toggleRef = _this.toggleRef) === null || _this$toggleRef === void 0 ? void 0 : (_this$toggleRef$curre = _this$toggleRef.current) === null || _this$toggleRef$curre === void 0 ? void 0 : (_this$toggleRef$curre2 = _this$toggleRef$curre.getToggleNode) === null || _this$toggleRef$curre2 === void 0 ? void 0 : _this$toggleRef$curre2.call(_this$toggleRef$curre))) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.menuContainerRef.current) {\n        return;\n      }\n\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextMenuItem,\n        up: _this.focusPrevMenuItem,\n        enter: _this.selectFocusMenuItem,\n        esc: _this.handleCloseDropdown\n      });\n    };\n\n    _this.handleItemSelect = function (value, item, event) {\n      var nextState = {\n        value: value,\n        focusItemValue: value\n      };\n\n      _this.setState(nextState);\n\n      _this.handleSelect(value, item, event);\n\n      _this.handleChange(value, event);\n\n      _this.handleCloseDropdown();\n    };\n\n    _this.handleSelect = function (value, item, event) {\n      var _this$props$onSelect, _this$props2, _this$toggleRef$curre3;\n\n      (_this$props$onSelect = (_this$props2 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props2, value, item, event);\n      (_this$toggleRef$curre3 = _this.toggleRef.current) === null || _this$toggleRef$curre3 === void 0 ? void 0 : _this$toggleRef$curre3.onFocus();\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _filteredData$;\n\n      var _this$props3 = _this.props,\n          onSearch = _this$props3.onSearch,\n          valueKey = _this$props3.valueKey,\n          data = _this$props3.data;\n      var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n        return _this.shouldDisplay(item, searchKeyword);\n      });\n\n      _this.setState({\n        searchKeyword: searchKeyword,\n        focusItemValue: filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]\n      });\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.handleChange = function (value, event) {\n      var _this$props$onChange, _this$props4;\n\n      (_this$props$onChange = (_this$props4 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props4, value, event);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props5 = _this.props,\n          disabled = _this$props5.disabled,\n          cleanable = _this$props5.cleanable;\n\n      if (disabled || !cleanable) {\n        return;\n      }\n\n      var nextState = {\n        value: null,\n        focusItemValue: null\n      };\n\n      _this.setState(nextState);\n\n      _this.handleChange(null, event);\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n    };\n\n    _this.handleOpen = function () {\n      var _this$props$onOpen, _this$props7;\n\n      var value = _this.getValue();\n\n      _this.setState({\n        active: true,\n        focusItemValue: value\n      });\n\n      (_this$props$onOpen = (_this$props7 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props7);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    var _value = props.value,\n        defaultValue = props.defaultValue,\n        groupBy = props.groupBy,\n        _valueKey = props.valueKey,\n        labelKey = props.labelKey;\n    var nextValue = _value || defaultValue;\n    _this.state = {\n      value: nextValue,\n      focusItemValue: nextValue,\n      searchKeyword: ''\n    };\n    _this.positionRef = React.createRef();\n    _this.menuContainerRef = React.createRef();\n    _this.toggleRef = React.createRef();\n    _this.triggerRef = React.createRef(); // for test\n\n    _this.searchBarContainerRef = React.createRef();\n\n    if (groupBy === _valueKey || groupBy === labelKey) {\n      throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n    }\n\n    return _this;\n  }\n\n  var _proto = SelectPicker.prototype;\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  /**\n   * Index of keyword  in `label`\n   * @param {node} label\n   */\n  _proto.shouldDisplay = function shouldDisplay(item, word) {\n    var _this$props8 = this.props,\n        searchBy = _this$props8.searchBy,\n        labelKey = _this$props8.labelKey;\n    var label = item === null || item === void 0 ? void 0 : item[labelKey];\n    var searchKeyword = typeof word === 'undefined' ? this.state.searchKeyword : word;\n\n    if (typeof searchBy === 'function') {\n      return searchBy(searchKeyword, label, item);\n    }\n\n    return (0, _Picker.shouldDisplay)(label, searchKeyword);\n  };\n\n  _proto.findNode = function findNode(focus) {\n    var items = this.getFocusableMenuItems();\n    var valueKey = this.props.valueKey;\n    var focusItemValue = this.state.focusItemValue;\n\n    for (var i = 0; i < items.length; i += 1) {\n      if ((0, _shallowEqual.default)(focusItemValue, items[i][valueKey])) {\n        focus(items, i);\n        return;\n      }\n    }\n\n    focus(items, -1);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this4 = this;\n\n    var _this$props9 = this.props,\n        data = _this$props9.data,\n        groupBy = _this$props9.groupBy,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        menuAutoWidth = _this$props9.menuAutoWidth,\n        sort = _this$props9.sort,\n        virtualized = _this$props9.virtualized;\n    var focusItemValue = this.state.focusItemValue;\n    var classes = (0, _classnames.default)(this.addPrefix('select-menu'), menuClassName);\n    var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n      return _this4.shouldDisplay(item);\n    }); // Create a tree structure data when set `groupBy`\n\n    if (groupBy) {\n      filteredData = (0, _utils.getDataGroupBy)(filteredData, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      filteredData = filteredData.sort(sort(false));\n    }\n\n    var menuProps = (0, _pick2.default)(this.props, Object.keys((0, _omit2.default)(_DropdownMenu.dropdownMenuPropTypes, ['className', 'style', 'classPrefix'])));\n    var menu = filteredData.length ? React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, menuProps, {\n      classPrefix: this.addPrefix('select-menu'),\n      dropdownMenuItemClassPrefix: this.addPrefix('select-menu-item'),\n      dropdownMenuItemComponentClass: _Picker.DropdownMenuItem,\n      ref: this.menuContainerRef,\n      activeItemValues: [this.getValue()],\n      focusItemValue: focusItemValue,\n      data: filteredData,\n      group: !(0, _isUndefined2.default)(groupBy),\n      onSelect: this.handleItemSelect,\n      virtualized: virtualized,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 335\n      },\n      __self: this\n    })) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 349\n      },\n      __self: this\n    }, locale.noResultsText);\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: menuStyle,\n      onKeyDown: this.handleKeyDown,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 353\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      ref: this.searchBarContainerRef,\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: this.state.searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 362\n      },\n      __self: this\n    }), renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props10 = this.props,\n        data = _this$props10.data,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEntered = _this$props10.onEntered,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"data\", \"valueKey\", \"labelKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEntered\", \"onExited\", \"onClean\", \"positionRef\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(SelectPicker, rest);\n    var value = this.getValue(); // Find active `MenuItem` by `value`\n\n    var activeItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], value);\n    });\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = !!activeItem || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n\n    if (activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey]) {\n      selectedElement = activeItem[labelKey];\n    }\n\n    if (!(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, activeItem, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('select', this.addPrefix, this.props, hasValue);\n    return React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 423\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 431\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      onKeyDown: this.handleKeyDown,\n      componentClass: toggleComponentClass,\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 432\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return SelectPicker;\n}(React.Component);\n\nSelectPicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPropTypes, {\n  menuAutoWidth: _propTypes.default.bool,\n  maxHeight: _propTypes.default.number,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n\n  /**\n   * group by key in `data`\n   */\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nSelectPicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  menuAutoWidth: true,\n  virtualized: true,\n  maxHeight: 320,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(SelectPicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/SelectPicker/SelectPicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick2 = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _DropdownMenu = _interopRequireWildcard(__webpack_require__(/*! ../Picker/DropdownMenu */ \"./src/Picker/DropdownMenu.tsx\"));\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/SelectPicker/SelectPicker.tsx\";\n\nvar SelectPicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(SelectPicker, _React$Component);\n\n  function SelectPicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.positionRef = void 0;\n    _this.menuContainerRef = void 0;\n    _this.searchBarContainerRef = void 0;\n    _this.toggleRef = void 0;\n    _this.triggerRef = void 0;\n\n    _this.getFocusableMenuItems = function () {\n      var menuItems = _this.menuContainerRef.current.menuItems;\n\n      if (!menuItems) {\n        return [];\n      }\n\n      var items = Object.values(menuItems).map(function (item) {\n        return item.props.getItemData();\n      });\n      return (0, _treeUtils.filterNodesOfTree)(items, function (item) {\n        return _this.shouldDisplay(item);\n      });\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.focusNextMenuItem = function () {\n      var valueKey = _this.props.valueKey;\n\n      _this.findNode(function (items, index) {\n        var focusItem = items[index + 1];\n\n        if (!(0, _isUndefined2.default)(focusItem)) {\n          _this.setState({\n            focusItemValue: focusItem[valueKey]\n          });\n        }\n      });\n    };\n\n    _this.focusPrevMenuItem = function () {\n      var valueKey = _this.props.valueKey;\n\n      _this.findNode(function (items, index) {\n        var focusItem = items[index - 1];\n\n        if (!(0, _isUndefined2.default)(focusItem)) {\n          _this.setState({\n            focusItemValue: focusItem[valueKey]\n          });\n        }\n      });\n    };\n\n    _this.selectFocusMenuItem = function (event) {\n      var focusItemValue = _this.state.focusItemValue;\n      var _this$props = _this.props,\n          data = _this$props.data,\n          valueKey = _this$props.valueKey;\n\n      if (!focusItemValue) {\n        return;\n      } // Find active `MenuItem` by `value`\n\n\n      var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return (0, _shallowEqual.default)(item[valueKey], focusItemValue);\n      });\n\n      _this.setState({\n        value: focusItemValue\n      });\n\n      _this.handleSelect(focusItemValue, focusItem, event);\n\n      _this.handleChange(focusItemValue, event);\n\n      _this.handleCloseDropdown();\n    };\n\n    _this.handleKeyDown = function (event) {\n      var _this$toggleRef, _this$toggleRef$curre, _this$toggleRef$curre2;\n\n      var _this$state = _this.state,\n          focusItemValue = _this$state.focusItemValue,\n          active = _this$state.active; // enter\n\n      if ((!focusItemValue || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8 && event.target === ((_this$toggleRef = _this.toggleRef) === null || _this$toggleRef === void 0 ? void 0 : (_this$toggleRef$curre = _this$toggleRef.current) === null || _this$toggleRef$curre === void 0 ? void 0 : (_this$toggleRef$curre2 = _this$toggleRef$curre.getToggleNode) === null || _this$toggleRef$curre2 === void 0 ? void 0 : _this$toggleRef$curre2.call(_this$toggleRef$curre))) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.menuContainerRef.current) {\n        return;\n      }\n\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextMenuItem,\n        up: _this.focusPrevMenuItem,\n        enter: _this.selectFocusMenuItem,\n        esc: _this.handleCloseDropdown\n      });\n    };\n\n    _this.handleItemSelect = function (value, item, event) {\n      var nextState = {\n        value: value,\n        focusItemValue: value\n      };\n\n      _this.setState(nextState);\n\n      _this.handleSelect(value, item, event);\n\n      _this.handleChange(value, event);\n\n      _this.handleCloseDropdown();\n    };\n\n    _this.handleSelect = function (value, item, event) {\n      var _this$props$onSelect, _this$props2, _this$toggleRef$curre3;\n\n      (_this$props$onSelect = (_this$props2 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props2, value, item, event);\n      (_this$toggleRef$curre3 = _this.toggleRef.current) === null || _this$toggleRef$curre3 === void 0 ? void 0 : _this$toggleRef$curre3.onFocus();\n    };\n\n    _this.handleSearch = function (searchKeyword, event) {\n      var _filteredData$;\n\n      var _this$props3 = _this.props,\n          onSearch = _this$props3.onSearch,\n          valueKey = _this$props3.valueKey,\n          data = _this$props3.data;\n      var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n        return _this.shouldDisplay(item, searchKeyword);\n      });\n\n      _this.setState({\n        searchKeyword: searchKeyword,\n        focusItemValue: filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]\n      });\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.handleChange = function (value, event) {\n      var _this$props$onChange, _this$props4;\n\n      (_this$props$onChange = (_this$props4 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props4, value, event);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props5 = _this.props,\n          disabled = _this$props5.disabled,\n          cleanable = _this$props5.cleanable;\n\n      if (disabled || !cleanable) {\n        return;\n      }\n\n      var nextState = {\n        value: null,\n        focusItemValue: null\n      };\n\n      _this.setState(nextState);\n\n      _this.handleChange(null, event);\n    };\n\n    _this.handleExit = function () {\n      var _this$props$onClose, _this$props6;\n\n      _this.setState({\n        searchKeyword: '',\n        active: false\n      });\n\n      (_this$props$onClose = (_this$props6 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props6);\n    };\n\n    _this.handleOpen = function () {\n      var _this$props$onOpen, _this$props7;\n\n      var value = _this.getValue();\n\n      _this.setState({\n        active: true,\n        focusItemValue: value\n      });\n\n      (_this$props$onOpen = (_this$props7 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props7);\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    var _value = props.value,\n        defaultValue = props.defaultValue,\n        groupBy = props.groupBy,\n        _valueKey = props.valueKey,\n        labelKey = props.labelKey;\n    var nextValue = _value || defaultValue;\n    _this.state = {\n      value: nextValue,\n      focusItemValue: nextValue,\n      searchKeyword: ''\n    };\n    _this.positionRef = React.createRef();\n    _this.menuContainerRef = React.createRef();\n    _this.toggleRef = React.createRef();\n    _this.triggerRef = React.createRef(); // for test\n\n    _this.searchBarContainerRef = React.createRef();\n\n    if (groupBy === _valueKey || groupBy === labelKey) {\n      throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n    }\n\n    return _this;\n  }\n\n  var _proto = SelectPicker.prototype;\n\n  _proto.getValue = function getValue() {\n    var value = this.props.value;\n    return (0, _isUndefined2.default)(value) ? this.state.value : value;\n  };\n\n  /**\n   * Index of keyword  in `label`\n   * @param {node} label\n   */\n  _proto.shouldDisplay = function shouldDisplay(item, word) {\n    var _this$props8 = this.props,\n        searchBy = _this$props8.searchBy,\n        labelKey = _this$props8.labelKey;\n    var label = item === null || item === void 0 ? void 0 : item[labelKey];\n    var searchKeyword = typeof word === 'undefined' ? this.state.searchKeyword : word;\n\n    if (typeof searchBy === 'function') {\n      return searchBy(searchKeyword, label, item);\n    }\n\n    return (0, _Picker.shouldDisplay)(label, searchKeyword);\n  };\n\n  _proto.findNode = function findNode(focus) {\n    var items = this.getFocusableMenuItems();\n    var valueKey = this.props.valueKey;\n    var focusItemValue = this.state.focusItemValue;\n\n    for (var i = 0; i < items.length; i += 1) {\n      if ((0, _shallowEqual.default)(focusItemValue, items[i][valueKey])) {\n        focus(items, i);\n        return;\n      }\n    }\n\n    focus(items, -1);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this4 = this;\n\n    var _this$props9 = this.props,\n        data = _this$props9.data,\n        groupBy = _this$props9.groupBy,\n        searchable = _this$props9.searchable,\n        locale = _this$props9.locale,\n        renderMenu = _this$props9.renderMenu,\n        renderExtraFooter = _this$props9.renderExtraFooter,\n        menuClassName = _this$props9.menuClassName,\n        menuStyle = _this$props9.menuStyle,\n        menuAutoWidth = _this$props9.menuAutoWidth,\n        sort = _this$props9.sort,\n        virtualized = _this$props9.virtualized;\n    var focusItemValue = this.state.focusItemValue;\n    var classes = (0, _classnames.default)(this.addPrefix('select-menu'), menuClassName);\n    var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n      return _this4.shouldDisplay(item);\n    }); // Create a tree structure data when set `groupBy`\n\n    if (groupBy) {\n      filteredData = (0, _utils.getDataGroupBy)(filteredData, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      filteredData = filteredData.sort(sort(false));\n    }\n\n    var menuProps = (0, _pick2.default)(this.props, Object.keys((0, _omit2.default)(_DropdownMenu.dropdownMenuPropTypes, ['className', 'style', 'classPrefix'])));\n    var menu = filteredData.length ? React.createElement(_DropdownMenu.default, (0, _extends2.default)({}, menuProps, {\n      classPrefix: this.addPrefix('select-menu'),\n      dropdownMenuItemClassPrefix: this.addPrefix('select-menu-item'),\n      dropdownMenuItemComponentClass: _Picker.DropdownMenuItem,\n      ref: this.menuContainerRef,\n      activeItemValues: [this.getValue()],\n      focusItemValue: focusItemValue,\n      data: filteredData,\n      group: !(0, _isUndefined2.default)(groupBy),\n      onSelect: this.handleItemSelect,\n      virtualized: virtualized,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 335\n      },\n      __self: this\n    })) : React.createElement(\"div\", {\n      className: this.addPrefix('none'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 349\n      },\n      __self: this\n    }, locale.noResultsText);\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: menuStyle,\n      onKeyDown: this.handleKeyDown,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 353\n      },\n      __self: this\n    }, searchable && React.createElement(_Picker.SearchBar, {\n      ref: this.searchBarContainerRef,\n      placeholder: locale.searchPlaceholder,\n      onChange: this.handleSearch,\n      value: this.state.searchKeyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 362\n      },\n      __self: this\n    }), renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.render = function render() {\n    var _this$props10 = this.props,\n        data = _this$props10.data,\n        valueKey = _this$props10.valueKey,\n        labelKey = _this$props10.labelKey,\n        placeholder = _this$props10.placeholder,\n        renderValue = _this$props10.renderValue,\n        disabled = _this$props10.disabled,\n        cleanable = _this$props10.cleanable,\n        locale = _this$props10.locale,\n        toggleComponentClass = _this$props10.toggleComponentClass,\n        style = _this$props10.style,\n        onEntered = _this$props10.onEntered,\n        onExited = _this$props10.onExited,\n        onClean = _this$props10.onClean,\n        positionRef = _this$props10.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props10, [\"data\", \"valueKey\", \"labelKey\", \"placeholder\", \"renderValue\", \"disabled\", \"cleanable\", \"locale\", \"toggleComponentClass\", \"style\", \"onEntered\", \"onExited\", \"onClean\", \"positionRef\"]);\n    var unhandled = (0, _utils.getUnhandledProps)(SelectPicker, rest);\n    var value = this.getValue(); // Find active `MenuItem` by `value`\n\n    var activeItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], value);\n    });\n    /**\n     * 1.Have a value and the value is valid.\n     * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n     */\n\n    var hasValue = !!activeItem || !(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n\n    if (activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey]) {\n      selectedElement = activeItem[labelKey];\n    }\n\n    if (!(0, _isNil2.default)(value) && (0, _isFunction2.default)(renderValue)) {\n      selectedElement = renderValue(value, activeItem, selectedElement);\n\n      if ((0, _isNil2.default)(selectedElement)) {\n        hasValue = false;\n      }\n    }\n\n    var classes = (0, _Picker.getToggleWrapperClassName)('select', this.addPrefix, this.props, hasValue);\n    return React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleExit, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 423\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      tabIndex: -1,\n      role: \"menu\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 431\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      onKeyDown: this.handleKeyDown,\n      componentClass: toggleComponentClass,\n      cleanable: cleanable && !disabled,\n      hasValue: hasValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 432\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return SelectPicker;\n}(React.Component);\n\nSelectPicker.propTypes = (0, _extends2.default)({}, _propTypes2.listPickerPropTypes, {\n  menuAutoWidth: _propTypes.default.bool,\n  maxHeight: _propTypes.default.number,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n\n  /**\n   * group by key in `data`\n   */\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  searchable: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nSelectPicker.defaultProps = (0, _extends2.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  menuAutoWidth: true,\n  virtualized: true,\n  maxHeight: 320,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(SelectPicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/SelectPicker/SelectPicker.tsx?");
 
 /***/ }),
 
@@ -9030,7 +9030,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar _isString2 = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _get3 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/List */ \"./node_modules/react-virtualized/dist/commonjs/List/index.js\"));\n\nvar _AutoSizer = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/AutoSizer */ \"./node_modules/react-virtualized/dist/commonjs/AutoSizer/index.js\"));\n\nvar _CellMeasurer = __webpack_require__(/*! react-virtualized/dist/commonjs/CellMeasurer */ \"./node_modules/react-virtualized/dist/commonjs/CellMeasurer/index.js\");\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _TreeNode = _interopRequireDefault(__webpack_require__(/*! ./TreeNode */ \"./src/TreePicker/TreeNode.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TreePicker/TreePicker.tsx\";\n// default value for virtualized\nvar defaultHeight = 360;\nvar defaultWidth = 200;\n\nvar TreePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(TreePicker, _React$Component);\n\n  function TreePicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuRef = void 0;\n    _this.treeViewRef = void 0;\n    _this.positionRef = void 0;\n    _this.listRef = void 0;\n    _this.triggerRef = void 0;\n    _this.toggleRef = void 0;\n\n    _this.getFocusableMenuItems = function () {\n      var filterData = _this.state.filterData;\n      var _this$props = _this.props,\n          childrenKey = _this$props.childrenKey,\n          _this$props$disabledI = _this$props.disabledItemValues,\n          disabledItemValues = _this$props$disabledI === void 0 ? [] : _this$props$disabledI,\n          valueKey = _this$props.valueKey;\n      var items = [];\n\n      var loop = function loop(nodes) {\n        nodes.forEach(function (node) {\n          var nodeData = (0, _extends3.default)({}, node, {}, _this.nodes[node.refKey]);\n          var disabled = disabledItemValues.some(function (disabledItem) {\n            return (0, _shallowEqual.default)(disabledItem, node[valueKey]);\n          });\n\n          if (!disabled) {\n            items.push(node);\n          }\n\n          if (node[childrenKey] && (0, _treeUtils.getExpandState)(nodeData, _this.props)) {\n            loop(node[childrenKey]);\n          }\n        });\n      };\n\n      loop(filterData);\n      return items;\n    };\n\n    _this.getElementByDataKey = function (dataKey) {\n      var ele = _this.nodeRefs[dataKey];\n\n      if (ele instanceof Element) {\n        return ele.querySelector(\".\" + _this.addTreePrefix('node-label'));\n      }\n\n      return null;\n    };\n\n    _this.nodes = {};\n    _this.node = null;\n    _this.cache = new _CellMeasurer.CellMeasurerCache({\n      fixedWidth: true,\n      minHeight: 20\n    });\n    _this.nodeRefs = {};\n    _this.dragNode = null;\n\n    _this.bindNodeRefs = function (refKey, ref) {\n      _this.nodeRefs[refKey] = ref;\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.addTreePrefix = function (name) {\n      return (0, _utils.prefix)((0, _utils.defaultClassPrefix)('tree'))(name);\n    };\n\n    _this.selectActiveItem = function (event) {\n      var _this$getActiveItem = _this.getActiveItem(),\n          nodeData = _this$getActiveItem.nodeData;\n\n      _this.handleSelect(nodeData, event);\n    };\n\n    _this.focusNextItem = function () {\n      var _node$focus;\n\n      var _this$getItemsAndActi = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi.items,\n          activeIndex = _this$getItemsAndActi.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var nextIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;\n\n      var node = _this.getElementByDataKey(items[nextIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus = node.focus) === null || _node$focus === void 0 ? void 0 : _node$focus.call(node);\n    };\n\n    _this.focusPreviousItem = function () {\n      var _node$focus2;\n\n      var _this$getItemsAndActi2 = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi2.items,\n          activeIndex = _this$getItemsAndActi2.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var prevIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;\n      prevIndex = prevIndex >= 0 ? prevIndex : 0;\n\n      var node = _this.getElementByDataKey(items[prevIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus2 = node.focus) === null || _node$focus2 === void 0 ? void 0 : _node$focus2.call(node);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.handleToggle = function (nodeData) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey,\n          onExpand = _this$props2.onExpand,\n          expandItemValues = _this$props2.expandItemValues;\n\n      var nextExpandItemValues = _this.toggleExpand(nodeData, !nodeData.expand);\n\n      if ((0, _isUndefined2.default)(expandItemValues)) {\n        _this.unserializeLists('expand', nextExpandItemValues);\n\n        _this.setState({\n          expandItemValues: nextExpandItemValues\n        });\n      }\n\n      onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, nodeData, (0, _Picker.createConcatChildrenFunction)(nodeData, nodeData[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }));\n    };\n\n    _this.handleSelect = function (nodeData, event) {\n      var _this$toggleRef$curre;\n\n      var _this$props3 = _this.props,\n          valueKey = _this$props3.valueKey,\n          onChange = _this$props3.onChange,\n          onSelect = _this$props3.onSelect,\n          value = _this$props3.value;\n      _this.node = nodeData;\n\n      if ((0, _isUndefined2.default)(value)) {\n        _this.setState({\n          activeNode: nodeData,\n          selectedValue: nodeData[valueKey]\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(nodeData[valueKey], event);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, nodeData[valueKey], event);\n\n      _this.handleCloseDropdown();\n\n      (_this$toggleRef$curre = _this.toggleRef.current) === null || _this$toggleRef$curre === void 0 ? void 0 : _this$toggleRef$curre.onFocus();\n    };\n\n    _this.handleKeyDown = function (event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextItem,\n        up: _this.focusPreviousItem,\n        enter: _this.selectActiveItem,\n        del: _this.handleClean\n      });\n    };\n\n    _this.handleToggleKeyDown = function (event) {\n      var _this$state = _this.state,\n          activeNode = _this$state.activeNode,\n          active = _this$state.active; // enter\n\n      if ((!activeNode || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.treeViewRef.current) {\n        return;\n      }\n\n      if (event.target instanceof HTMLElement) {\n        var className = event.target.className;\n\n        if (className.includes(_this.addPrefix('toggle')) || className.includes(_this.addPrefix('toggle-custom')) || className.includes(_this.addPrefix('search-bar-input'))) {\n          (0, _Picker.onMenuKeyDown)(event, {\n            down: _this.focusNextItem\n          });\n        }\n      }\n    };\n\n    _this.handleSearch = function (value, event) {\n      var filterData = _this.state.filterData;\n      var _this$props4 = _this.props,\n          onSearch = _this$props4.onSearch,\n          searchKeyword = _this$props4.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          searchKeyword: value,\n          filterData: _this.getFilterData(filterData, value)\n        });\n      }\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props$onChange, _this$props5;\n\n      _this.setState({\n        activeNode: null,\n        selectedValue: null\n      });\n\n      _this.node = null;\n      (_this$props$onChange = (_this$props5 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props5, null, event);\n    };\n\n    _this.handleOnOpen = function () {\n      var _this$props$onOpen, _this$props6;\n\n      var activeNode = _this.state.activeNode;\n\n      if (activeNode) {\n        var _node$focus3;\n\n        var node = _this.getElementByDataKey(activeNode.refKey);\n\n        node === null || node === void 0 ? void 0 : (_node$focus3 = node.focus) === null || _node$focus3 === void 0 ? void 0 : _node$focus3.call(node);\n      }\n\n      (_this$props$onOpen = (_this$props6 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props6);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleOnClose = function () {\n      var filterData = _this.state.filterData;\n      var _this$props7 = _this.props,\n          searchKeyword = _this$props7.searchKeyword,\n          onClose = _this$props7.onClose;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          searchKeyword: '',\n          filterData: _this.getFilterData(filterData, '')\n        });\n      }\n\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n\n      _this.setState({\n        active: false\n      });\n    };\n\n    _this.handleDragStart = function (nodeData, event) {\n      var _this$props8 = _this.props,\n          valueKey = _this$props8.valueKey,\n          childrenKey = _this$props8.childrenKey,\n          onDragStart = _this$props8.onDragStart,\n          draggable = _this$props8.draggable;\n\n      if (draggable) {\n        _this.setState({\n          dragging: true,\n          dragNodeKeys: (0, _treeUtils.getDragNodeKeys)(nodeData, childrenKey, valueKey)\n        });\n\n        _this.dragNode = _this.nodes[nodeData.refKey];\n        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);\n      }\n    };\n\n    _this.handleDragEnter = function (nodeData, event) {\n      var _this$state2 = _this.state,\n          dragging = _this$state2.dragging,\n          dragNodeKeys = _this$state2.dragNodeKeys;\n      var _this$props9 = _this.props,\n          valueKey = _this$props9.valueKey,\n          onDragEnter = _this$props9.onDragEnter;\n\n      if (dragNodeKeys.some(function (d) {\n        return (0, _shallowEqual.default)(d, nodeData[valueKey]);\n      })) {\n        return;\n      }\n\n      if (dragging && _this.dragNode) {\n        var dropNodePosition = (0, _treeUtils.calDropNodePosition)(event, _this.nodeRefs[nodeData.refKey]);\n\n        _this.setState({\n          dragOverNodeKey: nodeData[valueKey],\n          dropNodePosition: dropNodePosition\n        });\n      }\n\n      onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);\n    };\n\n    _this.handleDragOver = function (nodeData, event) {\n      var _this$state3 = _this.state,\n          dragNodeKeys = _this$state3.dragNodeKeys,\n          dragOverNodeKey = _this$state3.dragOverNodeKey,\n          dropNodePosition = _this$state3.dropNodePosition;\n      var _this$props10 = _this.props,\n          valueKey = _this$props10.valueKey,\n          onDragOver = _this$props10.onDragOver;\n\n      if (dragNodeKeys.some(function (d) {\n        return (0, _shallowEqual.default)(d, nodeData[valueKey]);\n      })) {\n        return;\n      }\n\n      if (_this.dragNode && (0, _shallowEqual.default)(nodeData[valueKey], dragOverNodeKey)) {\n        var lastDropNodePosition = (0, _treeUtils.calDropNodePosition)(event, _this.nodeRefs[nodeData.refKey]);\n        if (lastDropNodePosition === dropNodePosition) return;\n\n        _this.setState({\n          dropNodePosition: lastDropNodePosition\n        });\n      }\n\n      onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);\n    };\n\n    _this.handleDragLeave = function (nodeData, event) {\n      var onDragLeave = _this.props.onDragLeave;\n      onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);\n    };\n\n    _this.handleDragEnd = function (nodeData, event) {\n      var onDragEnd = _this.props.onDragEnd;\n\n      _this.setState({\n        dragging: false,\n        dragNodeKeys: [],\n        dragOverNodeKey: null\n      });\n\n      onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);\n    };\n\n    _this.handleDrop = function (nodeData, event) {\n      var dragNodeKeys = _this.state.dragNodeKeys;\n      var _this$props11 = _this.props,\n          valueKey = _this$props11.valueKey,\n          onDrop = _this$props11.onDrop;\n\n      if (dragNodeKeys.some(function (d) {\n        return (0, _shallowEqual.default)(d, nodeData[valueKey]);\n      })) {\n        console.error('Cannot drag a node to itself and its children');\n      } else {\n        var dropData = _this.getDropData(nodeData);\n\n        onDrop === null || onDrop === void 0 ? void 0 : onDrop(dropData, event);\n      }\n\n      _this.setState({\n        dragging: false,\n        dragNodeKeys: [],\n        dragOverNodeKey: null,\n        dropNodePosition: null\n      });\n\n      _this.dragNode = null;\n    };\n\n    _this.measureRowRenderer = function (nodes) {\n      return function (_ref) {\n        var key = _ref.key,\n            index = _ref.index,\n            style = _ref.style,\n            parent = _ref.parent;\n        var node = nodes[index];\n        return React.createElement(_CellMeasurer.CellMeasurer, {\n          cache: _this.cache,\n          columnIndex: 0,\n          key: key,\n          rowIndex: index,\n          parent: parent,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 972\n          },\n          __self: this\n        }, function () {\n          return _this.renderVirtualNode(node, {\n            key: key,\n            style: style\n          });\n        });\n      };\n    };\n\n    var _value = props.value,\n        data = props.data,\n        _valueKey = props.valueKey,\n        _props$searchKeyword = props.searchKeyword,\n        _searchKeyword = _props$searchKeyword === void 0 ? '' : _props$searchKeyword;\n\n    var nextData = [].concat(data);\n\n    var _nextExpandItemValues = (0, _treeUtils.getExpandItemValues)(props);\n\n    _this.flattenNodes(nextData);\n\n    _this.unserializeLists('expand', _nextExpandItemValues, props);\n\n    _this.state = {\n      data: data,\n      value: _value,\n      dragging: false,\n      selectedValue: _this.getValue(props),\n      expandAll: (0, _treeUtils.getExpandAll)(props),\n      filterData: _this.getFilterData(nextData, _searchKeyword, props),\n      activeNode: _this.getActiveNode(_this.getValue(props), _valueKey),\n      searchKeyword: _searchKeyword,\n      expandItemValues: _this.serializeList('expand'),\n      dragNodeKeys: [],\n      dragOverNodeKey: null,\n      dropNodePosition: null\n    };\n    _this.treeViewRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.listRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    _this.toggleRef = React.createRef(); // for test\n\n    _this.menuRef = React.createRef();\n    (0, _treeUtils.treeDeprecatedWarning)(props, ['expandAll']);\n    return _this;\n  }\n\n  var _proto = TreePicker.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    var activeNode = this.state.activeNode;\n    this.focusNode(activeNode);\n  };\n\n  TreePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        expandAll = nextProps.expandAll,\n        searchKeyword = nextProps.searchKeyword,\n        expandItemValues = nextProps.expandItemValues;\n    var nextState = {};\n\n    if ((0, _isArray2.default)(data) && (0, _isArray2.default)(prevState.data) && prevState.data !== data) {\n      nextState.data = data;\n    }\n\n    if (!(0, _shallowEqual.default)(value, prevState.value)) {\n      nextState.value = value;\n      nextState.selectedValue = value;\n    }\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      nextState.expandItemValues = expandItemValues;\n    }\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && searchKeyword !== prevState.searchKeyword) {\n      nextState.searchKeyword = searchKeyword;\n    }\n\n    if (expandAll !== prevState.expandAll) {\n      nextState.expandAll = expandAll;\n    }\n\n    return Object.keys(nextState).length ? nextState : null;\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {\n    this.updateDataChange(prevState);\n    this.updateValueChange(prevState);\n    this.updateExpandItemValuesChange(prevState);\n    this.updateSearchKeywordChange(prevState);\n\n    if (this.listRef.current) {\n      this.listRef.current.forceUpdateGrid();\n    }\n  };\n\n  _proto.updateDataChange = function updateDataChange(prevState) {\n    var _this$state4 = this.state,\n        searchKeyword = _this$state4.searchKeyword,\n        expandItemValues = _this$state4.expandItemValues;\n    var data = this.props.data;\n\n    if (prevState.data !== data) {\n      var nextData = [].concat(data);\n      this.flattenNodes(nextData);\n      var filterData = this.getFilterData(nextData, searchKeyword);\n      var activeNode = this.getActiveNode(this.getValue());\n      this.focusNode(activeNode);\n      this.unserializeLists('expand', expandItemValues);\n      var newState = {};\n\n      if (activeNode) {\n        newState = {\n          activeNode: activeNode\n        };\n      }\n\n      this.setState((0, _extends3.default)({}, {\n        data: nextData,\n        filterData: filterData,\n        expandItemValues: this.serializeList('expand')\n      }, {}, newState));\n    }\n  };\n\n  _proto.updateValueChange = function updateValueChange(prevState) {\n    var _this$props12 = this.props,\n        value = _this$props12.value,\n        valueKey = _this$props12.valueKey;\n\n    if (!(0, _shallowEqual.default)(prevState.value, value)) {\n      var activeNode = null;\n\n      if (this.node === null) {\n        activeNode = this.getActiveNode(value);\n      }\n\n      if (value !== null && this.node !== null) {\n        activeNode = (0, _shallowEqual.default)(this.node[valueKey], value) ? this.node : this.getActiveNode(value);\n      }\n\n      var nextState = {\n        value: value,\n        activeNode: activeNode\n      };\n\n      if (value === null) {\n        nextState.activeNode = null;\n        this.node = null;\n      }\n\n      if (activeNode !== null) {\n        this.focusNode(activeNode);\n      }\n\n      this.setState(nextState);\n    }\n  };\n\n  _proto.updateExpandItemValuesChange = function updateExpandItemValuesChange(prevState) {\n    var expandItemValues = this.props.expandItemValues;\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      this.unserializeLists('expand', expandItemValues);\n      this.setState({\n        expandItemValues: expandItemValues\n      });\n    }\n  };\n\n  _proto.updateSearchKeywordChange = function updateSearchKeywordChange(prevState) {\n    var filterData = this.state.filterData;\n\n    if (!(0, _isUndefined2.default)(this.props.searchKeyword) && prevState.searchKeyword !== this.props.searchKeyword) {\n      this.setState({\n        filterData: this.getFilterData(filterData, this.props.searchKeyword)\n      });\n    }\n  };\n\n  _proto.getValue = function getValue(props) {\n    if (props === void 0) {\n      props = this.props;\n    }\n\n    var _props = props,\n        value = _props.value,\n        defaultValue = _props.defaultValue;\n    return !(0, _isUndefined2.default)(value) ? value : defaultValue;\n  };\n\n  _proto.getActiveNode = function getActiveNode(value, valueKey) {\n    var _this4 = this;\n\n    if (valueKey === void 0) {\n      valueKey = this.props.valueKey;\n    }\n\n    var activeNode = null;\n\n    if (!(0, _isUndefined2.default)(value)) {\n      Object.keys(this.nodes).forEach(function (refKey) {\n        if ((0, _shallowEqual.default)(_this4.nodes[refKey][valueKey], value)) {\n          activeNode = _this4.nodes[refKey];\n        }\n      });\n    }\n\n    return activeNode;\n  };\n\n  _proto.getActiveElementOption = function getActiveElementOption(options, value) {\n    var childrenKey = this.props.childrenKey;\n\n    for (var i = 0; i < options.length; i += 1) {\n      var _options$i$childrenKe;\n\n      if (options[i].value === value) {\n        return options[i];\n      } else if ((_options$i$childrenKe = options[i][childrenKey]) === null || _options$i$childrenKe === void 0 ? void 0 : _options$i$childrenKe.length) {\n        var active = this.getActiveElementOption(options[i][childrenKey], value);\n\n        if (!(0, _isEmpty2.default)(active)) {\n          return active;\n        }\n      }\n    }\n\n    return {};\n  };\n\n  _proto.getItemsAndActiveIndex = function getItemsAndActiveIndex() {\n    var items = this.getFocusableMenuItems();\n    var activeIndex = -1;\n    items.forEach(function (item, index) {\n      if (document.activeElement !== null) {\n        if (item.refKey === document.activeElement.getAttribute('data-key')) {\n          activeIndex = index;\n        }\n      }\n    });\n    return {\n      items: items,\n      activeIndex: activeIndex\n    };\n  };\n\n  _proto.getActiveItem = function getActiveItem() {\n    var nodeData = {};\n    var activeItem = document.activeElement;\n\n    if (activeItem !== null) {\n      var _get2 = (0, _get3.default)(activeItem, 'dataset'),\n          key = _get2.key,\n          layer = _get2.layer;\n\n      var activeNode = this.nodes[key];\n\n      if (activeNode) {\n        nodeData = activeNode;\n      }\n\n      return {\n        nodeData: nodeData,\n        layer: layer\n      };\n    }\n\n    return {};\n  };\n\n  _proto.getFilterData = function getFilterData(data, word, props) {\n    if (word === void 0) {\n      word = '';\n    }\n\n    var _ref2 = props || this.props,\n        labelKey = _ref2.labelKey,\n        childrenKey = _ref2.childrenKey,\n        searchBy = _ref2.searchBy;\n\n    var setVisible = function setVisible(nodes) {\n      if (nodes === void 0) {\n        nodes = [];\n      }\n\n      return nodes.forEach(function (item) {\n        item.visible = searchBy ? searchBy(word, item[labelKey], item) : (0, _Picker.shouldDisplay)(item[labelKey], word);\n\n        if ((0, _isArray2.default)(item[childrenKey])) {\n          setVisible(item[childrenKey]);\n          item[childrenKey].forEach(function (child) {\n            if (child.visible) {\n              item.visible = child.visible;\n            }\n          });\n        }\n      });\n    };\n\n    if (!(0, _isUndefined2.default)(word)) {\n      setVisible(data);\n    }\n\n    return data;\n  };\n\n  _proto.getFlattenTreeData = function getFlattenTreeData(nodes) {\n    var _this5 = this;\n\n    var expandItemValues = this.state.expandItemValues;\n    var _this$props13 = this.props,\n        childrenKey = _this$props13.childrenKey,\n        valueKey = _this$props13.valueKey;\n    return (0, _treeUtils.flattenTree)(nodes, childrenKey, function (node) {\n      var formatted = {};\n      var curNode = _this5.nodes[node.refKey];\n      var parentKeys = (0, _treeUtils.getNodeParents)(curNode, 'parentNode', valueKey);\n\n      if (curNode) {\n        formatted = (0, _extends3.default)({}, node, {\n          expand: curNode.expand,\n          layer: curNode.layer,\n          parentNode: curNode.parentNode,\n          showNode: (0, _treeUtils.shouldShowNodeByExpanded)(expandItemValues, parentKeys)\n        });\n      }\n\n      return formatted;\n    });\n  };\n\n  _proto.getTreeNodeProps = function getTreeNodeProps(node, layer, index) {\n    var _this$state5 = this.state,\n        dragOverNodeKey = _this$state5.dragOverNodeKey,\n        selectedValue = _this$state5.selectedValue,\n        dropNodePosition = _this$state5.dropNodePosition;\n    var dragNode = this.dragNode || {};\n    var _this$props14 = this.props,\n        locale = _this$props14.locale,\n        valueKey = _this$props14.valueKey,\n        labelKey = _this$props14.labelKey,\n        draggable = _this$props14.draggable,\n        childrenKey = _this$props14.childrenKey,\n        _this$props14$disable = _this$props14.disabledItemValues,\n        disabledItemValues = _this$props14$disable === void 0 ? [] : _this$props14$disable,\n        renderTreeNode = _this$props14.renderTreeNode,\n        renderTreeIcon = _this$props14.renderTreeIcon;\n    return {\n      rtl: locale.rtl,\n      value: node[valueKey],\n      label: node[labelKey],\n      index: index,\n      layer: layer,\n      expand: node.expand,\n      active: (0, _shallowEqual.default)(node[valueKey], selectedValue),\n      visible: node.visible,\n      draggable: draggable,\n      dragging: (0, _shallowEqual.default)(node[valueKey], dragNode[valueKey]),\n      children: node[childrenKey],\n      nodeData: node,\n      disabled: disabledItemValues.some(function (disabledItem) {\n        return (0, _shallowEqual.default)(disabledItem, node[valueKey]);\n      }),\n      dragOver: (0, _shallowEqual.default)(node[valueKey], dragOverNodeKey) && dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER,\n      dragOverTop: (0, _shallowEqual.default)(node[valueKey], dragOverNodeKey) && dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP,\n      dragOverBottom: (0, _shallowEqual.default)(node[valueKey], dragOverNodeKey) && dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM,\n      onSelect: this.handleSelect,\n      onDragStart: this.handleDragStart,\n      onDragEnter: this.handleDragEnter,\n      onDragOver: this.handleDragOver,\n      onDragLeave: this.handleDragLeave,\n      onDragEnd: this.handleDragEnd,\n      onDrop: this.handleDrop,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n  }\n  /**\n   * 获取 onDrop 的回调数据\n   */\n  ;\n\n  _proto.getDropData = function getDropData(nodeData) {\n    var dropNodePosition = this.state.dropNodePosition;\n    var _this$props15 = this.props,\n        valueKey = _this$props15.valueKey,\n        childrenKey = _this$props15.childrenKey;\n    var options = {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    };\n    var dragNode = (0, _omit2.default)(this.dragNode, 'parentNode');\n    return {\n      /** 拖拽节点 */\n      dragNode: dragNode,\n\n      /** 释放所在节点的父节点 */\n      dropNode: nodeData,\n\n      /** 拖拽节点的类型 */\n      dropNodePosition: dropNodePosition,\n      createUpdateDataFunction: (0, _treeUtils.createUpdateTreeDataFunction)({\n        /** 拖拽节点 */\n        dragNode: dragNode,\n\n        /** 释放所在节点的父节点 */\n        dropNode: nodeData,\n\n        /** 拖拽节点的类型 */\n        dropNodePosition: dropNodePosition\n      }, options)\n    };\n  };\n\n  _proto.focusNode = function focusNode(activeNode) {\n    var inline = this.props.inline;\n\n    if (activeNode && inline) {\n      var _node$focus4;\n\n      var node = this.getElementByDataKey(activeNode.refKey);\n      node === null || node === void 0 ? void 0 : (_node$focus4 = node.focus) === null || _node$focus4 === void 0 ? void 0 : _node$focus4.call(node);\n    }\n  };\n\n  _proto.flattenNodes = function flattenNodes(nodes, props, ref, parentNode, layer) {\n    var _this6 = this;\n\n    if (ref === void 0) {\n      ref = '0';\n    }\n\n    if (layer === void 0) {\n      layer = 0;\n    }\n\n    var _ref3 = props || this.props,\n        labelKey = _ref3.labelKey,\n        valueKey = _ref3.valueKey,\n        childrenKey = _ref3.childrenKey;\n\n    if (!Array.isArray(nodes) || nodes.length === 0) {\n      return [];\n    }\n\n    nodes.map(function (node, index) {\n      var _extends2;\n\n      var refKey = ref + \"-\" + index;\n      node.refKey = refKey;\n      _this6.nodes[refKey] = (0, _extends3.default)((_extends2 = {\n        layer: layer\n      }, _extends2[labelKey] = node[labelKey], _extends2[valueKey] = node[valueKey], _extends2.expand = (0, _treeUtils.getExpandState)(node, props || _this6.props), _extends2.refKey = refKey, _extends2), node);\n\n      if (parentNode) {\n        _this6.nodes[refKey].parentNode = parentNode;\n      }\n\n      _this6.flattenNodes(node[childrenKey], props, refKey, _this6.nodes[refKey], layer + 1);\n    });\n  };\n\n  _proto.serializeList = function serializeList(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      if (nodes[refKey][key]) {\n        list.push(nodes[refKey][valueKey]);\n      }\n    });\n    return list;\n  };\n\n  _proto.unserializeLists = function unserializeLists(key, value, props) {\n    var _this7 = this;\n\n    if (value === void 0) {\n      value = [];\n    }\n\n    if (props === void 0) {\n      props = this.props;\n    }\n\n    var _props2 = props,\n        valueKey = _props2.valueKey;\n    var expandAll = (0, _treeUtils.getExpandAll)(props);\n    Object.keys(this.nodes).forEach(function (refKey) {\n      _this7.nodes[refKey][key] = false;\n\n      if (value.length) {\n        value.forEach(function (value) {\n          if ((0, _shallowEqual.default)(_this7.nodes[refKey][valueKey], value)) {\n            _this7.nodes[refKey][key] = true;\n          }\n        });\n      } else {\n        _this7.nodes[refKey][key] = expandAll;\n      }\n    });\n  };\n\n  _proto.toggleExpand = function toggleExpand(node, isExpand) {\n    var valueKey = this.props.valueKey;\n    var expandItemValues = new Set(this.serializeList('expand'));\n\n    if (isExpand) {\n      expandItemValues.add(node[valueKey]);\n    } else {\n      expandItemValues.delete(node[valueKey]);\n    }\n\n    return Array.from(expandItemValues);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this$props16 = this.props,\n        _this$props16$height = _this$props16.height,\n        height = _this$props16$height === void 0 ? defaultHeight : _this$props16$height,\n        searchable = _this$props16.searchable,\n        searchKeyword = _this$props16.searchKeyword,\n        renderExtraFooter = _this$props16.renderExtraFooter,\n        locale = _this$props16.locale,\n        renderMenu = _this$props16.renderMenu,\n        menuStyle = _this$props16.menuStyle,\n        virtualized = _this$props16.virtualized,\n        menuClassName = _this$props16.menuClassName,\n        menuAutoWidth = _this$props16.menuAutoWidth;\n    var keyword = !(0, _isUndefined2.default)(searchKeyword) ? searchKeyword : this.state.searchKeyword;\n    var classes = (0, _classnames.default)(menuClassName, this.addPrefix('tree-menu'));\n    var styles = virtualized ? (0, _extends3.default)({\n      height: height\n    }, menuStyle) : menuStyle;\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: this.menuRef,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 878\n      },\n      __self: this\n    }, searchable ? React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      key: \"searchBar\",\n      onChange: this.handleSearch,\n      value: keyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 887\n      },\n      __self: this\n    }) : null, renderMenu ? renderMenu(this.renderTree()) : this.renderTree(), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.renderNode = function renderNode(node, index, layer) {\n    var _this8 = this;\n\n    var searchKeyword = this.state.searchKeyword;\n    var _this$props17 = this.props,\n        valueKey = _this$props17.valueKey,\n        childrenKey = _this$props17.childrenKey;\n\n    if (!node.visible) {\n      return null;\n    }\n\n    var refKey = node.refKey;\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, this.nodes[refKey].expand);\n    var key = (0, _isString2.default)(node[valueKey]) || (0, _isNumber2.default)(node[valueKey]) ? node[valueKey] : refKey;\n    var children = node[childrenKey]; // 当用户进行搜索时，hasChildren的判断要变成判断是否存在 visible 为 true 的子节点\n\n    var visibleChildren = (0, _isUndefined2.default)(searchKeyword) || searchKeyword.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var nodeProps = (0, _extends3.default)({}, this.getTreeNodeProps((0, _extends3.default)({}, node, {\n      expand: expand\n    }), layer, index), {\n      hasChildren: visibleChildren\n    });\n\n    if (nodeProps.hasChildren) {\n      var _classNames;\n\n      layer += 1; // 是否展开树节点且子节点不为空\n\n      var openClass = this.addTreePrefix('open');\n      var childrenClass = (0, _classnames.default)(this.addTreePrefix('node-children'), (_classNames = {}, _classNames[openClass] = expand && visibleChildren, _classNames));\n      var nodes = children || [];\n      return React.createElement(\"div\", {\n        className: childrenClass,\n        key: key,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 933\n        },\n        __self: this\n      }, React.createElement(_TreeNode.default, (0, _extends3.default)({}, nodeProps, {\n        innerRef: this.bindNodeRefs.bind(this, refKey),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 934\n        },\n        __self: this\n      })), React.createElement(\"div\", {\n        className: this.addTreePrefix('children'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 935\n        },\n        __self: this\n      }, nodes.map(function (child, i) {\n        return _this8.renderNode(child, i, layer);\n      })));\n    }\n\n    return React.createElement(_TreeNode.default, (0, _extends3.default)({\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, nodeProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 942\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderVirtualNode = function renderVirtualNode(node, options) {\n    var searchKeyword = this.state.searchKeyword;\n    var childrenKey = this.props.childrenKey;\n    var key = options.key,\n        style = options.style;\n    var layer = node.layer,\n        refKey = node.refKey,\n        showNode = node.showNode;\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, this.nodes[refKey].expand);\n\n    if (!node.visible) {\n      return null;\n    }\n\n    var nodeProps = (0, _extends3.default)({}, this.getTreeNodeProps((0, _extends3.default)({}, node, {\n      expand: expand\n    }), layer), {\n      style: style,\n      hasChildren: !!node[childrenKey]\n    });\n    return showNode && React.createElement(_TreeNode.default, (0, _extends3.default)({\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, nodeProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 964\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderTree = function renderTree() {\n    var _classNames2,\n        _this9 = this;\n\n    var filterData = this.state.filterData;\n    var _this$props18 = this.props,\n        height = _this$props18.height,\n        className = _this$props18.className,\n        inline = _this$props18.inline,\n        style = _this$props18.style,\n        locale = _this$props18.locale,\n        virtualized = _this$props18.virtualized,\n        searchable = _this$props18.searchable;\n    var layer = 0;\n    var classes = (0, _classnames.default)((0, _utils.defaultClassPrefix)('tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2));\n    var nodes = [];\n\n    if (!virtualized) {\n      nodes = filterData.map(function (dataItem, index) {\n        return _this9.renderNode(dataItem, index, layer);\n      });\n\n      if (!nodes.some(function (v) {\n        return v !== null;\n      })) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 993\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } else {\n      nodes = this.getFlattenTreeData(filterData).filter(function (n) {\n        return n.showNode && n.visible;\n      });\n\n      if (!nodes.length) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 998\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度\n\n\n    var treeHeight = (0, _isUndefined2.default)(height) && virtualized ? defaultHeight : height;\n    var treeWidth = (0, _isUndefined2.default)(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;\n    var styles = inline ? (0, _extends3.default)({\n      height: treeHeight\n    }, style) : {};\n    var listHeight = (0, _treeUtils.getVirtualLisHeight)(inline, searchable, treeHeight);\n    return React.createElement(React.Fragment, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1010\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      ref: this.treeViewRef,\n      className: classes,\n      style: styles,\n      onKeyDown: this.handleKeyDown,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1011\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addTreePrefix('nodes'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1017\n      },\n      __self: this\n    }, virtualized ? React.createElement(_AutoSizer.default, {\n      defaultHeight: listHeight,\n      defaultWidth: treeWidth,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1019\n      },\n      __self: this\n    }, function (_ref4) {\n      var height = _ref4.height,\n          width = _ref4.width;\n      return React.createElement(_List.default, {\n        ref: _this9.listRef,\n        width: width || treeWidth,\n        height: height || listHeight,\n        rowHeight: 38,\n        rowCount: nodes.length,\n        rowRenderer: _this9.measureRowRenderer(nodes),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1021\n        },\n        __self: this\n      });\n    }) : nodes)), this.renderDragNode());\n  };\n\n  _proto.renderDragNode = function renderDragNode() {\n    var _this$props19 = this.props,\n        labelKey = _this$props19.labelKey,\n        draggable = _this$props19.draggable,\n        renderDragNode = _this$props19.renderDragNode;\n    var dragNode = this.dragNode || {};\n\n    if (draggable) {\n      var dragNodeContent = dragNode[labelKey];\n\n      if ((0, _isFunction2.default)(renderDragNode)) {\n        dragNodeContent = renderDragNode(dragNode);\n      }\n\n      return React.createElement(\"span\", {\n        id: \"drag-node\",\n        className: this.addTreePrefix('drag-node-mover'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1050\n        },\n        __self: this\n      }, dragNodeContent);\n    }\n\n    return null;\n  };\n\n  _proto.render = function render() {\n    var _this$props20 = this.props,\n        inline = _this$props20.inline,\n        locale = _this$props20.locale,\n        disabled = _this$props20.disabled,\n        toggleComponentClass = _this$props20.toggleComponentClass,\n        placeholder = _this$props20.placeholder,\n        cleanable = _this$props20.cleanable,\n        renderValue = _this$props20.renderValue,\n        labelKey = _this$props20.labelKey,\n        onEntered = _this$props20.onEntered,\n        onExited = _this$props20.onExited,\n        onClean = _this$props20.onClean,\n        style = _this$props20.style,\n        positionRef = _this$props20.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props20, [\"inline\", \"locale\", \"disabled\", \"toggleComponentClass\", \"placeholder\", \"cleanable\", \"renderValue\", \"labelKey\", \"onEntered\", \"onExited\", \"onClean\", \"style\", \"positionRef\"]);\n    var _this$state6 = this.state,\n        selectedValue = _this$state6.selectedValue,\n        activeNode = _this$state6.activeNode;\n    var hasValidValue = !(0, _isNil2.default)(activeNode) || !(0, _isNil2.default)(selectedValue) && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n    var hasValue = !!activeNode;\n    /**\n     * if value is invalid and renderValue is undefined, then using placeholder.\n     * if value is valid and renderValue is't undefined, then using renderValue()\n     */\n\n    if (!(0, _isNil2.default)(selectedValue)) {\n      if (hasValue) {\n        selectedElement = activeNode[labelKey];\n      }\n\n      if ((0, _isFunction2.default)(renderValue)) {\n        var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};\n        selectedElement = renderValue(selectedValue, node, selectedElement);\n\n        if ((0, _isNil2.default)(selectedElement)) {\n          hasValidValue = false;\n        }\n      }\n    }\n\n    var unhandled = (0, _utils.getUnhandledProps)(TreePicker, rest);\n    var classes = (0, _Picker.getToggleWrapperClassName)('tree', this.addPrefix, this.props, hasValidValue);\n\n    if (inline) {\n      return this.renderTree();\n    }\n\n    return React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOnOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleOnClose, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1108\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1116\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onKeyDown: this.handleToggleKeyDown,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      componentClass: toggleComponentClass,\n      hasValue: hasValidValue,\n      active: this.state.active,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1117\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return TreePicker;\n}(React.Component);\n\nTreePicker.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  height: _propTypes.default.number,\n  inline: _propTypes.default.bool,\n  draggable: _propTypes.default.bool,\n  expandAll: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  menuAutoWidth: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  defaultExpandAll: _propTypes.default.bool,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  renderExtraFooter: _propTypes.default.func,\n  renderDragNode: _propTypes.default.func,\n  searchBy: _propTypes.default.func\n});\nTreePicker.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  menuAutoWidth: true,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(TreePicker);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(TreePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/TreePicker/TreePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction2 = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isNumber2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\n\nvar _isString2 = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _get3 = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/List */ \"./node_modules/react-virtualized/dist/commonjs/List/index.js\"));\n\nvar _AutoSizer = _interopRequireDefault(__webpack_require__(/*! react-virtualized/dist/commonjs/AutoSizer */ \"./node_modules/react-virtualized/dist/commonjs/AutoSizer/index.js\"));\n\nvar _CellMeasurer = __webpack_require__(/*! react-virtualized/dist/commonjs/CellMeasurer */ \"./node_modules/react-virtualized/dist/commonjs/CellMeasurer/index.js\");\n\nvar _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ \"./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js\");\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _TreeNode = _interopRequireDefault(__webpack_require__(/*! ./TreeNode */ \"./src/TreePicker/TreeNode.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n\nvar _propTypes2 = __webpack_require__(/*! ../Picker/propTypes */ \"./src/Picker/propTypes.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/TreePicker/TreePicker.tsx\";\n// default value for virtualized\nvar defaultHeight = 360;\nvar defaultWidth = 200;\n\nvar TreePicker =\n/*#__PURE__*/\nfunction (_React$Component) {\n  (0, _inheritsLoose2.default)(TreePicker, _React$Component);\n\n  function TreePicker(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.menuRef = void 0;\n    _this.treeViewRef = void 0;\n    _this.positionRef = void 0;\n    _this.listRef = void 0;\n    _this.triggerRef = void 0;\n    _this.toggleRef = void 0;\n\n    _this.getFocusableMenuItems = function () {\n      var filterData = _this.state.filterData;\n      var _this$props = _this.props,\n          childrenKey = _this$props.childrenKey,\n          _this$props$disabledI = _this$props.disabledItemValues,\n          disabledItemValues = _this$props$disabledI === void 0 ? [] : _this$props$disabledI,\n          valueKey = _this$props.valueKey;\n      var items = [];\n\n      var loop = function loop(nodes) {\n        nodes.forEach(function (node) {\n          var nodeData = (0, _extends3.default)({}, node, {}, _this.nodes[node.refKey]);\n          var disabled = disabledItemValues.some(function (disabledItem) {\n            return (0, _shallowEqual.default)(disabledItem, node[valueKey]);\n          });\n\n          if (!disabled) {\n            items.push(node);\n          }\n\n          if (node[childrenKey] && (0, _treeUtils.getExpandState)(nodeData, _this.props)) {\n            loop(node[childrenKey]);\n          }\n        });\n      };\n\n      loop(filterData);\n      return items;\n    };\n\n    _this.getElementByDataKey = function (dataKey) {\n      var ele = _this.nodeRefs[dataKey];\n\n      if (ele instanceof Element) {\n        return ele.querySelector(\".\" + _this.addTreePrefix('node-label'));\n      }\n\n      return null;\n    };\n\n    _this.nodes = {};\n    _this.node = null;\n    _this.cache = new _CellMeasurer.CellMeasurerCache({\n      fixedWidth: true,\n      minHeight: 20\n    });\n    _this.nodeRefs = {};\n    _this.dragNode = null;\n\n    _this.bindNodeRefs = function (refKey, ref) {\n      _this.nodeRefs[refKey] = ref;\n    };\n\n    _this.getPositionInstance = function () {\n      return _this.positionRef.current;\n    };\n\n    _this.getToggleInstance = function () {\n      return _this.toggleRef.current;\n    };\n\n    _this.addPrefix = function (name) {\n      return (0, _utils.prefix)(_this.props.classPrefix)(name);\n    };\n\n    _this.addTreePrefix = function (name) {\n      return (0, _utils.prefix)((0, _utils.defaultClassPrefix)('tree'))(name);\n    };\n\n    _this.selectActiveItem = function (event) {\n      var _this$getActiveItem = _this.getActiveItem(),\n          nodeData = _this$getActiveItem.nodeData;\n\n      _this.handleSelect(nodeData, event);\n    };\n\n    _this.focusNextItem = function () {\n      var _node$focus;\n\n      var _this$getItemsAndActi = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi.items,\n          activeIndex = _this$getItemsAndActi.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var nextIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;\n\n      var node = _this.getElementByDataKey(items[nextIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus = node.focus) === null || _node$focus === void 0 ? void 0 : _node$focus.call(node);\n    };\n\n    _this.focusPreviousItem = function () {\n      var _node$focus2;\n\n      var _this$getItemsAndActi2 = _this.getItemsAndActiveIndex(),\n          items = _this$getItemsAndActi2.items,\n          activeIndex = _this$getItemsAndActi2.activeIndex;\n\n      if (items.length === 0) {\n        return;\n      }\n\n      var prevIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;\n      prevIndex = prevIndex >= 0 ? prevIndex : 0;\n\n      var node = _this.getElementByDataKey(items[prevIndex].refKey);\n\n      node === null || node === void 0 ? void 0 : (_node$focus2 = node.focus) === null || _node$focus2 === void 0 ? void 0 : _node$focus2.call(node);\n    };\n\n    _this.handleCloseDropdown = function () {\n      var _this$triggerRef$curr, _this$triggerRef$curr2;\n\n      (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : (_this$triggerRef$curr2 = _this$triggerRef$curr.hide) === null || _this$triggerRef$curr2 === void 0 ? void 0 : _this$triggerRef$curr2.call(_this$triggerRef$curr);\n    };\n\n    _this.handleOpenDropdown = function () {\n      var _this$triggerRef$curr3, _this$triggerRef$curr4;\n\n      (_this$triggerRef$curr3 = _this.triggerRef.current) === null || _this$triggerRef$curr3 === void 0 ? void 0 : (_this$triggerRef$curr4 = _this$triggerRef$curr3.show) === null || _this$triggerRef$curr4 === void 0 ? void 0 : _this$triggerRef$curr4.call(_this$triggerRef$curr3);\n    };\n\n    _this.open = function () {\n      var _this$handleOpenDropd, _this2;\n\n      (_this$handleOpenDropd = (_this2 = _this).handleOpenDropdown) === null || _this$handleOpenDropd === void 0 ? void 0 : _this$handleOpenDropd.call(_this2);\n    };\n\n    _this.close = function () {\n      var _this$handleCloseDrop, _this3;\n\n      (_this$handleCloseDrop = (_this3 = _this).handleCloseDropdown) === null || _this$handleCloseDrop === void 0 ? void 0 : _this$handleCloseDrop.call(_this3);\n    };\n\n    _this.handleToggleDropdown = function () {\n      var active = _this.state.active;\n\n      if (active) {\n        _this.handleCloseDropdown();\n\n        return;\n      }\n\n      _this.handleOpenDropdown();\n    };\n\n    _this.handleToggle = function (nodeData) {\n      var _this$props2 = _this.props,\n          valueKey = _this$props2.valueKey,\n          childrenKey = _this$props2.childrenKey,\n          onExpand = _this$props2.onExpand,\n          expandItemValues = _this$props2.expandItemValues;\n\n      var nextExpandItemValues = _this.toggleExpand(nodeData, !nodeData.expand);\n\n      if ((0, _isUndefined2.default)(expandItemValues)) {\n        _this.unserializeLists('expand', nextExpandItemValues);\n\n        _this.setState({\n          expandItemValues: nextExpandItemValues\n        });\n      }\n\n      onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, nodeData, (0, _Picker.createConcatChildrenFunction)(nodeData, nodeData[valueKey], {\n        valueKey: valueKey,\n        childrenKey: childrenKey\n      }));\n    };\n\n    _this.handleSelect = function (nodeData, event) {\n      var _this$toggleRef$curre;\n\n      var _this$props3 = _this.props,\n          valueKey = _this$props3.valueKey,\n          onChange = _this$props3.onChange,\n          onSelect = _this$props3.onSelect,\n          value = _this$props3.value;\n      _this.node = nodeData;\n\n      if ((0, _isUndefined2.default)(value)) {\n        _this.setState({\n          activeNode: nodeData,\n          selectedValue: nodeData[valueKey]\n        });\n      }\n\n      onChange === null || onChange === void 0 ? void 0 : onChange(nodeData[valueKey], event);\n      onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, nodeData[valueKey], event);\n\n      _this.handleCloseDropdown();\n\n      (_this$toggleRef$curre = _this.toggleRef.current) === null || _this$toggleRef$curre === void 0 ? void 0 : _this$toggleRef$curre.onFocus();\n    };\n\n    _this.handleKeyDown = function (event) {\n      (0, _Picker.onMenuKeyDown)(event, {\n        down: _this.focusNextItem,\n        up: _this.focusPreviousItem,\n        enter: _this.selectActiveItem,\n        del: _this.handleClean\n      });\n    };\n\n    _this.handleToggleKeyDown = function (event) {\n      var _this$state = _this.state,\n          activeNode = _this$state.activeNode,\n          active = _this$state.active; // enter\n\n      if ((!activeNode || !active) && event.keyCode === 13) {\n        _this.handleToggleDropdown();\n      } // delete\n\n\n      if (event.keyCode === 8) {\n        _this.handleClean(event);\n      }\n\n      if (!_this.treeViewRef.current) {\n        return;\n      }\n\n      if (event.target instanceof HTMLElement) {\n        var className = event.target.className;\n\n        if (className.includes(_this.addPrefix('toggle')) || className.includes(_this.addPrefix('toggle-custom')) || className.includes(_this.addPrefix('search-bar-input'))) {\n          (0, _Picker.onMenuKeyDown)(event, {\n            down: _this.focusNextItem\n          });\n        }\n      }\n    };\n\n    _this.handleSearch = function (value, event) {\n      var filterData = _this.state.filterData;\n      var _this$props4 = _this.props,\n          onSearch = _this$props4.onSearch,\n          searchKeyword = _this$props4.searchKeyword;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          searchKeyword: value,\n          filterData: _this.getFilterData(filterData, value)\n        });\n      }\n\n      onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);\n    };\n\n    _this.handleClean = function (event) {\n      var _this$props$onChange, _this$props5;\n\n      _this.setState({\n        activeNode: null,\n        selectedValue: null\n      });\n\n      _this.node = null;\n      (_this$props$onChange = (_this$props5 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props5, null, event);\n    };\n\n    _this.handleOnOpen = function () {\n      var _this$props$onOpen, _this$props6;\n\n      var activeNode = _this.state.activeNode;\n\n      if (activeNode) {\n        var _node$focus3;\n\n        var node = _this.getElementByDataKey(activeNode.refKey);\n\n        node === null || node === void 0 ? void 0 : (_node$focus3 = node.focus) === null || _node$focus3 === void 0 ? void 0 : _node$focus3.call(node);\n      }\n\n      (_this$props$onOpen = (_this$props6 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props6);\n\n      _this.setState({\n        active: true\n      });\n    };\n\n    _this.handleOnClose = function () {\n      var filterData = _this.state.filterData;\n      var _this$props7 = _this.props,\n          searchKeyword = _this$props7.searchKeyword,\n          onClose = _this$props7.onClose;\n\n      if ((0, _isUndefined2.default)(searchKeyword)) {\n        _this.setState({\n          searchKeyword: '',\n          filterData: _this.getFilterData(filterData, '')\n        });\n      }\n\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n\n      _this.setState({\n        active: false\n      });\n    };\n\n    _this.handleDragStart = function (nodeData, event) {\n      var _this$props8 = _this.props,\n          valueKey = _this$props8.valueKey,\n          childrenKey = _this$props8.childrenKey,\n          onDragStart = _this$props8.onDragStart,\n          draggable = _this$props8.draggable;\n\n      if (draggable) {\n        _this.setState({\n          dragging: true,\n          dragNodeKeys: (0, _treeUtils.getDragNodeKeys)(nodeData, childrenKey, valueKey)\n        });\n\n        _this.dragNode = _this.nodes[nodeData.refKey];\n        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);\n      }\n    };\n\n    _this.handleDragEnter = function (nodeData, event) {\n      var _this$state2 = _this.state,\n          dragging = _this$state2.dragging,\n          dragNodeKeys = _this$state2.dragNodeKeys;\n      var _this$props9 = _this.props,\n          valueKey = _this$props9.valueKey,\n          onDragEnter = _this$props9.onDragEnter;\n\n      if (dragNodeKeys.some(function (d) {\n        return (0, _shallowEqual.default)(d, nodeData[valueKey]);\n      })) {\n        return;\n      }\n\n      if (dragging && _this.dragNode) {\n        var dropNodePosition = (0, _treeUtils.calDropNodePosition)(event, _this.nodeRefs[nodeData.refKey]);\n\n        _this.setState({\n          dragOverNodeKey: nodeData[valueKey],\n          dropNodePosition: dropNodePosition\n        });\n      }\n\n      onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);\n    };\n\n    _this.handleDragOver = function (nodeData, event) {\n      var _this$state3 = _this.state,\n          dragNodeKeys = _this$state3.dragNodeKeys,\n          dragOverNodeKey = _this$state3.dragOverNodeKey,\n          dropNodePosition = _this$state3.dropNodePosition;\n      var _this$props10 = _this.props,\n          valueKey = _this$props10.valueKey,\n          onDragOver = _this$props10.onDragOver;\n\n      if (dragNodeKeys.some(function (d) {\n        return (0, _shallowEqual.default)(d, nodeData[valueKey]);\n      })) {\n        return;\n      }\n\n      if (_this.dragNode && (0, _shallowEqual.default)(nodeData[valueKey], dragOverNodeKey)) {\n        var lastDropNodePosition = (0, _treeUtils.calDropNodePosition)(event, _this.nodeRefs[nodeData.refKey]);\n        if (lastDropNodePosition === dropNodePosition) return;\n\n        _this.setState({\n          dropNodePosition: lastDropNodePosition\n        });\n      }\n\n      onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);\n    };\n\n    _this.handleDragLeave = function (nodeData, event) {\n      var onDragLeave = _this.props.onDragLeave;\n      onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);\n    };\n\n    _this.handleDragEnd = function (nodeData, event) {\n      var onDragEnd = _this.props.onDragEnd;\n\n      _this.setState({\n        dragging: false,\n        dragNodeKeys: [],\n        dragOverNodeKey: null\n      });\n\n      onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);\n    };\n\n    _this.handleDrop = function (nodeData, event) {\n      var dragNodeKeys = _this.state.dragNodeKeys;\n      var _this$props11 = _this.props,\n          valueKey = _this$props11.valueKey,\n          onDrop = _this$props11.onDrop;\n\n      if (dragNodeKeys.some(function (d) {\n        return (0, _shallowEqual.default)(d, nodeData[valueKey]);\n      })) {\n        console.error('Cannot drag a node to itself and its children');\n      } else {\n        var dropData = _this.getDropData(nodeData);\n\n        onDrop === null || onDrop === void 0 ? void 0 : onDrop(dropData, event);\n      }\n\n      _this.setState({\n        dragging: false,\n        dragNodeKeys: [],\n        dragOverNodeKey: null,\n        dropNodePosition: null\n      });\n\n      _this.dragNode = null;\n    };\n\n    _this.measureRowRenderer = function (nodes) {\n      return function (_ref) {\n        var key = _ref.key,\n            index = _ref.index,\n            style = _ref.style,\n            parent = _ref.parent;\n        var node = nodes[index];\n        return React.createElement(_CellMeasurer.CellMeasurer, {\n          cache: _this.cache,\n          columnIndex: 0,\n          key: key,\n          rowIndex: index,\n          parent: parent,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 972\n          },\n          __self: this\n        }, function () {\n          return _this.renderVirtualNode(node, {\n            key: key,\n            style: style\n          });\n        });\n      };\n    };\n\n    var _value = props.value,\n        data = props.data,\n        _valueKey = props.valueKey,\n        _props$searchKeyword = props.searchKeyword,\n        _searchKeyword = _props$searchKeyword === void 0 ? '' : _props$searchKeyword;\n\n    var nextData = [].concat(data);\n\n    var _nextExpandItemValues = (0, _treeUtils.getExpandItemValues)(props);\n\n    _this.flattenNodes(nextData);\n\n    _this.unserializeLists('expand', _nextExpandItemValues, props);\n\n    _this.state = {\n      data: data,\n      value: _value,\n      dragging: false,\n      selectedValue: _this.getValue(props),\n      expandAll: (0, _treeUtils.getExpandAll)(props),\n      filterData: _this.getFilterData(nextData, _searchKeyword, props),\n      activeNode: _this.getActiveNode(_this.getValue(props), _valueKey),\n      searchKeyword: _searchKeyword,\n      expandItemValues: _this.serializeList('expand'),\n      dragNodeKeys: [],\n      dragOverNodeKey: null,\n      dropNodePosition: null\n    };\n    _this.treeViewRef = React.createRef();\n    _this.positionRef = React.createRef();\n    _this.listRef = React.createRef();\n    _this.triggerRef = React.createRef();\n    _this.toggleRef = React.createRef(); // for test\n\n    _this.menuRef = React.createRef();\n    (0, _treeUtils.treeDeprecatedWarning)(props, ['expandAll']);\n    return _this;\n  }\n\n  var _proto = TreePicker.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    var activeNode = this.state.activeNode;\n    this.focusNode(activeNode);\n  };\n\n  TreePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n    var value = nextProps.value,\n        data = nextProps.data,\n        expandAll = nextProps.expandAll,\n        searchKeyword = nextProps.searchKeyword,\n        expandItemValues = nextProps.expandItemValues;\n    var nextState = {};\n\n    if ((0, _isArray2.default)(data) && (0, _isArray2.default)(prevState.data) && prevState.data !== data) {\n      nextState.data = data;\n    }\n\n    if (!(0, _shallowEqual.default)(value, prevState.value)) {\n      nextState.value = value;\n      nextState.selectedValue = value;\n    }\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      nextState.expandItemValues = expandItemValues;\n    }\n\n    if (!(0, _isUndefined2.default)(searchKeyword) && searchKeyword !== prevState.searchKeyword) {\n      nextState.searchKeyword = searchKeyword;\n    }\n\n    if (expandAll !== prevState.expandAll) {\n      nextState.expandAll = expandAll;\n    }\n\n    return Object.keys(nextState).length ? nextState : null;\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {\n    this.updateDataChange(prevState);\n    this.updateValueChange(prevState);\n    this.updateExpandItemValuesChange(prevState);\n    this.updateSearchKeywordChange(prevState);\n\n    if (this.listRef.current) {\n      this.listRef.current.forceUpdateGrid();\n    }\n  };\n\n  _proto.updateDataChange = function updateDataChange(prevState) {\n    var _this$state4 = this.state,\n        searchKeyword = _this$state4.searchKeyword,\n        expandItemValues = _this$state4.expandItemValues;\n    var data = this.props.data;\n\n    if (prevState.data !== data) {\n      var nextData = [].concat(data);\n      this.flattenNodes(nextData);\n      var filterData = this.getFilterData(nextData, searchKeyword);\n      var activeNode = this.getActiveNode(this.getValue());\n      this.focusNode(activeNode);\n      this.unserializeLists('expand', expandItemValues);\n      var newState = {};\n\n      if (activeNode) {\n        newState = {\n          activeNode: activeNode\n        };\n      }\n\n      this.setState((0, _extends3.default)({}, {\n        data: nextData,\n        filterData: filterData,\n        expandItemValues: this.serializeList('expand')\n      }, {}, newState));\n    }\n  };\n\n  _proto.updateValueChange = function updateValueChange(prevState) {\n    var _this$props12 = this.props,\n        value = _this$props12.value,\n        valueKey = _this$props12.valueKey;\n\n    if (!(0, _shallowEqual.default)(prevState.value, value)) {\n      var activeNode = null;\n\n      if (this.node === null) {\n        activeNode = this.getActiveNode(value);\n      }\n\n      if (value !== null && this.node !== null) {\n        activeNode = (0, _shallowEqual.default)(this.node[valueKey], value) ? this.node : this.getActiveNode(value);\n      }\n\n      var nextState = {\n        value: value,\n        activeNode: activeNode\n      };\n\n      if (value === null) {\n        nextState.activeNode = null;\n        this.node = null;\n      }\n\n      if (activeNode !== null) {\n        this.focusNode(activeNode);\n      }\n\n      this.setState(nextState);\n    }\n  };\n\n  _proto.updateExpandItemValuesChange = function updateExpandItemValuesChange(prevState) {\n    var expandItemValues = this.props.expandItemValues;\n\n    if ((0, _treeUtils.compareArray)(expandItemValues, prevState.expandItemValues)) {\n      this.unserializeLists('expand', expandItemValues);\n      this.setState({\n        expandItemValues: expandItemValues\n      });\n    }\n  };\n\n  _proto.updateSearchKeywordChange = function updateSearchKeywordChange(prevState) {\n    var filterData = this.state.filterData;\n\n    if (!(0, _isUndefined2.default)(this.props.searchKeyword) && prevState.searchKeyword !== this.props.searchKeyword) {\n      this.setState({\n        filterData: this.getFilterData(filterData, this.props.searchKeyword)\n      });\n    }\n  };\n\n  _proto.getValue = function getValue(props) {\n    if (props === void 0) {\n      props = this.props;\n    }\n\n    var _props = props,\n        value = _props.value,\n        defaultValue = _props.defaultValue;\n    return !(0, _isUndefined2.default)(value) ? value : defaultValue;\n  };\n\n  _proto.getActiveNode = function getActiveNode(value, valueKey) {\n    var _this4 = this;\n\n    if (valueKey === void 0) {\n      valueKey = this.props.valueKey;\n    }\n\n    var activeNode = null;\n\n    if (!(0, _isUndefined2.default)(value)) {\n      Object.keys(this.nodes).forEach(function (refKey) {\n        if ((0, _shallowEqual.default)(_this4.nodes[refKey][valueKey], value)) {\n          activeNode = _this4.nodes[refKey];\n        }\n      });\n    }\n\n    return activeNode;\n  };\n\n  _proto.getActiveElementOption = function getActiveElementOption(options, value) {\n    var childrenKey = this.props.childrenKey;\n\n    for (var i = 0; i < options.length; i += 1) {\n      var _options$i$childrenKe;\n\n      if (options[i].value === value) {\n        return options[i];\n      } else if ((_options$i$childrenKe = options[i][childrenKey]) === null || _options$i$childrenKe === void 0 ? void 0 : _options$i$childrenKe.length) {\n        var active = this.getActiveElementOption(options[i][childrenKey], value);\n\n        if (!(0, _isEmpty2.default)(active)) {\n          return active;\n        }\n      }\n    }\n\n    return {};\n  };\n\n  _proto.getItemsAndActiveIndex = function getItemsAndActiveIndex() {\n    var items = this.getFocusableMenuItems();\n    var activeIndex = -1;\n    items.forEach(function (item, index) {\n      if (document.activeElement !== null) {\n        if (item.refKey === document.activeElement.getAttribute('data-key')) {\n          activeIndex = index;\n        }\n      }\n    });\n    return {\n      items: items,\n      activeIndex: activeIndex\n    };\n  };\n\n  _proto.getActiveItem = function getActiveItem() {\n    var nodeData = {};\n    var activeItem = document.activeElement;\n\n    if (activeItem !== null) {\n      var _get2 = (0, _get3.default)(activeItem, 'dataset'),\n          key = _get2.key,\n          layer = _get2.layer;\n\n      var activeNode = this.nodes[key];\n\n      if (activeNode) {\n        nodeData = activeNode;\n      }\n\n      return {\n        nodeData: nodeData,\n        layer: layer\n      };\n    }\n\n    return {};\n  };\n\n  _proto.getFilterData = function getFilterData(data, word, props) {\n    if (word === void 0) {\n      word = '';\n    }\n\n    var _ref2 = props || this.props,\n        labelKey = _ref2.labelKey,\n        childrenKey = _ref2.childrenKey,\n        searchBy = _ref2.searchBy;\n\n    var setVisible = function setVisible(nodes) {\n      if (nodes === void 0) {\n        nodes = [];\n      }\n\n      return nodes.forEach(function (item) {\n        item.visible = searchBy ? searchBy(word, item[labelKey], item) : (0, _Picker.shouldDisplay)(item[labelKey], word);\n\n        if ((0, _isArray2.default)(item[childrenKey])) {\n          setVisible(item[childrenKey]);\n          item[childrenKey].forEach(function (child) {\n            if (child.visible) {\n              item.visible = child.visible;\n            }\n          });\n        }\n      });\n    };\n\n    if (!(0, _isUndefined2.default)(word)) {\n      setVisible(data);\n    }\n\n    return data;\n  };\n\n  _proto.getFlattenTreeData = function getFlattenTreeData(nodes) {\n    var _this5 = this;\n\n    var expandItemValues = this.state.expandItemValues;\n    var _this$props13 = this.props,\n        childrenKey = _this$props13.childrenKey,\n        valueKey = _this$props13.valueKey;\n    return (0, _treeUtils.flattenTree)(nodes, childrenKey, function (node) {\n      var formatted = {};\n      var curNode = _this5.nodes[node.refKey];\n      var parentKeys = (0, _treeUtils.getNodeParents)(curNode, 'parentNode', valueKey);\n\n      if (curNode) {\n        formatted = (0, _extends3.default)({}, node, {\n          expand: curNode.expand,\n          layer: curNode.layer,\n          parentNode: curNode.parentNode,\n          showNode: (0, _treeUtils.shouldShowNodeByExpanded)(expandItemValues, parentKeys)\n        });\n      }\n\n      return formatted;\n    });\n  };\n\n  _proto.getTreeNodeProps = function getTreeNodeProps(node, layer, index) {\n    var _this$state5 = this.state,\n        dragOverNodeKey = _this$state5.dragOverNodeKey,\n        selectedValue = _this$state5.selectedValue,\n        dropNodePosition = _this$state5.dropNodePosition;\n    var dragNode = this.dragNode || {};\n    var _this$props14 = this.props,\n        locale = _this$props14.locale,\n        valueKey = _this$props14.valueKey,\n        labelKey = _this$props14.labelKey,\n        draggable = _this$props14.draggable,\n        childrenKey = _this$props14.childrenKey,\n        _this$props14$disable = _this$props14.disabledItemValues,\n        disabledItemValues = _this$props14$disable === void 0 ? [] : _this$props14$disable,\n        renderTreeNode = _this$props14.renderTreeNode,\n        renderTreeIcon = _this$props14.renderTreeIcon;\n    return {\n      rtl: locale.rtl,\n      value: node[valueKey],\n      label: node[labelKey],\n      index: index,\n      layer: layer,\n      expand: node.expand,\n      active: (0, _shallowEqual.default)(node[valueKey], selectedValue),\n      visible: node.visible,\n      draggable: draggable,\n      dragging: (0, _shallowEqual.default)(node[valueKey], dragNode[valueKey]),\n      children: node[childrenKey],\n      nodeData: node,\n      disabled: disabledItemValues.some(function (disabledItem) {\n        return (0, _shallowEqual.default)(disabledItem, node[valueKey]);\n      }),\n      dragOver: (0, _shallowEqual.default)(node[valueKey], dragOverNodeKey) && dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER,\n      dragOverTop: (0, _shallowEqual.default)(node[valueKey], dragOverNodeKey) && dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP,\n      dragOverBottom: (0, _shallowEqual.default)(node[valueKey], dragOverNodeKey) && dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM,\n      onSelect: this.handleSelect,\n      onDragStart: this.handleDragStart,\n      onDragEnter: this.handleDragEnter,\n      onDragOver: this.handleDragOver,\n      onDragLeave: this.handleDragLeave,\n      onDragEnd: this.handleDragEnd,\n      onDrop: this.handleDrop,\n      onTreeToggle: this.handleToggle,\n      onRenderTreeNode: renderTreeNode,\n      onRenderTreeIcon: renderTreeIcon\n    };\n  }\n  /**\n   * 获取 onDrop 的回调数据\n   */\n  ;\n\n  _proto.getDropData = function getDropData(nodeData) {\n    var dropNodePosition = this.state.dropNodePosition;\n    var _this$props15 = this.props,\n        valueKey = _this$props15.valueKey,\n        childrenKey = _this$props15.childrenKey;\n    var options = {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    };\n    var dragNode = (0, _omit2.default)(this.dragNode, 'parentNode');\n    return {\n      /** 拖拽节点 */\n      dragNode: dragNode,\n\n      /** 释放所在节点的父节点 */\n      dropNode: nodeData,\n\n      /** 拖拽节点的类型 */\n      dropNodePosition: dropNodePosition,\n      createUpdateDataFunction: (0, _treeUtils.createUpdateTreeDataFunction)({\n        /** 拖拽节点 */\n        dragNode: dragNode,\n\n        /** 释放所在节点的父节点 */\n        dropNode: nodeData,\n\n        /** 拖拽节点的类型 */\n        dropNodePosition: dropNodePosition\n      }, options)\n    };\n  };\n\n  _proto.focusNode = function focusNode(activeNode) {\n    var inline = this.props.inline;\n\n    if (activeNode && inline) {\n      var _node$focus4;\n\n      var node = this.getElementByDataKey(activeNode.refKey);\n      node === null || node === void 0 ? void 0 : (_node$focus4 = node.focus) === null || _node$focus4 === void 0 ? void 0 : _node$focus4.call(node);\n    }\n  };\n\n  _proto.flattenNodes = function flattenNodes(nodes, props, ref, parentNode, layer) {\n    var _this6 = this;\n\n    if (ref === void 0) {\n      ref = '0';\n    }\n\n    if (layer === void 0) {\n      layer = 0;\n    }\n\n    var _ref3 = props || this.props,\n        labelKey = _ref3.labelKey,\n        valueKey = _ref3.valueKey,\n        childrenKey = _ref3.childrenKey;\n\n    if (!Array.isArray(nodes) || nodes.length === 0) {\n      return [];\n    }\n\n    nodes.map(function (node, index) {\n      var _extends2;\n\n      var refKey = ref + \"-\" + index;\n      node.refKey = refKey;\n      _this6.nodes[refKey] = (0, _extends3.default)((_extends2 = {\n        layer: layer\n      }, _extends2[labelKey] = node[labelKey], _extends2[valueKey] = node[valueKey], _extends2.expand = (0, _treeUtils.getExpandState)(node, props || _this6.props), _extends2.refKey = refKey, _extends2), node);\n\n      if (parentNode) {\n        _this6.nodes[refKey].parentNode = parentNode;\n      }\n\n      _this6.flattenNodes(node[childrenKey], props, refKey, _this6.nodes[refKey], layer + 1);\n    });\n  };\n\n  _proto.serializeList = function serializeList(key, nodes) {\n    if (nodes === void 0) {\n      nodes = this.nodes;\n    }\n\n    var valueKey = this.props.valueKey;\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      if (nodes[refKey][key]) {\n        list.push(nodes[refKey][valueKey]);\n      }\n    });\n    return list;\n  };\n\n  _proto.unserializeLists = function unserializeLists(key, value, props) {\n    var _this7 = this;\n\n    if (value === void 0) {\n      value = [];\n    }\n\n    if (props === void 0) {\n      props = this.props;\n    }\n\n    var _props2 = props,\n        valueKey = _props2.valueKey;\n    var expandAll = (0, _treeUtils.getExpandAll)(props);\n    Object.keys(this.nodes).forEach(function (refKey) {\n      _this7.nodes[refKey][key] = false;\n\n      if (value.length) {\n        value.forEach(function (value) {\n          if ((0, _shallowEqual.default)(_this7.nodes[refKey][valueKey], value)) {\n            _this7.nodes[refKey][key] = true;\n          }\n        });\n      } else {\n        _this7.nodes[refKey][key] = expandAll;\n      }\n    });\n  };\n\n  _proto.toggleExpand = function toggleExpand(node, isExpand) {\n    var valueKey = this.props.valueKey;\n    var expandItemValues = new Set(this.serializeList('expand'));\n\n    if (isExpand) {\n      expandItemValues.add(node[valueKey]);\n    } else {\n      expandItemValues.delete(node[valueKey]);\n    }\n\n    return Array.from(expandItemValues);\n  };\n\n  _proto.renderDropdownMenu = function renderDropdownMenu() {\n    var _this$props16 = this.props,\n        _this$props16$height = _this$props16.height,\n        height = _this$props16$height === void 0 ? defaultHeight : _this$props16$height,\n        searchable = _this$props16.searchable,\n        searchKeyword = _this$props16.searchKeyword,\n        renderExtraFooter = _this$props16.renderExtraFooter,\n        locale = _this$props16.locale,\n        renderMenu = _this$props16.renderMenu,\n        menuStyle = _this$props16.menuStyle,\n        virtualized = _this$props16.virtualized,\n        menuClassName = _this$props16.menuClassName,\n        menuAutoWidth = _this$props16.menuAutoWidth;\n    var keyword = !(0, _isUndefined2.default)(searchKeyword) ? searchKeyword : this.state.searchKeyword;\n    var classes = (0, _classnames.default)(menuClassName, this.addPrefix('tree-menu'));\n    var styles = virtualized ? (0, _extends3.default)({\n      height: height\n    }, menuStyle) : menuStyle;\n    return React.createElement(_Picker.MenuWrapper, {\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      ref: this.menuRef,\n      getToggleInstance: this.getToggleInstance,\n      getPositionInstance: this.getPositionInstance,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 878\n      },\n      __self: this\n    }, searchable ? React.createElement(_Picker.SearchBar, {\n      placeholder: locale.searchPlaceholder,\n      key: \"searchBar\",\n      onChange: this.handleSearch,\n      value: keyword,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 887\n      },\n      __self: this\n    }) : null, renderMenu ? renderMenu(this.renderTree()) : this.renderTree(), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n\n  _proto.renderNode = function renderNode(node, index, layer) {\n    var _this8 = this;\n\n    var searchKeyword = this.state.searchKeyword;\n    var _this$props17 = this.props,\n        valueKey = _this$props17.valueKey,\n        childrenKey = _this$props17.childrenKey;\n\n    if (!node.visible) {\n      return null;\n    }\n\n    var refKey = node.refKey;\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, this.nodes[refKey].expand);\n    var key = (0, _isString2.default)(node[valueKey]) || (0, _isNumber2.default)(node[valueKey]) ? node[valueKey] : refKey;\n    var children = node[childrenKey]; // 当用户进行搜索时，hasChildren的判断要变成判断是否存在 visible 为 true 的子节点\n\n    var visibleChildren = (0, _isUndefined2.default)(searchKeyword) || searchKeyword.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);\n    var nodeProps = (0, _extends3.default)({}, this.getTreeNodeProps((0, _extends3.default)({}, node, {\n      expand: expand\n    }), layer, index), {\n      hasChildren: visibleChildren\n    });\n\n    if (nodeProps.hasChildren) {\n      var _classNames;\n\n      layer += 1; // 是否展开树节点且子节点不为空\n\n      var openClass = this.addTreePrefix('open');\n      var childrenClass = (0, _classnames.default)(this.addTreePrefix('node-children'), (_classNames = {}, _classNames[openClass] = expand && visibleChildren, _classNames));\n      var nodes = children || [];\n      return React.createElement(\"div\", {\n        className: childrenClass,\n        key: key,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 933\n        },\n        __self: this\n      }, React.createElement(_TreeNode.default, (0, _extends3.default)({}, nodeProps, {\n        innerRef: this.bindNodeRefs.bind(this, refKey),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 934\n        },\n        __self: this\n      })), React.createElement(\"div\", {\n        className: this.addTreePrefix('children'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 935\n        },\n        __self: this\n      }, nodes.map(function (child, i) {\n        return _this8.renderNode(child, i, layer);\n      })));\n    }\n\n    return React.createElement(_TreeNode.default, (0, _extends3.default)({\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, nodeProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 942\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderVirtualNode = function renderVirtualNode(node, options) {\n    var searchKeyword = this.state.searchKeyword;\n    var childrenKey = this.props.childrenKey;\n    var key = options.key,\n        style = options.style;\n    var layer = node.layer,\n        refKey = node.refKey,\n        showNode = node.showNode;\n    var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeyword, this.nodes[refKey].expand);\n\n    if (!node.visible) {\n      return null;\n    }\n\n    var nodeProps = (0, _extends3.default)({}, this.getTreeNodeProps((0, _extends3.default)({}, node, {\n      expand: expand\n    }), layer), {\n      style: style,\n      hasChildren: !!node[childrenKey]\n    });\n    return showNode && React.createElement(_TreeNode.default, (0, _extends3.default)({\n      key: key,\n      innerRef: this.bindNodeRefs.bind(this, refKey)\n    }, nodeProps, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 964\n      },\n      __self: this\n    }));\n  };\n\n  _proto.renderTree = function renderTree() {\n    var _classNames2,\n        _this9 = this;\n\n    var filterData = this.state.filterData;\n    var _this$props18 = this.props,\n        height = _this$props18.height,\n        className = _this$props18.className,\n        inline = _this$props18.inline,\n        style = _this$props18.style,\n        locale = _this$props18.locale,\n        virtualized = _this$props18.virtualized,\n        searchable = _this$props18.searchable;\n    var layer = 0;\n    var classes = (0, _classnames.default)((0, _utils.defaultClassPrefix)('tree'), (_classNames2 = {}, _classNames2[className] = inline, _classNames2));\n    var nodes = [];\n\n    if (!virtualized) {\n      nodes = filterData.map(function (dataItem, index) {\n        return _this9.renderNode(dataItem, index, layer);\n      });\n\n      if (!nodes.some(function (v) {\n        return v !== null;\n      })) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 993\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } else {\n      nodes = this.getFlattenTreeData(filterData).filter(function (n) {\n        return n.showNode && n.visible;\n      });\n\n      if (!nodes.length) {\n        return React.createElement(\"div\", {\n          className: this.addPrefix('none'),\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 998\n          },\n          __self: this\n        }, locale.noResultsText);\n      }\n    } // 当未定义 height 且 设置了 virtualized 为 true，treeHeight 设置默认高度\n\n\n    var treeHeight = (0, _isUndefined2.default)(height) && virtualized ? defaultHeight : height;\n    var treeWidth = (0, _isUndefined2.default)(style === null || style === void 0 ? void 0 : style.width) ? defaultWidth : style.width;\n    var styles = inline ? (0, _extends3.default)({\n      height: treeHeight\n    }, style) : {};\n    var listHeight = (0, _treeUtils.getVirtualLisHeight)(inline, searchable, treeHeight);\n    return React.createElement(React.Fragment, {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1010\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      ref: this.treeViewRef,\n      className: classes,\n      style: styles,\n      onKeyDown: this.handleKeyDown,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1011\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: this.addTreePrefix('nodes'),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1017\n      },\n      __self: this\n    }, virtualized ? React.createElement(_AutoSizer.default, {\n      defaultHeight: listHeight,\n      defaultWidth: treeWidth,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1019\n      },\n      __self: this\n    }, function (_ref4) {\n      var height = _ref4.height,\n          width = _ref4.width;\n      return React.createElement(_List.default, {\n        ref: _this9.listRef,\n        width: width || treeWidth,\n        height: height || listHeight,\n        rowHeight: 38,\n        rowCount: nodes.length,\n        rowRenderer: _this9.measureRowRenderer(nodes),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1021\n        },\n        __self: this\n      });\n    }) : nodes)), this.renderDragNode());\n  };\n\n  _proto.renderDragNode = function renderDragNode() {\n    var _this$props19 = this.props,\n        labelKey = _this$props19.labelKey,\n        draggable = _this$props19.draggable,\n        renderDragNode = _this$props19.renderDragNode;\n    var dragNode = this.dragNode || {};\n\n    if (draggable) {\n      var dragNodeContent = dragNode[labelKey];\n\n      if ((0, _isFunction2.default)(renderDragNode)) {\n        dragNodeContent = renderDragNode(dragNode);\n      }\n\n      return React.createElement(\"span\", {\n        id: \"drag-node\",\n        className: this.addTreePrefix('drag-node-mover'),\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 1050\n        },\n        __self: this\n      }, dragNodeContent);\n    }\n\n    return null;\n  };\n\n  _proto.render = function render() {\n    var _this$props20 = this.props,\n        inline = _this$props20.inline,\n        locale = _this$props20.locale,\n        disabled = _this$props20.disabled,\n        toggleComponentClass = _this$props20.toggleComponentClass,\n        placeholder = _this$props20.placeholder,\n        cleanable = _this$props20.cleanable,\n        renderValue = _this$props20.renderValue,\n        labelKey = _this$props20.labelKey,\n        onEntered = _this$props20.onEntered,\n        onExited = _this$props20.onExited,\n        onClean = _this$props20.onClean,\n        style = _this$props20.style,\n        positionRef = _this$props20.positionRef,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props20, [\"inline\", \"locale\", \"disabled\", \"toggleComponentClass\", \"placeholder\", \"cleanable\", \"renderValue\", \"labelKey\", \"onEntered\", \"onExited\", \"onClean\", \"style\", \"positionRef\"]);\n    var _this$state6 = this.state,\n        selectedValue = _this$state6.selectedValue,\n        activeNode = _this$state6.activeNode;\n    var hasValidValue = !(0, _isNil2.default)(activeNode) || !(0, _isNil2.default)(selectedValue) && (0, _isFunction2.default)(renderValue);\n    var selectedElement = placeholder;\n    var hasValue = !!activeNode;\n    /**\n     * if value is invalid and renderValue is undefined, then using placeholder.\n     * if value is valid and renderValue is't undefined, then using renderValue()\n     */\n\n    if (!(0, _isNil2.default)(selectedValue)) {\n      if (hasValue) {\n        selectedElement = activeNode[labelKey];\n      }\n\n      if ((0, _isFunction2.default)(renderValue)) {\n        var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};\n        selectedElement = renderValue(selectedValue, node, selectedElement);\n\n        if ((0, _isNil2.default)(selectedElement)) {\n          hasValidValue = false;\n        }\n      }\n    }\n\n    var unhandled = (0, _utils.getUnhandledProps)(TreePicker, rest);\n    var classes = (0, _Picker.getToggleWrapperClassName)('tree', this.addPrefix, this.props, hasValidValue);\n\n    if (inline) {\n      return this.renderTree();\n    }\n\n    return React.createElement(_Picker.PickerToggleTrigger, {\n      pickerProps: this.props,\n      ref: this.triggerRef,\n      positionRef: (0, _utils.mergeRefs)(this.positionRef, positionRef),\n      onEntered: (0, _utils.createChainedFunction)(this.handleOnOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(this.handleOnClose, onExited),\n      speaker: this.renderDropdownMenu(),\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1108\n      },\n      __self: this\n    }, React.createElement(\"div\", {\n      className: classes,\n      style: style,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1116\n      },\n      __self: this\n    }, React.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, unhandled, {\n      ref: this.toggleRef,\n      onKeyDown: this.handleToggleKeyDown,\n      onClean: (0, _utils.createChainedFunction)(this.handleClean, onClean),\n      cleanable: cleanable && !disabled,\n      componentClass: toggleComponentClass,\n      hasValue: hasValidValue,\n      active: this.state.active,\n      \"aria-disabled\": disabled,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 1117\n      },\n      __self: this\n    }), selectedElement || locale.placeholder)));\n  };\n\n  return TreePicker;\n}(React.Component);\n\nTreePicker.propTypes = (0, _extends3.default)({}, _propTypes2.listPickerPropTypes, {\n  height: _propTypes.default.number,\n  inline: _propTypes.default.bool,\n  draggable: _propTypes.default.bool,\n  expandAll: _propTypes.default.bool,\n  virtualized: _propTypes.default.bool,\n  searchable: _propTypes.default.bool,\n  menuAutoWidth: _propTypes.default.bool,\n  searchKeyword: _propTypes.default.string,\n  defaultExpandAll: _propTypes.default.bool,\n  expandItemValues: _propTypes.default.array,\n  defaultExpandItemValues: _propTypes.default.array,\n  onSearch: _propTypes.default.func,\n  onExpand: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderTreeNode: _propTypes.default.func,\n  renderTreeIcon: _propTypes.default.func,\n  renderExtraFooter: _propTypes.default.func,\n  renderDragNode: _propTypes.default.func,\n  searchBy: _propTypes.default.func\n});\nTreePicker.defaultProps = (0, _extends3.default)({}, _propTypes2.listPickerDefaultProps, {\n  searchable: true,\n  menuAutoWidth: true,\n  locale: {\n    placeholder: 'Select',\n    searchPlaceholder: 'Search',\n    noResultsText: 'No results found'\n  }\n});\n(0, _reactLifecyclesCompat.polyfill)(TreePicker);\n\nvar _default = (0, _utils.defaultProps)({\n  classPrefix: 'picker'\n})(TreePicker);\n\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./src/TreePicker/TreePicker.tsx?");
 
 /***/ }),
 
@@ -9390,7 +9390,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nvar _exportNames = {\n  withStyleProps: true,\n  prefix: true,\n  createChainedFunction: true,\n  defaultProps: true,\n  getUnhandledProps: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  ajaxUpload: true,\n  previewFile: true,\n  getDataGroupBy: true,\n  clone: true,\n  findNodesOfTree: true,\n  createContext: true,\n  placementPolyfill: true,\n  getMonthView: true,\n  isRTL: true,\n  refType: true,\n  mergeRefs: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  globalKey: true\n};\nexports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.mergeRefs = exports.refType = exports.isRTL = exports.getMonthView = exports.placementPolyfill = exports.createContext = exports.findNodesOfTree = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.getUnhandledProps = exports.defaultProps = exports.createChainedFunction = exports.prefix = exports.withStyleProps = void 0;\n\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/utils/BrowserDetection.ts\");\n\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _BrowserDetection[key];\n});\n\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/utils/htmlPropsUtils.ts\");\n\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _htmlPropsUtils[key];\n});\n\nvar _withStyleProps = _interopRequireDefault(__webpack_require__(/*! ./withStyleProps */ \"./src/utils/withStyleProps.tsx\"));\n\nexports.withStyleProps = _withStyleProps.default;\n\nvar _prefix = _interopRequireWildcard(__webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\"));\n\nexports.prefix = _prefix.default;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nexports.globalKey = _prefix.globalKey;\n\nvar _createChainedFunction = _interopRequireDefault(__webpack_require__(/*! ./createChainedFunction */ \"./src/utils/createChainedFunction.ts\"));\n\nexports.createChainedFunction = _createChainedFunction.default;\n\nvar _defaultProps = _interopRequireDefault(__webpack_require__(/*! ./defaultProps */ \"./src/utils/defaultProps.ts\"));\n\nexports.defaultProps = _defaultProps.default;\n\nvar _getUnhandledProps = _interopRequireDefault(__webpack_require__(/*! ./getUnhandledProps */ \"./src/utils/getUnhandledProps.ts\"));\n\nexports.getUnhandledProps = _getUnhandledProps.default;\n\nvar _isOneOf = _interopRequireDefault(__webpack_require__(/*! ./isOneOf */ \"./src/utils/isOneOf.ts\"));\n\nexports.isOneOf = _isOneOf.default;\n\nvar _ReactChildren = _interopRequireDefault(__webpack_require__(/*! ./ReactChildren */ \"./src/utils/ReactChildren.tsx\"));\n\nexports.ReactChildren = _ReactChildren.default;\n\nvar _tplTransform = _interopRequireDefault(__webpack_require__(/*! ./tplTransform */ \"./src/utils/tplTransform.tsx\"));\n\nexports.tplTransform = _tplTransform.default;\n\nvar _ajaxUpload = _interopRequireDefault(__webpack_require__(/*! ./ajaxUpload */ \"./src/utils/ajaxUpload.ts\"));\n\nexports.ajaxUpload = _ajaxUpload.default;\n\nvar _previewFile = _interopRequireDefault(__webpack_require__(/*! ./previewFile */ \"./src/utils/previewFile.ts\"));\n\nexports.previewFile = _previewFile.default;\n\nvar _getDataGroupBy = _interopRequireDefault(__webpack_require__(/*! ./getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\"));\n\nexports.getDataGroupBy = _getDataGroupBy.default;\n\nvar _clone = _interopRequireDefault(__webpack_require__(/*! ./clone */ \"./src/utils/clone.ts\"));\n\nexports.clone = _clone.default;\n\nvar _findNodesOfTree = _interopRequireDefault(__webpack_require__(/*! ./findNodesOfTree */ \"./src/utils/findNodesOfTree.ts\"));\n\nexports.findNodesOfTree = _findNodesOfTree.default;\n\nvar _createContext = _interopRequireDefault(__webpack_require__(/*! ./createContext */ \"./src/utils/createContext.ts\"));\n\nexports.createContext = _createContext.default;\n\nvar _placementPolyfill = _interopRequireDefault(__webpack_require__(/*! ./placementPolyfill */ \"./src/utils/placementPolyfill.ts\"));\n\nexports.placementPolyfill = _placementPolyfill.default;\n\nvar _getMonthView = _interopRequireDefault(__webpack_require__(/*! ./getMonthView */ \"./src/utils/getMonthView.ts\"));\n\nexports.getMonthView = _getMonthView.default;\n\nvar _directionUtil = _interopRequireDefault(__webpack_require__(/*! ./directionUtil */ \"./src/utils/directionUtil.ts\"));\n\nexports.isRTL = _directionUtil.default;\n\nvar _refType = _interopRequireDefault(__webpack_require__(/*! ./refType */ \"./src/utils/refType.ts\"));\n\nexports.refType = _refType.default;\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ./mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nexports.mergeRefs = _mergeRefs.default;\n\n//# sourceURL=webpack://rsuite/./src/utils/index.ts?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nvar _exportNames = {\n  withStyleProps: true,\n  prefix: true,\n  createChainedFunction: true,\n  defaultProps: true,\n  getUnhandledProps: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  ajaxUpload: true,\n  previewFile: true,\n  getDataGroupBy: true,\n  clone: true,\n  findNodesOfTree: true,\n  createContext: true,\n  placementPolyfill: true,\n  getMonthView: true,\n  isRTL: true,\n  refType: true,\n  mergeRefs: true,\n  getDOMNode: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  globalKey: true\n};\nexports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.getDOMNode = exports.mergeRefs = exports.refType = exports.isRTL = exports.getMonthView = exports.placementPolyfill = exports.createContext = exports.findNodesOfTree = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.getUnhandledProps = exports.defaultProps = exports.createChainedFunction = exports.prefix = exports.withStyleProps = void 0;\n\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/utils/BrowserDetection.ts\");\n\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _BrowserDetection[key];\n});\n\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/utils/htmlPropsUtils.ts\");\n\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  exports[key] = _htmlPropsUtils[key];\n});\n\nvar _withStyleProps = _interopRequireDefault(__webpack_require__(/*! ./withStyleProps */ \"./src/utils/withStyleProps.tsx\"));\n\nexports.withStyleProps = _withStyleProps.default;\n\nvar _prefix = _interopRequireWildcard(__webpack_require__(/*! ./prefix */ \"./src/utils/prefix.ts\"));\n\nexports.prefix = _prefix.default;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nexports.globalKey = _prefix.globalKey;\n\nvar _createChainedFunction = _interopRequireDefault(__webpack_require__(/*! ./createChainedFunction */ \"./src/utils/createChainedFunction.ts\"));\n\nexports.createChainedFunction = _createChainedFunction.default;\n\nvar _defaultProps = _interopRequireDefault(__webpack_require__(/*! ./defaultProps */ \"./src/utils/defaultProps.ts\"));\n\nexports.defaultProps = _defaultProps.default;\n\nvar _getUnhandledProps = _interopRequireDefault(__webpack_require__(/*! ./getUnhandledProps */ \"./src/utils/getUnhandledProps.ts\"));\n\nexports.getUnhandledProps = _getUnhandledProps.default;\n\nvar _isOneOf = _interopRequireDefault(__webpack_require__(/*! ./isOneOf */ \"./src/utils/isOneOf.ts\"));\n\nexports.isOneOf = _isOneOf.default;\n\nvar _ReactChildren = _interopRequireDefault(__webpack_require__(/*! ./ReactChildren */ \"./src/utils/ReactChildren.tsx\"));\n\nexports.ReactChildren = _ReactChildren.default;\n\nvar _tplTransform = _interopRequireDefault(__webpack_require__(/*! ./tplTransform */ \"./src/utils/tplTransform.tsx\"));\n\nexports.tplTransform = _tplTransform.default;\n\nvar _ajaxUpload = _interopRequireDefault(__webpack_require__(/*! ./ajaxUpload */ \"./src/utils/ajaxUpload.ts\"));\n\nexports.ajaxUpload = _ajaxUpload.default;\n\nvar _previewFile = _interopRequireDefault(__webpack_require__(/*! ./previewFile */ \"./src/utils/previewFile.ts\"));\n\nexports.previewFile = _previewFile.default;\n\nvar _getDataGroupBy = _interopRequireDefault(__webpack_require__(/*! ./getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\"));\n\nexports.getDataGroupBy = _getDataGroupBy.default;\n\nvar _clone = _interopRequireDefault(__webpack_require__(/*! ./clone */ \"./src/utils/clone.ts\"));\n\nexports.clone = _clone.default;\n\nvar _findNodesOfTree = _interopRequireDefault(__webpack_require__(/*! ./findNodesOfTree */ \"./src/utils/findNodesOfTree.ts\"));\n\nexports.findNodesOfTree = _findNodesOfTree.default;\n\nvar _createContext = _interopRequireDefault(__webpack_require__(/*! ./createContext */ \"./src/utils/createContext.ts\"));\n\nexports.createContext = _createContext.default;\n\nvar _placementPolyfill = _interopRequireDefault(__webpack_require__(/*! ./placementPolyfill */ \"./src/utils/placementPolyfill.ts\"));\n\nexports.placementPolyfill = _placementPolyfill.default;\n\nvar _getMonthView = _interopRequireDefault(__webpack_require__(/*! ./getMonthView */ \"./src/utils/getMonthView.ts\"));\n\nexports.getMonthView = _getMonthView.default;\n\nvar _directionUtil = _interopRequireDefault(__webpack_require__(/*! ./directionUtil */ \"./src/utils/directionUtil.ts\"));\n\nexports.isRTL = _directionUtil.default;\n\nvar _refType = _interopRequireDefault(__webpack_require__(/*! ./refType */ \"./src/utils/refType.ts\"));\n\nexports.refType = _refType.default;\n\nvar _mergeRefs = _interopRequireDefault(__webpack_require__(/*! ./mergeRefs */ \"./src/utils/mergeRefs.ts\"));\n\nexports.mergeRefs = _mergeRefs.default;\n\nvar _getDOMNode = _interopRequireDefault(__webpack_require__(/*! ./getDOMNode */ \"./src/utils/getDOMNode.ts\"));\n\nexports.getDOMNode = _getDOMNode.default;\n\n//# sourceURL=webpack://rsuite/./src/utils/index.ts?");
 
 /***/ }),